diff --git a/packages/react/biome.json b/packages/react/biome.json new file mode 100644 index 0000000000..3000118351 --- /dev/null +++ b/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" + } + } + } +} diff --git a/packages/react/src/components/accordion/accordion-context.tsx b/packages/react/src/components/accordion/accordion-context.tsx index ed6a9cb4ea..1897d56233 100644 --- a/packages/react/src/components/accordion/accordion-context.tsx +++ b/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 diff --git a/packages/react/src/components/accordion/accordion-item-content.tsx b/packages/react/src/components/accordion/accordion-item-content.tsx index 8bea48deb1..de3871331a 100644 --- a/packages/react/src/components/accordion/accordion-item-content.tsx +++ b/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 {} diff --git a/packages/react/src/components/accordion/accordion-item-context.tsx b/packages/react/src/components/accordion/accordion-item-context.tsx index dbd9fc6e66..b9b9947d40 100644 --- a/packages/react/src/components/accordion/accordion-item-context.tsx +++ b/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 diff --git a/packages/react/src/components/accordion/accordion-item-indicator.tsx b/packages/react/src/components/accordion/accordion-item-indicator.tsx index 5629ce8251..608f225916 100644 --- a/packages/react/src/components/accordion/accordion-item-indicator.tsx +++ b/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 {} diff --git a/packages/react/src/components/accordion/accordion-item-trigger.tsx b/packages/react/src/components/accordion/accordion-item-trigger.tsx index 50be26380f..66a6c34587 100644 --- a/packages/react/src/components/accordion/accordion-item-trigger.tsx +++ b/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 {} diff --git a/packages/react/src/components/accordion/accordion-item.tsx b/packages/react/src/components/accordion/accordion-item.tsx index 29d9747bf6..52f419ab9b 100644 --- a/packages/react/src/components/accordion/accordion-item.tsx +++ b/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 {} diff --git a/packages/react/src/components/accordion/accordion-root-provider.tsx b/packages/react/src/components/accordion/accordion-root-provider.tsx index ff16260fbf..3509a4a271 100644 --- a/packages/react/src/components/accordion/accordion-root-provider.tsx +++ b/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 diff --git a/packages/react/src/components/accordion/accordion-root.tsx b/packages/react/src/components/accordion/accordion-root.tsx index eacde746f1..ad0bcea5ac 100644 --- a/packages/react/src/components/accordion/accordion-root.tsx +++ b/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, AccordionRootBaseProps> {} diff --git a/packages/react/src/components/accordion/accordion.stories.tsx b/packages/react/src/components/accordion/accordion.stories.tsx index 0db5c97cc7..8ce371b563 100644 --- a/packages/react/src/components/accordion/accordion.stories.tsx +++ b/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' diff --git a/packages/react/src/components/accordion/accordion.ts b/packages/react/src/components/accordion/accordion.ts index 29e6b6113a..760a94f0ff 100644 --- a/packages/react/src/components/accordion/accordion.ts +++ b/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' diff --git a/packages/react/src/components/accordion/index.ts b/packages/react/src/components/accordion/index.ts index 5ba483357d..3eadf0e3f3 100644 --- a/packages/react/src/components/accordion/index.ts +++ b/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' diff --git a/packages/react/src/components/accordion/tests/accordion.test.tsx b/packages/react/src/components/accordion/tests/accordion.test.tsx index 6a448c9566..a54a3089f3 100644 --- a/packages/react/src/components/accordion/tests/accordion.test.tsx +++ b/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 () => { diff --git a/packages/react/src/components/accordion/tests/basic.tsx b/packages/react/src/components/accordion/tests/basic.tsx index 0829160f17..e361b415f1 100644 --- a/packages/react/src/components/accordion/tests/basic.tsx +++ b/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' }] diff --git a/packages/react/src/components/accordion/use-accordion-context.ts b/packages/react/src/components/accordion/use-accordion-context.ts index 85a541c68b..8c0589120f 100644 --- a/packages/react/src/components/accordion/use-accordion-context.ts +++ b/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 {} diff --git a/packages/react/src/components/accordion/use-accordion-item-context.ts b/packages/react/src/components/accordion/use-accordion-item-context.ts index a4115d5ecf..cec57c625f 100644 --- a/packages/react/src/components/accordion/use-accordion-item-context.ts +++ b/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 {} diff --git a/packages/react/src/components/accordion/use-accordion-item-props-context.ts b/packages/react/src/components/accordion/use-accordion-item-props-context.ts index f68c57ac9d..e05f2e2a34 100644 --- a/packages/react/src/components/accordion/use-accordion-item-props-context.ts +++ b/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 {} diff --git a/packages/react/src/components/accordion/use-accordion.ts b/packages/react/src/components/accordion/use-accordion.ts index 5909acbf42..21fab215cb 100644 --- a/packages/react/src/components/accordion/use-accordion.ts +++ b/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, 'id'> {} export interface UseAccordionReturn extends accordion.Api {} diff --git a/packages/react/src/components/anatomy.ts b/packages/react/src/components/anatomy.ts index 70a0da37c5..1f6b353f0b 100644 --- a/packages/react/src/components/anatomy.ts +++ b/packages/react/src/components/anatomy.ts @@ -1,52 +1,52 @@ export * from '@zag-js/anatomy' -export { accordionAnatomy } from './accordion/accordion.anatomy' -export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy' -export { avatarAnatomy } from './avatar/avatar.anatomy' -export { drawerAnatomy } from './drawer/drawer.anatomy' -export { carouselAnatomy } from './carousel/carousel.anatomy' -export { checkboxAnatomy } from './checkbox/checkbox.anatomy' -export { clipboardAnatomy } from './clipboard/clipboard.anatomy' -export { collapsibleAnatomy } from './collapsible/collapsible.anatomy' -export { colorPickerAnatomy } from './color-picker/color-picker.anatomy' -export { comboboxAnatomy } from './combobox/combobox.anatomy' -export { dateInputAnatomy } from './date-input/date-input.anatomy' -export { datePickerAnatomy } from './date-picker/date-picker.anatomy' -export { dialogAnatomy } from './dialog/dialog.anatomy' -export { editableAnatomy } from './editable/editable.anatomy' -export { fieldAnatomy } from './field/field.anatomy' -export { fieldsetAnatomy } from './fieldset/fieldset.anatomy' -export { fileUploadAnatomy } from './file-upload/file-upload.anatomy' -export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy' -export { hoverCardAnatomy } from './hover-card/hover-card.anatomy' -export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy' -export { listboxAnatomy } from './listbox/listbox.anatomy' -export { marqueeAnatomy } from './marquee/marquee.anatomy' -export { menuAnatomy } from './menu/menu.anatomy' -export { navigationMenuAnatomy } from './navigation-menu/navigation-menu.anatomy' -export { numberInputAnatomy } from './number-input/number-input.anatomy' -export { paginationAnatomy } from './pagination/pagination.anatomy' -export { passwordInputAnatomy } from './password-input/password-input.anatomy' -export { pinInputAnatomy } from './pin-input/pin-input.anatomy' -export { popoverAnatomy } from './popover/popover.anatomy' -export { progressAnatomy } from './progress/progress.anatomy' -export { qrCodeAnatomy } from './qr-code/qr-code.anatomy' -export { radioGroupAnatomy } from './radio-group/radio-group.anatomy' -export { ratingGroupAnatomy } from './rating-group/rating-group.anatomy' -export { scrollAreaAnatomy } from './scroll-area/scroll-area.anatomy' -export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy' -export { selectAnatomy } from './select/select.anatomy' -export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy' -export { sliderAnatomy } from './slider/slider.anatomy' -export { splitterAnatomy } from './splitter/splitter.anatomy' -export { stepsAnatomy } from './steps/steps.anatomy' -export { swapAnatomy } from './swap/swap.anatomy' -export { switchAnatomy } from './switch/switch.anatomy' -export { tabsAnatomy } from './tabs/tabs.anatomy' -export { tagsInputAnatomy } from './tags-input/tags-input.anatomy' -export { timerAnatomy } from './timer/timer.anatomy' -export { toastAnatomy } from './toast/toast.anatomy' -export { toggleAnatomy } from './toggle/toggle.anatomy' -export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy' -export { tooltipAnatomy } from './tooltip/tooltip.anatomy' -export { tourAnatomy } from './tour/tour.anatomy' -export { treeViewAnatomy } from './tree-view/tree-view.anatomy' +export { accordionAnatomy } from './accordion/accordion.anatomy.ts' +export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy.tsx' +export { avatarAnatomy } from './avatar/avatar.anatomy.ts' +export { drawerAnatomy } from './drawer/drawer.anatomy.ts' +export { carouselAnatomy } from './carousel/carousel.anatomy.ts' +export { checkboxAnatomy } from './checkbox/checkbox.anatomy.ts' +export { clipboardAnatomy } from './clipboard/clipboard.anatomy.ts' +export { collapsibleAnatomy } from './collapsible/collapsible.anatomy.ts' +export { colorPickerAnatomy } from './color-picker/color-picker.anatomy.ts' +export { comboboxAnatomy } from './combobox/combobox.anatomy.ts' +export { dateInputAnatomy } from './date-input/date-input.anatomy.ts' +export { datePickerAnatomy } from './date-picker/date-picker.anatomy.ts' +export { dialogAnatomy } from './dialog/dialog.anatomy.ts' +export { editableAnatomy } from './editable/editable.anatomy.ts' +export { fieldAnatomy } from './field/field.anatomy.ts' +export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.ts' +export { fileUploadAnatomy } from './file-upload/file-upload.anatomy.ts' +export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy.ts' +export { hoverCardAnatomy } from './hover-card/hover-card.anatomy.ts' +export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy.ts' +export { listboxAnatomy } from './listbox/listbox.anatomy.ts' +export { marqueeAnatomy } from './marquee/marquee.anatomy.ts' +export { menuAnatomy } from './menu/menu.anatomy.ts' +export { navigationMenuAnatomy } from './navigation-menu/navigation-menu.anatomy.ts' +export { numberInputAnatomy } from './number-input/number-input.anatomy.ts' +export { paginationAnatomy } from './pagination/pagination.anatomy.ts' +export { passwordInputAnatomy } from './password-input/password-input.anatomy.ts' +export { pinInputAnatomy } from './pin-input/pin-input.anatomy.ts' +export { popoverAnatomy } from './popover/popover.anatomy.ts' +export { progressAnatomy } from './progress/progress.anatomy.ts' +export { qrCodeAnatomy } from './qr-code/qr-code.anatomy.ts' +export { radioGroupAnatomy } from './radio-group/radio-group.anatomy.ts' +export { ratingGroupAnatomy } from './rating-group/rating-group.anatomy.ts' +export { scrollAreaAnatomy } from './scroll-area/scroll-area.anatomy.ts' +export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.ts' +export { selectAnatomy } from './select/select.anatomy.ts' +export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy.ts' +export { sliderAnatomy } from './slider/slider.anatomy.ts' +export { splitterAnatomy } from './splitter/splitter.anatomy.ts' +export { stepsAnatomy } from './steps/steps.anatomy.ts' +export { swapAnatomy } from './swap/swap.anatomy.ts' +export { switchAnatomy } from './switch/switch.anatomy.ts' +export { tabsAnatomy } from './tabs/tabs.anatomy.ts' +export { tagsInputAnatomy } from './tags-input/tags-input.anatomy.ts' +export { timerAnatomy } from './timer/timer.anatomy.ts' +export { toastAnatomy } from './toast/toast.anatomy.ts' +export { toggleAnatomy } from './toggle/toggle.anatomy.ts' +export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy.ts' +export { tooltipAnatomy } from './tooltip/tooltip.anatomy.ts' +export { tourAnatomy } from './tour/tour.anatomy.ts' +export { treeViewAnatomy } from './tree-view/tree-view.anatomy.ts' diff --git a/packages/react/src/components/angle-slider/angle-slider-context.tsx b/packages/react/src/components/angle-slider/angle-slider-context.tsx index b2a50c6ac4..8b72ebe010 100644 --- a/packages/react/src/components/angle-slider/angle-slider-context.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseAngleSliderContext, useAngleSliderContext } from './use-angle-slider-context' +import { type UseAngleSliderContext, useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderContextProps { children: (context: UseAngleSliderContext) => ReactNode diff --git a/packages/react/src/components/angle-slider/angle-slider-control.tsx b/packages/react/src/components/angle-slider/angle-slider-control.tsx index 57db722096..02333b3e96 100644 --- a/packages/react/src/components/angle-slider/angle-slider-control.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderControlBaseProps extends PolymorphicProps {} export interface AngleSliderControlProps extends HTMLProps<'div'>, AngleSliderControlBaseProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider-hidden-input.tsx b/packages/react/src/components/angle-slider/angle-slider-hidden-input.tsx index f35f34c71d..c758889059 100644 --- a/packages/react/src/components/angle-slider/angle-slider-hidden-input.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-hidden-input.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {} export interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider-label.tsx b/packages/react/src/components/angle-slider/angle-slider-label.tsx index 5123484721..536d32d06b 100644 --- a/packages/react/src/components/angle-slider/angle-slider-label.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderLabelBaseProps extends PolymorphicProps {} export interface AngleSliderLabelProps extends HTMLProps<'label'>, AngleSliderLabelBaseProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider-marker-group.tsx b/packages/react/src/components/angle-slider/angle-slider-marker-group.tsx index 0e702377d2..e55547a4c9 100644 --- a/packages/react/src/components/angle-slider/angle-slider-marker-group.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-marker-group.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {} export interface AngleSliderMarkerGroupProps extends HTMLProps<'div'>, AngleSliderMarkerGroupBaseProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider-marker.tsx b/packages/react/src/components/angle-slider/angle-slider-marker.tsx index 76b73d6b22..308c659f82 100644 --- a/packages/react/src/components/angle-slider/angle-slider-marker.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-marker.tsx @@ -3,10 +3,10 @@ import type { MarkerProps } from '@zag-js/angle-slider' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {} export interface AngleSliderMarkerProps extends Assign, AngleSliderMarkerBaseProps> {} diff --git a/packages/react/src/components/angle-slider/angle-slider-root-provider.tsx b/packages/react/src/components/angle-slider/angle-slider-root-provider.tsx index 68e8b8cf7a..61df7d6808 100644 --- a/packages/react/src/components/angle-slider/angle-slider-root-provider.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseAngleSliderReturn } from './use-angle-slider' -import { AngleSliderProvider } from './use-angle-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseAngleSliderReturn } from './use-angle-slider.ts' +import { AngleSliderProvider } from './use-angle-slider-context.ts' interface RootProviderProps { value: UseAngleSliderReturn diff --git a/packages/react/src/components/angle-slider/angle-slider-root.tsx b/packages/react/src/components/angle-slider/angle-slider-root.tsx index e21cd57aff..5652313979 100644 --- a/packages/react/src/components/angle-slider/angle-slider-root.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseAngleSliderProps, useAngleSlider } from './use-angle-slider' -import { AngleSliderProvider } from './use-angle-slider-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseAngleSliderProps, useAngleSlider } from './use-angle-slider.ts' +import { AngleSliderProvider } from './use-angle-slider-context.ts' export interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider-thumb.tsx b/packages/react/src/components/angle-slider/angle-slider-thumb.tsx index f25dfb9d2b..ac8da4444a 100644 --- a/packages/react/src/components/angle-slider/angle-slider-thumb.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-thumb.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderThumbBaseProps extends PolymorphicProps {} export interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider-value-text.tsx b/packages/react/src/components/angle-slider/angle-slider-value-text.tsx index 28d6310527..f0adb0e72c 100644 --- a/packages/react/src/components/angle-slider/angle-slider-value-text.tsx +++ b/packages/react/src/components/angle-slider/angle-slider-value-text.tsx @@ -1,8 +1,8 @@ 'use client' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderValueTextBaseProps extends PolymorphicProps {} export interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {} diff --git a/packages/react/src/components/angle-slider/angle-slider.stories.tsx b/packages/react/src/components/angle-slider/angle-slider.stories.tsx index 4d02bb5b84..8b756913e1 100644 --- a/packages/react/src/components/angle-slider/angle-slider.stories.tsx +++ b/packages/react/src/components/angle-slider/angle-slider.stories.tsx @@ -6,9 +6,9 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { Step } from './examples/step' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Step } from './examples/step.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/angle-slider/angle-slider.ts b/packages/react/src/components/angle-slider/angle-slider.ts index dfbbd5b7d7..2e88422216 100644 --- a/packages/react/src/components/angle-slider/angle-slider.ts +++ b/packages/react/src/components/angle-slider/angle-slider.ts @@ -1,46 +1,46 @@ -export { AngleSliderContext as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context' +export { AngleSliderContext as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context.tsx' export { AngleSliderRoot as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, -} from './angle-slider-root' +} from './angle-slider-root.tsx' export { AngleSliderRootProvider as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, -} from './angle-slider-root-provider' +} from './angle-slider-root-provider.tsx' export { AngleSliderLabel as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, -} from './angle-slider-label' +} from './angle-slider-label.tsx' export { AngleSliderControl as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, -} from './angle-slider-control' +} from './angle-slider-control.tsx' export { AngleSliderThumb as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, -} from './angle-slider-thumb' +} from './angle-slider-thumb.tsx' export { AngleSliderMarkerGroup as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, -} from './angle-slider-marker-group' +} from './angle-slider-marker-group.tsx' export { AngleSliderMarker as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, -} from './angle-slider-marker' +} from './angle-slider-marker.tsx' export { AngleSliderValueText as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, -} from './angle-slider-value-text' +} from './angle-slider-value-text.tsx' export { AngleSliderHiddenInput as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, -} from './angle-slider-hidden-input' +} from './angle-slider-hidden-input.tsx' diff --git a/packages/react/src/components/angle-slider/index.ts b/packages/react/src/components/angle-slider/index.ts index 9666f52b01..10e726e9ef 100644 --- a/packages/react/src/components/angle-slider/index.ts +++ b/packages/react/src/components/angle-slider/index.ts @@ -1,35 +1,39 @@ -export { AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context' +export { AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context.tsx' export { AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, -} from './angle-slider-control' +} from './angle-slider-control.tsx' export { AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, -} from './angle-slider-hidden-input' -export { AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps } from './angle-slider-label' -export { AngleSliderMarker, type AngleSliderMarkerBaseProps, type AngleSliderMarkerProps } from './angle-slider-marker' +} from './angle-slider-hidden-input.tsx' +export { AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps } from './angle-slider-label.tsx' +export { + AngleSliderMarker, + type AngleSliderMarkerBaseProps, + type AngleSliderMarkerProps, +} from './angle-slider-marker.tsx' export { AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, -} from './angle-slider-marker-group' -export { AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps } from './angle-slider-root' +} from './angle-slider-marker-group.tsx' +export { AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps } from './angle-slider-root.tsx' export { AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, -} from './angle-slider-root-provider' -export { AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps } from './angle-slider-thumb' +} from './angle-slider-root-provider.tsx' +export { AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps } from './angle-slider-thumb.tsx' export { AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, -} from './angle-slider-value-text' -export { angleSliderAnatomy } from './angle-slider.anatomy' -export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider' -export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context' +} from './angle-slider-value-text.tsx' +export { angleSliderAnatomy } from './angle-slider.anatomy.tsx' +export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider.ts' +export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context.ts' -export * as AngleSlider from './angle-slider' +export * as AngleSlider from './angle-slider.ts' diff --git a/packages/react/src/components/angle-slider/tests/angle-slider.test.tsx b/packages/react/src/components/angle-slider/tests/angle-slider.test.tsx index c42611bccf..01397aef2b 100644 --- a/packages/react/src/components/angle-slider/tests/angle-slider.test.tsx +++ b/packages/react/src/components/angle-slider/tests/angle-slider.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('AngleSlider', () => { it.skip('should have no a11y violations', async () => { diff --git a/packages/react/src/components/angle-slider/tests/basic.tsx b/packages/react/src/components/angle-slider/tests/basic.tsx index 5147d37948..65ff2c1245 100644 --- a/packages/react/src/components/angle-slider/tests/basic.tsx +++ b/packages/react/src/components/angle-slider/tests/basic.tsx @@ -1,4 +1,4 @@ -import { AngleSlider } from '../' +import { AngleSlider } from '../index.ts' export const ComponentUnderTest = (props: AngleSlider.RootProps) => { return ( diff --git a/packages/react/src/components/angle-slider/use-angle-slider-context.ts b/packages/react/src/components/angle-slider/use-angle-slider-context.ts index b86775d2d9..f564e10ff5 100644 --- a/packages/react/src/components/angle-slider/use-angle-slider-context.ts +++ b/packages/react/src/components/angle-slider/use-angle-slider-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseAngleSliderReturn } from './use-angle-slider' +import { createContext } from '../../utils/create-context.ts' +import type { UseAngleSliderReturn } from './use-angle-slider.ts' export interface UseAngleSliderContext extends UseAngleSliderReturn {} diff --git a/packages/react/src/components/angle-slider/use-angle-slider.ts b/packages/react/src/components/angle-slider/use-angle-slider.ts index be75e97626..6b971b4b06 100644 --- a/packages/react/src/components/angle-slider/use-angle-slider.ts +++ b/packages/react/src/components/angle-slider/use-angle-slider.ts @@ -3,8 +3,8 @@ import * as angleSlider from '@zag-js/angle-slider' 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 UseAngleSliderProps extends Optional, 'id'> {} export interface UseAngleSliderReturn extends angleSlider.Api {} diff --git a/packages/react/src/components/avatar/avatar-context.tsx b/packages/react/src/components/avatar/avatar-context.tsx index 25d941ff75..0068a46c15 100644 --- a/packages/react/src/components/avatar/avatar-context.tsx +++ b/packages/react/src/components/avatar/avatar-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseAvatarContext, useAvatarContext } from './use-avatar-context' +import { type UseAvatarContext, useAvatarContext } from './use-avatar-context.ts' export interface AvatarContextProps { children: (context: UseAvatarContext) => ReactNode diff --git a/packages/react/src/components/avatar/avatar-fallback.tsx b/packages/react/src/components/avatar/avatar-fallback.tsx index f32a4d3122..bcaa0ae607 100644 --- a/packages/react/src/components/avatar/avatar-fallback.tsx +++ b/packages/react/src/components/avatar/avatar-fallback.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAvatarContext } from './use-avatar-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAvatarContext } from './use-avatar-context.ts' export interface AvatarFallbackBaseProps extends PolymorphicProps {} export interface AvatarFallbackProps extends HTMLProps<'span'>, AvatarFallbackBaseProps {} diff --git a/packages/react/src/components/avatar/avatar-image.tsx b/packages/react/src/components/avatar/avatar-image.tsx index 2e24ba945c..9f44921de6 100644 --- a/packages/react/src/components/avatar/avatar-image.tsx +++ b/packages/react/src/components/avatar/avatar-image.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAvatarContext } from './use-avatar-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useAvatarContext } from './use-avatar-context.ts' export interface AvatarImageBaseProps extends PolymorphicProps {} export interface AvatarImageProps extends HTMLProps<'img'>, AvatarImageBaseProps {} diff --git a/packages/react/src/components/avatar/avatar-root-provider.tsx b/packages/react/src/components/avatar/avatar-root-provider.tsx index 83c269d33e..24f2f494fa 100644 --- a/packages/react/src/components/avatar/avatar-root-provider.tsx +++ b/packages/react/src/components/avatar/avatar-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseAvatarReturn } from './use-avatar' -import { AvatarProvider } from './use-avatar-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseAvatarReturn } from './use-avatar.ts' +import { AvatarProvider } from './use-avatar-context.ts' interface RootProviderProps { value: UseAvatarReturn diff --git a/packages/react/src/components/avatar/avatar-root.tsx b/packages/react/src/components/avatar/avatar-root.tsx index 3c61c6d5fe..3622501887 100644 --- a/packages/react/src/components/avatar/avatar-root.tsx +++ b/packages/react/src/components/avatar/avatar-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseAvatarProps, useAvatar } from './use-avatar' -import { AvatarProvider } from './use-avatar-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseAvatarProps, useAvatar } from './use-avatar.ts' +import { AvatarProvider } from './use-avatar-context.ts' export interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {} export interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {} diff --git a/packages/react/src/components/avatar/avatar.stories.tsx b/packages/react/src/components/avatar/avatar.stories.tsx index 4629f47171..425b958610 100644 --- a/packages/react/src/components/avatar/avatar.stories.tsx +++ b/packages/react/src/components/avatar/avatar.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Events } from './examples/events' -export { Provider } from './examples/provider' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Events } from './examples/events.tsx' +export { Provider } from './examples/provider.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/avatar/avatar.ts b/packages/react/src/components/avatar/avatar.ts index 28ad67f548..dcff14230d 100644 --- a/packages/react/src/components/avatar/avatar.ts +++ b/packages/react/src/components/avatar/avatar.ts @@ -1,22 +1,22 @@ export type { StatusChangeDetails } from '@zag-js/avatar' -export { AvatarContext as Context, type AvatarContextProps as ContextProps } from './avatar-context' +export { AvatarContext as Context, type AvatarContextProps as ContextProps } from './avatar-context.tsx' export { AvatarFallback as Fallback, type AvatarFallbackBaseProps as FallbackBaseProps, type AvatarFallbackProps as FallbackProps, -} from './avatar-fallback' +} from './avatar-fallback.tsx' export { AvatarImage as Image, type AvatarImageBaseProps as ImageBaseProps, type AvatarImageProps as ImageProps, -} from './avatar-image' +} from './avatar-image.tsx' export { AvatarRoot as Root, type AvatarRootBaseProps as RootBaseProps, type AvatarRootProps as RootProps, -} from './avatar-root' +} from './avatar-root.tsx' export { AvatarRootProvider as RootProvider, type AvatarRootProviderBaseProps as RootProviderBaseProps, type AvatarRootProviderProps as RootProviderProps, -} from './avatar-root-provider' +} from './avatar-root-provider.tsx' diff --git a/packages/react/src/components/avatar/index.ts b/packages/react/src/components/avatar/index.ts index 22eb58cd25..ef2cf140e9 100644 --- a/packages/react/src/components/avatar/index.ts +++ b/packages/react/src/components/avatar/index.ts @@ -1,15 +1,15 @@ export type { StatusChangeDetails as AvatarStatusChangeDetails } from '@zag-js/avatar' -export { AvatarContext, type AvatarContextProps } from './avatar-context' -export { AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps } from './avatar-fallback' -export { AvatarImage, type AvatarImageBaseProps, type AvatarImageProps } from './avatar-image' -export { AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps } from './avatar-root' +export { AvatarContext, type AvatarContextProps } from './avatar-context.tsx' +export { AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps } from './avatar-fallback.tsx' +export { AvatarImage, type AvatarImageBaseProps, type AvatarImageProps } from './avatar-image.tsx' +export { AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps } from './avatar-root.tsx' export { AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, -} from './avatar-root-provider' -export { avatarAnatomy } from './avatar.anatomy' -export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar' -export { useAvatarContext, type UseAvatarContext } from './use-avatar-context' +} from './avatar-root-provider.tsx' +export { avatarAnatomy } from './avatar.anatomy.ts' +export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar.ts' +export { useAvatarContext, type UseAvatarContext } from './use-avatar-context.ts' -export * as Avatar from './avatar' +export * as Avatar from './avatar.ts' diff --git a/packages/react/src/components/avatar/tests/avatar.test.tsx b/packages/react/src/components/avatar/tests/avatar.test.tsx index 285d20fcef..95893a52c6 100644 --- a/packages/react/src/components/avatar/tests/avatar.test.tsx +++ b/packages/react/src/components/avatar/tests/avatar.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Avatar', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/avatar/tests/basic.tsx b/packages/react/src/components/avatar/tests/basic.tsx index d12c1fc32d..82d2173c11 100644 --- a/packages/react/src/components/avatar/tests/basic.tsx +++ b/packages/react/src/components/avatar/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Avatar } from '../' +import { Avatar } from '../index.ts' interface Props extends Avatar.RootProps { src?: string | undefined diff --git a/packages/react/src/components/avatar/use-avatar-context.ts b/packages/react/src/components/avatar/use-avatar-context.ts index 1d1eb06198..5b52bc4afd 100644 --- a/packages/react/src/components/avatar/use-avatar-context.ts +++ b/packages/react/src/components/avatar/use-avatar-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseAvatarReturn } from './use-avatar' +import { createContext } from '../../utils/create-context.ts' +import type { UseAvatarReturn } from './use-avatar.ts' export interface UseAvatarContext extends UseAvatarReturn {} diff --git a/packages/react/src/components/avatar/use-avatar.ts b/packages/react/src/components/avatar/use-avatar.ts index 5b6216b3f9..83ae67a93b 100644 --- a/packages/react/src/components/avatar/use-avatar.ts +++ b/packages/react/src/components/avatar/use-avatar.ts @@ -3,8 +3,8 @@ import * as avatar from '@zag-js/avatar' 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 UseAvatarProps extends Optional, 'id'> {} export interface UseAvatarReturn extends avatar.Api {} diff --git a/packages/react/src/components/carousel/carousel-autoplay-indicator.tsx b/packages/react/src/components/carousel/carousel-autoplay-indicator.tsx index 05ddb0427c..aa1d3516d4 100644 --- a/packages/react/src/components/carousel/carousel-autoplay-indicator.tsx +++ b/packages/react/src/components/carousel/carousel-autoplay-indicator.tsx @@ -1,9 +1,9 @@ 'use client' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { carouselAnatomy } from './carousel.anatomy' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { carouselAnatomy } from './carousel.anatomy.ts' +import { useCarouselContext } from './use-carousel-context.ts' const parts = carouselAnatomy.build() diff --git a/packages/react/src/components/carousel/carousel-autoplay-trigger.tsx b/packages/react/src/components/carousel/carousel-autoplay-trigger.tsx index 8a68323239..0c45d73789 100644 --- a/packages/react/src/components/carousel/carousel-autoplay-trigger.tsx +++ b/packages/react/src/components/carousel/carousel-autoplay-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps {} export interface CarouselAutoplayTriggerProps extends HTMLProps<'button'>, CarouselAutoplayTriggerBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-context.tsx b/packages/react/src/components/carousel/carousel-context.tsx index b5ff5ccaa5..0eebdec14f 100644 --- a/packages/react/src/components/carousel/carousel-context.tsx +++ b/packages/react/src/components/carousel/carousel-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseCarouselContext, useCarouselContext } from './use-carousel-context' +import { type UseCarouselContext, useCarouselContext } from './use-carousel-context.ts' export interface CarouselContextProps { children: (context: UseCarouselContext) => ReactNode diff --git a/packages/react/src/components/carousel/carousel-control.tsx b/packages/react/src/components/carousel/carousel-control.tsx index c2fc9dc5c5..1be1fbf6df 100644 --- a/packages/react/src/components/carousel/carousel-control.tsx +++ b/packages/react/src/components/carousel/carousel-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselControlBaseProps extends PolymorphicProps {} export interface CarouselControlProps extends HTMLProps<'div'>, CarouselControlBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-indicator-group.tsx b/packages/react/src/components/carousel/carousel-indicator-group.tsx index d778a36b8c..70c14841cd 100644 --- a/packages/react/src/components/carousel/carousel-indicator-group.tsx +++ b/packages/react/src/components/carousel/carousel-indicator-group.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselIndicatorGroupBaseProps extends PolymorphicProps {} export interface CarouselIndicatorGroupProps extends HTMLProps<'div'>, CarouselIndicatorGroupBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-indicator.tsx b/packages/react/src/components/carousel/carousel-indicator.tsx index edac18e67b..430aeb308a 100644 --- a/packages/react/src/components/carousel/carousel-indicator.tsx +++ b/packages/react/src/components/carousel/carousel-indicator.tsx @@ -3,9 +3,9 @@ import type { IndicatorProps } from '@zag-js/carousel' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps {} export interface CarouselIndicatorProps extends HTMLProps<'button'>, CarouselIndicatorBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-item-group.tsx b/packages/react/src/components/carousel/carousel-item-group.tsx index 7e6d0aa49e..5017ac342c 100644 --- a/packages/react/src/components/carousel/carousel-item-group.tsx +++ b/packages/react/src/components/carousel/carousel-item-group.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselItemGroupBaseProps extends PolymorphicProps {} export interface CarouselItemGroupProps extends HTMLProps<'div'>, CarouselItemGroupBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-item.tsx b/packages/react/src/components/carousel/carousel-item.tsx index a3b2223a07..78bf1511f8 100644 --- a/packages/react/src/components/carousel/carousel-item.tsx +++ b/packages/react/src/components/carousel/carousel-item.tsx @@ -3,9 +3,9 @@ import type { ItemProps } from '@zag-js/carousel' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps {} export interface CarouselItemProps extends HTMLProps<'div'>, CarouselItemBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-next-trigger.tsx b/packages/react/src/components/carousel/carousel-next-trigger.tsx index fb551f3038..7603f37673 100644 --- a/packages/react/src/components/carousel/carousel-next-trigger.tsx +++ b/packages/react/src/components/carousel/carousel-next-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselNextTriggerBaseProps extends PolymorphicProps {} export interface CarouselNextTriggerProps extends HTMLProps<'button'>, CarouselNextTriggerBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-prev-trigger.tsx b/packages/react/src/components/carousel/carousel-prev-trigger.tsx index ffdb6c8237..6a8214b842 100644 --- a/packages/react/src/components/carousel/carousel-prev-trigger.tsx +++ b/packages/react/src/components/carousel/carousel-prev-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselPrevTriggerBaseProps extends PolymorphicProps {} export interface CarouselPrevTriggerProps extends HTMLProps<'button'>, CarouselPrevTriggerBaseProps {} diff --git a/packages/react/src/components/carousel/carousel-progress-text.tsx b/packages/react/src/components/carousel/carousel-progress-text.tsx index ebebcb10b9..586d4b4624 100644 --- a/packages/react/src/components/carousel/carousel-progress-text.tsx +++ b/packages/react/src/components/carousel/carousel-progress-text.tsx @@ -1,9 +1,9 @@ 'use client' import { forwardRef, useMemo } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { carouselAnatomy } from './carousel.anatomy' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { carouselAnatomy } from './carousel.anatomy.ts' +import { useCarouselContext } from './use-carousel-context.ts' const parts = carouselAnatomy.build() diff --git a/packages/react/src/components/carousel/carousel-root-provider.tsx b/packages/react/src/components/carousel/carousel-root-provider.tsx index 564d9649a8..7d15eef3b7 100644 --- a/packages/react/src/components/carousel/carousel-root-provider.tsx +++ b/packages/react/src/components/carousel/carousel-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseCarouselReturn } from './use-carousel' -import { CarouselProvider } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseCarouselReturn } from './use-carousel.ts' +import { CarouselProvider } from './use-carousel-context.ts' interface RootProviderProps { value: UseCarouselReturn diff --git a/packages/react/src/components/carousel/carousel-root.tsx b/packages/react/src/components/carousel/carousel-root.tsx index 8de84659c5..00b8fe42bc 100644 --- a/packages/react/src/components/carousel/carousel-root.tsx +++ b/packages/react/src/components/carousel/carousel-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseCarouselProps, useCarousel } from './use-carousel' -import { CarouselProvider } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseCarouselProps, useCarousel } from './use-carousel.ts' +import { CarouselProvider } from './use-carousel-context.ts' export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps {} export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {} diff --git a/packages/react/src/components/carousel/carousel.stories.tsx b/packages/react/src/components/carousel/carousel.stories.tsx index 2ea15afec9..38ce1ea7f8 100644 --- a/packages/react/src/components/carousel/carousel.stories.tsx +++ b/packages/react/src/components/carousel/carousel.stories.tsx @@ -6,15 +6,15 @@ const meta: Meta = { export default meta -export { Autoplay } from './examples/autoplay' -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { ThumbnailIndicator } from './examples/thumbnail-indicator' -export { DynamicSlides } from './examples/dynamic-slides' -export { PauseOnHover } from './examples/pause-on-hover' -export { RootProvider } from './examples/root-provider' -export { ScrollTo } from './examples/scroll-to' -export { SlidesPerPage } from './examples/slides-per-page' -export { Spacing } from './examples/spacing' -export { VariableSize } from './examples/variable-size' -export { Vertical } from './examples/vertical' +export { Autoplay } from './examples/autoplay.tsx' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { ThumbnailIndicator } from './examples/thumbnail-indicator.tsx' +export { DynamicSlides } from './examples/dynamic-slides.tsx' +export { PauseOnHover } from './examples/pause-on-hover.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { ScrollTo } from './examples/scroll-to.tsx' +export { SlidesPerPage } from './examples/slides-per-page.tsx' +export { Spacing } from './examples/spacing.tsx' +export { VariableSize } from './examples/variable-size.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/react/src/components/carousel/carousel.test.tsx b/packages/react/src/components/carousel/carousel.test.tsx index 1ffaa91684..8a603b97aa 100644 --- a/packages/react/src/components/carousel/carousel.test.tsx +++ b/packages/react/src/components/carousel/carousel.test.tsx @@ -1,6 +1,6 @@ import { act, render, screen } from '@testing-library/react' import { axe } from 'vitest-axe' -import { Basic as ComponentUnderTest } from './examples/basic' +import { Basic as ComponentUnderTest } from './examples/basic.tsx' describe('Carousel', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/carousel/carousel.ts b/packages/react/src/components/carousel/carousel.ts index e9c9e45819..ef22285e22 100644 --- a/packages/react/src/components/carousel/carousel.ts +++ b/packages/react/src/components/carousel/carousel.ts @@ -3,60 +3,60 @@ export { CarouselAutoplayIndicator as AutoplayIndicator, type CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, -} from './carousel-autoplay-indicator' +} from './carousel-autoplay-indicator.tsx' export { CarouselProgressText as ProgressText, type CarouselProgressTextBaseProps as ProgressTextBaseProps, type CarouselProgressTextProps as ProgressTextProps, -} from './carousel-progress-text' +} from './carousel-progress-text.tsx' export { CarouselAutoplayTrigger as AutoplayTrigger, type CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps as AutoplayTriggerProps, -} from './carousel-autoplay-trigger' -export { CarouselContext as Context, type CarouselContextProps as ContextProps } from './carousel-context' +} from './carousel-autoplay-trigger.tsx' +export { CarouselContext as Context, type CarouselContextProps as ContextProps } from './carousel-context.tsx' export { CarouselControl as Control, type CarouselControlBaseProps as ControlBaseProps, type CarouselControlProps as ControlProps, -} from './carousel-control' +} from './carousel-control.tsx' export { CarouselIndicator as Indicator, type CarouselIndicatorBaseProps as IndicatorBaseProps, type CarouselIndicatorProps as IndicatorProps, -} from './carousel-indicator' +} from './carousel-indicator.tsx' export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, type CarouselIndicatorGroupProps as IndicatorGroupProps, -} from './carousel-indicator-group' +} from './carousel-indicator-group.tsx' export { CarouselItem as Item, type CarouselItemBaseProps as ItemBaseProps, type CarouselItemProps as ItemProps, -} from './carousel-item' +} from './carousel-item.tsx' export { CarouselItemGroup as ItemGroup, type CarouselItemGroupBaseProps as ItemGroupBaseProps, type CarouselItemGroupProps as ItemGroupProps, -} from './carousel-item-group' +} from './carousel-item-group.tsx' export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, type CarouselNextTriggerProps as NextTriggerProps, -} from './carousel-next-trigger' +} from './carousel-next-trigger.tsx' export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, type CarouselPrevTriggerProps as PrevTriggerProps, -} from './carousel-prev-trigger' +} from './carousel-prev-trigger.tsx' export { CarouselRoot as Root, type CarouselRootBaseProps as RootBaseProps, type CarouselRootProps as RootProps, -} from './carousel-root' +} from './carousel-root.tsx' export { CarouselRootProvider as RootProvider, type CarouselRootProviderBaseProps as RootProviderBaseProps, type CarouselRootProviderProps as RootProviderProps, -} from './carousel-root-provider' +} from './carousel-root-provider.tsx' diff --git a/packages/react/src/components/carousel/index.ts b/packages/react/src/components/carousel/index.ts index 998370b5dc..520a21ac0c 100644 --- a/packages/react/src/components/carousel/index.ts +++ b/packages/react/src/components/carousel/index.ts @@ -7,45 +7,53 @@ export { CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, -} from './carousel-autoplay-indicator' +} from './carousel-autoplay-indicator.tsx' export { CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, -} from './carousel-progress-text' +} from './carousel-progress-text.tsx' export { CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, -} from './carousel-autoplay-trigger' -export { CarouselContext, type CarouselContextProps } from './carousel-context' -export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps } from './carousel-control' -export { CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps } from './carousel-indicator' +} from './carousel-autoplay-trigger.tsx' +export { CarouselContext, type CarouselContextProps } from './carousel-context.tsx' +export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps } from './carousel-control.tsx' +export { + CarouselIndicator, + type CarouselIndicatorBaseProps, + type CarouselIndicatorProps, +} from './carousel-indicator.tsx' export { CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, -} from './carousel-indicator-group' -export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps } from './carousel-item' -export { CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps } from './carousel-item-group' +} from './carousel-indicator-group.tsx' +export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps } from './carousel-item.tsx' +export { + CarouselItemGroup, + type CarouselItemGroupBaseProps, + type CarouselItemGroupProps, +} from './carousel-item-group.tsx' export { CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, -} from './carousel-next-trigger' +} from './carousel-next-trigger.tsx' export { CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, -} from './carousel-prev-trigger' -export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps } from './carousel-root' +} from './carousel-prev-trigger.tsx' +export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps } from './carousel-root.tsx' export { CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, -} from './carousel-root-provider' -export { carouselAnatomy } from './carousel.anatomy' -export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel' -export { useCarouselContext, type UseCarouselContext } from './use-carousel-context' +} from './carousel-root-provider.tsx' +export { carouselAnatomy } from './carousel.anatomy.ts' +export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel.ts' +export { useCarouselContext, type UseCarouselContext } from './use-carousel-context.ts' -export * as Carousel from './carousel' +export * as Carousel from './carousel.ts' diff --git a/packages/react/src/components/carousel/use-carousel-context.ts b/packages/react/src/components/carousel/use-carousel-context.ts index a04fb2d657..bab9b61e7a 100644 --- a/packages/react/src/components/carousel/use-carousel-context.ts +++ b/packages/react/src/components/carousel/use-carousel-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseCarouselReturn } from './use-carousel' +import { createContext } from '../../utils/create-context.ts' +import type { UseCarouselReturn } from './use-carousel.ts' export interface UseCarouselContext extends UseCarouselReturn {} diff --git a/packages/react/src/components/carousel/use-carousel.ts b/packages/react/src/components/carousel/use-carousel.ts index 0c4dd553b9..9044deff31 100644 --- a/packages/react/src/components/carousel/use-carousel.ts +++ b/packages/react/src/components/carousel/use-carousel.ts @@ -3,8 +3,8 @@ import * as carousel from '@zag-js/carousel' 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 UseCarouselProps extends Optional, 'id'> {} export interface UseCarouselReturn extends carousel.Api {} diff --git a/packages/react/src/components/checkbox/checkbox-context.tsx b/packages/react/src/components/checkbox/checkbox-context.tsx index 5fa3c7e4b9..c9b2bee7df 100644 --- a/packages/react/src/components/checkbox/checkbox-context.tsx +++ b/packages/react/src/components/checkbox/checkbox-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseCheckboxContext, useCheckboxContext } from './use-checkbox-context' +import { type UseCheckboxContext, useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxContextProps { children: (context: UseCheckboxContext) => ReactNode diff --git a/packages/react/src/components/checkbox/checkbox-control.tsx b/packages/react/src/components/checkbox/checkbox-control.tsx index e19bc5b870..1ae834c4a9 100644 --- a/packages/react/src/components/checkbox/checkbox-control.tsx +++ b/packages/react/src/components/checkbox/checkbox-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxControlBaseProps extends PolymorphicProps {} export interface CheckboxControlProps extends HTMLProps<'div'>, CheckboxControlBaseProps {} diff --git a/packages/react/src/components/checkbox/checkbox-group-provider.tsx b/packages/react/src/components/checkbox/checkbox-group-provider.tsx index 982f7aa447..6fddecc824 100644 --- a/packages/react/src/components/checkbox/checkbox-group-provider.tsx +++ b/packages/react/src/components/checkbox/checkbox-group-provider.tsx @@ -1,11 +1,11 @@ 'use client' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { checkboxAnatomy } from './checkbox.anatomy' -import { CheckboxGroupContextProvider, type UseCheckboxGroupContext } from './use-checkbox-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { checkboxAnatomy } from './checkbox.anatomy.ts' +import { CheckboxGroupContextProvider, type UseCheckboxGroupContext } from './use-checkbox-group-context.tsx' interface ProviderProps { value: UseCheckboxGroupContext diff --git a/packages/react/src/components/checkbox/checkbox-group.tsx b/packages/react/src/components/checkbox/checkbox-group.tsx index faac45d9b1..c601cf3a29 100644 --- a/packages/react/src/components/checkbox/checkbox-group.tsx +++ b/packages/react/src/components/checkbox/checkbox-group.tsx @@ -1,12 +1,12 @@ 'use client' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { checkboxAnatomy } from './checkbox.anatomy' -import { type UseCheckboxGroupProps, useCheckboxGroup } from './use-checkbox-group' -import { CheckboxGroupContextProvider } from './use-checkbox-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { checkboxAnatomy } from './checkbox.anatomy.ts' +import { type UseCheckboxGroupProps, useCheckboxGroup } from './use-checkbox-group.ts' +import { CheckboxGroupContextProvider } from './use-checkbox-group-context.tsx' export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps {} export interface CheckboxGroupProps extends Assign, CheckboxGroupBaseProps> {} diff --git a/packages/react/src/components/checkbox/checkbox-hidden-input.tsx b/packages/react/src/components/checkbox/checkbox-hidden-input.tsx index 28ff9ac501..2d25519931 100644 --- a/packages/react/src/components/checkbox/checkbox-hidden-input.tsx +++ b/packages/react/src/components/checkbox/checkbox-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxHiddenInputBaseProps extends PolymorphicProps {} export interface CheckboxHiddenInputProps extends HTMLProps<'input'>, CheckboxHiddenInputBaseProps {} diff --git a/packages/react/src/components/checkbox/checkbox-indicator.tsx b/packages/react/src/components/checkbox/checkbox-indicator.tsx index 94a741a59c..dcda0f05b8 100644 --- a/packages/react/src/components/checkbox/checkbox-indicator.tsx +++ b/packages/react/src/components/checkbox/checkbox-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxIndicatorBaseProps extends PolymorphicProps { indeterminate?: boolean | undefined diff --git a/packages/react/src/components/checkbox/checkbox-label.tsx b/packages/react/src/components/checkbox/checkbox-label.tsx index 1f2183f217..2a3980fbe8 100644 --- a/packages/react/src/components/checkbox/checkbox-label.tsx +++ b/packages/react/src/components/checkbox/checkbox-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxLabelBaseProps extends PolymorphicProps {} export interface CheckboxLabelProps extends HTMLProps<'span'>, CheckboxLabelBaseProps {} diff --git a/packages/react/src/components/checkbox/checkbox-root-provider.tsx b/packages/react/src/components/checkbox/checkbox-root-provider.tsx index cb1b966a04..08aba115f3 100644 --- a/packages/react/src/components/checkbox/checkbox-root-provider.tsx +++ b/packages/react/src/components/checkbox/checkbox-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseCheckboxReturn } from './use-checkbox' -import { CheckboxProvider } from './use-checkbox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseCheckboxReturn } from './use-checkbox.ts' +import { CheckboxProvider } from './use-checkbox-context.ts' interface RootProviderProps { value: UseCheckboxReturn diff --git a/packages/react/src/components/checkbox/checkbox-root.tsx b/packages/react/src/components/checkbox/checkbox-root.tsx index 43cfb2cd79..5b3739c421 100644 --- a/packages/react/src/components/checkbox/checkbox-root.tsx +++ b/packages/react/src/components/checkbox/checkbox-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseCheckboxProps, useCheckbox } from './use-checkbox' -import { CheckboxProvider } from './use-checkbox-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseCheckboxProps, useCheckbox } from './use-checkbox.ts' +import { CheckboxProvider } from './use-checkbox-context.ts' export interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps {} export interface CheckboxRootProps extends Assign, CheckboxRootBaseProps> {} diff --git a/packages/react/src/components/checkbox/checkbox.stories.tsx b/packages/react/src/components/checkbox/checkbox.stories.tsx index e072cfdf2e..fca4907273 100644 --- a/packages/react/src/components/checkbox/checkbox.stories.tsx +++ b/packages/react/src/components/checkbox/checkbox.stories.tsx @@ -6,20 +6,20 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DefaultChecked } from './examples/default-checked' -export { Disabled } from './examples/disabled' -export { Group } from './examples/group' -export { GroupControlled } from './examples/group-controlled' -export { GroupProvider } from './examples/group-provider' -export { GroupWithForm } from './examples/group-with-form' -export { GroupWithInvalid } from './examples/group-with-invalid' -export { GroupWithMaxSelected } from './examples/group-with-max-selected' -export { GroupWithSelectAll } from './examples/group-with-select-all' -export { Indeterminate } from './examples/indeterminate' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { GroupWithFieldset } from './examples/group-with-fieldset' -export { WithForm } from './examples/with-form' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DefaultChecked } from './examples/default-checked.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Group } from './examples/group.tsx' +export { GroupControlled } from './examples/group-controlled.tsx' +export { GroupProvider } from './examples/group-provider.tsx' +export { GroupWithForm } from './examples/group-with-form.tsx' +export { GroupWithInvalid } from './examples/group-with-invalid.tsx' +export { GroupWithMaxSelected } from './examples/group-with-max-selected.tsx' +export { GroupWithSelectAll } from './examples/group-with-select-all.tsx' +export { Indeterminate } from './examples/indeterminate.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { GroupWithFieldset } from './examples/group-with-fieldset.tsx' +export { WithForm } from './examples/with-form.tsx' diff --git a/packages/react/src/components/checkbox/checkbox.ts b/packages/react/src/components/checkbox/checkbox.ts index 410d594831..4a0fc39287 100644 --- a/packages/react/src/components/checkbox/checkbox.ts +++ b/packages/react/src/components/checkbox/checkbox.ts @@ -1,42 +1,42 @@ export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox' -export { CheckboxContext as Context, type CheckboxContextProps as ContextProps } from './checkbox-context' +export { CheckboxContext as Context, type CheckboxContextProps as ContextProps } from './checkbox-context.tsx' export { CheckboxControl as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, -} from './checkbox-control' +} from './checkbox-control.tsx' export { CheckboxGroup as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, -} from './checkbox-group' +} from './checkbox-group.tsx' export { CheckboxGroupProvider as GroupProvider, type CheckboxGroupProviderBaseProps as GroupProviderBaseProps, type CheckboxGroupProviderProps as GroupProviderProps, -} from './checkbox-group-provider' +} from './checkbox-group-provider.tsx' export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, -} from './checkbox-hidden-input' +} from './checkbox-hidden-input.tsx' export { CheckboxIndicator as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, -} from './checkbox-indicator' +} from './checkbox-indicator.tsx' export { CheckboxLabel as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, -} from './checkbox-label' +} from './checkbox-label.tsx' export { CheckboxRoot as Root, type CheckboxRootBaseProps as RootBaseProps, type CheckboxRootProps as RootProps, -} from './checkbox-root' +} from './checkbox-root.tsx' export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderBaseProps as RootProviderBaseProps, type CheckboxRootProviderProps as RootProviderProps, -} from './checkbox-root-provider' +} from './checkbox-root-provider.tsx' diff --git a/packages/react/src/components/checkbox/index.ts b/packages/react/src/components/checkbox/index.ts index 43df011a37..b3b27e56d1 100644 --- a/packages/react/src/components/checkbox/index.ts +++ b/packages/react/src/components/checkbox/index.ts @@ -2,31 +2,35 @@ export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox' -export { CheckboxContext, type CheckboxContextProps } from './checkbox-context' -export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps } from './checkbox-control' -export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './checkbox-group' +export { CheckboxContext, type CheckboxContextProps } from './checkbox-context.tsx' +export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps } from './checkbox-control.tsx' +export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './checkbox-group.tsx' export { CheckboxGroupProvider, type CheckboxGroupProviderBaseProps, type CheckboxGroupProviderProps, -} from './checkbox-group-provider' +} from './checkbox-group-provider.tsx' export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, -} from './checkbox-hidden-input' -export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps } from './checkbox-indicator' -export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './checkbox-label' -export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps } from './checkbox-root' +} from './checkbox-hidden-input.tsx' +export { + CheckboxIndicator, + type CheckboxIndicatorBaseProps, + type CheckboxIndicatorProps, +} from './checkbox-indicator.tsx' +export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './checkbox-label.tsx' +export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps } from './checkbox-root.tsx' export { CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, -} from './checkbox-root-provider' -export { checkboxAnatomy } from './checkbox.anatomy' -export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox' -export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context' -export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn } from './use-checkbox-group' -export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context' +} from './checkbox-root-provider.tsx' +export { checkboxAnatomy } from './checkbox.anatomy.ts' +export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox.ts' +export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context.ts' +export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn } from './use-checkbox-group.ts' +export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context.tsx' -export * as Checkbox from './checkbox' +export * as Checkbox from './checkbox.ts' diff --git a/packages/react/src/components/checkbox/tests/basic.tsx b/packages/react/src/components/checkbox/tests/basic.tsx index 57e5ec4469..db44288ac9 100644 --- a/packages/react/src/components/checkbox/tests/basic.tsx +++ b/packages/react/src/components/checkbox/tests/basic.tsx @@ -1,5 +1,5 @@ import { CheckIcon, MinusIcon } from 'lucide-react' -import { Checkbox } from '../' +import { Checkbox } from '../index.ts' export const ComponentUnderTest = (props: Checkbox.RootProps) => ( diff --git a/packages/react/src/components/checkbox/tests/checkbox.test.tsx b/packages/react/src/components/checkbox/tests/checkbox.test.tsx index e499feb564..0e81d238ae 100644 --- a/packages/react/src/components/checkbox/tests/checkbox.test.tsx +++ b/packages/react/src/components/checkbox/tests/checkbox.test.tsx @@ -1,8 +1,8 @@ import { fireEvent, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' -import { ControlledComponentUnderTest } from './controlled' +import { ComponentUnderTest } from './basic.tsx' +import { ControlledComponentUnderTest } from './controlled.tsx' describe('Checkbox', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/checkbox/tests/controlled.tsx b/packages/react/src/components/checkbox/tests/controlled.tsx index f7c53827d4..afd2e57da4 100644 --- a/packages/react/src/components/checkbox/tests/controlled.tsx +++ b/packages/react/src/components/checkbox/tests/controlled.tsx @@ -1,6 +1,6 @@ import { useState } from 'react' import type { Checkbox } from '..' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' export const ControlledComponentUnderTest = (props: Checkbox.RootProps) => { const [checked, setChecked] = useState(false) diff --git a/packages/react/src/components/checkbox/use-checkbox-context.ts b/packages/react/src/components/checkbox/use-checkbox-context.ts index c3f5c95be3..7349a36dc3 100644 --- a/packages/react/src/components/checkbox/use-checkbox-context.ts +++ b/packages/react/src/components/checkbox/use-checkbox-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseCheckboxReturn } from './use-checkbox' +import { createContext } from '../../utils/create-context.ts' +import type { UseCheckboxReturn } from './use-checkbox.ts' export interface UseCheckboxContext extends UseCheckboxReturn {} diff --git a/packages/react/src/components/checkbox/use-checkbox-group-context.tsx b/packages/react/src/components/checkbox/use-checkbox-group-context.tsx index 13fa2296d2..f4ffbef632 100644 --- a/packages/react/src/components/checkbox/use-checkbox-group-context.tsx +++ b/packages/react/src/components/checkbox/use-checkbox-group-context.tsx @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseCheckboxGroupReturn } from './use-checkbox-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseCheckboxGroupReturn } from './use-checkbox-group.ts' export interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {} diff --git a/packages/react/src/components/checkbox/use-checkbox-group.ts b/packages/react/src/components/checkbox/use-checkbox-group.ts index 74383b0164..a56fd908ba 100644 --- a/packages/react/src/components/checkbox/use-checkbox-group.ts +++ b/packages/react/src/components/checkbox/use-checkbox-group.ts @@ -1,8 +1,8 @@ 'use client' -import { useControllableState } from '../../utils/use-controllable-state' -import { useEvent } from '../../utils/use-event' -import { useFieldsetContext } from '../fieldset' +import { useControllableState } from '../../utils/use-controllable-state.ts' +import { useEvent } from '../../utils/use-event.ts' +import { useFieldsetContext } from '../fieldset/index.ts' export interface UseCheckboxGroupProps { /** diff --git a/packages/react/src/components/checkbox/use-checkbox.ts b/packages/react/src/components/checkbox/use-checkbox.ts index c2a07e1006..8f96fffb89 100644 --- a/packages/react/src/components/checkbox/use-checkbox.ts +++ b/packages/react/src/components/checkbox/use-checkbox.ts @@ -3,10 +3,10 @@ import * as checkbox from '@zag-js/checkbox' import { type PropTypes, mergeProps, normalizeProps, useMachine } from '@zag-js/react' import { useId, useMemo } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' -import { useCheckboxGroupContext } from './use-checkbox-group-context' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' +import { useCheckboxGroupContext } from './use-checkbox-group-context.tsx' export interface UseCheckboxProps extends Optional, 'id'> {} export interface UseCheckboxReturn extends checkbox.Api {} diff --git a/packages/react/src/components/client-only/client-only.stories.tsx b/packages/react/src/components/client-only/client-only.stories.tsx index a14f4c8367..097ca393d1 100644 --- a/packages/react/src/components/client-only/client-only.stories.tsx +++ b/packages/react/src/components/client-only/client-only.stories.tsx @@ -6,5 +6,5 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { WithFallback } from './examples/with-fallback' +export { Basic } from './examples/basic.tsx' +export { WithFallback } from './examples/with-fallback.tsx' diff --git a/packages/react/src/components/client-only/index.ts b/packages/react/src/components/client-only/index.ts index 90cf724f3b..3f07baeda9 100644 --- a/packages/react/src/components/client-only/index.ts +++ b/packages/react/src/components/client-only/index.ts @@ -1 +1 @@ -export { ClientOnly, type ClientOnlyProps } from './client-only' +export { ClientOnly, type ClientOnlyProps } from './client-only.tsx' diff --git a/packages/react/src/components/clipboard/clipboard-context.tsx b/packages/react/src/components/clipboard/clipboard-context.tsx index 5dca217155..27448bd4b6 100644 --- a/packages/react/src/components/clipboard/clipboard-context.tsx +++ b/packages/react/src/components/clipboard/clipboard-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseClipboardContext, useClipboardContext } from './use-clipboard-context' +import { type UseClipboardContext, useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardContextProps { children: (context: UseClipboardContext) => ReactNode diff --git a/packages/react/src/components/clipboard/clipboard-control.tsx b/packages/react/src/components/clipboard/clipboard-control.tsx index 525ac70055..33e9b77da1 100644 --- a/packages/react/src/components/clipboard/clipboard-control.tsx +++ b/packages/react/src/components/clipboard/clipboard-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardControlBaseProps extends PolymorphicProps {} export interface ClipboardControlProps extends HTMLProps<'div'>, ClipboardControlBaseProps {} diff --git a/packages/react/src/components/clipboard/clipboard-indicator.tsx b/packages/react/src/components/clipboard/clipboard-indicator.tsx index 02f2d00927..870eeffc35 100644 --- a/packages/react/src/components/clipboard/clipboard-indicator.tsx +++ b/packages/react/src/components/clipboard/clipboard-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { type ReactNode, forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardIndicatorBaseProps extends PolymorphicProps { copied?: ReactNode | undefined diff --git a/packages/react/src/components/clipboard/clipboard-input.tsx b/packages/react/src/components/clipboard/clipboard-input.tsx index e45c51fd8a..7e7b6b5b51 100644 --- a/packages/react/src/components/clipboard/clipboard-input.tsx +++ b/packages/react/src/components/clipboard/clipboard-input.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardInputBaseProps extends PolymorphicProps {} export interface ClipboardInputProps extends HTMLProps<'input'>, ClipboardInputBaseProps {} diff --git a/packages/react/src/components/clipboard/clipboard-label.tsx b/packages/react/src/components/clipboard/clipboard-label.tsx index 5c62f52b1e..d497c5448c 100644 --- a/packages/react/src/components/clipboard/clipboard-label.tsx +++ b/packages/react/src/components/clipboard/clipboard-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardLabelBaseProps extends PolymorphicProps {} export interface ClipboardLabelProps extends HTMLProps<'label'>, ClipboardLabelBaseProps {} diff --git a/packages/react/src/components/clipboard/clipboard-root-provider.tsx b/packages/react/src/components/clipboard/clipboard-root-provider.tsx index d3de9690df..d775972bbc 100644 --- a/packages/react/src/components/clipboard/clipboard-root-provider.tsx +++ b/packages/react/src/components/clipboard/clipboard-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseClipboardReturn } from './use-clipboard' -import { ClipboardProvider } from './use-clipboard-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseClipboardReturn } from './use-clipboard.ts' +import { ClipboardProvider } from './use-clipboard-context.ts' interface RootProviderProps { value: UseClipboardReturn diff --git a/packages/react/src/components/clipboard/clipboard-root.tsx b/packages/react/src/components/clipboard/clipboard-root.tsx index c1d01177fa..8409ffdaca 100644 --- a/packages/react/src/components/clipboard/clipboard-root.tsx +++ b/packages/react/src/components/clipboard/clipboard-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseClipboardProps, useClipboard } from './use-clipboard' -import { ClipboardProvider } from './use-clipboard-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseClipboardProps, useClipboard } from './use-clipboard.ts' +import { ClipboardProvider } from './use-clipboard-context.ts' export interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {} export interface ClipboardRootProps extends Assign, ClipboardRootBaseProps> {} diff --git a/packages/react/src/components/clipboard/clipboard-trigger.tsx b/packages/react/src/components/clipboard/clipboard-trigger.tsx index 96976c8e37..80c5ed28e7 100644 --- a/packages/react/src/components/clipboard/clipboard-trigger.tsx +++ b/packages/react/src/components/clipboard/clipboard-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardTriggerBaseProps extends PolymorphicProps {} export interface ClipboardTriggerProps extends HTMLProps<'button'>, ClipboardTriggerBaseProps {} diff --git a/packages/react/src/components/clipboard/clipboard-value-text.tsx b/packages/react/src/components/clipboard/clipboard-value-text.tsx index d08efbd883..20f2248108 100644 --- a/packages/react/src/components/clipboard/clipboard-value-text.tsx +++ b/packages/react/src/components/clipboard/clipboard-value-text.tsx @@ -1,8 +1,8 @@ 'use client' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardValueTextBaseProps extends PolymorphicProps {} export interface ClipboardValueTextProps extends HTMLProps<'span'>, ClipboardValueTextBaseProps {} diff --git a/packages/react/src/components/clipboard/clipboard.stories.tsx b/packages/react/src/components/clipboard/clipboard.stories.tsx index 854a503c6e..2260b8a056 100644 --- a/packages/react/src/components/clipboard/clipboard.stories.tsx +++ b/packages/react/src/components/clipboard/clipboard.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { CopyStatus } from './examples/copy-status' -export { Timeout } from './examples/timeout' -export { RootProvider } from './examples/root-provider' -export { ValueText } from './examples/value-text' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { CopyStatus } from './examples/copy-status.tsx' +export { Timeout } from './examples/timeout.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { ValueText } from './examples/value-text.tsx' diff --git a/packages/react/src/components/clipboard/clipboard.ts b/packages/react/src/components/clipboard/clipboard.ts index 5c8a2375db..49182b9515 100644 --- a/packages/react/src/components/clipboard/clipboard.ts +++ b/packages/react/src/components/clipboard/clipboard.ts @@ -1,42 +1,42 @@ export type { CopyStatusDetails } from '@zag-js/clipboard' -export { ClipboardContext as Context, type ClipboardContextProps as ContextProps } from './clipboard-context' +export { ClipboardContext as Context, type ClipboardContextProps as ContextProps } from './clipboard-context.tsx' export { ClipboardControl as Control, type ClipboardControlBaseProps as ControlBaseProps, type ClipboardControlProps as ControlProps, -} from './clipboard-control' +} from './clipboard-control.tsx' export { ClipboardIndicator as Indicator, type ClipboardIndicatorBaseProps as IndicatorBaseProps, type ClipboardIndicatorProps as IndicatorProps, -} from './clipboard-indicator' +} from './clipboard-indicator.tsx' export { ClipboardInput as Input, type ClipboardInputBaseProps as InputBaseProps, type ClipboardInputProps as InputProps, -} from './clipboard-input' +} from './clipboard-input.tsx' export { ClipboardLabel as Label, type ClipboardLabelBaseProps as LabelBaseProps, type ClipboardLabelProps as LabelProps, -} from './clipboard-label' +} from './clipboard-label.tsx' export { ClipboardRoot as Root, type ClipboardRootBaseProps as RootBaseProps, type ClipboardRootProps as RootProps, -} from './clipboard-root' +} from './clipboard-root.tsx' export { ClipboardRootProvider as RootProvider, type ClipboardRootProviderBaseProps as RootProviderBaseProps, type ClipboardRootProviderProps as RootProviderProps, -} from './clipboard-root-provider' +} from './clipboard-root-provider.tsx' export { ClipboardTrigger as Trigger, type ClipboardTriggerBaseProps as TriggerBaseProps, type ClipboardTriggerProps as TriggerProps, -} from './clipboard-trigger' +} from './clipboard-trigger.tsx' export { ClipboardValueText as ValueText, type ClipboardValueTextBaseProps as ValueTextBaseProps, type ClipboardValueTextProps as ValueTextProps, -} from './clipboard-value-text' +} from './clipboard-value-text.tsx' diff --git a/packages/react/src/components/clipboard/index.ts b/packages/react/src/components/clipboard/index.ts index abc49b82b6..2500310a30 100644 --- a/packages/react/src/components/clipboard/index.ts +++ b/packages/react/src/components/clipboard/index.ts @@ -1,27 +1,27 @@ export type { CopyStatusDetails as ClipboardCopyStatusDetails } from '@zag-js/clipboard' -export { ClipboardContext, type ClipboardContextProps } from './clipboard-context' -export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps } from './clipboard-control' +export { ClipboardContext, type ClipboardContextProps } from './clipboard-context.tsx' +export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps } from './clipboard-control.tsx' export { ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, -} from './clipboard-indicator' -export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps } from './clipboard-input' -export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps } from './clipboard-label' -export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps } from './clipboard-root' +} from './clipboard-indicator.tsx' +export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps } from './clipboard-input.tsx' +export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps } from './clipboard-label.tsx' +export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps } from './clipboard-root.tsx' export { ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, -} from './clipboard-root-provider' -export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps } from './clipboard-trigger' +} from './clipboard-root-provider.tsx' +export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps } from './clipboard-trigger.tsx' export { ClipboardValueText, type ClipboardValueTextBaseProps, type ClipboardValueTextProps, -} from './clipboard-value-text' -export { clipboardAnatomy } from './clipboard.anatomy' -export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard' -export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context' +} from './clipboard-value-text.tsx' +export { clipboardAnatomy } from './clipboard.anatomy.ts' +export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard.ts' +export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context.ts' -export * as Clipboard from './clipboard' +export * as Clipboard from './clipboard.ts' diff --git a/packages/react/src/components/clipboard/tests/clipboard.test.tsx b/packages/react/src/components/clipboard/tests/clipboard.test.tsx index a76f5bed6b..ea8ba1fcdf 100644 --- a/packages/react/src/components/clipboard/tests/clipboard.test.tsx +++ b/packages/react/src/components/clipboard/tests/clipboard.test.tsx @@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { CheckIcon, ClipboardCopyIcon } from 'lucide-react' import { axe } from 'vitest-axe' -import { Clipboard } from '../' +import { Clipboard } from '../index.ts' const ComponentUnderTest = () => ( diff --git a/packages/react/src/components/clipboard/use-clipboard-context.ts b/packages/react/src/components/clipboard/use-clipboard-context.ts index e6ea744e29..70833590c4 100644 --- a/packages/react/src/components/clipboard/use-clipboard-context.ts +++ b/packages/react/src/components/clipboard/use-clipboard-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseClipboardReturn } from './use-clipboard' +import { createContext } from '../../utils/create-context.ts' +import type { UseClipboardReturn } from './use-clipboard.ts' export interface UseClipboardContext extends UseClipboardReturn {} diff --git a/packages/react/src/components/clipboard/use-clipboard.ts b/packages/react/src/components/clipboard/use-clipboard.ts index 420cd0a2fd..bd7fab32d4 100644 --- a/packages/react/src/components/clipboard/use-clipboard.ts +++ b/packages/react/src/components/clipboard/use-clipboard.ts @@ -3,8 +3,8 @@ import * as clipboard from '@zag-js/clipboard' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext } from '../../providers/environment' -import type { Optional } from '../../types' +import { useEnvironmentContext } from '../../providers/environment/index.ts' +import type { Optional } from '../../types.ts' export interface UseClipboardProps extends Optional, 'id'> {} export interface UseClipboardReturn extends clipboard.Api {} diff --git a/packages/react/src/components/collapsible/collapsible-content.tsx b/packages/react/src/components/collapsible/collapsible-content.tsx index ab6aec2158..456f76b0eb 100644 --- a/packages/react/src/components/collapsible/collapsible-content.tsx +++ b/packages/react/src/components/collapsible/collapsible-content.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCollapsibleContext } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleContentBaseProps extends PolymorphicProps {} export interface CollapsibleContentProps extends HTMLProps<'div'>, CollapsibleContentBaseProps {} diff --git a/packages/react/src/components/collapsible/collapsible-context.tsx b/packages/react/src/components/collapsible/collapsible-context.tsx index 2d1e3b7efc..aa715b0d27 100644 --- a/packages/react/src/components/collapsible/collapsible-context.tsx +++ b/packages/react/src/components/collapsible/collapsible-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseCollapsibleContext, useCollapsibleContext } from './use-collapsible-context' +import { type UseCollapsibleContext, useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleContextProps { children: (context: UseCollapsibleContext) => ReactNode diff --git a/packages/react/src/components/collapsible/collapsible-indicator.tsx b/packages/react/src/components/collapsible/collapsible-indicator.tsx index 15748e0854..cfcf265ef6 100644 --- a/packages/react/src/components/collapsible/collapsible-indicator.tsx +++ b/packages/react/src/components/collapsible/collapsible-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCollapsibleContext } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleIndicatorBaseProps extends PolymorphicProps {} export interface CollapsibleIndicatorProps extends HTMLProps<'div'>, CollapsibleIndicatorBaseProps {} diff --git a/packages/react/src/components/collapsible/collapsible-root-provider.tsx b/packages/react/src/components/collapsible/collapsible-root-provider.tsx index 3294894bc1..922329b001 100644 --- a/packages/react/src/components/collapsible/collapsible-root-provider.tsx +++ b/packages/react/src/components/collapsible/collapsible-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseCollapsibleReturn } from './use-collapsible' -import { CollapsibleProvider } from './use-collapsible-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseCollapsibleReturn } from './use-collapsible.ts' +import { CollapsibleProvider } from './use-collapsible-context.ts' interface RootProviderProps { value: UseCollapsibleReturn diff --git a/packages/react/src/components/collapsible/collapsible-root.tsx b/packages/react/src/components/collapsible/collapsible-root.tsx index a2f5023320..b275338367 100644 --- a/packages/react/src/components/collapsible/collapsible-root.tsx +++ b/packages/react/src/components/collapsible/collapsible-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { splitCollapsibleProps } from './split-collapsible-props' -import { type UseCollapsibleProps, useCollapsible } from './use-collapsible' -import { CollapsibleProvider } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { splitCollapsibleProps } from './split-collapsible-props.ts' +import { type UseCollapsibleProps, useCollapsible } from './use-collapsible.ts' +import { CollapsibleProvider } from './use-collapsible-context.ts' export interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps {} export interface CollapsibleRootProps extends HTMLProps<'div'>, CollapsibleRootBaseProps {} diff --git a/packages/react/src/components/collapsible/collapsible-trigger.tsx b/packages/react/src/components/collapsible/collapsible-trigger.tsx index ec34dec98f..423eb98e03 100644 --- a/packages/react/src/components/collapsible/collapsible-trigger.tsx +++ b/packages/react/src/components/collapsible/collapsible-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCollapsibleContext } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleTriggerBaseProps extends PolymorphicProps {} export interface CollapsibleTriggerProps extends HTMLProps<'button'>, CollapsibleTriggerBaseProps {} diff --git a/packages/react/src/components/collapsible/collapsible.stories.tsx b/packages/react/src/components/collapsible/collapsible.stories.tsx index 583e68a2d6..e9aedbdaa5 100644 --- a/packages/react/src/components/collapsible/collapsible.stories.tsx +++ b/packages/react/src/components/collapsible/collapsible.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Disabled } from './examples/disabled' -export { InitialOpen } from './examples/initial-open' -export { LazyMount } from './examples/lazy-mount' -export { Nested } from './examples/nested' -export { PartialCollapse } from './examples/partial-collapse' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Disabled } from './examples/disabled.tsx' +export { InitialOpen } from './examples/initial-open.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Nested } from './examples/nested.tsx' +export { PartialCollapse } from './examples/partial-collapse.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/collapsible/collapsible.ts b/packages/react/src/components/collapsible/collapsible.ts index faba6f08b9..4e745c8011 100644 --- a/packages/react/src/components/collapsible/collapsible.ts +++ b/packages/react/src/components/collapsible/collapsible.ts @@ -3,25 +3,25 @@ export { CollapsibleContent as Content, type CollapsibleContentBaseProps as ContentBaseProps, type CollapsibleContentProps as ContentProps, -} from './collapsible-content' -export { CollapsibleContext as Context, type CollapsibleContextProps as ContextProps } from './collapsible-context' +} from './collapsible-content.tsx' +export { CollapsibleContext as Context, type CollapsibleContextProps as ContextProps } from './collapsible-context.tsx' export { CollapsibleIndicator as Indicator, type CollapsibleIndicatorBaseProps as IndicatorBaseProps, type CollapsibleIndicatorProps as IndicatorProps, -} from './collapsible-indicator' +} from './collapsible-indicator.tsx' export { CollapsibleRoot as Root, type CollapsibleRootBaseProps as RootBaseProps, type CollapsibleRootProps as RootProps, -} from './collapsible-root' +} from './collapsible-root.tsx' export { CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderBaseProps as RootProviderBaseProps, type CollapsibleRootProviderProps as RootProviderProps, -} from './collapsible-root-provider' +} from './collapsible-root-provider.tsx' export { CollapsibleTrigger as Trigger, type CollapsibleTriggerBaseProps as TriggerBaseProps, type CollapsibleTriggerProps as TriggerProps, -} from './collapsible-trigger' +} from './collapsible-trigger.tsx' diff --git a/packages/react/src/components/collapsible/index.ts b/packages/react/src/components/collapsible/index.ts index 3b40a0603b..366a3856a4 100644 --- a/packages/react/src/components/collapsible/index.ts +++ b/packages/react/src/components/collapsible/index.ts @@ -3,26 +3,26 @@ export { CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, -} from './collapsible-content' -export { CollapsibleContext, type CollapsibleContextProps } from './collapsible-context' +} from './collapsible-content.tsx' +export { CollapsibleContext, type CollapsibleContextProps } from './collapsible-context.tsx' export { CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, -} from './collapsible-indicator' -export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps } from './collapsible-root' +} from './collapsible-indicator.tsx' +export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps } from './collapsible-root.tsx' export { CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, -} from './collapsible-root-provider' +} from './collapsible-root-provider.tsx' export { CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, -} from './collapsible-trigger' -export { collapsibleAnatomy } from './collapsible.anatomy' -export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn } from './use-collapsible' -export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context' +} from './collapsible-trigger.tsx' +export { collapsibleAnatomy } from './collapsible.anatomy.ts' +export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn } from './use-collapsible.ts' +export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context.ts' -export * as Collapsible from './collapsible' +export * as Collapsible from './collapsible.ts' diff --git a/packages/react/src/components/collapsible/split-collapsible-props.ts b/packages/react/src/components/collapsible/split-collapsible-props.ts index 0d505102ba..2435e063dc 100644 --- a/packages/react/src/components/collapsible/split-collapsible-props.ts +++ b/packages/react/src/components/collapsible/split-collapsible-props.ts @@ -1,7 +1,7 @@ 'use client' -import { createSplitProps } from '../../utils/create-split-props' -import type { UseCollapsibleProps } from './use-collapsible' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UseCollapsibleProps } from './use-collapsible.ts' export const splitCollapsibleProps = (props: T) => createSplitProps()(props, [ diff --git a/packages/react/src/components/collapsible/tests/collapsible.test.tsx b/packages/react/src/components/collapsible/tests/collapsible.test.tsx index 17b7756ef5..803844cae3 100644 --- a/packages/react/src/components/collapsible/tests/collapsible.test.tsx +++ b/packages/react/src/components/collapsible/tests/collapsible.test.tsx @@ -2,7 +2,7 @@ import { act, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { ChevronDownIcon } from 'lucide-react' import { axe } from 'vitest-axe' -import { Collapsible } from '../' +import { Collapsible } from '../index.ts' const ComponentUnderTest = (props: Collapsible.RootProps) => ( diff --git a/packages/react/src/components/collapsible/use-collapsible-context.ts b/packages/react/src/components/collapsible/use-collapsible-context.ts index 1445425350..a4e96fa11d 100644 --- a/packages/react/src/components/collapsible/use-collapsible-context.ts +++ b/packages/react/src/components/collapsible/use-collapsible-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseCollapsibleReturn } from './use-collapsible' +import { createContext } from '../../utils/create-context.ts' +import type { UseCollapsibleReturn } from './use-collapsible.ts' export interface UseCollapsibleContext extends UseCollapsibleReturn {} diff --git a/packages/react/src/components/collapsible/use-collapsible.ts b/packages/react/src/components/collapsible/use-collapsible.ts index 9d6a187796..4f0d384212 100644 --- a/packages/react/src/components/collapsible/use-collapsible.ts +++ b/packages/react/src/components/collapsible/use-collapsible.ts @@ -3,9 +3,9 @@ import * as collapsible from '@zag-js/collapsible' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId, useRef } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import type { RenderStrategyProps } from '../../utils/render-strategy' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import type { RenderStrategyProps } from '../../utils/render-strategy.ts' export interface UseCollapsibleProps extends Optional, 'id'>, RenderStrategyProps {} diff --git a/packages/react/src/components/collection/async-list.stories.tsx b/packages/react/src/components/collection/async-list.stories.tsx index ca2e1608ea..12d71a64ea 100644 --- a/packages/react/src/components/collection/async-list.stories.tsx +++ b/packages/react/src/components/collection/async-list.stories.tsx @@ -6,9 +6,9 @@ const meta: Meta = { export default meta -export { Dependencies } from './examples/async-list/dependencies' -export { InfiniteLoading } from './examples/async-list/infinite-loading' -export { Reload } from './examples/async-list/reload' -export { Filter } from './examples/async-list/filter' -export { SortClientSide } from './examples/async-list/sort-client-side' -export { SortServerSide } from './examples/async-list/sort-server-side' +export { Dependencies } from './examples/async-list/dependencies.tsx' +export { InfiniteLoading } from './examples/async-list/infinite-loading.tsx' +export { Reload } from './examples/async-list/reload.tsx' +export { Filter } from './examples/async-list/filter.tsx' +export { SortClientSide } from './examples/async-list/sort-client-side.tsx' +export { SortServerSide } from './examples/async-list/sort-server-side.tsx' diff --git a/packages/react/src/components/collection/index.ts b/packages/react/src/components/collection/index.ts index 9e8d96ca61..724e4627f5 100644 --- a/packages/react/src/components/collection/index.ts +++ b/packages/react/src/components/collection/index.ts @@ -1,10 +1,10 @@ -export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection' +export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection.ts' export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, -} from './list-collection' +} from './list-collection.ts' export { createFileTreeCollection, createTreeCollection, @@ -13,7 +13,7 @@ export { type TreeCollection, type TreeCollectionOptions, type TreeNode, -} from './tree-collection' -export { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list' -export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection' -export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection' +} from './tree-collection.ts' +export { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list.ts' +export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection.ts' +export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection.ts' diff --git a/packages/react/src/components/collection/list-selection.stories.tsx b/packages/react/src/components/collection/list-selection.stories.tsx index 4868c40ebb..85e7ea8f9c 100644 --- a/packages/react/src/components/collection/list-selection.stories.tsx +++ b/packages/react/src/components/collection/list-selection.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/list-selection/basic' -export { Multiple } from './examples/list-selection/multiple' -export { Range } from './examples/list-selection/range' +export { Basic } from './examples/list-selection/basic.tsx' +export { Multiple } from './examples/list-selection/multiple.tsx' +export { Range } from './examples/list-selection/range.tsx' diff --git a/packages/react/src/components/collection/use-list-collection.ts b/packages/react/src/components/collection/use-list-collection.ts index 924f3e4f28..cf1a236507 100644 --- a/packages/react/src/components/collection/use-list-collection.ts +++ b/packages/react/src/components/collection/use-list-collection.ts @@ -1,8 +1,8 @@ 'use client' import { useCallback, useMemo, useRef, useState } from 'react' -import { useEvent } from '../../utils/use-event' -import { type CollectionOptions, type ListCollection, createListCollection } from './list-collection' +import { useEvent } from '../../utils/use-event.ts' +import { type CollectionOptions, type ListCollection, createListCollection } from './list-collection.ts' export interface UseListCollectionProps extends Omit, 'items'> { /** diff --git a/packages/react/src/components/collection/use-list-selection.ts b/packages/react/src/components/collection/use-list-selection.ts index 2fcd9241b9..103e2055a6 100644 --- a/packages/react/src/components/collection/use-list-selection.ts +++ b/packages/react/src/components/collection/use-list-selection.ts @@ -2,8 +2,8 @@ import { Selection, type SelectionMode } from '@zag-js/collection' import { useCallback, useEffect, useMemo, useState } from 'react' -import { useEvent } from '../../utils/use-event' -import type { CollectionItem, ListCollection } from './list-collection' +import { useEvent } from '../../utils/use-event.ts' +import type { CollectionItem, ListCollection } from './list-collection.ts' export interface UseListSelectionProps { /** diff --git a/packages/react/src/components/color-picker/color-picker-area-background.tsx b/packages/react/src/components/color-picker/color-picker-area-background.tsx index 69b14267f6..4cefa3cebb 100644 --- a/packages/react/src/components/color-picker/color-picker-area-background.tsx +++ b/packages/react/src/components/color-picker/color-picker-area-background.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps {} export interface ColorPickerAreaBackgroundProps extends HTMLProps<'div'>, ColorPickerAreaBackgroundBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-area-thumb.tsx b/packages/react/src/components/color-picker/color-picker-area-thumb.tsx index 78e8086464..f8aeb2fb83 100644 --- a/packages/react/src/components/color-picker/color-picker-area-thumb.tsx +++ b/packages/react/src/components/color-picker/color-picker-area-thumb.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerAreaThumbBaseProps extends PolymorphicProps {} export interface ColorPickerAreaThumbProps extends HTMLProps<'div'>, ColorPickerAreaThumbBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-area.tsx b/packages/react/src/components/color-picker/color-picker-area.tsx index c3d5a8beb3..fb54def04f 100644 --- a/packages/react/src/components/color-picker/color-picker-area.tsx +++ b/packages/react/src/components/color-picker/color-picker-area.tsx @@ -3,10 +3,10 @@ import type { AreaProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { ColorPickerAreaPropsProvider } from './use-color-picker-area-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { ColorPickerAreaPropsProvider } from './use-color-picker-area-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps {} export interface ColorPickerAreaProps extends HTMLProps<'div'>, ColorPickerAreaBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-channel-input.tsx b/packages/react/src/components/color-picker/color-picker-channel-input.tsx index 871c8f74d2..12c94229e1 100644 --- a/packages/react/src/components/color-picker/color-picker-channel-input.tsx +++ b/packages/react/src/components/color-picker/color-picker-channel-input.tsx @@ -3,9 +3,9 @@ import type { ChannelInputProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps {} export interface ColorPickerChannelInputProps extends HTMLProps<'input'>, ColorPickerChannelInputBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-channel-slider-label.tsx b/packages/react/src/components/color-picker/color-picker-channel-slider-label.tsx index c6f081b00a..6a61d63765 100644 --- a/packages/react/src/components/color-picker/color-picker-channel-slider-label.tsx +++ b/packages/react/src/components/color-picker/color-picker-channel-slider-label.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps {} export interface ColorPickerChannelSliderLabelProps diff --git a/packages/react/src/components/color-picker/color-picker-channel-slider-thumb.tsx b/packages/react/src/components/color-picker/color-picker-channel-slider-thumb.tsx index 363fc2bb46..4352fb89e9 100644 --- a/packages/react/src/components/color-picker/color-picker-channel-slider-thumb.tsx +++ b/packages/react/src/components/color-picker/color-picker-channel-slider-thumb.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerFormatPropsContext } from './use-color-picker-format-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.ts' export interface ColorPickerChannelSliderThumbBaseProps extends PolymorphicProps {} export interface ColorPickerChannelSliderThumbProps extends HTMLProps<'div'>, ColorPickerChannelSliderThumbBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-channel-slider-track.tsx b/packages/react/src/components/color-picker/color-picker-channel-slider-track.tsx index 49d041d144..f0a07e13b6 100644 --- a/packages/react/src/components/color-picker/color-picker-channel-slider-track.tsx +++ b/packages/react/src/components/color-picker/color-picker-channel-slider-track.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerFormatPropsContext } from './use-color-picker-format-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.ts' export interface ColorPickerChannelSliderTrackBaseProps extends PolymorphicProps {} export interface ColorPickerChannelSliderTrackProps extends HTMLProps<'div'>, ColorPickerChannelSliderTrackBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-channel-slider-value-text.tsx b/packages/react/src/components/color-picker/color-picker-channel-slider-value-text.tsx index 8d4d6471cb..998e2d7cf0 100644 --- a/packages/react/src/components/color-picker/color-picker-channel-slider-value-text.tsx +++ b/packages/react/src/components/color-picker/color-picker-channel-slider-value-text.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { useLocaleContext } from '../../providers' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { useLocaleContext } from '../../providers/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps {} export interface ColorPickerChannelSliderValueTextProps diff --git a/packages/react/src/components/color-picker/color-picker-channel-slider.tsx b/packages/react/src/components/color-picker/color-picker-channel-slider.tsx index 0e8b169165..c834db62e5 100644 --- a/packages/react/src/components/color-picker/color-picker-channel-slider.tsx +++ b/packages/react/src/components/color-picker/color-picker-channel-slider.tsx @@ -3,11 +3,11 @@ import type { ChannelProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { ColorPickerChannelPropsProvider } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerFormatPropsContext } from './use-color-picker-format-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { ColorPickerChannelPropsProvider } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.ts' export interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps {} export interface ColorPickerChannelSliderProps extends HTMLProps<'div'>, ColorPickerChannelSliderBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-content.tsx b/packages/react/src/components/color-picker/color-picker-content.tsx index e425437bad..0e56849a81 100644 --- a/packages/react/src/components/color-picker/color-picker-content.tsx +++ b/packages/react/src/components/color-picker/color-picker-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useColorPickerContext } from './use-color-picker-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerContentBaseProps extends PolymorphicProps {} export interface ColorPickerContentProps extends HTMLProps<'div'>, ColorPickerContentBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-context.tsx b/packages/react/src/components/color-picker/color-picker-context.tsx index bd13a36b57..149acb02f2 100644 --- a/packages/react/src/components/color-picker/color-picker-context.tsx +++ b/packages/react/src/components/color-picker/color-picker-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseColorPickerContext, useColorPickerContext } from './use-color-picker-context' +import { type UseColorPickerContext, useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerContextProps { children: (context: UseColorPickerContext) => ReactNode diff --git a/packages/react/src/components/color-picker/color-picker-control.tsx b/packages/react/src/components/color-picker/color-picker-control.tsx index aa4e9d26c4..ada7d8015c 100644 --- a/packages/react/src/components/color-picker/color-picker-control.tsx +++ b/packages/react/src/components/color-picker/color-picker-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerControlBaseProps extends PolymorphicProps {} export interface ColorPickerControlProps extends HTMLProps<'div'>, ColorPickerControlBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-eye-dropper-trigger.tsx b/packages/react/src/components/color-picker/color-picker-eye-dropper-trigger.tsx index 69fce649d2..ce657129ae 100644 --- a/packages/react/src/components/color-picker/color-picker-eye-dropper-trigger.tsx +++ b/packages/react/src/components/color-picker/color-picker-eye-dropper-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerEyeDropperTriggerBaseProps extends PolymorphicProps {} export interface ColorPickerEyeDropperTriggerProps extends HTMLProps<'button'>, ColorPickerEyeDropperTriggerBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-format-select.tsx b/packages/react/src/components/color-picker/color-picker-format-select.tsx index 17167323d6..ba8510d8aa 100644 --- a/packages/react/src/components/color-picker/color-picker-format-select.tsx +++ b/packages/react/src/components/color-picker/color-picker-format-select.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerFormatSelectBaseProps extends PolymorphicProps {} export interface ColorPickerFormatSelectProps extends HTMLProps<'select'>, ColorPickerFormatSelectBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-format-trigger.tsx b/packages/react/src/components/color-picker/color-picker-format-trigger.tsx index c208f0f2df..2bdba4a8ee 100644 --- a/packages/react/src/components/color-picker/color-picker-format-trigger.tsx +++ b/packages/react/src/components/color-picker/color-picker-format-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerFormatTriggerBaseProps extends PolymorphicProps {} export interface ColorPickerFormatTriggerProps extends HTMLProps<'button'>, ColorPickerFormatTriggerBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-hidden-input.tsx b/packages/react/src/components/color-picker/color-picker-hidden-input.tsx index ed53a0b318..e652213e8c 100644 --- a/packages/react/src/components/color-picker/color-picker-hidden-input.tsx +++ b/packages/react/src/components/color-picker/color-picker-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerHiddenInputBaseProps extends PolymorphicProps {} export interface ColorPickerHiddenInputProps extends HTMLProps<'input'>, ColorPickerHiddenInputBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-label.tsx b/packages/react/src/components/color-picker/color-picker-label.tsx index cc9879cf5a..e36b101602 100644 --- a/packages/react/src/components/color-picker/color-picker-label.tsx +++ b/packages/react/src/components/color-picker/color-picker-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerLabelBaseProps extends PolymorphicProps {} export interface ColorPickerLabelProps extends HTMLProps<'label'>, ColorPickerLabelBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-positioner.tsx b/packages/react/src/components/color-picker/color-picker-positioner.tsx index f27e3abf07..7eeca17c48 100644 --- a/packages/react/src/components/color-picker/color-picker-positioner.tsx +++ b/packages/react/src/components/color-picker/color-picker-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerPositionerBaseProps extends PolymorphicProps {} export interface ColorPickerPositionerProps extends HTMLProps<'div'>, ColorPickerPositionerBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-root-provider.tsx b/packages/react/src/components/color-picker/color-picker-root-provider.tsx index f9557ff8bc..b4aee765b4 100644 --- a/packages/react/src/components/color-picker/color-picker-root-provider.tsx +++ b/packages/react/src/components/color-picker/color-picker-root-provider.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseColorPickerReturn } from './use-color-picker' -import { ColorPickerProvider } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import type { UseColorPickerReturn } from './use-color-picker.ts' +import { ColorPickerProvider } from './use-color-picker-context.ts' interface RootProviderProps { value: UseColorPickerReturn diff --git a/packages/react/src/components/color-picker/color-picker-root.tsx b/packages/react/src/components/color-picker/color-picker-root.tsx index b21df603ce..391eb37e2f 100644 --- a/packages/react/src/components/color-picker/color-picker-root.tsx +++ b/packages/react/src/components/color-picker/color-picker-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseColorPickerProps, useColorPicker } from './use-color-picker' -import { ColorPickerProvider } from './use-color-picker-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import { type UseColorPickerProps, useColorPicker } from './use-color-picker.ts' +import { ColorPickerProvider } from './use-color-picker-context.ts' export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps {} export interface ColorPickerRootProps extends Assign, ColorPickerRootBaseProps> {} diff --git a/packages/react/src/components/color-picker/color-picker-swatch-group.tsx b/packages/react/src/components/color-picker/color-picker-swatch-group.tsx index 3562d5fac3..897a442938 100644 --- a/packages/react/src/components/color-picker/color-picker-swatch-group.tsx +++ b/packages/react/src/components/color-picker/color-picker-swatch-group.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerSwatchGroupBaseProps extends PolymorphicProps {} export interface ColorPickerSwatchGroupProps extends HTMLProps<'div'>, ColorPickerSwatchGroupBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-swatch-indicator.tsx b/packages/react/src/components/color-picker/color-picker-swatch-indicator.tsx index e954d13c78..e967c5c980 100644 --- a/packages/react/src/components/color-picker/color-picker-swatch-indicator.tsx +++ b/packages/react/src/components/color-picker/color-picker-swatch-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 { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerSwatchPropsContext } from './use-color-picker-swatch-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerSwatchPropsContext } from './use-color-picker-swatch-props-context.ts' export interface ColorPickerSwatchIndicatorBaseProps extends PolymorphicProps {} export interface ColorPickerSwatchIndicatorProps extends HTMLProps<'div'>, ColorPickerSwatchIndicatorBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-swatch-trigger.tsx b/packages/react/src/components/color-picker/color-picker-swatch-trigger.tsx index f7b655ba4b..9360de2bc6 100644 --- a/packages/react/src/components/color-picker/color-picker-swatch-trigger.tsx +++ b/packages/react/src/components/color-picker/color-picker-swatch-trigger.tsx @@ -3,10 +3,10 @@ import type { SwatchTriggerProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps {} export interface ColorPickerSwatchTriggerProps extends Assign, ColorPickerSwatchTriggerBaseProps> {} diff --git a/packages/react/src/components/color-picker/color-picker-swatch.tsx b/packages/react/src/components/color-picker/color-picker-swatch.tsx index 9bc622a148..d3029a47f3 100644 --- a/packages/react/src/components/color-picker/color-picker-swatch.tsx +++ b/packages/react/src/components/color-picker/color-picker-swatch.tsx @@ -3,10 +3,10 @@ import type { SwatchProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' -import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.ts' export interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps {} export interface ColorPickerSwatchProps extends HTMLProps<'div'>, ColorPickerSwatchBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-transparency-grid.tsx b/packages/react/src/components/color-picker/color-picker-transparency-grid.tsx index 5936e45ab9..da02ca1b91 100644 --- a/packages/react/src/components/color-picker/color-picker-transparency-grid.tsx +++ b/packages/react/src/components/color-picker/color-picker-transparency-grid.tsx @@ -3,9 +3,9 @@ import type { TransparencyGridProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps {} export interface ColorPickerTransparencyGridProps extends HTMLProps<'div'>, ColorPickerTransparencyGridBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-trigger.tsx b/packages/react/src/components/color-picker/color-picker-trigger.tsx index 0cb03b4fc3..4e3669b60a 100644 --- a/packages/react/src/components/color-picker/color-picker-trigger.tsx +++ b/packages/react/src/components/color-picker/color-picker-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerTriggerBaseProps extends PolymorphicProps {} export interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {} diff --git a/packages/react/src/components/color-picker/color-picker-value-swatch.tsx b/packages/react/src/components/color-picker/color-picker-value-swatch.tsx index 169e2ea0dd..ab7d2057ed 100644 --- a/packages/react/src/components/color-picker/color-picker-value-swatch.tsx +++ b/packages/react/src/components/color-picker/color-picker-value-swatch.tsx @@ -3,10 +3,10 @@ import type { SwatchProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' -import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.ts' interface ValueSwatchProps extends Omit {} diff --git a/packages/react/src/components/color-picker/color-picker-value-text.tsx b/packages/react/src/components/color-picker/color-picker-value-text.tsx index 751afaeba1..569fc9be12 100644 --- a/packages/react/src/components/color-picker/color-picker-value-text.tsx +++ b/packages/react/src/components/color-picker/color-picker-value-text.tsx @@ -3,8 +3,8 @@ import type { ColorStringFormat } from '@zag-js/color-utils' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerValueTextBaseProps extends PolymorphicProps { format?: ColorStringFormat | undefined diff --git a/packages/react/src/components/color-picker/color-picker-view.tsx b/packages/react/src/components/color-picker/color-picker-view.tsx index 6ef90173f6..84334b8877 100644 --- a/packages/react/src/components/color-picker/color-picker-view.tsx +++ b/packages/react/src/components/color-picker/color-picker-view.tsx @@ -2,11 +2,11 @@ import type { ColorFormat } from '@zag-js/color-picker' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { colorPickerAnatomy } from './color-picker.anatomy' -import { useColorPickerContext } from './use-color-picker-context' -import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { colorPickerAnatomy } from './color-picker.anatomy.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context.ts' interface FormatOptions { format: ColorFormat diff --git a/packages/react/src/components/color-picker/color-picker.stories.tsx b/packages/react/src/components/color-picker/color-picker.stories.tsx index c450805789..07a057199f 100644 --- a/packages/react/src/components/color-picker/color-picker.stories.tsx +++ b/packages/react/src/components/color-picker/color-picker.stories.tsx @@ -6,17 +6,17 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { FormUsage } from './examples/form-usage' -export { Inline } from './examples/inline' -export { InsideDialog } from './examples/inside-dialog' -export { InputOnly } from './examples/input-only' -export { OpenControlled } from './examples/open-controlled' -export { RootProvider } from './examples/root-provider' -export { SliderOnly } from './examples/slider-only' -export { Swatches } from './examples/swatches' -export { SwatchOnly } from './examples/swatch-only' -export { ValueSwatch } from './examples/value-swatch' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { FormUsage } from './examples/form-usage.tsx' +export { Inline } from './examples/inline.tsx' +export { InsideDialog } from './examples/inside-dialog.tsx' +export { InputOnly } from './examples/input-only.tsx' +export { OpenControlled } from './examples/open-controlled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SliderOnly } from './examples/slider-only.tsx' +export { Swatches } from './examples/swatches.tsx' +export { SwatchOnly } from './examples/swatch-only.tsx' +export { ValueSwatch } from './examples/value-swatch.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/color-picker/color-picker.ts b/packages/react/src/components/color-picker/color-picker.ts index 81c72849b5..760f73edab 100644 --- a/packages/react/src/components/color-picker/color-picker.ts +++ b/packages/react/src/components/color-picker/color-picker.ts @@ -12,140 +12,140 @@ export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, -} from './color-picker-area' +} from './color-picker-area.tsx' export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, -} from './color-picker-area-background' +} from './color-picker-area-background.tsx' export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, -} from './color-picker-area-thumb' +} from './color-picker-area-thumb.tsx' export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputBaseProps as ChannelInputBaseProps, type ColorPickerChannelInputProps as ChannelInputProps, -} from './color-picker-channel-input' +} from './color-picker-channel-input.tsx' export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, type ColorPickerChannelSliderProps as ChannelSliderProps, -} from './color-picker-channel-slider' +} from './color-picker-channel-slider.tsx' export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, -} from './color-picker-channel-slider-label' +} from './color-picker-channel-slider-label.tsx' export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, -} from './color-picker-channel-slider-thumb' +} from './color-picker-channel-slider-thumb.tsx' export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, -} from './color-picker-channel-slider-track' +} from './color-picker-channel-slider-track.tsx' export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, -} from './color-picker-channel-slider-value-text' +} from './color-picker-channel-slider-value-text.tsx' export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, -} from './color-picker-content' -export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps } from './color-picker-context' +} from './color-picker-content.tsx' +export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps } from './color-picker-context.tsx' export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, -} from './color-picker-control' +} from './color-picker-control.tsx' export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, -} from './color-picker-eye-dropper-trigger' +} from './color-picker-eye-dropper-trigger.tsx' export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, type ColorPickerFormatSelectProps as FormatSelectProps, -} from './color-picker-format-select' +} from './color-picker-format-select.tsx' export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, type ColorPickerFormatTriggerProps as FormatTriggerProps, -} from './color-picker-format-trigger' +} from './color-picker-format-trigger.tsx' export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, -} from './color-picker-hidden-input' +} from './color-picker-hidden-input.tsx' export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, -} from './color-picker-label' +} from './color-picker-label.tsx' export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, -} from './color-picker-positioner' +} from './color-picker-positioner.tsx' export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, -} from './color-picker-root' +} from './color-picker-root.tsx' export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, -} from './color-picker-root-provider' +} from './color-picker-root-provider.tsx' export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, -} from './color-picker-swatch' +} from './color-picker-swatch.tsx' export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, -} from './color-picker-swatch-group' +} from './color-picker-swatch-group.tsx' export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, -} from './color-picker-swatch-indicator' +} from './color-picker-swatch-indicator.tsx' export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, -} from './color-picker-swatch-trigger' +} from './color-picker-swatch-trigger.tsx' export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, -} from './color-picker-transparency-grid' +} from './color-picker-transparency-grid.tsx' export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, -} from './color-picker-trigger' +} from './color-picker-trigger.tsx' export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, -} from './color-picker-value-swatch' +} from './color-picker-value-swatch.tsx' export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, -} from './color-picker-value-text' +} from './color-picker-value-text.tsx' export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, -} from './color-picker-view' +} from './color-picker-view.tsx' diff --git a/packages/react/src/components/color-picker/index.ts b/packages/react/src/components/color-picker/index.ts index ae59d0782b..14681c627c 100644 --- a/packages/react/src/components/color-picker/index.ts +++ b/packages/react/src/components/color-picker/index.ts @@ -9,129 +9,133 @@ export type { PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker' -export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps } from './color-picker-area' +export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps } from './color-picker-area.tsx' export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, -} from './color-picker-area-background' +} from './color-picker-area-background.tsx' export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, -} from './color-picker-area-thumb' +} from './color-picker-area-thumb.tsx' export { ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, -} from './color-picker-channel-input' +} from './color-picker-channel-input.tsx' export { ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, type ColorPickerChannelSliderProps, -} from './color-picker-channel-slider' +} from './color-picker-channel-slider.tsx' export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, -} from './color-picker-channel-slider-label' +} from './color-picker-channel-slider-label.tsx' export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, -} from './color-picker-channel-slider-thumb' +} from './color-picker-channel-slider-thumb.tsx' export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, -} from './color-picker-channel-slider-track' +} from './color-picker-channel-slider-track.tsx' export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, -} from './color-picker-channel-slider-value-text' +} from './color-picker-channel-slider-value-text.tsx' export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, -} from './color-picker-content' -export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context' +} from './color-picker-content.tsx' +export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context.tsx' export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, -} from './color-picker-control' +} from './color-picker-control.tsx' export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, -} from './color-picker-eye-dropper-trigger' +} from './color-picker-eye-dropper-trigger.tsx' export { ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, -} from './color-picker-format-select' +} from './color-picker-format-select.tsx' export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, -} from './color-picker-format-trigger' +} from './color-picker-format-trigger.tsx' export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, -} from './color-picker-hidden-input' -export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps } from './color-picker-label' +} from './color-picker-hidden-input.tsx' +export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps } from './color-picker-label.tsx' export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, -} from './color-picker-positioner' -export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps } from './color-picker-root' +} from './color-picker-positioner.tsx' +export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps } from './color-picker-root.tsx' export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, -} from './color-picker-root-provider' -export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps } from './color-picker-swatch' +} from './color-picker-root-provider.tsx' +export { + ColorPickerSwatch, + type ColorPickerSwatchBaseProps, + type ColorPickerSwatchProps, +} from './color-picker-swatch.tsx' export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, -} from './color-picker-swatch-group' +} from './color-picker-swatch-group.tsx' export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, -} from './color-picker-swatch-indicator' +} from './color-picker-swatch-indicator.tsx' export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, -} from './color-picker-swatch-trigger' +} from './color-picker-swatch-trigger.tsx' export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, -} from './color-picker-transparency-grid' +} from './color-picker-transparency-grid.tsx' export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, -} from './color-picker-trigger' +} from './color-picker-trigger.tsx' export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, -} from './color-picker-value-swatch' +} from './color-picker-value-swatch.tsx' export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, -} from './color-picker-value-text' -export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps } from './color-picker-view' -export { colorPickerAnatomy } from './color-picker.anatomy' -export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker' -export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context' +} from './color-picker-value-text.tsx' +export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps } from './color-picker-view.tsx' +export { colorPickerAnatomy } from './color-picker.anatomy.ts' +export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker.ts' +export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context.ts' -export * as ColorPicker from './color-picker' +export * as ColorPicker from './color-picker.ts' diff --git a/packages/react/src/components/color-picker/tests/basic.tsx b/packages/react/src/components/color-picker/tests/basic.tsx index aa5205fad8..283cdde9dd 100644 --- a/packages/react/src/components/color-picker/tests/basic.tsx +++ b/packages/react/src/components/color-picker/tests/basic.tsx @@ -1,4 +1,4 @@ -import { ColorPicker, parseColor } from '../' +import { ColorPicker, parseColor } from '../index.ts' export const ComponentUnderTest = (props: ColorPicker.RootProps) => ( diff --git a/packages/react/src/components/color-picker/tests/color-picker.test.tsx b/packages/react/src/components/color-picker/tests/color-picker.test.tsx index e624c64878..1b7e2da621 100644 --- a/packages/react/src/components/color-picker/tests/color-picker.test.tsx +++ b/packages/react/src/components/color-picker/tests/color-picker.test.tsx @@ -1,9 +1,9 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ColorPicker, parseColor } from '../' -import { Field } from '../../field' -import { ComponentUnderTest } from './basic' +import { ColorPicker, parseColor } from '../index.ts' +import { Field } from '../../field/index.ts' +import { ComponentUnderTest } from './basic.tsx' describe('ColorPicker', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/color-picker/use-color-picker-area-props-context.ts b/packages/react/src/components/color-picker/use-color-picker-area-props-context.ts index 59db719833..b127e47e78 100644 --- a/packages/react/src/components/color-picker/use-color-picker-area-props-context.ts +++ b/packages/react/src/components/color-picker/use-color-picker-area-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { AreaProps } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerAreaPropsContext extends AreaProps {} diff --git a/packages/react/src/components/color-picker/use-color-picker-channel-props-context.ts b/packages/react/src/components/color-picker/use-color-picker-channel-props-context.ts index 5d2bd5feb4..8b71e2f6f9 100644 --- a/packages/react/src/components/color-picker/use-color-picker-channel-props-context.ts +++ b/packages/react/src/components/color-picker/use-color-picker-channel-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ChannelProps } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerChannelPropsContext extends ChannelProps {} diff --git a/packages/react/src/components/color-picker/use-color-picker-context.ts b/packages/react/src/components/color-picker/use-color-picker-context.ts index cfc7826028..7723884da4 100644 --- a/packages/react/src/components/color-picker/use-color-picker-context.ts +++ b/packages/react/src/components/color-picker/use-color-picker-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseColorPickerReturn } from './use-color-picker' +import { createContext } from '../../utils/create-context.ts' +import type { UseColorPickerReturn } from './use-color-picker.ts' export interface UseColorPickerContext extends UseColorPickerReturn {} diff --git a/packages/react/src/components/color-picker/use-color-picker-format-context.ts b/packages/react/src/components/color-picker/use-color-picker-format-context.ts index a50e480a68..ea16690e5f 100644 --- a/packages/react/src/components/color-picker/use-color-picker-format-context.ts +++ b/packages/react/src/components/color-picker/use-color-picker-format-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ColorFormat } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerSwatchPropsContext { format: ColorFormat diff --git a/packages/react/src/components/color-picker/use-color-picker-swatch-props-context.ts b/packages/react/src/components/color-picker/use-color-picker-swatch-props-context.ts index 627c24e963..a54b105ebd 100644 --- a/packages/react/src/components/color-picker/use-color-picker-swatch-props-context.ts +++ b/packages/react/src/components/color-picker/use-color-picker-swatch-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { SwatchProps } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerSwatchPropsContext extends SwatchProps {} diff --git a/packages/react/src/components/color-picker/use-color-picker.ts b/packages/react/src/components/color-picker/use-color-picker.ts index 0ef45310ee..264f917404 100644 --- a/packages/react/src/components/color-picker/use-color-picker.ts +++ b/packages/react/src/components/color-picker/use-color-picker.ts @@ -3,9 +3,9 @@ import * as colorPicker from '@zag-js/color-picker' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseColorPickerProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/combobox/combobox-clear-trigger.tsx b/packages/react/src/components/combobox/combobox-clear-trigger.tsx index cf2c414c4c..d67f00ef5e 100644 --- a/packages/react/src/components/combobox/combobox-clear-trigger.tsx +++ b/packages/react/src/components/combobox/combobox-clear-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxClearTriggerBaseProps extends PolymorphicProps {} export interface ComboboxClearTriggerProps extends HTMLProps<'button'>, ComboboxClearTriggerBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-content.tsx b/packages/react/src/components/combobox/combobox-content.tsx index d159a48d1b..018cd93fd2 100644 --- a/packages/react/src/components/combobox/combobox-content.tsx +++ b/packages/react/src/components/combobox/combobox-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useComboboxContext } from './use-combobox-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxContentBaseProps extends PolymorphicProps {} export interface ComboboxContentProps extends HTMLProps<'div'>, ComboboxContentBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-context.tsx b/packages/react/src/components/combobox/combobox-context.tsx index 50ca38bf9a..62db0825ab 100644 --- a/packages/react/src/components/combobox/combobox-context.tsx +++ b/packages/react/src/components/combobox/combobox-context.tsx @@ -1,8 +1,8 @@ 'use client' import type { ReactNode } from 'react' -import type { CollectionItem } from '../collection' -import { type UseComboboxContext, useComboboxContext } from './use-combobox-context' +import type { CollectionItem } from '../collection/index.ts' +import { type UseComboboxContext, useComboboxContext } from './use-combobox-context.ts' export interface ComboboxContextProps { children: (context: UseComboboxContext) => ReactNode diff --git a/packages/react/src/components/combobox/combobox-control.tsx b/packages/react/src/components/combobox/combobox-control.tsx index 07655e5ea1..484c6d5950 100644 --- a/packages/react/src/components/combobox/combobox-control.tsx +++ b/packages/react/src/components/combobox/combobox-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxControlBaseProps extends PolymorphicProps {} export interface ComboboxControlProps extends HTMLProps<'div'>, ComboboxControlBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-empty.tsx b/packages/react/src/components/combobox/combobox-empty.tsx index bbf1a24ee3..e4e4e8b1cb 100644 --- a/packages/react/src/components/combobox/combobox-empty.tsx +++ b/packages/react/src/components/combobox/combobox-empty.tsx @@ -1,9 +1,9 @@ 'use client' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { comboboxAnatomy } from './combobox.anatomy' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { comboboxAnatomy } from './combobox.anatomy.ts' +import { useComboboxContext } from './use-combobox-context.ts' const parts = comboboxAnatomy.build() diff --git a/packages/react/src/components/combobox/combobox-input.tsx b/packages/react/src/components/combobox/combobox-input.tsx index 3027715964..1d39f57ac2 100644 --- a/packages/react/src/components/combobox/combobox-input.tsx +++ b/packages/react/src/components/combobox/combobox-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxInputBaseProps extends PolymorphicProps {} export interface ComboboxInputProps extends HTMLProps<'input'>, ComboboxInputBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-item-context.tsx b/packages/react/src/components/combobox/combobox-item-context.tsx index d80e1d12f5..fc4c49ab6b 100644 --- a/packages/react/src/components/combobox/combobox-item-context.tsx +++ b/packages/react/src/components/combobox/combobox-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseComboboxItemContext, useComboboxItemContext } from './use-combobox-item-context' +import { type UseComboboxItemContext, useComboboxItemContext } from './use-combobox-item-context.ts' export interface ComboboxItemContextProps { children: (context: UseComboboxItemContext) => ReactNode diff --git a/packages/react/src/components/combobox/combobox-item-group-label.tsx b/packages/react/src/components/combobox/combobox-item-group-label.tsx index 730441b410..00d0ef5d7e 100644 --- a/packages/react/src/components/combobox/combobox-item-group-label.tsx +++ b/packages/react/src/components/combobox/combobox-item-group-label.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { useComboboxItemGroupPropsContext } from './use-combobox-item-group-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' +import { useComboboxItemGroupPropsContext } from './use-combobox-item-group-props-context.ts' export interface ComboboxItemGroupLabelBaseProps extends PolymorphicProps {} export interface ComboboxItemGroupLabelProps extends HTMLProps<'div'>, ComboboxItemGroupLabelBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-item-group.tsx b/packages/react/src/components/combobox/combobox-item-group.tsx index 864cdc4a75..88d91128dd 100644 --- a/packages/react/src/components/combobox/combobox-item-group.tsx +++ b/packages/react/src/components/combobox/combobox-item-group.tsx @@ -3,10 +3,10 @@ import type { ItemGroupProps } from '@zag-js/combobox' import { mergeProps } from '@zag-js/react' import { forwardRef, useId } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { ComboboxItemGroupPropsProvider } from './use-combobox-item-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' +import { ComboboxItemGroupPropsProvider } from './use-combobox-item-group-props-context.ts' export interface ComboboxItemGroupBaseProps extends PolymorphicProps {} export interface ComboboxItemGroupProps extends HTMLProps<'div'>, ComboboxItemGroupBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-item-indicator.tsx b/packages/react/src/components/combobox/combobox-item-indicator.tsx index 11f49fcc91..376637cee2 100644 --- a/packages/react/src/components/combobox/combobox-item-indicator.tsx +++ b/packages/react/src/components/combobox/combobox-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 { useComboboxContext } from './use-combobox-context' -import { useComboboxItemPropsContext } from './use-combobox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' +import { useComboboxItemPropsContext } from './use-combobox-item-props-context.ts' export interface ComboboxItemIndicatorBaseProps extends PolymorphicProps {} export interface ComboboxItemIndicatorProps extends HTMLProps<'div'>, ComboboxItemIndicatorBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-item-text.tsx b/packages/react/src/components/combobox/combobox-item-text.tsx index baf55dbc22..af4a2d4a2b 100644 --- a/packages/react/src/components/combobox/combobox-item-text.tsx +++ b/packages/react/src/components/combobox/combobox-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { useComboboxItemPropsContext } from './use-combobox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' +import { useComboboxItemPropsContext } from './use-combobox-item-props-context.ts' export interface ComboboxItemTextBaseProps extends PolymorphicProps {} export interface ComboboxItemTextProps extends HTMLProps<'span'>, ComboboxItemTextBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-item.tsx b/packages/react/src/components/combobox/combobox-item.tsx index 4944c20393..74b59a10e9 100644 --- a/packages/react/src/components/combobox/combobox-item.tsx +++ b/packages/react/src/components/combobox/combobox-item.tsx @@ -3,11 +3,11 @@ import type { ItemProps } from '@zag-js/combobox' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { ComboboxItemProvider } from './use-combobox-item-context' -import { ComboboxItemPropsProvider } from './use-combobox-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' +import { ComboboxItemProvider } from './use-combobox-item-context.ts' +import { ComboboxItemPropsProvider } from './use-combobox-item-props-context.ts' export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps {} export interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-label.tsx b/packages/react/src/components/combobox/combobox-label.tsx index 4be00d6f74..b7738fa348 100644 --- a/packages/react/src/components/combobox/combobox-label.tsx +++ b/packages/react/src/components/combobox/combobox-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxLabelBaseProps extends PolymorphicProps {} export interface ComboboxLabelProps extends HTMLProps<'label'>, ComboboxLabelBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-list.tsx b/packages/react/src/components/combobox/combobox-list.tsx index b16a29a485..5ab28f13b9 100644 --- a/packages/react/src/components/combobox/combobox-list.tsx +++ b/packages/react/src/components/combobox/combobox-list.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxListBaseProps extends PolymorphicProps {} export interface ComboboxListProps extends HTMLProps<'div'>, ComboboxListBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-positioner.tsx b/packages/react/src/components/combobox/combobox-positioner.tsx index b01745c8e9..479d6c7d84 100644 --- a/packages/react/src/components/combobox/combobox-positioner.tsx +++ b/packages/react/src/components/combobox/combobox-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxPositionerBaseProps extends PolymorphicProps {} export interface ComboboxPositionerProps extends HTMLProps<'div'>, ComboboxPositionerBaseProps {} diff --git a/packages/react/src/components/combobox/combobox-root-provider.tsx b/packages/react/src/components/combobox/combobox-root-provider.tsx index 13cab6a0c9..c994c39198 100644 --- a/packages/react/src/components/combobox/combobox-root-provider.tsx +++ b/packages/react/src/components/combobox/combobox-root-provider.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import { type JSX, type Ref, type RefAttributes, forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseComboboxReturn } from './use-combobox' -import { ComboboxProvider } from './use-combobox-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import type { UseComboboxReturn } from './use-combobox.ts' +import { ComboboxProvider } from './use-combobox-context.ts' interface RootProviderProps { value: UseComboboxReturn diff --git a/packages/react/src/components/combobox/combobox-root.tsx b/packages/react/src/components/combobox/combobox-root.tsx index a0b5d19711..51233a0f84 100644 --- a/packages/react/src/components/combobox/combobox-root.tsx +++ b/packages/react/src/components/combobox/combobox-root.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import { type JSX, type Ref, type RefAttributes, forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseComboboxProps, useCombobox } from './use-combobox' -import { ComboboxProvider } from './use-combobox-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import { type UseComboboxProps, useCombobox } from './use-combobox.ts' +import { ComboboxProvider } from './use-combobox-context.ts' export interface ComboboxRootBaseProps extends UseComboboxProps, UsePresenceProps, PolymorphicProps {} diff --git a/packages/react/src/components/combobox/combobox-trigger.tsx b/packages/react/src/components/combobox/combobox-trigger.tsx index 19f0f7881e..390dbfc007 100644 --- a/packages/react/src/components/combobox/combobox-trigger.tsx +++ b/packages/react/src/components/combobox/combobox-trigger.tsx @@ -3,9 +3,9 @@ import type { TriggerProps } from '@zag-js/combobox' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {} diff --git a/packages/react/src/components/combobox/combobox.stories.tsx b/packages/react/src/components/combobox/combobox.stories.tsx index 3dcd90f01e..b884d126e9 100644 --- a/packages/react/src/components/combobox/combobox.stories.tsx +++ b/packages/react/src/components/combobox/combobox.stories.tsx @@ -6,20 +6,20 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Grouping } from './examples/grouping' -export { Links } from './examples/links' -export { Multiple } from './examples/multiple' -export { RehydrateValue } from './examples/rehydrate-value' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { Creatable } from './examples/creatable' -export { LimitResults } from './examples/limit-results' -export { HighlightMatchingText } from './examples/highlight-matching-text' -export { Dynamic } from './examples/dynamic' -export { CustomObject } from './examples/custom-object' -export { AsyncSearch } from './examples/async-search' -export { Virtualized } from './examples/virtualized' -export { AutoHighlight } from './examples/auto-highlight' -export { InlineAutocomplete } from './examples/inline-autocomplete' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Grouping } from './examples/grouping.tsx' +export { Links } from './examples/links.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RehydrateValue } from './examples/rehydrate-value.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { Creatable } from './examples/creatable.tsx' +export { LimitResults } from './examples/limit-results.tsx' +export { HighlightMatchingText } from './examples/highlight-matching-text.tsx' +export { Dynamic } from './examples/dynamic.tsx' +export { CustomObject } from './examples/custom-object.tsx' +export { AsyncSearch } from './examples/async-search.tsx' +export { Virtualized } from './examples/virtualized.tsx' +export { AutoHighlight } from './examples/auto-highlight.tsx' +export { InlineAutocomplete } from './examples/inline-autocomplete.tsx' diff --git a/packages/react/src/components/combobox/combobox.ts b/packages/react/src/components/combobox/combobox.ts index 1f9750ca0f..8e9e95f294 100644 --- a/packages/react/src/components/combobox/combobox.ts +++ b/packages/react/src/components/combobox/combobox.ts @@ -8,92 +8,92 @@ export type { SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox' -export type { CollectionItem } from '../collection' +export type { CollectionItem } from '../collection/index.ts' export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, -} from './combobox-clear-trigger' +} from './combobox-clear-trigger.tsx' export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, -} from './combobox-content' -export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context' +} from './combobox-content.tsx' +export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context.tsx' export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, -} from './combobox-control' +} from './combobox-control.tsx' export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, -} from './combobox-empty' +} from './combobox-empty.tsx' export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, -} from './combobox-input' +} from './combobox-input.tsx' export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, -} from './combobox-item' +} from './combobox-item.tsx' export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, -} from './combobox-item-context' +} from './combobox-item-context.tsx' export { ComboboxItemGroup as ItemGroup, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, type ComboboxItemGroupProps as ItemGroupProps, -} from './combobox-item-group' +} from './combobox-item-group.tsx' export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, -} from './combobox-item-group-label' +} from './combobox-item-group-label.tsx' export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ComboboxItemIndicatorProps as ItemIndicatorProps, -} from './combobox-item-indicator' +} from './combobox-item-indicator.tsx' export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTextBaseProps, type ComboboxItemTextProps as ItemTextProps, -} from './combobox-item-text' +} from './combobox-item-text.tsx' export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, -} from './combobox-label' +} from './combobox-label.tsx' export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, -} from './combobox-list' +} from './combobox-list.tsx' export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, -} from './combobox-positioner' +} from './combobox-positioner.tsx' export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, type ComboboxRootProps as RootProps, -} from './combobox-root' +} from './combobox-root.tsx' export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, type ComboboxRootProviderProps as RootProviderProps, -} from './combobox-root-provider' +} from './combobox-root-provider.tsx' export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, -} from './combobox-trigger' +} from './combobox-trigger.tsx' diff --git a/packages/react/src/components/combobox/index.ts b/packages/react/src/components/combobox/index.ts index 4232478402..dcd9175cfc 100644 --- a/packages/react/src/components/combobox/index.ts +++ b/packages/react/src/components/combobox/index.ts @@ -14,55 +14,59 @@ export { type CollectionItem, type ListCollection, type UseListCollectionProps, -} from '../collection' +} from '../collection/index.ts' export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, -} from './combobox-clear-trigger' -export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content' -export { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty' -export { ComboboxContext, type ComboboxContextProps } from './combobox-context' -export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control' -export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input' -export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item' -export { ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context' -export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps } from './combobox-item-group' +} from './combobox-clear-trigger.tsx' +export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content.tsx' +export { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.tsx' +export { ComboboxContext, type ComboboxContextProps } from './combobox-context.tsx' +export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control.tsx' +export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.tsx' +export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item.tsx' +export { ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context.tsx' +export { + ComboboxItemGroup, + type ComboboxItemGroupBaseProps, + type ComboboxItemGroupProps, +} from './combobox-item-group.tsx' export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, -} from './combobox-item-group-label' +} from './combobox-item-group-label.tsx' export { ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, -} from './combobox-item-indicator' -export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps } from './combobox-item-text' -export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label' -export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list' +} from './combobox-item-indicator.tsx' +export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps } from './combobox-item-text.tsx' +export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.tsx' +export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.tsx' export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, -} from './combobox-positioner' +} from './combobox-positioner.tsx' export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, -} from './combobox-root' +} from './combobox-root.tsx' export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, -} from './combobox-root-provider' -export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger' -export { comboboxAnatomy } from './combobox.anatomy' -export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox' -export { useComboboxContext, type UseComboboxContext } from './use-combobox-context' -export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context' +} from './combobox-root-provider.tsx' +export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger.tsx' +export { comboboxAnatomy } from './combobox.anatomy.ts' +export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox.ts' +export { useComboboxContext, type UseComboboxContext } from './use-combobox-context.ts' +export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context.ts' -export * as Combobox from './combobox' +export * as Combobox from './combobox.ts' diff --git a/packages/react/src/components/combobox/tests/basic.tsx b/packages/react/src/components/combobox/tests/basic.tsx index 22b8cd5608..dbaa2816e1 100644 --- a/packages/react/src/components/combobox/tests/basic.tsx +++ b/packages/react/src/components/combobox/tests/basic.tsx @@ -1,7 +1,7 @@ -import { Combobox, createListCollection } from '../' -import type { Optional } from '../../../types' -import { Field } from '../../field' -import { Portal } from '../../portal' +import { Combobox, createListCollection } from '../index.ts' +import type { Optional } from '../../../types.ts' +import { Field } from '../../field/index.ts' +import { Portal } from '../../portal/index.ts' interface Item { label: string diff --git a/packages/react/src/components/combobox/tests/combobox.test.tsx b/packages/react/src/components/combobox/tests/combobox.test.tsx index 3080834038..320183fcad 100644 --- a/packages/react/src/components/combobox/tests/combobox.test.tsx +++ b/packages/react/src/components/combobox/tests/combobox.test.tsx @@ -1,7 +1,7 @@ import { fireEvent, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComboboxWithField, ComponentUnderTest } from './basic' +import { ComboboxWithField, ComponentUnderTest } from './basic.tsx' describe('Combobox', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/combobox/use-combobox-context.ts b/packages/react/src/components/combobox/use-combobox-context.ts index fdd759111a..b26530f69f 100644 --- a/packages/react/src/components/combobox/use-combobox-context.ts +++ b/packages/react/src/components/combobox/use-combobox-context.ts @@ -1,8 +1,8 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { CollectionItem } from '../collection' -import type { UseComboboxReturn } from './use-combobox' +import { createContext } from '../../utils/create-context.ts' +import type { CollectionItem } from '../collection/index.ts' +import type { UseComboboxReturn } from './use-combobox.ts' export interface UseComboboxContext extends UseComboboxReturn {} diff --git a/packages/react/src/components/combobox/use-combobox-item-context.ts b/packages/react/src/components/combobox/use-combobox-item-context.ts index c6c2744225..646cd65f12 100644 --- a/packages/react/src/components/combobox/use-combobox-item-context.ts +++ b/packages/react/src/components/combobox/use-combobox-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/combobox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseComboboxItemContext extends ItemState {} diff --git a/packages/react/src/components/combobox/use-combobox-item-group-props-context.ts b/packages/react/src/components/combobox/use-combobox-item-group-props-context.ts index 1d20f75f00..13ad974792 100644 --- a/packages/react/src/components/combobox/use-combobox-item-group-props-context.ts +++ b/packages/react/src/components/combobox/use-combobox-item-group-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemGroupProps } from '@zag-js/combobox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseComboboxItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/react/src/components/combobox/use-combobox-item-props-context.ts b/packages/react/src/components/combobox/use-combobox-item-props-context.ts index 4da621c2f9..2bcda667f4 100644 --- a/packages/react/src/components/combobox/use-combobox-item-props-context.ts +++ b/packages/react/src/components/combobox/use-combobox-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/combobox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseComboboxItemPropsContext extends ItemProps {} diff --git a/packages/react/src/components/combobox/use-combobox.ts b/packages/react/src/components/combobox/use-combobox.ts index 795123112e..60c14d9877 100644 --- a/packages/react/src/components/combobox/use-combobox.ts +++ b/packages/react/src/components/combobox/use-combobox.ts @@ -3,10 +3,10 @@ import * as combobox from '@zag-js/combobox' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import type { CollectionItem, ListCollection } from '../collection' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import type { CollectionItem, ListCollection } from '../collection/index.ts' +import { useFieldContext } from '../field/index.ts' export interface UseComboboxProps extends Optional< Omit, 'dir' | 'getRootNode' | 'collection'>, diff --git a/packages/react/src/components/date-input/date-input-context.tsx b/packages/react/src/components/date-input/date-input-context.tsx index 9d6a675664..d479f8850e 100644 --- a/packages/react/src/components/date-input/date-input-context.tsx +++ b/packages/react/src/components/date-input/date-input-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseDateInputContext, useDateInputContext } from './use-date-input-context' +import { type UseDateInputContext, useDateInputContext } from './use-date-input-context.ts' export interface DateInputContextProps { children: (context: UseDateInputContext) => ReactNode diff --git a/packages/react/src/components/date-input/date-input-control.tsx b/packages/react/src/components/date-input/date-input-control.tsx index c23ca169de..e9e77e9813 100644 --- a/packages/react/src/components/date-input/date-input-control.tsx +++ b/packages/react/src/components/date-input/date-input-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDateInputContext } from './use-date-input-context.ts' export interface DateInputControlBaseProps extends PolymorphicProps {} export interface DateInputControlProps extends HTMLProps<'div'>, DateInputControlBaseProps {} diff --git a/packages/react/src/components/date-input/date-input-hidden-input.tsx b/packages/react/src/components/date-input/date-input-hidden-input.tsx index b125bf8674..52fc3a1773 100644 --- a/packages/react/src/components/date-input/date-input-hidden-input.tsx +++ b/packages/react/src/components/date-input/date-input-hidden-input.tsx @@ -3,9 +3,9 @@ import type { HiddenInputProps } from '@zag-js/date-input' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDateInputContext } from './use-date-input-context.ts' export interface DateInputHiddenInputBaseProps extends PolymorphicProps, HiddenInputProps {} export interface DateInputHiddenInputProps extends HTMLProps<'input'>, DateInputHiddenInputBaseProps {} diff --git a/packages/react/src/components/date-input/date-input-label.tsx b/packages/react/src/components/date-input/date-input-label.tsx index bf04f712a0..8d97929563 100644 --- a/packages/react/src/components/date-input/date-input-label.tsx +++ b/packages/react/src/components/date-input/date-input-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDateInputContext } from './use-date-input-context.ts' export interface DateInputLabelBaseProps extends PolymorphicProps {} export interface DateInputLabelProps extends HTMLProps<'label'>, DateInputLabelBaseProps {} diff --git a/packages/react/src/components/date-input/date-input-root-provider.tsx b/packages/react/src/components/date-input/date-input-root-provider.tsx index 3b278f74e1..1c426e06ee 100644 --- a/packages/react/src/components/date-input/date-input-root-provider.tsx +++ b/packages/react/src/components/date-input/date-input-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseDateInputReturn } from './use-date-input' -import { DateInputProvider } from './use-date-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseDateInputReturn } from './use-date-input.ts' +import { DateInputProvider } from './use-date-input-context.ts' interface RootProviderProps { value: UseDateInputReturn diff --git a/packages/react/src/components/date-input/date-input-root.tsx b/packages/react/src/components/date-input/date-input-root.tsx index aa66c03322..e5fa0dd2af 100644 --- a/packages/react/src/components/date-input/date-input-root.tsx +++ b/packages/react/src/components/date-input/date-input-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseDateInputProps, useDateInput } from './use-date-input' -import { DateInputProvider } from './use-date-input-context' -import type { Assign } from '../../types' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseDateInputProps, useDateInput } from './use-date-input.ts' +import { DateInputProvider } from './use-date-input-context.ts' +import type { Assign } from '../../types.ts' export interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps {} export interface DateInputRootProps extends Assign, DateInputRootBaseProps> {} diff --git a/packages/react/src/components/date-input/date-input-segment-context.tsx b/packages/react/src/components/date-input/date-input-segment-context.tsx index ebd4584515..566ac4265b 100644 --- a/packages/react/src/components/date-input/date-input-segment-context.tsx +++ b/packages/react/src/components/date-input/date-input-segment-context.tsx @@ -2,8 +2,8 @@ import type { DateSegment } from '@zag-js/date-input' import { Fragment, type ReactNode } from 'react' -import { useDateInputContext } from './use-date-input-context' -import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context' +import { useDateInputContext } from './use-date-input-context.ts' +import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context.ts' export interface DateInputSegmentContextProps { children: (segment: DateSegment) => ReactNode diff --git a/packages/react/src/components/date-input/date-input-segment-group.tsx b/packages/react/src/components/date-input/date-input-segment-group.tsx index 39209e7238..f606575d60 100644 --- a/packages/react/src/components/date-input/date-input-segment-group.tsx +++ b/packages/react/src/components/date-input/date-input-segment-group.tsx @@ -3,10 +3,10 @@ import type { SegmentGroupProps } from '@zag-js/date-input' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' -import { DateInputSegmentGroupPropsProvider } from './use-date-input-segment-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDateInputContext } from './use-date-input-context.ts' +import { DateInputSegmentGroupPropsProvider } from './use-date-input-segment-group-props-context.ts' export interface DateInputSegmentGroupBaseProps extends PolymorphicProps, SegmentGroupProps {} export interface DateInputSegmentGroupProps extends HTMLProps<'div'>, DateInputSegmentGroupBaseProps {} diff --git a/packages/react/src/components/date-input/date-input-segment.tsx b/packages/react/src/components/date-input/date-input-segment.tsx index ab8bc07f6a..365fdc06d0 100644 --- a/packages/react/src/components/date-input/date-input-segment.tsx +++ b/packages/react/src/components/date-input/date-input-segment.tsx @@ -3,10 +3,10 @@ import type { SegmentProps } from '@zag-js/date-input' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' -import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDateInputContext } from './use-date-input-context.ts' +import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context.ts' export interface DateInputSegmentBaseProps extends PolymorphicProps, Pick {} diff --git a/packages/react/src/components/date-input/date-input.stories.tsx b/packages/react/src/components/date-input/date-input.stories.tsx index f66c53f081..0840fe1ed4 100644 --- a/packages/react/src/components/date-input/date-input.stories.tsx +++ b/packages/react/src/components/date-input/date-input.stories.tsx @@ -6,20 +6,20 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DefaultValue } from './examples/default-value' -export { Disabled } from './examples/disabled' -export { Granularity } from './examples/granularity' -export { Invalid } from './examples/invalid' -export { LeadingZeros } from './examples/leading-zeros' -export { Localized } from './examples/localized' -export { MinMax } from './examples/min-max' -export { Range } from './examples/range' -export { ReadOnly } from './examples/read-only' -export { RootProvider } from './examples/root-provider' -export { RTL } from './examples/rtl' -export { TimeOnly } from './examples/time-only' -export { TimeZone } from './examples/time-zone' -export { WithClearButton } from './examples/with-clear-button' -export { WithDatePicker } from './examples/with-date-picker' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DefaultValue } from './examples/default-value.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Granularity } from './examples/granularity.tsx' +export { Invalid } from './examples/invalid.tsx' +export { LeadingZeros } from './examples/leading-zeros.tsx' +export { Localized } from './examples/localized.tsx' +export { MinMax } from './examples/min-max.tsx' +export { Range } from './examples/range.tsx' +export { ReadOnly } from './examples/read-only.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { RTL } from './examples/rtl.tsx' +export { TimeOnly } from './examples/time-only.tsx' +export { TimeZone } from './examples/time-zone.tsx' +export { WithClearButton } from './examples/with-clear-button.tsx' +export { WithDatePicker } from './examples/with-date-picker.tsx' diff --git a/packages/react/src/components/date-input/date-input.ts b/packages/react/src/components/date-input/date-input.ts index 05e95fe2f3..21ae4e81d2 100644 --- a/packages/react/src/components/date-input/date-input.ts +++ b/packages/react/src/components/date-input/date-input.ts @@ -1,40 +1,40 @@ -export { DateInputContext as Context, type DateInputContextProps as ContextProps } from './date-input-context' +export { DateInputContext as Context, type DateInputContextProps as ContextProps } from './date-input-context.tsx' export { DateInputLabel as Label, type DateInputLabelBaseProps as LabelBaseProps, type DateInputLabelProps as LabelProps, -} from './date-input-label' +} from './date-input-label.tsx' export { DateInputRoot as Root, type DateInputRootBaseProps as RootBaseProps, type DateInputRootProps as RootProps, -} from './date-input-root' +} from './date-input-root.tsx' export { DateInputRootProvider as RootProvider, type DateInputRootProviderBaseProps as RootProviderBaseProps, type DateInputRootProviderProps as RootProviderProps, -} from './date-input-root-provider' +} from './date-input-root-provider.tsx' export { DateInputSegment as Segment, type DateInputSegmentBaseProps as SegmentBaseProps, type DateInputSegmentProps as SegmentProps, -} from './date-input-segment' +} from './date-input-segment.tsx' export { DateInputSegmentGroup as SegmentGroup, type DateInputSegmentGroupBaseProps as SegmentGroupBaseProps, type DateInputSegmentGroupProps as SegmentGroupProps, -} from './date-input-segment-group' +} from './date-input-segment-group.tsx' export { DateInputHiddenInput as HiddenInput, type DateInputHiddenInputBaseProps as HiddenInputBaseProps, type DateInputHiddenInputProps as HiddenInputProps, -} from './date-input-hidden-input' +} from './date-input-hidden-input.tsx' export { DateInputControl as Control, type DateInputControlBaseProps as ControlBaseProps, type DateInputControlProps as ControlProps, -} from './date-input-control' +} from './date-input-control.tsx' export { DateInputSegmentContext as SegmentContext, type DateInputSegmentContextProps as SegmentContextProps, -} from './date-input-segment-context' +} from './date-input-segment-context.tsx' diff --git a/packages/react/src/components/date-input/index.ts b/packages/react/src/components/date-input/index.ts index a12057f27d..c3fd4f687d 100644 --- a/packages/react/src/components/date-input/index.ts +++ b/packages/react/src/components/date-input/index.ts @@ -4,29 +4,29 @@ export type { SelectionMode as DateInputSelectionMode, ValueChangeDetails as DateInputValueChangeDetails, } from '@zag-js/date-input' -export { useDateInput, type UseDateInputProps, type UseDateInputReturn } from './use-date-input' -export { useDateInputContext, type UseDateInputContext } from './use-date-input-context' -export { DateInputContext, type DateInputContextProps } from './date-input-context' -export { DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps } from './date-input-label' -export { DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps } from './date-input-root' +export { useDateInput, type UseDateInputProps, type UseDateInputReturn } from './use-date-input.ts' +export { useDateInputContext, type UseDateInputContext } from './use-date-input-context.ts' +export { DateInputContext, type DateInputContextProps } from './date-input-context.tsx' +export { DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps } from './date-input-label.tsx' +export { DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps } from './date-input-root.tsx' export { DateInputRootProvider, type DateInputRootProviderBaseProps, type DateInputRootProviderProps, -} from './date-input-root-provider' -export { DateInputSegment, type DateInputSegmentBaseProps, type DateInputSegmentProps } from './date-input-segment' +} from './date-input-root-provider.tsx' +export { DateInputSegment, type DateInputSegmentBaseProps, type DateInputSegmentProps } from './date-input-segment.tsx' export { DateInputSegmentGroup, type DateInputSegmentGroupBaseProps, type DateInputSegmentGroupProps, -} from './date-input-segment-group' +} from './date-input-segment-group.tsx' export { DateInputHiddenInput, type DateInputHiddenInputBaseProps, type DateInputHiddenInputProps, -} from './date-input-hidden-input' -export { DateInputControl, type DateInputControlBaseProps, type DateInputControlProps } from './date-input-control' -export { DateInputSegmentContext, type DateInputSegmentContextProps } from './date-input-segment-context' -export { dateInputAnatomy } from './date-input.anatomy' +} from './date-input-hidden-input.tsx' +export { DateInputControl, type DateInputControlBaseProps, type DateInputControlProps } from './date-input-control.tsx' +export { DateInputSegmentContext, type DateInputSegmentContextProps } from './date-input-segment-context.tsx' +export { dateInputAnatomy } from './date-input.anatomy.ts' -export * as DateInput from './date-input' +export * as DateInput from './date-input.ts' diff --git a/packages/react/src/components/date-input/tests/date-input.test.tsx b/packages/react/src/components/date-input/tests/date-input.test.tsx index 7da4d5862d..b365baf885 100644 --- a/packages/react/src/components/date-input/tests/date-input.test.tsx +++ b/packages/react/src/components/date-input/tests/date-input.test.tsx @@ -1,8 +1,8 @@ import { render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' import { parseDate, parseZonedDateTime } from '@internationalized/date' +import { ComponentUnderTest } from './basic.tsx' import { DateInput } from '..' describe('Date Input', () => { diff --git a/packages/react/src/components/date-input/use-date-input-context.ts b/packages/react/src/components/date-input/use-date-input-context.ts index 28952ae118..87886f83c4 100644 --- a/packages/react/src/components/date-input/use-date-input-context.ts +++ b/packages/react/src/components/date-input/use-date-input-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseDateInputReturn } from './use-date-input' +import { createContext } from '../../utils/create-context.ts' +import type { UseDateInputReturn } from './use-date-input.ts' export interface UseDateInputContext extends UseDateInputReturn {} diff --git a/packages/react/src/components/date-input/use-date-input-segment-group-props-context.ts b/packages/react/src/components/date-input/use-date-input-segment-group-props-context.ts index ddfc2f77e6..e01c65a8c9 100644 --- a/packages/react/src/components/date-input/use-date-input-segment-group-props-context.ts +++ b/packages/react/src/components/date-input/use-date-input-segment-group-props-context.ts @@ -1,6 +1,6 @@ 'use client' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' import type { SegmentGroupProps } from '@zag-js/date-input' export interface UseDateInputSegmentGroupPropsContext extends SegmentGroupProps {} diff --git a/packages/react/src/components/date-input/use-date-input.ts b/packages/react/src/components/date-input/use-date-input.ts index 1f0eaeea0f..28cdd3cb6e 100644 --- a/packages/react/src/components/date-input/use-date-input.ts +++ b/packages/react/src/components/date-input/use-date-input.ts @@ -3,8 +3,8 @@ import * as dateInput from '@zag-js/date-input' import { 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 UseDateInputProps extends Optional {} export type UseDateInputReturn = ReturnType diff --git a/packages/react/src/components/date-picker/date-picker-clear-trigger.tsx b/packages/react/src/components/date-picker/date-picker-clear-trigger.tsx index d2a362b4f5..fb1fbddadb 100644 --- a/packages/react/src/components/date-picker/date-picker-clear-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-clear-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerClearTriggerBaseProps extends PolymorphicProps {} export interface DatePickerClearTriggerProps extends HTMLProps<'button'>, DatePickerClearTriggerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-content.tsx b/packages/react/src/components/date-picker/date-picker-content.tsx index 3f57289f05..2e2cfb125d 100644 --- a/packages/react/src/components/date-picker/date-picker-content.tsx +++ b/packages/react/src/components/date-picker/date-picker-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDatePickerContext } from './use-date-picker-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerContentBaseProps extends PolymorphicProps {} export interface DatePickerContentProps extends HTMLProps<'div'>, DatePickerContentBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-context.tsx b/packages/react/src/components/date-picker/date-picker-context.tsx index 95eef9d64a..215d4dac8d 100644 --- a/packages/react/src/components/date-picker/date-picker-context.tsx +++ b/packages/react/src/components/date-picker/date-picker-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseDatePickerContext, useDatePickerContext } from './use-date-picker-context' +import { type UseDatePickerContext, useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerContextProps { children: (context: UseDatePickerContext) => ReactNode diff --git a/packages/react/src/components/date-picker/date-picker-control.tsx b/packages/react/src/components/date-picker/date-picker-control.tsx index c73f1869c6..5e0a24fe76 100644 --- a/packages/react/src/components/date-picker/date-picker-control.tsx +++ b/packages/react/src/components/date-picker/date-picker-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerControlBaseProps extends PolymorphicProps {} export interface DatePickerControlProps extends HTMLProps<'div'>, DatePickerControlBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-input.tsx b/packages/react/src/components/date-picker/date-picker-input.tsx index 0eb33bb9c7..3113582115 100644 --- a/packages/react/src/components/date-picker/date-picker-input.tsx +++ b/packages/react/src/components/date-picker/date-picker-input.tsx @@ -3,9 +3,9 @@ import type { InputProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerInputBaseProps extends InputProps, PolymorphicProps {} export interface DatePickerInputProps extends HTMLProps<'input'>, DatePickerInputBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-label.tsx b/packages/react/src/components/date-picker/date-picker-label.tsx index 1627a90095..506bbc090a 100644 --- a/packages/react/src/components/date-picker/date-picker-label.tsx +++ b/packages/react/src/components/date-picker/date-picker-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerLabelBaseProps extends PolymorphicProps {} export interface DatePickerLabelProps extends HTMLProps<'label'>, DatePickerLabelBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-month-select.tsx b/packages/react/src/components/date-picker/date-picker-month-select.tsx index fa7d44d74f..dde7f54845 100644 --- a/packages/react/src/components/date-picker/date-picker-month-select.tsx +++ b/packages/react/src/components/date-picker/date-picker-month-select.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerMonthSelectBaseProps extends PolymorphicProps {} export interface DatePickerMonthSelectProps extends HTMLProps<'select'>, DatePickerMonthSelectBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-next-trigger.tsx b/packages/react/src/components/date-picker/date-picker-next-trigger.tsx index a476dc6a0b..99addd611c 100644 --- a/packages/react/src/components/date-picker/date-picker-next-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-next-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerNextTriggerBaseProps extends PolymorphicProps {} export interface DatePickerNextTriggerProps extends HTMLProps<'button'>, DatePickerNextTriggerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-positioner.tsx b/packages/react/src/components/date-picker/date-picker-positioner.tsx index bd8c29c95f..0cfd1b8e07 100644 --- a/packages/react/src/components/date-picker/date-picker-positioner.tsx +++ b/packages/react/src/components/date-picker/date-picker-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerPositionerBaseProps extends PolymorphicProps {} export interface DatePickerPositionerProps extends HTMLProps<'div'>, DatePickerPositionerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-preset-trigger.tsx b/packages/react/src/components/date-picker/date-picker-preset-trigger.tsx index 80977a1f0c..9ad0a79a81 100644 --- a/packages/react/src/components/date-picker/date-picker-preset-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-preset-trigger.tsx @@ -3,10 +3,10 @@ import type { PresetTriggerProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerPresetTriggerBaseProps extends PresetTriggerProps, PolymorphicProps {} export interface DatePickerPresetTriggerProps extends Assign, DatePickerPresetTriggerBaseProps> {} diff --git a/packages/react/src/components/date-picker/date-picker-prev-trigger.tsx b/packages/react/src/components/date-picker/date-picker-prev-trigger.tsx index 174a6577e6..8c4190935c 100644 --- a/packages/react/src/components/date-picker/date-picker-prev-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-prev-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerPrevTriggerBaseProps extends PolymorphicProps {} export interface DatePickerPrevTriggerProps extends HTMLProps<'button'>, DatePickerPrevTriggerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-range-text.tsx b/packages/react/src/components/date-picker/date-picker-range-text.tsx index d55f35ec23..fb1d255fd7 100644 --- a/packages/react/src/components/date-picker/date-picker-range-text.tsx +++ b/packages/react/src/components/date-picker/date-picker-range-text.tsx @@ -3,8 +3,8 @@ import { mergeProps } from '@zag-js/react' import { uniq } from '@zag-js/utils' import { forwardRef, useMemo } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerRangeTextBaseProps extends PolymorphicProps {} export interface DatePickerRangeTextProps extends HTMLProps<'div'>, DatePickerRangeTextBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-root-provider.tsx b/packages/react/src/components/date-picker/date-picker-root-provider.tsx index c1faada290..db822ce9c5 100644 --- a/packages/react/src/components/date-picker/date-picker-root-provider.tsx +++ b/packages/react/src/components/date-picker/date-picker-root-provider.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseDatePickerReturn } from './use-date-picker' -import { DatePickerProvider } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import type { UseDatePickerReturn } from './use-date-picker.ts' +import { DatePickerProvider } from './use-date-picker-context.ts' interface RootProviderProps { value: UseDatePickerReturn diff --git a/packages/react/src/components/date-picker/date-picker-root.tsx b/packages/react/src/components/date-picker/date-picker-root.tsx index f3979fd833..f24714aa1a 100644 --- a/packages/react/src/components/date-picker/date-picker-root.tsx +++ b/packages/react/src/components/date-picker/date-picker-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseDatePickerProps, useDatePicker } from './use-date-picker' -import { DatePickerProvider } from './use-date-picker-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import { type UseDatePickerProps, useDatePicker } from './use-date-picker.ts' +import { DatePickerProvider } from './use-date-picker-context.ts' export interface DatePickerRootBaseProps extends UseDatePickerProps, UsePresenceProps, PolymorphicProps {} export interface DatePickerRootProps extends Assign, DatePickerRootBaseProps> {} diff --git a/packages/react/src/components/date-picker/date-picker-table-body.tsx b/packages/react/src/components/date-picker/date-picker-table-body.tsx index 7ac186dc5f..2a1f63f244 100644 --- a/packages/react/src/components/date-picker/date-picker-table-body.tsx +++ b/packages/react/src/components/date-picker/date-picker-table-body.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableBodyBaseProps extends PolymorphicProps {} export interface DatePickerTableBodyProps extends HTMLProps<'tbody'>, DatePickerTableBodyBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-table-cell-trigger.tsx b/packages/react/src/components/date-picker/date-picker-table-cell-trigger.tsx index f66055304b..00cd87d3c8 100644 --- a/packages/react/src/components/date-picker/date-picker-table-cell-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-table-cell-trigger.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableCellPropsContext } from './use-date-picker-table-cell-props-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableCellPropsContext } from './use-date-picker-table-cell-props-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerTableCellTriggerBaseProps extends PolymorphicProps {} export interface DatePickerTableCellTriggerProps extends HTMLProps<'div'>, DatePickerTableCellTriggerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-table-cell.tsx b/packages/react/src/components/date-picker/date-picker-table-cell.tsx index 50106f8769..c981380994 100644 --- a/packages/react/src/components/date-picker/date-picker-table-cell.tsx +++ b/packages/react/src/components/date-picker/date-picker-table-cell.tsx @@ -2,14 +2,14 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' import { DatePickerTableCellPropsProvider, type UseDatePickerTableCellPropsContext, -} from './use-date-picker-table-cell-props-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +} from './use-date-picker-table-cell-props-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerTableCellBaseProps extends UseDatePickerTableCellPropsContext, PolymorphicProps {} export interface DatePickerTableCellProps extends HTMLProps<'td'>, DatePickerTableCellBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-table-head.tsx b/packages/react/src/components/date-picker/date-picker-table-head.tsx index 305c176ede..83cf8d9936 100644 --- a/packages/react/src/components/date-picker/date-picker-table-head.tsx +++ b/packages/react/src/components/date-picker/date-picker-table-head.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableHeadBaseProps extends PolymorphicProps {} export interface DatePickerTableHeadProps extends HTMLProps<'thead'>, DatePickerTableHeadBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-table-header.tsx b/packages/react/src/components/date-picker/date-picker-table-header.tsx index 11e31ba2d3..e5cc56cd98 100644 --- a/packages/react/src/components/date-picker/date-picker-table-header.tsx +++ b/packages/react/src/components/date-picker/date-picker-table-header.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableHeaderBaseProps extends PolymorphicProps {} export interface DatePickerTableHeaderProps extends HTMLProps<'th'>, DatePickerTableHeaderBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-table-row.tsx b/packages/react/src/components/date-picker/date-picker-table-row.tsx index 12407cea29..717c9a377f 100644 --- a/packages/react/src/components/date-picker/date-picker-table-row.tsx +++ b/packages/react/src/components/date-picker/date-picker-table-row.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableRowBaseProps extends PolymorphicProps {} export interface DatePickerTableRowProps extends HTMLProps<'tr'>, DatePickerTableRowBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-table.tsx b/packages/react/src/components/date-picker/date-picker-table.tsx index b4beac1033..72a038bede 100644 --- a/packages/react/src/components/date-picker/date-picker-table.tsx +++ b/packages/react/src/components/date-picker/date-picker-table.tsx @@ -3,11 +3,11 @@ import type { TableProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/react' import { forwardRef, useId } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { DatePickerTablePropsProvider } from './use-date-picker-table-props-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { DatePickerTablePropsProvider } from './use-date-picker-table-props-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerTableBaseProps extends Pick, PolymorphicProps {} export interface DatePickerTableProps extends HTMLProps<'table'>, DatePickerTableBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-trigger.tsx b/packages/react/src/components/date-picker/date-picker-trigger.tsx index 42991cdcd4..07f04e4a1d 100644 --- a/packages/react/src/components/date-picker/date-picker-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerTriggerBaseProps extends PolymorphicProps {} export interface DatePickerTriggerProps extends HTMLProps<'button'>, DatePickerTriggerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-value-text.tsx b/packages/react/src/components/date-picker/date-picker-value-text.tsx index 62ea821d22..b3be9f7327 100644 --- a/packages/react/src/components/date-picker/date-picker-value-text.tsx +++ b/packages/react/src/components/date-picker/date-picker-value-text.tsx @@ -2,10 +2,10 @@ import type { DateValue } from '@zag-js/date-picker' import { Fragment, forwardRef } from 'react' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { datePickerAnatomy } from './date-picker.anatomy' -import { useDatePickerContext } from './use-date-picker-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { datePickerAnatomy } from './date-picker.anatomy.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerValueTextRenderProps { value: DateValue diff --git a/packages/react/src/components/date-picker/date-picker-view-control.tsx b/packages/react/src/components/date-picker/date-picker-view-control.tsx index 6ab3fa960d..bdddc7a313 100644 --- a/packages/react/src/components/date-picker/date-picker-view-control.tsx +++ b/packages/react/src/components/date-picker/date-picker-view-control.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerViewControlBaseProps extends PolymorphicProps {} export interface DatePickerViewControlProps extends HTMLProps<'div'>, DatePickerViewControlBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-view-trigger.tsx b/packages/react/src/components/date-picker/date-picker-view-trigger.tsx index dd1ea707b8..b575567cce 100644 --- a/packages/react/src/components/date-picker/date-picker-view-trigger.tsx +++ b/packages/react/src/components/date-picker/date-picker-view-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.ts' export interface DatePickerViewTriggerBaseProps extends PolymorphicProps {} export interface DatePickerViewTriggerProps extends HTMLProps<'button'>, DatePickerViewTriggerBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-view.tsx b/packages/react/src/components/date-picker/date-picker-view.tsx index d13c0856c0..3c914d7054 100644 --- a/packages/react/src/components/date-picker/date-picker-view.tsx +++ b/packages/react/src/components/date-picker/date-picker-view.tsx @@ -2,11 +2,11 @@ import type { ViewProps } from '@zag-js/date-picker' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { datePickerAnatomy } from './date-picker.anatomy' -import { useDatePickerContext } from './use-date-picker-context' -import { DatePickerViewPropsProvider } from './use-date-picker-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { datePickerAnatomy } from './date-picker.anatomy.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { DatePickerViewPropsProvider } from './use-date-picker-view-props-context.ts' export interface DatePickerViewBaseProps extends Required, PolymorphicProps {} export interface DatePickerViewProps extends HTMLProps<'div'>, DatePickerViewBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-week-number-cell.tsx b/packages/react/src/components/date-picker/date-picker-week-number-cell.tsx index 7a6a7b5d41..a86042f044 100644 --- a/packages/react/src/components/date-picker/date-picker-week-number-cell.tsx +++ b/packages/react/src/components/date-picker/date-picker-week-number-cell.tsx @@ -3,9 +3,9 @@ import type { DateValue, WeekNumberCellProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerWeekNumberCellBaseProps extends PolymorphicProps { weekIndex: number diff --git a/packages/react/src/components/date-picker/date-picker-week-number-header-cell.tsx b/packages/react/src/components/date-picker/date-picker-week-number-header-cell.tsx index 4b26589454..b448a2bc4d 100644 --- a/packages/react/src/components/date-picker/date-picker-week-number-header-cell.tsx +++ b/packages/react/src/components/date-picker/date-picker-week-number-header-cell.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.ts' export interface DatePickerWeekNumberHeaderCellBaseProps extends PolymorphicProps {} export interface DatePickerWeekNumberHeaderCellProps extends HTMLProps<'th'>, DatePickerWeekNumberHeaderCellBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker-year-select.tsx b/packages/react/src/components/date-picker/date-picker-year-select.tsx index 863d3b1411..aa9f96e3ef 100644 --- a/packages/react/src/components/date-picker/date-picker-year-select.tsx +++ b/packages/react/src/components/date-picker/date-picker-year-select.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerYearSelectBaseProps extends PolymorphicProps {} export interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearSelectBaseProps {} diff --git a/packages/react/src/components/date-picker/date-picker.stories.tsx b/packages/react/src/components/date-picker/date-picker.stories.tsx index 943c52b16f..b912c7999d 100644 --- a/packages/react/src/components/date-picker/date-picker.stories.tsx +++ b/packages/react/src/components/date-picker/date-picker.stories.tsx @@ -6,31 +6,31 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DefaultValue } from './examples/default-value' -export { DefaultView } from './examples/default-view' -export { FormatParse } from './examples/format-parse' -export { MonthYearSelect } from './examples/month-year-select' -export { Inline } from './examples/inline' -export { Locale } from './examples/locale' -export { MinMax } from './examples/min-max' -export { MonthPicker } from './examples/month-picker' -export { MonthPickerRange } from './examples/month-picker-range' -export { MultipleMonths } from './examples/multiple-months' -export { MultiSelection } from './examples/multi-selection' -export { Presets } from './examples/presets' -export { RangeSelection } from './examples/range-selection' -export { RootProvider } from './examples/root-provider' -export { TriggerValue } from './examples/trigger-value' -export { Unavailable } from './examples/unavailable' -export { WithTime } from './examples/with-time' -export { YearPicker } from './examples/year-picker' -export { YearPickerRange } from './examples/year-picker-range' -export { OpenOnClick } from './examples/open-on-click' -export { WeekNumbers } from './examples/week-numbers' -export { SelectToday } from './examples/select-today' -export { FixedWeeks } from './examples/fixed-weeks' -export { Form } from './examples/form' -export { MaxSelectedDates } from './examples/max-selected-dates' -export { CustomCalendar } from './examples/custom-calendar' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DefaultValue } from './examples/default-value.tsx' +export { DefaultView } from './examples/default-view.tsx' +export { FormatParse } from './examples/format-parse.tsx' +export { MonthYearSelect } from './examples/month-year-select.tsx' +export { Inline } from './examples/inline.tsx' +export { Locale } from './examples/locale.tsx' +export { MinMax } from './examples/min-max.tsx' +export { MonthPicker } from './examples/month-picker.tsx' +export { MonthPickerRange } from './examples/month-picker-range.tsx' +export { MultipleMonths } from './examples/multiple-months.tsx' +export { MultiSelection } from './examples/multi-selection.tsx' +export { Presets } from './examples/presets.tsx' +export { RangeSelection } from './examples/range-selection.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { TriggerValue } from './examples/trigger-value.tsx' +export { Unavailable } from './examples/unavailable.tsx' +export { WithTime } from './examples/with-time.tsx' +export { YearPicker } from './examples/year-picker.tsx' +export { YearPickerRange } from './examples/year-picker-range.tsx' +export { OpenOnClick } from './examples/open-on-click.tsx' +export { WeekNumbers } from './examples/week-numbers.tsx' +export { SelectToday } from './examples/select-today.tsx' +export { FixedWeeks } from './examples/fixed-weeks.tsx' +export { Form } from './examples/form.tsx' +export { MaxSelectedDates } from './examples/max-selected-dates.tsx' +export { CustomCalendar } from './examples/custom-calendar.tsx' diff --git a/packages/react/src/components/date-picker/date-picker.ts b/packages/react/src/components/date-picker/date-picker.ts index 8cfef80463..40dff8a181 100644 --- a/packages/react/src/components/date-picker/date-picker.ts +++ b/packages/react/src/components/date-picker/date-picker.ts @@ -13,141 +13,141 @@ export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, -} from './date-picker-clear-trigger' +} from './date-picker-clear-trigger.tsx' export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, -} from './date-picker-content' -export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context' +} from './date-picker-content.tsx' +export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context.tsx' export { DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, -} from './date-picker-control' +} from './date-picker-control.tsx' export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, -} from './date-picker-input' +} from './date-picker-input.tsx' export { DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, -} from './date-picker-label' +} from './date-picker-label.tsx' export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, -} from './date-picker-month-select' +} from './date-picker-month-select.tsx' export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, -} from './date-picker-next-trigger' +} from './date-picker-next-trigger.tsx' export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps as PositionerBaseProps, type DatePickerPositionerProps as PositionerProps, -} from './date-picker-positioner' +} from './date-picker-positioner.tsx' export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, -} from './date-picker-preset-trigger' +} from './date-picker-preset-trigger.tsx' export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, -} from './date-picker-prev-trigger' +} from './date-picker-prev-trigger.tsx' export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, -} from './date-picker-range-text' +} from './date-picker-range-text.tsx' export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, -} from './date-picker-value-text' +} from './date-picker-value-text.tsx' export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, -} from './date-picker-root' +} from './date-picker-root.tsx' export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, -} from './date-picker-root-provider' +} from './date-picker-root-provider.tsx' export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, -} from './date-picker-table' +} from './date-picker-table.tsx' export { DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, -} from './date-picker-table-body' +} from './date-picker-table-body.tsx' export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, -} from './date-picker-table-cell' +} from './date-picker-table-cell.tsx' export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, -} from './date-picker-table-cell-trigger' +} from './date-picker-table-cell-trigger.tsx' export { DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, -} from './date-picker-table-head' +} from './date-picker-table-head.tsx' export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, -} from './date-picker-table-header' +} from './date-picker-table-header.tsx' export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, -} from './date-picker-week-number-header-cell' +} from './date-picker-week-number-header-cell.tsx' export { DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, -} from './date-picker-week-number-cell' +} from './date-picker-week-number-cell.tsx' export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, -} from './date-picker-table-row' +} from './date-picker-table-row.tsx' export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, -} from './date-picker-trigger' +} from './date-picker-trigger.tsx' export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, -} from './date-picker-view' +} from './date-picker-view.tsx' export { DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, -} from './date-picker-view-control' +} from './date-picker-view-control.tsx' export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, -} from './date-picker-view-trigger' +} from './date-picker-view-trigger.tsx' export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectBaseProps as YearSelectBaseProps, type DatePickerYearSelectProps as YearSelectProps, -} from './date-picker-year-select' +} from './date-picker-year-select.tsx' diff --git a/packages/react/src/components/date-picker/index.ts b/packages/react/src/components/date-picker/index.ts index f223833158..df5a2e72ee 100644 --- a/packages/react/src/components/date-picker/index.ts +++ b/packages/react/src/components/date-picker/index.ts @@ -14,114 +14,126 @@ export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, -} from './date-picker-clear-trigger' -export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps } from './date-picker-content' -export { DatePickerContext, type DatePickerContextProps } from './date-picker-context' -export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps } from './date-picker-control' -export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input' -export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label' +} from './date-picker-clear-trigger.tsx' +export { + DatePickerContent, + type DatePickerContentBaseProps, + type DatePickerContentProps, +} from './date-picker-content.tsx' +export { DatePickerContext, type DatePickerContextProps } from './date-picker-context.tsx' +export { + DatePickerControl, + type DatePickerControlBaseProps, + type DatePickerControlProps, +} from './date-picker-control.tsx' +export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input.tsx' +export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label.tsx' export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, -} from './date-picker-month-select' +} from './date-picker-month-select.tsx' export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, -} from './date-picker-next-trigger' +} from './date-picker-next-trigger.tsx' export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, -} from './date-picker-positioner' +} from './date-picker-positioner.tsx' export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, -} from './date-picker-preset-trigger' +} from './date-picker-preset-trigger.tsx' export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, -} from './date-picker-prev-trigger' +} from './date-picker-prev-trigger.tsx' export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, -} from './date-picker-range-text' +} from './date-picker-range-text.tsx' export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, -} from './date-picker-value-text' -export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root' +} from './date-picker-value-text.tsx' +export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root.tsx' export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, -} from './date-picker-root-provider' -export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table' +} from './date-picker-root-provider.tsx' +export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table.tsx' export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, -} from './date-picker-table-body' +} from './date-picker-table-body.tsx' export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, -} from './date-picker-table-cell' +} from './date-picker-table-cell.tsx' export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, -} from './date-picker-table-cell-trigger' +} from './date-picker-table-cell-trigger.tsx' export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, -} from './date-picker-table-head' +} from './date-picker-table-head.tsx' export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, -} from './date-picker-table-header' +} from './date-picker-table-header.tsx' export { DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, -} from './date-picker-week-number-header-cell' +} from './date-picker-week-number-header-cell.tsx' export { DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, -} from './date-picker-week-number-cell' +} from './date-picker-week-number-cell.tsx' export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, -} from './date-picker-table-row' -export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps } from './date-picker-trigger' -export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view' +} from './date-picker-table-row.tsx' +export { + DatePickerTrigger, + type DatePickerTriggerBaseProps, + type DatePickerTriggerProps, +} from './date-picker-trigger.tsx' +export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view.tsx' export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, -} from './date-picker-view-control' +} from './date-picker-view-control.tsx' export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, -} from './date-picker-view-trigger' +} from './date-picker-view-trigger.tsx' export { DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, -} from './date-picker-year-select' -export { datePickerAnatomy } from './date-picker.anatomy' -export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker' -export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context' +} from './date-picker-year-select.tsx' +export { datePickerAnatomy } from './date-picker.anatomy.ts' +export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker.ts' +export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context.ts' -export * as DatePicker from './date-picker' +export * as DatePicker from './date-picker.ts' diff --git a/packages/react/src/components/date-picker/tests/basic.tsx b/packages/react/src/components/date-picker/tests/basic.tsx index 445339ab0b..96651d6a0a 100644 --- a/packages/react/src/components/date-picker/tests/basic.tsx +++ b/packages/react/src/components/date-picker/tests/basic.tsx @@ -1,5 +1,5 @@ -import { DatePicker } from '../' -import { Portal } from '../../portal' +import { DatePicker } from '../index.ts' +import { Portal } from '../../portal/index.ts' export const ComponentUnderTest = (props: DatePicker.RootProps) => ( diff --git a/packages/react/src/components/date-picker/tests/date-picker.test.tsx b/packages/react/src/components/date-picker/tests/date-picker.test.tsx index 9a8a139534..e7d1bd52e5 100644 --- a/packages/react/src/components/date-picker/tests/date-picker.test.tsx +++ b/packages/react/src/components/date-picker/tests/date-picker.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Date Picker', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/date-picker/use-date-picker-context.ts b/packages/react/src/components/date-picker/use-date-picker-context.ts index e5a649fea5..e69aa57fa6 100644 --- a/packages/react/src/components/date-picker/use-date-picker-context.ts +++ b/packages/react/src/components/date-picker/use-date-picker-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseDatePickerReturn } from './use-date-picker' +import { createContext } from '../../utils/create-context.ts' +import type { UseDatePickerReturn } from './use-date-picker.ts' export interface UseDatePickerContext extends UseDatePickerReturn {} diff --git a/packages/react/src/components/date-picker/use-date-picker-table-cell-props-context.ts b/packages/react/src/components/date-picker/use-date-picker-table-cell-props-context.ts index e308ca3b6c..4bb93e5ebf 100644 --- a/packages/react/src/components/date-picker/use-date-picker-table-cell-props-context.ts +++ b/packages/react/src/components/date-picker/use-date-picker-table-cell-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' type Union = { [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K] diff --git a/packages/react/src/components/date-picker/use-date-picker-table-props-context.ts b/packages/react/src/components/date-picker/use-date-picker-table-props-context.ts index afbd57f8b0..257fe3f24c 100644 --- a/packages/react/src/components/date-picker/use-date-picker-table-props-context.ts +++ b/packages/react/src/components/date-picker/use-date-picker-table-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { TableProps } from '@zag-js/date-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseDatePickerTablePropsContext extends TableProps {} diff --git a/packages/react/src/components/date-picker/use-date-picker-view-props-context.ts b/packages/react/src/components/date-picker/use-date-picker-view-props-context.ts index 89338e7d92..5ad12ff961 100644 --- a/packages/react/src/components/date-picker/use-date-picker-view-props-context.ts +++ b/packages/react/src/components/date-picker/use-date-picker-view-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ViewProps } from '@zag-js/date-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseDatePickerViewContext extends Required {} diff --git a/packages/react/src/components/date-picker/use-date-picker.ts b/packages/react/src/components/date-picker/use-date-picker.ts index fab9470d75..bf79b73fdc 100644 --- a/packages/react/src/components/date-picker/use-date-picker.ts +++ b/packages/react/src/components/date-picker/use-date-picker.ts @@ -3,8 +3,8 @@ import * as datePicker from '@zag-js/date-picker' 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 UseDatePickerProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/dialog/dialog-backdrop.tsx b/packages/react/src/components/dialog/dialog-backdrop.tsx index 9bf87ca200..4fb3923244 100644 --- a/packages/react/src/components/dialog/dialog-backdrop.tsx +++ b/packages/react/src/components/dialog/dialog-backdrop.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useDialogContext } from './use-dialog-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresence } from '../presence/index.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogBackdropBaseProps extends PolymorphicProps {} export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {} diff --git a/packages/react/src/components/dialog/dialog-close-trigger.tsx b/packages/react/src/components/dialog/dialog-close-trigger.tsx index 55b68590ee..bd432cdab3 100644 --- a/packages/react/src/components/dialog/dialog-close-trigger.tsx +++ b/packages/react/src/components/dialog/dialog-close-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogCloseTriggerBaseProps extends PolymorphicProps {} export interface DialogCloseTriggerProps extends HTMLProps<'button'>, DialogCloseTriggerBaseProps {} diff --git a/packages/react/src/components/dialog/dialog-content.tsx b/packages/react/src/components/dialog/dialog-content.tsx index 5894c88810..562ad34ef9 100644 --- a/packages/react/src/components/dialog/dialog-content.tsx +++ b/packages/react/src/components/dialog/dialog-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDialogContext } from './use-dialog-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogContentBaseProps extends PolymorphicProps {} export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {} diff --git a/packages/react/src/components/dialog/dialog-context.tsx b/packages/react/src/components/dialog/dialog-context.tsx index 1cacebc082..809d31fb42 100644 --- a/packages/react/src/components/dialog/dialog-context.tsx +++ b/packages/react/src/components/dialog/dialog-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseDialogContext, useDialogContext } from './use-dialog-context' +import { type UseDialogContext, useDialogContext } from './use-dialog-context.ts' export interface DialogContextProps { children: (context: UseDialogContext) => ReactNode diff --git a/packages/react/src/components/dialog/dialog-description.tsx b/packages/react/src/components/dialog/dialog-description.tsx index 9f373740ab..c1ba155bdc 100644 --- a/packages/react/src/components/dialog/dialog-description.tsx +++ b/packages/react/src/components/dialog/dialog-description.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogDescriptionBaseProps extends PolymorphicProps {} export interface DialogDescriptionProps extends HTMLProps<'div'>, DialogDescriptionBaseProps {} diff --git a/packages/react/src/components/dialog/dialog-positioner.tsx b/packages/react/src/components/dialog/dialog-positioner.tsx index ef7fb74c2d..a7eea42a84 100644 --- a/packages/react/src/components/dialog/dialog-positioner.tsx +++ b/packages/react/src/components/dialog/dialog-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogPositionerBaseProps extends PolymorphicProps {} export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {} diff --git a/packages/react/src/components/dialog/dialog-root-provider.tsx b/packages/react/src/components/dialog/dialog-root-provider.tsx index 261f7af816..95fae4a6fa 100644 --- a/packages/react/src/components/dialog/dialog-root-provider.tsx +++ b/packages/react/src/components/dialog/dialog-root-provider.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import type { PolymorphicProps } from '../factory' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import type { UseDialogReturn } from './use-dialog' -import { DialogProvider } from './use-dialog-context' +import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import type { PolymorphicProps } from '../factory.ts' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import type { UseDialogReturn } from './use-dialog.ts' +import { DialogProvider } from './use-dialog-context.ts' interface RootProviderProps { value: UseDialogReturn diff --git a/packages/react/src/components/dialog/dialog-root.tsx b/packages/react/src/components/dialog/dialog-root.tsx index 0a81955c0e..129228bd86 100644 --- a/packages/react/src/components/dialog/dialog-root.tsx +++ b/packages/react/src/components/dialog/dialog-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UseDialogProps, useDialog } from './use-dialog' -import { DialogProvider } from './use-dialog-context' +import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UseDialogProps, useDialog } from './use-dialog.ts' +import { DialogProvider } from './use-dialog-context.ts' export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {} export interface DialogRootProps extends DialogRootBaseProps { diff --git a/packages/react/src/components/dialog/dialog-title.tsx b/packages/react/src/components/dialog/dialog-title.tsx index 6311ae4dca..c69de2c6db 100644 --- a/packages/react/src/components/dialog/dialog-title.tsx +++ b/packages/react/src/components/dialog/dialog-title.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogTitleBaseProps extends PolymorphicProps {} export interface DialogTitleProps extends HTMLProps<'h2'>, DialogTitleBaseProps {} diff --git a/packages/react/src/components/dialog/dialog-trigger.tsx b/packages/react/src/components/dialog/dialog-trigger.tsx index 6a36796767..67664f655c 100644 --- a/packages/react/src/components/dialog/dialog-trigger.tsx +++ b/packages/react/src/components/dialog/dialog-trigger.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/dialog' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDialogContext } from './use-dialog-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface DialogTriggerProps extends Assign, DialogTriggerBaseProps> {} diff --git a/packages/react/src/components/dialog/dialog.stories.tsx b/packages/react/src/components/dialog/dialog.stories.tsx index 6b93dd320e..ff288b0257 100644 --- a/packages/react/src/components/dialog/dialog.stories.tsx +++ b/packages/react/src/components/dialog/dialog.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { AlertDialog } from './examples/alert-dialog' -export { Basic } from './examples/basic' -export { Confirmation } from './examples/confirmation' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { FinalFocus } from './examples/final-focus' -export { InitialFocus } from './examples/initial-focus' -export { InsideScroll } from './examples/inside-scroll' -export { LazyMount } from './examples/lazy-mount' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Nested } from './examples/nested' -export { NonModal } from './examples/non-modal' -export { OpenFromMenu } from './examples/open-from-menu' -export { OutsideScroll } from './examples/outside-scroll' -export { RootProvider } from './examples/root-provider' +export { AlertDialog } from './examples/alert-dialog.tsx' +export { Basic } from './examples/basic.tsx' +export { Confirmation } from './examples/confirmation.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { FinalFocus } from './examples/final-focus.tsx' +export { InitialFocus } from './examples/initial-focus.tsx' +export { InsideScroll } from './examples/inside-scroll.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Nested } from './examples/nested.tsx' +export { NonModal } from './examples/non-modal.tsx' +export { OpenFromMenu } from './examples/open-from-menu.tsx' +export { OutsideScroll } from './examples/outside-scroll.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/dialog/dialog.ts b/packages/react/src/components/dialog/dialog.ts index 8f49ff25da..1e73d3f2fc 100644 --- a/packages/react/src/components/dialog/dialog.ts +++ b/packages/react/src/components/dialog/dialog.ts @@ -9,45 +9,45 @@ export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, -} from './dialog-backdrop' +} from './dialog-backdrop.tsx' export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, -} from './dialog-close-trigger' +} from './dialog-close-trigger.tsx' export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, -} from './dialog-content' -export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context' +} from './dialog-content.tsx' +export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context.tsx' export { DialogDescription as Description, type DialogDescriptionBaseProps as DescriptionBaseProps, type DialogDescriptionProps as DescriptionProps, -} from './dialog-description' +} from './dialog-description.tsx' export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, -} from './dialog-positioner' +} from './dialog-positioner.tsx' export { DialogRoot as Root, type DialogRootBaseProps as RootBaseProps, type DialogRootProps as RootProps, -} from './dialog-root' +} from './dialog-root.tsx' export { DialogRootProvider as RootProvider, type DialogRootProviderBaseProps as RootProviderBaseProps, type DialogRootProviderProps as RootProviderProps, -} from './dialog-root-provider' +} from './dialog-root-provider.tsx' export { DialogTitle as Title, type DialogTitleBaseProps as TitleBaseProps, type DialogTitleProps as TitleProps, -} from './dialog-title' +} from './dialog-title.tsx' export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, -} from './dialog-trigger' +} from './dialog-trigger.tsx' diff --git a/packages/react/src/components/dialog/index.ts b/packages/react/src/components/dialog/index.ts index 176231d95e..06e96bf4ea 100644 --- a/packages/react/src/components/dialog/index.ts +++ b/packages/react/src/components/dialog/index.ts @@ -5,26 +5,30 @@ export type { PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, } from '@zag-js/dialog' -export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop' +export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop.tsx' export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, -} from './dialog-close-trigger' -export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content' -export { DialogContext, type DialogContextProps } from './dialog-context' -export { DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps } from './dialog-description' -export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps } from './dialog-positioner' -export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root' +} from './dialog-close-trigger.tsx' +export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content.tsx' +export { DialogContext, type DialogContextProps } from './dialog-context.tsx' +export { + DialogDescription, + type DialogDescriptionBaseProps, + type DialogDescriptionProps, +} from './dialog-description.tsx' +export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps } from './dialog-positioner.tsx' +export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root.tsx' export { DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, -} from './dialog-root-provider' -export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title' -export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger' -export { dialogAnatomy } from './dialog.anatomy' -export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog' -export { useDialogContext, type UseDialogContext } from './use-dialog-context' +} from './dialog-root-provider.tsx' +export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.tsx' +export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.tsx' +export { dialogAnatomy } from './dialog.anatomy.ts' +export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog.ts' +export { useDialogContext, type UseDialogContext } from './use-dialog-context.ts' -export * as Dialog from './dialog' +export * as Dialog from './dialog.ts' diff --git a/packages/react/src/components/dialog/tests/basic.tsx b/packages/react/src/components/dialog/tests/basic.tsx index b86fda0f6b..fd8cad105e 100644 --- a/packages/react/src/components/dialog/tests/basic.tsx +++ b/packages/react/src/components/dialog/tests/basic.tsx @@ -1,5 +1,5 @@ -import { Dialog } from '../' -import { Portal } from '../../portal' +import { Dialog } from '../index.ts' +import { Portal } from '../../portal/index.ts' export const ComponentUnderTest = (props: Dialog.RootProps) => ( diff --git a/packages/react/src/components/dialog/tests/dialog.test.tsx b/packages/react/src/components/dialog/tests/dialog.test.tsx index 11ed26c1c4..94e6096398 100644 --- a/packages/react/src/components/dialog/tests/dialog.test.tsx +++ b/packages/react/src/components/dialog/tests/dialog.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Dialog', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/dialog/use-dialog-context.ts b/packages/react/src/components/dialog/use-dialog-context.ts index 927b0b21d2..a61446d019 100644 --- a/packages/react/src/components/dialog/use-dialog-context.ts +++ b/packages/react/src/components/dialog/use-dialog-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseDialogReturn } from './use-dialog' +import { createContext } from '../../utils/create-context.ts' +import type { UseDialogReturn } from './use-dialog.ts' export interface UseDialogContext extends UseDialogReturn {} diff --git a/packages/react/src/components/dialog/use-dialog.ts b/packages/react/src/components/dialog/use-dialog.ts index 91784d82d8..c724201b05 100644 --- a/packages/react/src/components/dialog/use-dialog.ts +++ b/packages/react/src/components/dialog/use-dialog.ts @@ -3,8 +3,8 @@ import * as dialog from '@zag-js/dialog' 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 UseDialogProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/download-trigger/download-trigger.stories.tsx b/packages/react/src/components/download-trigger/download-trigger.stories.tsx index 3da153ea4d..387aa4ea05 100644 --- a/packages/react/src/components/download-trigger/download-trigger.stories.tsx +++ b/packages/react/src/components/download-trigger/download-trigger.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Svg } from './examples/svg' -export { WithPromise } from './examples/with-promise' +export { Basic } from './examples/basic.tsx' +export { Svg } from './examples/svg.tsx' +export { WithPromise } from './examples/with-promise.tsx' diff --git a/packages/react/src/components/download-trigger/download-trigger.tsx b/packages/react/src/components/download-trigger/download-trigger.tsx index 5c3d22f180..d7d40ee01d 100644 --- a/packages/react/src/components/download-trigger/download-trigger.tsx +++ b/packages/react/src/components/download-trigger/download-trigger.tsx @@ -1,9 +1,9 @@ 'use client' import { forwardRef } from 'react' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import { type UseDownloadProps, useDownload } from './use-download' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { ark } from '../factory.ts' +import { type UseDownloadProps, useDownload } from './use-download.ts' export interface DownloadTriggerBaseProps extends PolymorphicProps, UseDownloadProps {} diff --git a/packages/react/src/components/download-trigger/index.ts b/packages/react/src/components/download-trigger/index.ts index 13828726ff..3aea8db97d 100644 --- a/packages/react/src/components/download-trigger/index.ts +++ b/packages/react/src/components/download-trigger/index.ts @@ -1,4 +1,4 @@ -export { DownloadTrigger } from './download-trigger' -export type { DownloadTriggerBaseProps, DownloadTriggerProps } from './download-trigger' -export { useDownload } from './use-download' -export type { DownloadableData, UseDownloadProps, UseDownloadReturn } from './use-download' +export { DownloadTrigger } from './download-trigger.tsx' +export type { DownloadTriggerBaseProps, DownloadTriggerProps } from './download-trigger.tsx' +export { useDownload } from './use-download.ts' +export type { DownloadableData, UseDownloadProps, UseDownloadReturn } from './use-download.ts' diff --git a/packages/react/src/components/download-trigger/use-download.ts b/packages/react/src/components/download-trigger/use-download.ts index 99796b351f..5101801354 100644 --- a/packages/react/src/components/download-trigger/use-download.ts +++ b/packages/react/src/components/download-trigger/use-download.ts @@ -2,8 +2,8 @@ import { type FileMimeType, downloadFile } from '@zag-js/file-utils' import { isFunction } from '@zag-js/utils' -import { useEnvironmentContext } from '../../providers/environment' -import type { MaybePromise } from '../../types' +import { useEnvironmentContext } from '../../providers/environment/index.ts' +import type { MaybePromise } from '../../types.ts' export type DownloadableData = string | Blob | File diff --git a/packages/react/src/components/drawer/drawer-backdrop.tsx b/packages/react/src/components/drawer/drawer-backdrop.tsx index 9eeb7fe929..dc94cc90ff 100644 --- a/packages/react/src/components/drawer/drawer-backdrop.tsx +++ b/packages/react/src/components/drawer/drawer-backdrop.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useDrawerContext } from './use-drawer-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresence } from '../presence/index.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerBackdropBaseProps extends PolymorphicProps {} export interface DrawerBackdropProps extends HTMLProps<'div'>, DrawerBackdropBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-close-trigger.tsx b/packages/react/src/components/drawer/drawer-close-trigger.tsx index 658cabb5dc..0ffd417d30 100644 --- a/packages/react/src/components/drawer/drawer-close-trigger.tsx +++ b/packages/react/src/components/drawer/drawer-close-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerCloseTriggerBaseProps extends PolymorphicProps {} export interface DrawerCloseTriggerProps extends HTMLProps<'button'>, DrawerCloseTriggerBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-content.tsx b/packages/react/src/components/drawer/drawer-content.tsx index d49c267a54..3f056d520b 100644 --- a/packages/react/src/components/drawer/drawer-content.tsx +++ b/packages/react/src/components/drawer/drawer-content.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { ContentProps } from '@zag-js/drawer' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDrawerContext } from './use-drawer-context' -import { createSplitProps } from '../../utils/create-split-props' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDrawerContext } from './use-drawer-context.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' export interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {} export interface DrawerContentProps extends Omit, 'draggable'>, DrawerContentBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-context.tsx b/packages/react/src/components/drawer/drawer-context.tsx index 8907f1391c..c704833004 100644 --- a/packages/react/src/components/drawer/drawer-context.tsx +++ b/packages/react/src/components/drawer/drawer-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseDrawerContext, useDrawerContext } from './use-drawer-context' +import { type UseDrawerContext, useDrawerContext } from './use-drawer-context.ts' export interface DrawerContextProps { children: (context: UseDrawerContext) => ReactNode diff --git a/packages/react/src/components/drawer/drawer-description.tsx b/packages/react/src/components/drawer/drawer-description.tsx index 7bbb4fc10a..02f85107a8 100644 --- a/packages/react/src/components/drawer/drawer-description.tsx +++ b/packages/react/src/components/drawer/drawer-description.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerDescriptionBaseProps extends PolymorphicProps {} export interface DrawerDescriptionProps extends HTMLProps<'div'>, DrawerDescriptionBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-grabber-indicator.tsx b/packages/react/src/components/drawer/drawer-grabber-indicator.tsx index 7a4e7efcef..e7afa12485 100644 --- a/packages/react/src/components/drawer/drawer-grabber-indicator.tsx +++ b/packages/react/src/components/drawer/drawer-grabber-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps {} export interface DrawerGrabberIndicatorProps extends HTMLProps<'div'>, DrawerGrabberIndicatorBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-grabber.tsx b/packages/react/src/components/drawer/drawer-grabber.tsx index 0c51777882..709cdcdc27 100644 --- a/packages/react/src/components/drawer/drawer-grabber.tsx +++ b/packages/react/src/components/drawer/drawer-grabber.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerGrabberBaseProps extends PolymorphicProps {} export interface DrawerGrabberProps extends HTMLProps<'div'>, DrawerGrabberBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-indent-background.tsx b/packages/react/src/components/drawer/drawer-indent-background.tsx index 839b4158c1..f7c906a413 100644 --- a/packages/react/src/components/drawer/drawer-indent-background.tsx +++ b/packages/react/src/components/drawer/drawer-indent-background.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerStackContext } from './use-drawer-stack-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerStackContext } from './use-drawer-stack-context.ts' export interface DrawerIndentBackgroundBaseProps extends PolymorphicProps {} export interface DrawerIndentBackgroundProps extends HTMLProps<'div'>, DrawerIndentBackgroundBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-indent.tsx b/packages/react/src/components/drawer/drawer-indent.tsx index 67398ea2e7..5162b9f030 100644 --- a/packages/react/src/components/drawer/drawer-indent.tsx +++ b/packages/react/src/components/drawer/drawer-indent.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerStackContext } from './use-drawer-stack-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerStackContext } from './use-drawer-stack-context.ts' export interface DrawerIndentBaseProps extends PolymorphicProps {} export interface DrawerIndentProps extends HTMLProps<'div'>, DrawerIndentBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-positioner.tsx b/packages/react/src/components/drawer/drawer-positioner.tsx index 49a6048260..6340e75261 100644 --- a/packages/react/src/components/drawer/drawer-positioner.tsx +++ b/packages/react/src/components/drawer/drawer-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerPositionerBaseProps extends PolymorphicProps {} export interface DrawerPositionerProps extends HTMLProps<'div'>, DrawerPositionerBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-root-provider.tsx b/packages/react/src/components/drawer/drawer-root-provider.tsx index 6518cebcfa..dc08c32060 100644 --- a/packages/react/src/components/drawer/drawer-root-provider.tsx +++ b/packages/react/src/components/drawer/drawer-root-provider.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import type { PolymorphicProps } from '../factory' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import type { UseDrawerReturn } from './use-drawer' -import { DrawerProvider } from './use-drawer-context' +import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import type { PolymorphicProps } from '../factory.ts' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import type { UseDrawerReturn } from './use-drawer.ts' +import { DrawerProvider } from './use-drawer-context.ts' interface RootProviderProps { value: UseDrawerReturn } diff --git a/packages/react/src/components/drawer/drawer-root.tsx b/packages/react/src/components/drawer/drawer-root.tsx index bf5b19195c..bab1d161cc 100644 --- a/packages/react/src/components/drawer/drawer-root.tsx +++ b/packages/react/src/components/drawer/drawer-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UseDrawerProps, useDrawer } from './use-drawer' -import { DrawerProvider } from './use-drawer-context' +import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UseDrawerProps, useDrawer } from './use-drawer.ts' +import { DrawerProvider } from './use-drawer-context.ts' export interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {} export interface DrawerRootProps extends DrawerRootBaseProps { diff --git a/packages/react/src/components/drawer/drawer-stack.tsx b/packages/react/src/components/drawer/drawer-stack.tsx index 12fef94bb1..9648c340a7 100644 --- a/packages/react/src/components/drawer/drawer-stack.tsx +++ b/packages/react/src/components/drawer/drawer-stack.tsx @@ -3,8 +3,8 @@ import * as drawer from '@zag-js/drawer' import { normalizeProps } from '@zag-js/react' import { type ReactNode, useMemo, useState, useSyncExternalStore } from 'react' -import { DrawerStackProvider } from './use-drawer-stack-context' -import { DrawerStackStoreProvider } from './use-drawer-stack-store' +import { DrawerStackProvider } from './use-drawer-stack-context.ts' +import { DrawerStackStoreProvider } from './use-drawer-stack-store.ts' export interface DrawerStackProps { children?: ReactNode | undefined diff --git a/packages/react/src/components/drawer/drawer-swipe-area.tsx b/packages/react/src/components/drawer/drawer-swipe-area.tsx index f79f64fb72..7513429bf7 100644 --- a/packages/react/src/components/drawer/drawer-swipe-area.tsx +++ b/packages/react/src/components/drawer/drawer-swipe-area.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerSwipeAreaBaseProps extends PolymorphicProps {} export interface DrawerSwipeAreaProps extends HTMLProps<'div'>, DrawerSwipeAreaBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-title.tsx b/packages/react/src/components/drawer/drawer-title.tsx index b4d7c503aa..7c6f61a1fa 100644 --- a/packages/react/src/components/drawer/drawer-title.tsx +++ b/packages/react/src/components/drawer/drawer-title.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerTitleBaseProps extends PolymorphicProps {} export interface DrawerTitleProps extends HTMLProps<'h2'>, DrawerTitleBaseProps {} diff --git a/packages/react/src/components/drawer/drawer-trigger.tsx b/packages/react/src/components/drawer/drawer-trigger.tsx index 2325c84365..e87041e318 100644 --- a/packages/react/src/components/drawer/drawer-trigger.tsx +++ b/packages/react/src/components/drawer/drawer-trigger.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/drawer' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDrawerContext } from './use-drawer-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface DrawerTriggerProps extends Assign, DrawerTriggerBaseProps> {} diff --git a/packages/react/src/components/drawer/drawer.stories.tsx b/packages/react/src/components/drawer/drawer.stories.tsx index cafa45e6e8..c7bbe351d7 100644 --- a/packages/react/src/components/drawer/drawer.stories.tsx +++ b/packages/react/src/components/drawer/drawer.stories.tsx @@ -6,14 +6,14 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { SnapPoints } from './examples/snap-points' -export { Controlled } from './examples/controlled' -export { Modal } from './examples/modal' -export { MultipleTriggers } from './examples/multiple-triggers' -export { RootProvider } from './examples/root-provider' -export { Scrollable } from './examples/scrollable' -export { NoDragArea } from './examples/no-drag-area' -export { NonDraggable } from './examples/non-draggable' -export { IndentBackground } from './examples/indent-background' -export { SwipeDirection } from './examples/swipe-direction' +export { Basic } from './examples/basic.tsx' +export { SnapPoints } from './examples/snap-points.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Modal } from './examples/modal.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Scrollable } from './examples/scrollable.tsx' +export { NoDragArea } from './examples/no-drag-area.tsx' +export { NonDraggable } from './examples/non-draggable.tsx' +export { IndentBackground } from './examples/indent-background.tsx' +export { SwipeDirection } from './examples/swipe-direction.tsx' diff --git a/packages/react/src/components/drawer/drawer.ts b/packages/react/src/components/drawer/drawer.ts index f35ad155cb..e9756d3b4c 100644 --- a/packages/react/src/components/drawer/drawer.ts +++ b/packages/react/src/components/drawer/drawer.ts @@ -3,71 +3,71 @@ export { DrawerBackdrop as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, -} from './drawer-backdrop' +} from './drawer-backdrop.tsx' export { DrawerCloseTrigger as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, -} from './drawer-close-trigger' +} from './drawer-close-trigger.tsx' export { DrawerContent as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, -} from './drawer-content' +} from './drawer-content.tsx' export { DrawerDescription as Description, type DrawerDescriptionBaseProps as DescriptionBaseProps, type DrawerDescriptionProps as DescriptionProps, -} from './drawer-description' -export { DrawerContext as Context, type DrawerContextProps as ContextProps } from './drawer-context' +} from './drawer-description.tsx' +export { DrawerContext as Context, type DrawerContextProps as ContextProps } from './drawer-context.tsx' export { DrawerIndent as Indent, type DrawerIndentBaseProps as IndentBaseProps, type DrawerIndentProps as IndentProps, -} from './drawer-indent' +} from './drawer-indent.tsx' export { DrawerIndentBackground as IndentBackground, type DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, type DrawerIndentBackgroundProps as IndentBackgroundProps, -} from './drawer-indent-background' +} from './drawer-indent-background.tsx' export { DrawerPositioner as Positioner, type DrawerPositionerBaseProps as PositionerBaseProps, type DrawerPositionerProps as PositionerProps, -} from './drawer-positioner' +} from './drawer-positioner.tsx' export { DrawerGrabber as Grabber, type DrawerGrabberBaseProps as GrabberBaseProps, type DrawerGrabberProps as GrabberProps, -} from './drawer-grabber' +} from './drawer-grabber.tsx' export { DrawerGrabberIndicator as GrabberIndicator, type DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps as GrabberIndicatorProps, -} from './drawer-grabber-indicator' +} from './drawer-grabber-indicator.tsx' export { DrawerRoot as Root, type DrawerRootBaseProps as RootBaseProps, type DrawerRootProps as RootProps, -} from './drawer-root' +} from './drawer-root.tsx' export { DrawerRootProvider as RootProvider, type DrawerRootProviderBaseProps as RootProviderBaseProps, type DrawerRootProviderProps as RootProviderProps, -} from './drawer-root-provider' -export { DrawerStack as Stack, type DrawerStackProps as StackProps } from './drawer-stack' +} from './drawer-root-provider.tsx' +export { DrawerStack as Stack, type DrawerStackProps as StackProps } from './drawer-stack.tsx' export { DrawerSwipeArea as SwipeArea, type DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, type DrawerSwipeAreaProps as SwipeAreaProps, -} from './drawer-swipe-area' +} from './drawer-swipe-area.tsx' export { DrawerTitle as Title, type DrawerTitleBaseProps as TitleBaseProps, type DrawerTitleProps as TitleProps, -} from './drawer-title' +} from './drawer-title.tsx' export { DrawerTrigger as Trigger, type DrawerTriggerBaseProps as TriggerBaseProps, type DrawerTriggerProps as TriggerProps, -} from './drawer-trigger' +} from './drawer-trigger.tsx' diff --git a/packages/react/src/components/drawer/index.ts b/packages/react/src/components/drawer/index.ts index 398c2f42e8..36319bc887 100644 --- a/packages/react/src/components/drawer/index.ts +++ b/packages/react/src/components/drawer/index.ts @@ -3,41 +3,45 @@ export type { SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, } from '@zag-js/drawer' -export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop' +export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop.tsx' export { DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, -} from './drawer-close-trigger' -export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content' -export { DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps } from './drawer-description' -export { DrawerContext, type DrawerContextProps } from './drawer-context' -export { DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps } from './drawer-positioner' -export { DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps } from './drawer-grabber' +} from './drawer-close-trigger.tsx' +export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content.tsx' +export { + DrawerDescription, + type DrawerDescriptionBaseProps, + type DrawerDescriptionProps, +} from './drawer-description.tsx' +export { DrawerContext, type DrawerContextProps } from './drawer-context.tsx' +export { DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps } from './drawer-positioner.tsx' +export { DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps } from './drawer-grabber.tsx' export { DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, -} from './drawer-grabber-indicator' -export { DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps } from './drawer-root' +} from './drawer-grabber-indicator.tsx' +export { DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps } from './drawer-root.tsx' export { DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, -} from './drawer-root-provider' -export { DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps } from './drawer-title' -export { DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps } from './drawer-trigger' -export { DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps } from './drawer-indent' +} from './drawer-root-provider.tsx' +export { DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps } from './drawer-title.tsx' +export { DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps } from './drawer-trigger.tsx' +export { DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps } from './drawer-indent.tsx' export { DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, -} from './drawer-indent-background' -export { DrawerStack, type DrawerStackProps } from './drawer-stack' -export { DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps } from './drawer-swipe-area' -export { drawerAnatomy } from './drawer.anatomy' -export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from './use-drawer' -export { useDrawerContext, type UseDrawerContext } from './use-drawer-context' -export { useDrawerStackContext, type UseDrawerStackContext } from './use-drawer-stack-context' +} from './drawer-indent-background.tsx' +export { DrawerStack, type DrawerStackProps } from './drawer-stack.tsx' +export { DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps } from './drawer-swipe-area.tsx' +export { drawerAnatomy } from './drawer.anatomy.ts' +export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from './use-drawer.ts' +export { useDrawerContext, type UseDrawerContext } from './use-drawer-context.ts' +export { useDrawerStackContext, type UseDrawerStackContext } from './use-drawer-stack-context.ts' -export * as Drawer from './drawer' +export * as Drawer from './drawer.ts' diff --git a/packages/react/src/components/drawer/use-drawer-context.ts b/packages/react/src/components/drawer/use-drawer-context.ts index 7d38d9ec98..40357a95ba 100644 --- a/packages/react/src/components/drawer/use-drawer-context.ts +++ b/packages/react/src/components/drawer/use-drawer-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseDrawerReturn } from './use-drawer' +import { createContext } from '../../utils/create-context.ts' +import type { UseDrawerReturn } from './use-drawer.ts' export interface UseDrawerContext extends UseDrawerReturn {} diff --git a/packages/react/src/components/drawer/use-drawer-stack-context.ts b/packages/react/src/components/drawer/use-drawer-stack-context.ts index 3d5e0f2ca5..22e03f142a 100644 --- a/packages/react/src/components/drawer/use-drawer-stack-context.ts +++ b/packages/react/src/components/drawer/use-drawer-stack-context.ts @@ -2,7 +2,7 @@ import type { DrawerStackApi } from '@zag-js/drawer' import type { PropTypes } from '@zag-js/react' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseDrawerStackContext extends DrawerStackApi {} diff --git a/packages/react/src/components/drawer/use-drawer.ts b/packages/react/src/components/drawer/use-drawer.ts index eae778c577..54d1c60fb2 100644 --- a/packages/react/src/components/drawer/use-drawer.ts +++ b/packages/react/src/components/drawer/use-drawer.ts @@ -3,9 +3,9 @@ import * as drawer from '@zag-js/drawer' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useDrawerStackStore } from './use-drawer-stack-store' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useDrawerStackStore } from './use-drawer-stack-store.ts' export interface UseDrawerProps extends Optional, 'id'> { defaultSnapPoint?: drawer.SnapPoint | undefined diff --git a/packages/react/src/components/editable/editable-area.tsx b/packages/react/src/components/editable/editable-area.tsx index f0e824fab8..23ed8970c7 100644 --- a/packages/react/src/components/editable/editable-area.tsx +++ b/packages/react/src/components/editable/editable-area.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableAreaBaseProps extends PolymorphicProps {} export interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {} diff --git a/packages/react/src/components/editable/editable-cancel-trigger.tsx b/packages/react/src/components/editable/editable-cancel-trigger.tsx index 3a15efbe1e..3b1cbcd0c0 100644 --- a/packages/react/src/components/editable/editable-cancel-trigger.tsx +++ b/packages/react/src/components/editable/editable-cancel-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableCancelTriggerBaseProps extends PolymorphicProps {} export interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {} diff --git a/packages/react/src/components/editable/editable-context.tsx b/packages/react/src/components/editable/editable-context.tsx index 90afcf85c9..0bec076d57 100644 --- a/packages/react/src/components/editable/editable-context.tsx +++ b/packages/react/src/components/editable/editable-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseEditableContext, useEditableContext } from './use-editable-context' +import { type UseEditableContext, useEditableContext } from './use-editable-context.ts' export interface EditableContextProps { children: (context: UseEditableContext) => ReactNode diff --git a/packages/react/src/components/editable/editable-control.tsx b/packages/react/src/components/editable/editable-control.tsx index 822e45ea8e..63c754b8be 100644 --- a/packages/react/src/components/editable/editable-control.tsx +++ b/packages/react/src/components/editable/editable-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableControlBaseProps extends PolymorphicProps {} export interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {} diff --git a/packages/react/src/components/editable/editable-edit-trigger.tsx b/packages/react/src/components/editable/editable-edit-trigger.tsx index f31486af94..5b7808843e 100644 --- a/packages/react/src/components/editable/editable-edit-trigger.tsx +++ b/packages/react/src/components/editable/editable-edit-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableEditTriggerBaseProps extends PolymorphicProps {} export interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {} diff --git a/packages/react/src/components/editable/editable-input.tsx b/packages/react/src/components/editable/editable-input.tsx index 60ae186c21..4fd2a6f045 100644 --- a/packages/react/src/components/editable/editable-input.tsx +++ b/packages/react/src/components/editable/editable-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableInputBaseProps extends PolymorphicProps {} export interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {} diff --git a/packages/react/src/components/editable/editable-label.tsx b/packages/react/src/components/editable/editable-label.tsx index beb853077f..4f2bccd2a9 100644 --- a/packages/react/src/components/editable/editable-label.tsx +++ b/packages/react/src/components/editable/editable-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableLabelBaseProps extends PolymorphicProps {} export interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {} diff --git a/packages/react/src/components/editable/editable-preview.tsx b/packages/react/src/components/editable/editable-preview.tsx index e13f0a32af..1162359335 100644 --- a/packages/react/src/components/editable/editable-preview.tsx +++ b/packages/react/src/components/editable/editable-preview.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditablePreviewBaseProps extends PolymorphicProps {} export interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {} diff --git a/packages/react/src/components/editable/editable-root-provider.tsx b/packages/react/src/components/editable/editable-root-provider.tsx index 08043d71f4..6739b7dbe0 100644 --- a/packages/react/src/components/editable/editable-root-provider.tsx +++ b/packages/react/src/components/editable/editable-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseEditableReturn } from './use-editable' -import { EditableProvider } from './use-editable-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseEditableReturn } from './use-editable.ts' +import { EditableProvider } from './use-editable-context.ts' interface RootProviderProps { value: UseEditableReturn diff --git a/packages/react/src/components/editable/editable-root.tsx b/packages/react/src/components/editable/editable-root.tsx index 6be26cd545..4b654031f9 100644 --- a/packages/react/src/components/editable/editable-root.tsx +++ b/packages/react/src/components/editable/editable-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseEditableProps, useEditable } from './use-editable' -import { EditableProvider } from './use-editable-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseEditableProps, useEditable } from './use-editable.ts' +import { EditableProvider } from './use-editable-context.ts' export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {} export interface EditableRootProps extends Assign, EditableRootBaseProps> {} diff --git a/packages/react/src/components/editable/editable-submit-trigger.tsx b/packages/react/src/components/editable/editable-submit-trigger.tsx index 90c1aae5d6..3fdc3f9073 100644 --- a/packages/react/src/components/editable/editable-submit-trigger.tsx +++ b/packages/react/src/components/editable/editable-submit-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useEditableContext } from './use-editable-context.ts' export interface EditableSubmitTriggerBaseProps extends PolymorphicProps {} export interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {} diff --git a/packages/react/src/components/editable/editable.stories.tsx b/packages/react/src/components/editable/editable.stories.tsx index bd76db1e10..c256a320ea 100644 --- a/packages/react/src/components/editable/editable.stories.tsx +++ b/packages/react/src/components/editable/editable.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Controls } from './examples/controls' -export { DoubleClick } from './examples/double-click' -export { RootProvider } from './examples/root-provider' -export { Textarea } from './examples/textarea' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Controls } from './examples/controls.tsx' +export { DoubleClick } from './examples/double-click.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Textarea } from './examples/textarea.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/editable/editable.ts b/packages/react/src/components/editable/editable.ts index 5021ebfc4f..51d0217ff0 100644 --- a/packages/react/src/components/editable/editable.ts +++ b/packages/react/src/components/editable/editable.ts @@ -8,50 +8,50 @@ export { EditableArea as Area, type EditableAreaBaseProps as AreaBaseProps, type EditableAreaProps as AreaProps, -} from './editable-area' +} from './editable-area.tsx' export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, type EditableCancelTriggerProps as CancelTriggerProps, -} from './editable-cancel-trigger' -export { EditableContext as Context, type EditableContextProps as ContextProps } from './editable-context' +} from './editable-cancel-trigger.tsx' +export { EditableContext as Context, type EditableContextProps as ContextProps } from './editable-context.tsx' export { EditableControl as Control, type EditableControlBaseProps as ControlBaseProps, type EditableControlProps as ControlProps, -} from './editable-control' +} from './editable-control.tsx' export { EditableEditTrigger as EditTrigger, type EditableEditTriggerBaseProps as EditTriggerBaseProps, type EditableEditTriggerProps as EditTriggerProps, -} from './editable-edit-trigger' +} from './editable-edit-trigger.tsx' export { EditableInput as Input, type EditableInputBaseProps as InputBaseProps, type EditableInputProps as InputProps, -} from './editable-input' +} from './editable-input.tsx' export { EditableLabel as Label, type EditableLabelBaseProps as LabelBaseProps, type EditableLabelProps as LabelProps, -} from './editable-label' +} from './editable-label.tsx' export { EditablePreview as Preview, type EditablePreviewBaseProps as PreviewBaseProps, type EditablePreviewProps as PreviewProps, -} from './editable-preview' +} from './editable-preview.tsx' export { EditableRoot as Root, type EditableRootBaseProps as RootBaseProps, type EditableRootProps as RootProps, -} from './editable-root' +} from './editable-root.tsx' export { EditableRootProvider as RootProvider, type EditableRootProviderBaseProps as RootProviderBaseProps, type EditableRootProviderProps as RootProviderProps, -} from './editable-root-provider' +} from './editable-root-provider.tsx' export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, type EditableSubmitTriggerProps as SubmitTriggerProps, -} from './editable-submit-trigger' +} from './editable-submit-trigger.tsx' diff --git a/packages/react/src/components/editable/index.ts b/packages/react/src/components/editable/index.ts index 139f56481d..3516f39fa6 100644 --- a/packages/react/src/components/editable/index.ts +++ b/packages/react/src/components/editable/index.ts @@ -5,35 +5,35 @@ export type { PointerDownOutsideEvent as EditablePointerDownOutsideEvent, ValueChangeDetails as EditableValueChangeDetails, } from '@zag-js/editable' -export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps } from './editable-area' +export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps } from './editable-area.tsx' export { EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, -} from './editable-cancel-trigger' -export { EditableContext, type EditableContextProps } from './editable-context' -export { EditableControl, type EditableControlBaseProps, type EditableControlProps } from './editable-control' +} from './editable-cancel-trigger.tsx' +export { EditableContext, type EditableContextProps } from './editable-context.tsx' +export { EditableControl, type EditableControlBaseProps, type EditableControlProps } from './editable-control.tsx' export { EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, -} from './editable-edit-trigger' -export { EditableInput, type EditableInputBaseProps, type EditableInputProps } from './editable-input' -export { EditableLabel, type EditableLabelBaseProps, type EditableLabelProps } from './editable-label' -export { EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps } from './editable-preview' -export { EditableRoot, type EditableRootBaseProps, type EditableRootProps } from './editable-root' +} from './editable-edit-trigger.tsx' +export { EditableInput, type EditableInputBaseProps, type EditableInputProps } from './editable-input.tsx' +export { EditableLabel, type EditableLabelBaseProps, type EditableLabelProps } from './editable-label.tsx' +export { EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps } from './editable-preview.tsx' +export { EditableRoot, type EditableRootBaseProps, type EditableRootProps } from './editable-root.tsx' export { EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, -} from './editable-root-provider' +} from './editable-root-provider.tsx' export { EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, -} from './editable-submit-trigger' -export { editableAnatomy } from './editable.anatomy' -export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable' -export { useEditableContext, type UseEditableContext } from './use-editable-context' +} from './editable-submit-trigger.tsx' +export { editableAnatomy } from './editable.anatomy.ts' +export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable.ts' +export { useEditableContext, type UseEditableContext } from './use-editable-context.ts' -export * as Editable from './editable' +export * as Editable from './editable.ts' diff --git a/packages/react/src/components/editable/tests/basic.tsx b/packages/react/src/components/editable/tests/basic.tsx index 6d6db41189..f9fff7e3b2 100644 --- a/packages/react/src/components/editable/tests/basic.tsx +++ b/packages/react/src/components/editable/tests/basic.tsx @@ -1,5 +1,5 @@ -import { Editable } from '../' -import { Field } from '../../field' +import { Editable } from '../index.ts' +import { Field } from '../../field/index.ts' export const ComponentUnderTest = (props: Editable.RootProps) => ( diff --git a/packages/react/src/components/editable/tests/controlled.tsx b/packages/react/src/components/editable/tests/controlled.tsx index 7e8d328220..0c1dc0b139 100644 --- a/packages/react/src/components/editable/tests/controlled.tsx +++ b/packages/react/src/components/editable/tests/controlled.tsx @@ -1,4 +1,4 @@ -import { Editable } from '../' +import { Editable } from '../index.ts' export const ControlledComponentUnderTest = (props: Editable.RootProps) => ( diff --git a/packages/react/src/components/editable/tests/editable.test.tsx b/packages/react/src/components/editable/tests/editable.test.tsx index ac230932d8..52b05b8ebd 100644 --- a/packages/react/src/components/editable/tests/editable.test.tsx +++ b/packages/react/src/components/editable/tests/editable.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 { ComponentUnderTest, EditableWithField } from './basic' -import { ControlledComponentUnderTest } from './controlled' +import { ComponentUnderTest, EditableWithField } from './basic.tsx' +import { ControlledComponentUnderTest } from './controlled.tsx' describe('Editable', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/editable/use-editable-context.ts b/packages/react/src/components/editable/use-editable-context.ts index 0262ccaf4e..96a1bbcb85 100644 --- a/packages/react/src/components/editable/use-editable-context.ts +++ b/packages/react/src/components/editable/use-editable-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseEditableReturn } from './use-editable' +import { createContext } from '../../utils/create-context.ts' +import type { UseEditableReturn } from './use-editable.ts' export interface UseEditableContext extends UseEditableReturn {} diff --git a/packages/react/src/components/editable/use-editable.ts b/packages/react/src/components/editable/use-editable.ts index 91f1b5c657..b6968a04cf 100644 --- a/packages/react/src/components/editable/use-editable.ts +++ b/packages/react/src/components/editable/use-editable.ts @@ -4,9 +4,9 @@ import * as editable from '@zag-js/editable' import { normalizeProps, useMachine } from '@zag-js/react' import type { PropTypes } from '@zag-js/types' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseEditableProps extends Optional, 'id'> {} export interface UseEditableReturn extends editable.Api {} diff --git a/packages/react/src/components/factory.test.tsx b/packages/react/src/components/factory.test.tsx index adc7607b35..22dc29048b 100644 --- a/packages/react/src/components/factory.test.tsx +++ b/packages/react/src/components/factory.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react' import user from '@testing-library/user-event' -import { ark } from './factory' +import { ark } from './factory.ts' const ComponentUnderTest = () => ( diff --git a/packages/react/src/components/factory.ts b/packages/react/src/components/factory.ts index f83d47143f..bf809db6ab 100644 --- a/packages/react/src/components/factory.ts +++ b/packages/react/src/components/factory.ts @@ -11,7 +11,7 @@ import { isValidElement, memo, } from 'react' -import { composeRefs } from '../utils/compose-refs' +import { composeRefs } from '../utils/compose-refs.ts' export interface PolymorphicProps { /** diff --git a/packages/react/src/components/field/field-context.tsx b/packages/react/src/components/field/field-context.tsx index 24e7f87dfd..433b6d39ba 100644 --- a/packages/react/src/components/field/field-context.tsx +++ b/packages/react/src/components/field/field-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseFieldContext, useFieldContext } from './use-field-context' +import { type UseFieldContext, useFieldContext } from './use-field-context.ts' export interface FieldContextProps { children: (context: UseFieldContext) => ReactNode diff --git a/packages/react/src/components/field/field-error-text.tsx b/packages/react/src/components/field/field-error-text.tsx index be24015711..e5e06463ba 100644 --- a/packages/react/src/components/field/field-error-text.tsx +++ b/packages/react/src/components/field/field-error-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldErrorTextBaseProps extends PolymorphicProps {} export interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {} diff --git a/packages/react/src/components/field/field-helper-text.tsx b/packages/react/src/components/field/field-helper-text.tsx index f10fbd5fd2..375dd8e419 100644 --- a/packages/react/src/components/field/field-helper-text.tsx +++ b/packages/react/src/components/field/field-helper-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldHelperTextBaseProps extends PolymorphicProps {} export interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {} diff --git a/packages/react/src/components/field/field-input.tsx b/packages/react/src/components/field/field-input.tsx index 7990bf6929..934933786b 100644 --- a/packages/react/src/components/field/field-input.tsx +++ b/packages/react/src/components/field/field-input.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldInputBaseProps extends PolymorphicProps {} export interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {} diff --git a/packages/react/src/components/field/field-item.tsx b/packages/react/src/components/field/field-item.tsx index 41c77da3a7..ad5167c8fd 100644 --- a/packages/react/src/components/field/field-item.tsx +++ b/packages/react/src/components/field/field-item.tsx @@ -1,9 +1,9 @@ 'use client' import { useMemo, type PropsWithChildren } from 'react' -import type { HTMLProps } from '../factory' -import { parts } from './field.anatomy' -import { FieldProvider, useFieldContext } from './use-field-context' +import type { HTMLProps } from '../factory.ts' +import { parts } from './field.anatomy.ts' +import { FieldProvider, useFieldContext } from './use-field-context.ts' export interface FieldItemBaseProps { value: string diff --git a/packages/react/src/components/field/field-label.tsx b/packages/react/src/components/field/field-label.tsx index b7e227ec65..6199cd3517 100644 --- a/packages/react/src/components/field/field-label.tsx +++ b/packages/react/src/components/field/field-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldLabelBaseProps extends PolymorphicProps {} export interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {} diff --git a/packages/react/src/components/field/field-required-indicator.tsx b/packages/react/src/components/field/field-required-indicator.tsx index 41af58a5a0..4efbc149c9 100644 --- a/packages/react/src/components/field/field-required-indicator.tsx +++ b/packages/react/src/components/field/field-required-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/core' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldRequiredIndicatorBaseProps extends PolymorphicProps { fallback?: React.ReactNode | undefined diff --git a/packages/react/src/components/field/field-root-provider.tsx b/packages/react/src/components/field/field-root-provider.tsx index 5c64e84183..160b6e5693 100644 --- a/packages/react/src/components/field/field-root-provider.tsx +++ b/packages/react/src/components/field/field-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseFieldReturn } from './use-field' -import { FieldProvider } from './use-field-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseFieldReturn } from './use-field.ts' +import { FieldProvider } from './use-field-context.ts' interface RootProviderProps { value: UseFieldReturn diff --git a/packages/react/src/components/field/field-root.tsx b/packages/react/src/components/field/field-root.tsx index d221c1fc68..0318a1913e 100644 --- a/packages/react/src/components/field/field-root.tsx +++ b/packages/react/src/components/field/field-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseFieldProps, useField } from './use-field' -import { FieldProvider } from './use-field-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseFieldProps, useField } from './use-field.ts' +import { FieldProvider } from './use-field-context.ts' export interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps {} export interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {} diff --git a/packages/react/src/components/field/field-select.tsx b/packages/react/src/components/field/field-select.tsx index 6df86b78c4..a4389ef105 100644 --- a/packages/react/src/components/field/field-select.tsx +++ b/packages/react/src/components/field/field-select.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldSelectBaseProps extends PolymorphicProps {} export interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {} diff --git a/packages/react/src/components/field/field-textarea.tsx b/packages/react/src/components/field/field-textarea.tsx index 70ed85b2ad..5aa5b2aa1d 100644 --- a/packages/react/src/components/field/field-textarea.tsx +++ b/packages/react/src/components/field/field-textarea.tsx @@ -3,9 +3,9 @@ import { autoresizeTextarea } from '@zag-js/auto-resize' import { mergeProps } from '@zag-js/react' import { forwardRef, useEffect, useRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from './use-field-context.ts' export interface FieldTextareaBaseProps extends PolymorphicProps { /** diff --git a/packages/react/src/components/field/field.stories.tsx b/packages/react/src/components/field/field.stories.tsx index f50081cc08..a3049f0587 100644 --- a/packages/react/src/components/field/field.stories.tsx +++ b/packages/react/src/components/field/field.stories.tsx @@ -6,14 +6,14 @@ const meta: Meta = { export default meta -export { Input } from './examples/input' -export { Invalid } from './examples/invalid' -export { RequiredIndicator } from './examples/required-indicator' -export { RootProvider } from './examples/root-provider' -export { Select } from './examples/select' -export { ShadowDom } from './examples/shadow-dom' -export { Textarea } from './examples/textarea' -export { TextareaAutoresize } from './examples/textarea-autoresize' -export { Disabled } from './examples/disabled' -export { CustomControl } from './examples/custom-control' -export { Item } from './examples/item' +export { Input } from './examples/input.tsx' +export { Invalid } from './examples/invalid.tsx' +export { RequiredIndicator } from './examples/required-indicator.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Select } from './examples/select.tsx' +export { ShadowDom } from './examples/shadow-dom.tsx' +export { Textarea } from './examples/textarea.tsx' +export { TextareaAutoresize } from './examples/textarea-autoresize.tsx' +export { Disabled } from './examples/disabled.tsx' +export { CustomControl } from './examples/custom-control.tsx' +export { Item } from './examples/item.tsx' diff --git a/packages/react/src/components/field/field.test.tsx b/packages/react/src/components/field/field.test.tsx index 556c36604c..c578c007bb 100644 --- a/packages/react/src/components/field/field.test.tsx +++ b/packages/react/src/components/field/field.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { Field } from '../' +import { Field } from '../index.ts' const ComponentUnderTest = (props: Field.RootProps) => ( diff --git a/packages/react/src/components/field/field.ts b/packages/react/src/components/field/field.ts index 4ae375925b..d8c7ecce99 100644 --- a/packages/react/src/components/field/field.ts +++ b/packages/react/src/components/field/field.ts @@ -1,51 +1,51 @@ -export { FieldContext as Context, type FieldContextProps as ContextProps } from './field-context' +export { FieldContext as Context, type FieldContextProps as ContextProps } from './field-context.tsx' export { FieldErrorText as ErrorText, type FieldErrorTextBaseProps as ErrorTextBaseProps, type FieldErrorTextProps as ErrorTextProps, -} from './field-error-text' +} from './field-error-text.tsx' export { FieldHelperText as HelperText, type FieldHelperTextBaseProps as HelperTextBaseProps, type FieldHelperTextProps as HelperTextProps, -} from './field-helper-text' +} from './field-helper-text.tsx' export { FieldInput as Input, type FieldInputBaseProps as InputBaseProps, type FieldInputProps as InputProps, -} from './field-input' +} from './field-input.tsx' export { FieldItem as Item, type FieldItemBaseProps as ItemBaseProps, type FieldItemProps as ItemProps, -} from './field-item' +} from './field-item.tsx' export { FieldLabel as Label, type FieldLabelBaseProps as LabelBaseProps, type FieldLabelProps as LabelProps, -} from './field-label' +} from './field-label.tsx' export { FieldRequiredIndicator as RequiredIndicator, type FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, type FieldRequiredIndicatorProps as RequiredIndicatorProps, -} from './field-required-indicator' +} from './field-required-indicator.tsx' export { FieldRoot as Root, type FieldRootBaseProps as RootBaseProps, type FieldRootProps as RootProps, -} from './field-root' +} from './field-root.tsx' export { FieldRootProvider as RootProvider, type FieldRootProviderBaseProps as RootProviderBaseProps, type FieldRootProviderProps as RootProviderProps, -} from './field-root-provider' +} from './field-root-provider.tsx' export { FieldSelect as Select, type FieldSelectBaseProps as SelectBaseProps, type FieldSelectProps as SelectProps, -} from './field-select' +} from './field-select.tsx' export { FieldTextarea as Textarea, type FieldTextareaBaseProps as TextareaBaseProps, type FieldTextareaProps as TextareaProps, -} from './field-textarea' +} from './field-textarea.tsx' diff --git a/packages/react/src/components/field/index.ts b/packages/react/src/components/field/index.ts index 5fc0a6ce81..d152847f1d 100644 --- a/packages/react/src/components/field/index.ts +++ b/packages/react/src/components/field/index.ts @@ -1,20 +1,24 @@ -export { FieldContext, type FieldContextProps } from './field-context' -export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps } from './field-error-text' -export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps } from './field-helper-text' -export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input' -export { FieldItem, type FieldItemBaseProps, type FieldItemProps } from './field-item' -export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label' +export { FieldContext, type FieldContextProps } from './field-context.tsx' +export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps } from './field-error-text.tsx' +export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps } from './field-helper-text.tsx' +export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input.tsx' +export { FieldItem, type FieldItemBaseProps, type FieldItemProps } from './field-item.tsx' +export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label.tsx' export { FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, -} from './field-required-indicator' -export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root' -export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps } from './field-root-provider' -export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select' -export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps } from './field-textarea' -export { fieldAnatomy } from './field.anatomy' -export { useField, type UseFieldProps, type UseFieldReturn } from './use-field' -export { useFieldContext, type UseFieldContext } from './use-field-context' +} from './field-required-indicator.tsx' +export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root.tsx' +export { + FieldRootProvider, + type FieldRootProviderBaseProps, + type FieldRootProviderProps, +} from './field-root-provider.tsx' +export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select.tsx' +export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps } from './field-textarea.tsx' +export { fieldAnatomy } from './field.anatomy.ts' +export { useField, type UseFieldProps, type UseFieldReturn } from './use-field.ts' +export { useFieldContext, type UseFieldContext } from './use-field-context.ts' -export * as Field from './field' +export * as Field from './field.ts' diff --git a/packages/react/src/components/field/use-field-context.ts b/packages/react/src/components/field/use-field-context.ts index b8a1c9662f..f21acaaa6b 100644 --- a/packages/react/src/components/field/use-field-context.ts +++ b/packages/react/src/components/field/use-field-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseFieldReturn } from './use-field' +import { createContext } from '../../utils/create-context.ts' +import type { UseFieldReturn } from './use-field.ts' export interface UseFieldContext extends UseFieldReturn {} diff --git a/packages/react/src/components/field/use-field.ts b/packages/react/src/components/field/use-field.ts index 6a20a0f76a..c85bcd313a 100644 --- a/packages/react/src/components/field/use-field.ts +++ b/packages/react/src/components/field/use-field.ts @@ -2,11 +2,11 @@ import { ariaAttr, dataAttr } from '@zag-js/dom-query' import { useId, useMemo, useRef, useState } from 'react' -import { useEnvironmentContext } from '../../providers' -import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect' -import type { HTMLProps } from '../factory' -import { useFieldsetContext } from '../fieldset/use-fieldset-context' -import { parts } from './field.anatomy' +import { useEnvironmentContext } from '../../providers/index.ts' +import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.ts' +import type { HTMLProps } from '../factory.ts' +import { useFieldsetContext } from '../fieldset/use-fieldset-context.ts' +import { parts } from './field.anatomy.ts' export interface ElementIds { root?: string | undefined diff --git a/packages/react/src/components/fieldset/fieldset-context.tsx b/packages/react/src/components/fieldset/fieldset-context.tsx index c675800714..d980761e47 100644 --- a/packages/react/src/components/fieldset/fieldset-context.tsx +++ b/packages/react/src/components/fieldset/fieldset-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseFieldsetContext, useFieldsetContext } from './use-fieldset-context' +import { type UseFieldsetContext, useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetContextProps { children: (context: UseFieldsetContext) => ReactNode diff --git a/packages/react/src/components/fieldset/fieldset-error-text.tsx b/packages/react/src/components/fieldset/fieldset-error-text.tsx index 7611284f71..b57c10e0b7 100644 --- a/packages/react/src/components/fieldset/fieldset-error-text.tsx +++ b/packages/react/src/components/fieldset/fieldset-error-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldsetContext } from './use-fieldset-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetErrorTextBaseProps extends PolymorphicProps {} export interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {} diff --git a/packages/react/src/components/fieldset/fieldset-helper-text.tsx b/packages/react/src/components/fieldset/fieldset-helper-text.tsx index 7822e2e38a..bc9b4220ff 100644 --- a/packages/react/src/components/fieldset/fieldset-helper-text.tsx +++ b/packages/react/src/components/fieldset/fieldset-helper-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldsetContext } from './use-fieldset-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetHelperTextBaseProps extends PolymorphicProps {} export interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {} diff --git a/packages/react/src/components/fieldset/fieldset-legend.tsx b/packages/react/src/components/fieldset/fieldset-legend.tsx index dc8416d299..0e54ca3ac8 100644 --- a/packages/react/src/components/fieldset/fieldset-legend.tsx +++ b/packages/react/src/components/fieldset/fieldset-legend.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldsetContext } from './use-fieldset-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetLegendBaseProps extends PolymorphicProps {} export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {} diff --git a/packages/react/src/components/fieldset/fieldset-root-provider.tsx b/packages/react/src/components/fieldset/fieldset-root-provider.tsx index 2cc5859bd9..f04ba908de 100644 --- a/packages/react/src/components/fieldset/fieldset-root-provider.tsx +++ b/packages/react/src/components/fieldset/fieldset-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseFieldsetReturn } from './use-fieldset' -import { FieldsetProvider } from './use-fieldset-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseFieldsetReturn } from './use-fieldset.ts' +import { FieldsetProvider } from './use-fieldset-context.ts' interface RootProviderProps { value: UseFieldsetReturn diff --git a/packages/react/src/components/fieldset/fieldset-root.tsx b/packages/react/src/components/fieldset/fieldset-root.tsx index 7fcfbdfecd..bc1ed801d6 100644 --- a/packages/react/src/components/fieldset/fieldset-root.tsx +++ b/packages/react/src/components/fieldset/fieldset-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseFieldsetProps, useFieldset } from './use-fieldset' -import { FieldsetProvider } from './use-fieldset-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseFieldsetProps, useFieldset } from './use-fieldset.ts' +import { FieldsetProvider } from './use-fieldset-context.ts' export interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps {} export interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {} diff --git a/packages/react/src/components/fieldset/fieldset.stories.tsx b/packages/react/src/components/fieldset/fieldset.stories.tsx index f004f5f705..86a63f68a9 100644 --- a/packages/react/src/components/fieldset/fieldset.stories.tsx +++ b/packages/react/src/components/fieldset/fieldset.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Disabled } from './examples/disabled' -export { Invalid } from './examples/invalid' -export { PhoneInput } from './examples/phone-input' -export { RootProvider } from './examples/root-provider' -export { WithCheckbox } from './examples/with-checkbox' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Invalid } from './examples/invalid.tsx' +export { PhoneInput } from './examples/phone-input.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithCheckbox } from './examples/with-checkbox.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/fieldset/fieldset.test.tsx b/packages/react/src/components/fieldset/fieldset.test.tsx index eb2e9f2ed3..0350d0c780 100644 --- a/packages/react/src/components/fieldset/fieldset.test.tsx +++ b/packages/react/src/components/fieldset/fieldset.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@testing-library/react' import { axe } from 'vitest-axe' -import { Field, Fieldset } from '../' +import { Field, Fieldset } from '../index.ts' const ComponentUnderTest = (props: Fieldset.RootProps) => ( diff --git a/packages/react/src/components/fieldset/fieldset.ts b/packages/react/src/components/fieldset/fieldset.ts index 8b777662b0..8c236bc593 100644 --- a/packages/react/src/components/fieldset/fieldset.ts +++ b/packages/react/src/components/fieldset/fieldset.ts @@ -1,26 +1,26 @@ -export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context' +export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context.tsx' export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, -} from './fieldset-error-text' +} from './fieldset-error-text.tsx' export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, -} from './fieldset-helper-text' +} from './fieldset-helper-text.tsx' export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, -} from './fieldset-legend' +} from './fieldset-legend.tsx' export { FieldsetRoot as Root, type FieldsetRootBaseProps as RootBaseProps, type FieldsetRootProps as RootProps, -} from './fieldset-root' +} from './fieldset-root.tsx' export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderBaseProps as RootProviderBaseProps, type FieldsetRootProviderProps as RootProviderProps, -} from './fieldset-root-provider' +} from './fieldset-root-provider.tsx' diff --git a/packages/react/src/components/fieldset/index.ts b/packages/react/src/components/fieldset/index.ts index 8a6151158e..e671a1759e 100644 --- a/packages/react/src/components/fieldset/index.ts +++ b/packages/react/src/components/fieldset/index.ts @@ -1,19 +1,23 @@ -export { FieldsetContext, type FieldsetContextProps } from './fieldset-context' -export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps } from './fieldset-error-text' +export { FieldsetContext, type FieldsetContextProps } from './fieldset-context.tsx' +export { + FieldsetErrorText, + type FieldsetErrorTextBaseProps, + type FieldsetErrorTextProps, +} from './fieldset-error-text.tsx' export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, -} from './fieldset-helper-text' -export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend' -export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root' +} from './fieldset-helper-text.tsx' +export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend.tsx' +export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root.tsx' export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, -} from './fieldset-root-provider' -export { fieldsetAnatomy } from './fieldset.anatomy' -export { useFieldset, type UseFieldsetProps, type UseFieldsetReturn } from './use-fieldset' -export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context' +} from './fieldset-root-provider.tsx' +export { fieldsetAnatomy } from './fieldset.anatomy.ts' +export { useFieldset, type UseFieldsetProps, type UseFieldsetReturn } from './use-fieldset.ts' +export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context.ts' -export * as Fieldset from './fieldset' +export * as Fieldset from './fieldset.ts' diff --git a/packages/react/src/components/fieldset/use-fieldset-context.ts b/packages/react/src/components/fieldset/use-fieldset-context.ts index c89228da3e..2fdcd0c6de 100644 --- a/packages/react/src/components/fieldset/use-fieldset-context.ts +++ b/packages/react/src/components/fieldset/use-fieldset-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseFieldsetReturn } from './use-fieldset' +import { createContext } from '../../utils/create-context.ts' +import type { UseFieldsetReturn } from './use-fieldset.ts' export interface UseFieldsetContext extends UseFieldsetReturn {} diff --git a/packages/react/src/components/fieldset/use-fieldset.ts b/packages/react/src/components/fieldset/use-fieldset.ts index 1d81bd6a27..647cae4694 100644 --- a/packages/react/src/components/fieldset/use-fieldset.ts +++ b/packages/react/src/components/fieldset/use-fieldset.ts @@ -2,10 +2,10 @@ import { dataAttr } from '@zag-js/dom-query' import { useId, useRef, useState } from 'react' -import { useEnvironmentContext } from '../../providers' -import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect' -import type { HTMLProps } from '../factory' -import { parts } from './fieldset.anatomy' +import { useEnvironmentContext } from '../../providers/index.ts' +import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.ts' +import type { HTMLProps } from '../factory.ts' +import { parts } from './fieldset.anatomy.ts' export interface UseFieldsetProps { /** diff --git a/packages/react/src/components/file-upload/file-upload-clear-trigger.tsx b/packages/react/src/components/file-upload/file-upload-clear-trigger.tsx index 304a731c7d..0f3dadd8e7 100644 --- a/packages/react/src/components/file-upload/file-upload-clear-trigger.tsx +++ b/packages/react/src/components/file-upload/file-upload-clear-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadClearTriggerBaseProps extends PolymorphicProps {} export interface FileUploadClearTriggerProps extends HTMLProps<'button'>, FileUploadClearTriggerBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-context.tsx b/packages/react/src/components/file-upload/file-upload-context.tsx index 1eb4c22dd6..409beee201 100644 --- a/packages/react/src/components/file-upload/file-upload-context.tsx +++ b/packages/react/src/components/file-upload/file-upload-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context' +import { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadContextProps { children: (context: UseFileUploadContext) => ReactNode diff --git a/packages/react/src/components/file-upload/file-upload-dropzone.tsx b/packages/react/src/components/file-upload/file-upload-dropzone.tsx index 3ed2b610e6..d0f4708b3b 100644 --- a/packages/react/src/components/file-upload/file-upload-dropzone.tsx +++ b/packages/react/src/components/file-upload/file-upload-dropzone.tsx @@ -3,9 +3,9 @@ import type { DropzoneProps } from '@zag-js/file-upload' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadDropzoneBaseProps extends PolymorphicProps, DropzoneProps {} export interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-hidden-input.tsx b/packages/react/src/components/file-upload/file-upload-hidden-input.tsx index ea024349bf..d21aaf781a 100644 --- a/packages/react/src/components/file-upload/file-upload-hidden-input.tsx +++ b/packages/react/src/components/file-upload/file-upload-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadHiddenInputBaseProps extends PolymorphicProps {} export interface FileUploadHiddenInputProps extends HTMLProps<'input'>, FileUploadHiddenInputBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-item-delete-trigger.tsx b/packages/react/src/components/file-upload/file-upload-item-delete-trigger.tsx index 6e89b35b62..1c78e100e1 100644 --- a/packages/react/src/components/file-upload/file-upload-item-delete-trigger.tsx +++ b/packages/react/src/components/file-upload/file-upload-item-delete-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemDeleteTriggerBaseProps extends PolymorphicProps {} export interface FileUploadItemDeleteTriggerProps extends HTMLProps<'button'>, FileUploadItemDeleteTriggerBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-item-group.tsx b/packages/react/src/components/file-upload/file-upload-item-group.tsx index 755d42e811..f35066c7cc 100644 --- a/packages/react/src/components/file-upload/file-upload-item-group.tsx +++ b/packages/react/src/components/file-upload/file-upload-item-group.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { ItemGroupProps } from '@zag-js/file-upload' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context.ts' export interface FileUploadItemGroupBaseProps extends PolymorphicProps, ItemGroupProps {} export interface FileUploadItemGroupProps extends HTMLProps<'ul'>, FileUploadItemGroupBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-item-name.tsx b/packages/react/src/components/file-upload/file-upload-item-name.tsx index 5dfdc38b5b..eb4793219a 100644 --- a/packages/react/src/components/file-upload/file-upload-item-name.tsx +++ b/packages/react/src/components/file-upload/file-upload-item-name.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemNameBaseProps extends PolymorphicProps {} export interface FileUploadItemNameProps extends HTMLProps<'div'>, FileUploadItemNameBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-item-preview-image.tsx b/packages/react/src/components/file-upload/file-upload-item-preview-image.tsx index 615932d889..450ab5111e 100644 --- a/packages/react/src/components/file-upload/file-upload-item-preview-image.tsx +++ b/packages/react/src/components/file-upload/file-upload-item-preview-image.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef, useEffect, useState } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps {} export interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-item-preview.tsx b/packages/react/src/components/file-upload/file-upload-item-preview.tsx index 29ced72355..3dd36614d4 100644 --- a/packages/react/src/components/file-upload/file-upload-item-preview.tsx +++ b/packages/react/src/components/file-upload/file-upload-item-preview.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemPreviewBaseProps extends PolymorphicProps { /** diff --git a/packages/react/src/components/file-upload/file-upload-item-size-text.tsx b/packages/react/src/components/file-upload/file-upload-item-size-text.tsx index 1833918c4d..dbc4e73371 100644 --- a/packages/react/src/components/file-upload/file-upload-item-size-text.tsx +++ b/packages/react/src/components/file-upload/file-upload-item-size-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemSizeTextBaseProps extends PolymorphicProps {} export interface FileUploadItemSizeTextProps extends HTMLProps<'div'>, FileUploadItemSizeTextBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-item.tsx b/packages/react/src/components/file-upload/file-upload-item.tsx index a374613866..927bd5c7f6 100644 --- a/packages/react/src/components/file-upload/file-upload-item.tsx +++ b/packages/react/src/components/file-upload/file-upload-item.tsx @@ -3,11 +3,11 @@ import type { ItemProps } from '@zag-js/file-upload' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context' -import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context.ts' +import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context.ts' type ItemBaseProps = Omit diff --git a/packages/react/src/components/file-upload/file-upload-label.tsx b/packages/react/src/components/file-upload/file-upload-label.tsx index 83c471f4e7..4c0bccf880 100644 --- a/packages/react/src/components/file-upload/file-upload-label.tsx +++ b/packages/react/src/components/file-upload/file-upload-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadLabelBaseProps extends PolymorphicProps {} export interface FileUploadLabelProps extends HTMLProps<'label'>, FileUploadLabelBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-root-provider.tsx b/packages/react/src/components/file-upload/file-upload-root-provider.tsx index 6a4ba686a9..6ea7e05377 100644 --- a/packages/react/src/components/file-upload/file-upload-root-provider.tsx +++ b/packages/react/src/components/file-upload/file-upload-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseFileUploadReturn } from './use-file-upload' -import { FileUploadProvider } from './use-file-upload-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseFileUploadReturn } from './use-file-upload.ts' +import { FileUploadProvider } from './use-file-upload-context.ts' interface RootProviderProps { value: UseFileUploadReturn diff --git a/packages/react/src/components/file-upload/file-upload-root.tsx b/packages/react/src/components/file-upload/file-upload-root.tsx index b5d1c8dd76..3a9afd774a 100644 --- a/packages/react/src/components/file-upload/file-upload-root.tsx +++ b/packages/react/src/components/file-upload/file-upload-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseFileUploadProps, useFileUpload } from './use-file-upload' -import { FileUploadProvider } from './use-file-upload-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseFileUploadProps, useFileUpload } from './use-file-upload.ts' +import { FileUploadProvider } from './use-file-upload-context.ts' export interface FileUploadRootBaseProps extends UseFileUploadProps, PolymorphicProps {} export interface FileUploadRootProps extends HTMLProps<'div'>, FileUploadRootBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload-trigger.tsx b/packages/react/src/components/file-upload/file-upload-trigger.tsx index 416557cdb9..69b37214be 100644 --- a/packages/react/src/components/file-upload/file-upload-trigger.tsx +++ b/packages/react/src/components/file-upload/file-upload-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadTriggerBaseProps extends PolymorphicProps {} export interface FileUploadTriggerProps extends HTMLProps<'button'>, FileUploadTriggerBaseProps {} diff --git a/packages/react/src/components/file-upload/file-upload.stories.tsx b/packages/react/src/components/file-upload/file-upload.stories.tsx index 54c6b2baa6..adcf9533e0 100644 --- a/packages/react/src/components/file-upload/file-upload.stories.tsx +++ b/packages/react/src/components/file-upload/file-upload.stories.tsx @@ -6,17 +6,17 @@ const meta: Meta = { export default meta -export { AcceptedFileTypes } from './examples/accepted-file-types' -export { Basic } from './examples/basic' -export { ClearTrigger } from './examples/clear-trigger' -export { DirectoryUpload } from './examples/directory-upload' -export { Dropzone } from './examples/dropzone' -export { ErrorHandling } from './examples/error-handling' -export { FormUsage } from './examples/form-usage' -export { InitialFiles } from './examples/initial-files' -export { MediaCapture } from './examples/media-capture' -export { PastingFiles } from './examples/pasting-files' -export { RejectedFiles } from './examples/rejected-files' -export { RootProvider } from './examples/root-provider' -export { TransformFiles } from './examples/transform-files' -export { WithField } from './examples/with-field' +export { AcceptedFileTypes } from './examples/accepted-file-types.tsx' +export { Basic } from './examples/basic.tsx' +export { ClearTrigger } from './examples/clear-trigger.tsx' +export { DirectoryUpload } from './examples/directory-upload.tsx' +export { Dropzone } from './examples/dropzone.tsx' +export { ErrorHandling } from './examples/error-handling.tsx' +export { FormUsage } from './examples/form-usage.tsx' +export { InitialFiles } from './examples/initial-files.tsx' +export { MediaCapture } from './examples/media-capture.tsx' +export { PastingFiles } from './examples/pasting-files.tsx' +export { RejectedFiles } from './examples/rejected-files.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { TransformFiles } from './examples/transform-files.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/file-upload/file-upload.ts b/packages/react/src/components/file-upload/file-upload.ts index b1a51974b1..303e285e27 100644 --- a/packages/react/src/components/file-upload/file-upload.ts +++ b/packages/react/src/components/file-upload/file-upload.ts @@ -11,70 +11,70 @@ export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, -} from './file-upload-clear-trigger' -export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context' +} from './file-upload-clear-trigger.tsx' +export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context.tsx' export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, -} from './file-upload-dropzone' +} from './file-upload-dropzone.tsx' export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputBaseProps as HiddenInputBaseProps, type FileUploadHiddenInputProps as HiddenInputProps, -} from './file-upload-hidden-input' +} from './file-upload-hidden-input.tsx' export { FileUploadItem as Item, type FileUploadItemBaseProps as ItemBaseProps, type FileUploadItemProps as ItemProps, -} from './file-upload-item' +} from './file-upload-item.tsx' export { FileUploadItemDeleteTrigger as ItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps as ItemDeleteTriggerProps, -} from './file-upload-item-delete-trigger' +} from './file-upload-item-delete-trigger.tsx' export { FileUploadItemGroup as ItemGroup, type FileUploadItemGroupBaseProps as ItemGroupBaseProps, type FileUploadItemGroupProps as ItemGroupProps, -} from './file-upload-item-group' +} from './file-upload-item-group.tsx' export { FileUploadItemName as ItemName, type FileUploadItemNameBaseProps as ItemNameBaseProps, type FileUploadItemNameProps as ItemNameProps, -} from './file-upload-item-name' +} from './file-upload-item-name.tsx' export { FileUploadItemPreview as ItemPreview, type FileUploadItemPreviewBaseProps as ItemPreviewBaseProps, type FileUploadItemPreviewProps as ItemPreviewProps, -} from './file-upload-item-preview' +} from './file-upload-item-preview.tsx' export { FileUploadItemPreviewImage as ItemPreviewImage, type FileUploadItemPreviewImageBaseProps as ItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps as ItemPreviewImageProps, -} from './file-upload-item-preview-image' +} from './file-upload-item-preview-image.tsx' export { FileUploadItemSizeText as ItemSizeText, type FileUploadItemSizeTextBaseProps as ItemSizeTextBaseProps, type FileUploadItemSizeTextProps as ItemSizeTextProps, -} from './file-upload-item-size-text' +} from './file-upload-item-size-text.tsx' export { FileUploadLabel as Label, type FileUploadLabelBaseProps as LabelBaseProps, type FileUploadLabelProps as LabelProps, -} from './file-upload-label' +} from './file-upload-label.tsx' export { FileUploadRoot as Root, type FileUploadRootBaseProps as RootBaseProps, type FileUploadRootProps as RootProps, -} from './file-upload-root' +} from './file-upload-root.tsx' export { FileUploadRootProvider as RootProvider, type FileUploadRootProviderBaseProps as RootProviderBaseProps, type FileUploadRootProviderProps as RootProviderProps, -} from './file-upload-root-provider' +} from './file-upload-root-provider.tsx' export { FileUploadTrigger as Trigger, type FileUploadTriggerBaseProps as TriggerBaseProps, type FileUploadTriggerProps as TriggerProps, -} from './file-upload-trigger' +} from './file-upload-trigger.tsx' diff --git a/packages/react/src/components/file-upload/index.ts b/packages/react/src/components/file-upload/index.ts index 609c24c1fb..d5602108bd 100644 --- a/packages/react/src/components/file-upload/index.ts +++ b/packages/react/src/components/file-upload/index.ts @@ -11,59 +11,63 @@ export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, -} from './file-upload-clear-trigger' -export { FileUploadContext, type FileUploadContextProps } from './file-upload-context' +} from './file-upload-clear-trigger.tsx' +export { FileUploadContext, type FileUploadContextProps } from './file-upload-context.tsx' export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, -} from './file-upload-dropzone' +} from './file-upload-dropzone.tsx' export { FileUploadHiddenInput, type FileUploadHiddenInputBaseProps, type FileUploadHiddenInputProps, -} from './file-upload-hidden-input' -export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps } from './file-upload-item' +} from './file-upload-hidden-input.tsx' +export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps } from './file-upload-item.tsx' export { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps, -} from './file-upload-item-delete-trigger' +} from './file-upload-item-delete-trigger.tsx' export { FileUploadItemGroup, type FileUploadItemGroupBaseProps, type FileUploadItemGroupProps, -} from './file-upload-item-group' +} from './file-upload-item-group.tsx' export { FileUploadItemName, type FileUploadItemNameBaseProps, type FileUploadItemNameProps, -} from './file-upload-item-name' +} from './file-upload-item-name.tsx' export { FileUploadItemPreview, type FileUploadItemPreviewBaseProps, type FileUploadItemPreviewProps, -} from './file-upload-item-preview' +} from './file-upload-item-preview.tsx' export { FileUploadItemPreviewImage, type FileUploadItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps, -} from './file-upload-item-preview-image' +} from './file-upload-item-preview-image.tsx' export { FileUploadItemSizeText, type FileUploadItemSizeTextBaseProps, type FileUploadItemSizeTextProps, -} from './file-upload-item-size-text' -export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps } from './file-upload-label' -export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps } from './file-upload-root' +} from './file-upload-item-size-text.tsx' +export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps } from './file-upload-label.tsx' +export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps } from './file-upload-root.tsx' export { FileUploadRootProvider, type FileUploadRootProviderBaseProps, type FileUploadRootProviderProps, -} from './file-upload-root-provider' -export { FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps } from './file-upload-trigger' -export { fileUploadAnatomy } from './file-upload.anatomy' -export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload' -export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context' +} from './file-upload-root-provider.tsx' +export { + FileUploadTrigger, + type FileUploadTriggerBaseProps, + type FileUploadTriggerProps, +} from './file-upload-trigger.tsx' +export { fileUploadAnatomy } from './file-upload.anatomy.ts' +export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload.ts' +export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context.ts' -export * as FileUpload from './file-upload' +export * as FileUpload from './file-upload.ts' diff --git a/packages/react/src/components/file-upload/tests/basic.tsx b/packages/react/src/components/file-upload/tests/basic.tsx index 323405d931..b5958fd947 100644 --- a/packages/react/src/components/file-upload/tests/basic.tsx +++ b/packages/react/src/components/file-upload/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/react/field' -import { FileUpload } from '../' +import { FileUpload } from '../index.ts' export const ComponentUnderTest = (props: FileUpload.RootProps) => ( diff --git a/packages/react/src/components/file-upload/tests/file-upload.test.tsx b/packages/react/src/components/file-upload/tests/file-upload.test.tsx index 8e3d4eb832..3336e05f1f 100644 --- a/packages/react/src/components/file-upload/tests/file-upload.test.tsx +++ b/packages/react/src/components/file-upload/tests/file-upload.test.tsx @@ -1,7 +1,7 @@ import { act, render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, FileUploadWithField } from './basic' +import { ComponentUnderTest, FileUploadWithField } from './basic.tsx' describe('File Upload', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/file-upload/use-file-upload-context.ts b/packages/react/src/components/file-upload/use-file-upload-context.ts index e08277dbee..77200e70a2 100644 --- a/packages/react/src/components/file-upload/use-file-upload-context.ts +++ b/packages/react/src/components/file-upload/use-file-upload-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseFileUploadReturn } from './use-file-upload' +import { createContext } from '../../utils/create-context.ts' +import type { UseFileUploadReturn } from './use-file-upload.ts' export interface UseFileUploadContext extends UseFileUploadReturn {} diff --git a/packages/react/src/components/file-upload/use-file-upload-item-group-props-context.ts b/packages/react/src/components/file-upload/use-file-upload-item-group-props-context.ts index 32b2c57d43..e3e8910cad 100644 --- a/packages/react/src/components/file-upload/use-file-upload-item-group-props-context.ts +++ b/packages/react/src/components/file-upload/use-file-upload-item-group-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemGroupProps } from '@zag-js/file-upload' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseFileUploadItemGroupContext extends ItemGroupProps {} diff --git a/packages/react/src/components/file-upload/use-file-upload-item-props-context.ts b/packages/react/src/components/file-upload/use-file-upload-item-props-context.ts index 5239e69f04..14c50b7e84 100644 --- a/packages/react/src/components/file-upload/use-file-upload-item-props-context.ts +++ b/packages/react/src/components/file-upload/use-file-upload-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/file-upload' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseFileUploadItemContext extends ItemProps {} diff --git a/packages/react/src/components/file-upload/use-file-upload.ts b/packages/react/src/components/file-upload/use-file-upload.ts index c0e6690628..6e045ec407 100644 --- a/packages/react/src/components/file-upload/use-file-upload.ts +++ b/packages/react/src/components/file-upload/use-file-upload.ts @@ -3,9 +3,9 @@ import * as fileUpload from '@zag-js/file-upload' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseFileUploadProps extends Optional, 'id'> {} export interface UseFileUploadReturn extends fileUpload.Api {} diff --git a/packages/react/src/components/floating-panel/floating-panel-body.tsx b/packages/react/src/components/floating-panel/floating-panel-body.tsx index f6dcc7fefc..9f4f80e5cf 100644 --- a/packages/react/src/components/floating-panel/floating-panel-body.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-body.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelBodyBaseProps extends PolymorphicProps {} export interface FloatingPanelBodyProps extends HTMLProps<'div'>, FloatingPanelBodyBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-close-trigger.tsx b/packages/react/src/components/floating-panel/floating-panel-close-trigger.tsx index 0a49a8535c..dc09d81643 100644 --- a/packages/react/src/components/floating-panel/floating-panel-close-trigger.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-close-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelCloseTriggerBaseProps extends PolymorphicProps {} export interface FloatingPanelCloseTriggerProps extends HTMLProps<'button'>, FloatingPanelCloseTriggerBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-content.tsx b/packages/react/src/components/floating-panel/floating-panel-content.tsx index faab70e0c9..1da41acdb4 100644 --- a/packages/react/src/components/floating-panel/floating-panel-content.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelContentBaseProps extends PolymorphicProps {} export interface FloatingPanelContentProps extends HTMLProps<'div'>, FloatingPanelContentBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-context.tsx b/packages/react/src/components/floating-panel/floating-panel-context.tsx index 0bed4f15d4..41bc7b7ab1 100644 --- a/packages/react/src/components/floating-panel/floating-panel-context.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseFloatingPanelContext, useFloatingPanelContext } from './use-floating-panel-context' +import { type UseFloatingPanelContext, useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelContextProps { children: (context: UseFloatingPanelContext) => ReactNode diff --git a/packages/react/src/components/floating-panel/floating-panel-control.tsx b/packages/react/src/components/floating-panel/floating-panel-control.tsx index d89c897434..b712cabe75 100644 --- a/packages/react/src/components/floating-panel/floating-panel-control.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelControlBaseProps extends PolymorphicProps {} export interface FloatingPanelControlProps extends HTMLProps<'div'>, FloatingPanelControlBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-drag-trigger.tsx b/packages/react/src/components/floating-panel/floating-panel-drag-trigger.tsx index 48af495d7e..48aaa6abcc 100644 --- a/packages/react/src/components/floating-panel/floating-panel-drag-trigger.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-drag-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelDragTriggerBaseProps extends PolymorphicProps {} export interface FloatingPanelDragTriggerProps extends HTMLProps<'div'>, FloatingPanelDragTriggerBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-header.tsx b/packages/react/src/components/floating-panel/floating-panel-header.tsx index f1af74c7e5..fcbfee3a89 100644 --- a/packages/react/src/components/floating-panel/floating-panel-header.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-header.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelHeaderBaseProps extends PolymorphicProps {} export interface FloatingPanelHeaderProps extends HTMLProps<'div'>, FloatingPanelHeaderBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-positioner.tsx b/packages/react/src/components/floating-panel/floating-panel-positioner.tsx index 7c32309d0c..e93d8633ca 100644 --- a/packages/react/src/components/floating-panel/floating-panel-positioner.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelPositionerBaseProps extends PolymorphicProps {} export interface FloatingPanelPositionerProps extends HTMLProps<'div'>, FloatingPanelPositionerBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-resize-trigger.tsx b/packages/react/src/components/floating-panel/floating-panel-resize-trigger.tsx index 217c004d36..bf9b14f8e7 100644 --- a/packages/react/src/components/floating-panel/floating-panel-resize-trigger.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-resize-trigger.tsx @@ -3,9 +3,9 @@ import type { ResizeTriggerProps } from '@zag-js/floating-panel' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {} export interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-root-provider.tsx b/packages/react/src/components/floating-panel/floating-panel-root-provider.tsx index 5c8174d1ad..1f8c814fe1 100644 --- a/packages/react/src/components/floating-panel/floating-panel-root-provider.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-root-provider.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import type { UseFloatingPanelReturn } from './use-floating-panel' -import { FloatingPanelProvider } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import type { UseFloatingPanelReturn } from './use-floating-panel.ts' +import { FloatingPanelProvider } from './use-floating-panel-context.ts' interface RootProviderProps { value: UseFloatingPanelReturn diff --git a/packages/react/src/components/floating-panel/floating-panel-root.tsx b/packages/react/src/components/floating-panel/floating-panel-root.tsx index c43ad34444..450f2abcf0 100644 --- a/packages/react/src/components/floating-panel/floating-panel-root.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UseFloatingPanelProps, useFloatingPanel } from './use-floating-panel' -import { FloatingPanelProvider } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UseFloatingPanelProps, useFloatingPanel } from './use-floating-panel.ts' +import { FloatingPanelProvider } from './use-floating-panel-context.ts' export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {} export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps { diff --git a/packages/react/src/components/floating-panel/floating-panel-stage-trigger.tsx b/packages/react/src/components/floating-panel/floating-panel-stage-trigger.tsx index 85319be914..132db92373 100644 --- a/packages/react/src/components/floating-panel/floating-panel-stage-trigger.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-stage-trigger.tsx @@ -3,9 +3,9 @@ import type { StageTriggerProps } from '@zag-js/floating-panel' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps, StageTriggerProps {} export interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-title.tsx b/packages/react/src/components/floating-panel/floating-panel-title.tsx index 8ce595c763..c132b54004 100644 --- a/packages/react/src/components/floating-panel/floating-panel-title.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-title.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelTitleBaseProps extends PolymorphicProps {} export interface FloatingPanelTitleProps extends HTMLProps<'h2'>, FloatingPanelTitleBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel-trigger.tsx b/packages/react/src/components/floating-panel/floating-panel-trigger.tsx index de6c9e219a..cd3c29cbd6 100644 --- a/packages/react/src/components/floating-panel/floating-panel-trigger.tsx +++ b/packages/react/src/components/floating-panel/floating-panel-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelTriggerBaseProps extends PolymorphicProps {} export interface FloatingPanelTriggerProps extends HTMLProps<'button'>, FloatingPanelTriggerBaseProps {} diff --git a/packages/react/src/components/floating-panel/floating-panel.stories.tsx b/packages/react/src/components/floating-panel/floating-panel.stories.tsx index bc3ff37818..885fa903bc 100644 --- a/packages/react/src/components/floating-panel/floating-panel.stories.tsx +++ b/packages/react/src/components/floating-panel/floating-panel.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { AnchorPosition } from './examples/anchor-position' -export { Basic } from './examples/basic' -export { ControlledOpen } from './examples/controlled-open' -export { ControlledPosition } from './examples/controlled-position' -export { ControlledSize } from './examples/controlled-size' -export { LazyMount } from './examples/lazy-mount' -export { Context } from './examples/context' +export { AnchorPosition } from './examples/anchor-position.tsx' +export { Basic } from './examples/basic.tsx' +export { ControlledOpen } from './examples/controlled-open.tsx' +export { ControlledPosition } from './examples/controlled-position.tsx' +export { ControlledSize } from './examples/controlled-size.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Context } from './examples/context.tsx' diff --git a/packages/react/src/components/floating-panel/floating-panel.ts b/packages/react/src/components/floating-panel/floating-panel.ts index f1c888383d..47bbc886f6 100644 --- a/packages/react/src/components/floating-panel/floating-panel.ts +++ b/packages/react/src/components/floating-panel/floating-panel.ts @@ -16,68 +16,68 @@ export { FloatingPanelBody as Body, type FloatingPanelBodyBaseProps as BodyBaseProps, type FloatingPanelBodyProps as BodyProps, -} from './floating-panel-body' +} from './floating-panel-body.tsx' export { FloatingPanelCloseTrigger as CloseTrigger, type FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, type FloatingPanelCloseTriggerProps as CloseTriggerProps, -} from './floating-panel-close-trigger' +} from './floating-panel-close-trigger.tsx' export { FloatingPanelContent as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, -} from './floating-panel-content' +} from './floating-panel-content.tsx' export { FloatingPanelContext as Context, type FloatingPanelContextProps as ContextProps, -} from './floating-panel-context' +} from './floating-panel-context.tsx' export { FloatingPanelControl as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, -} from './floating-panel-control' +} from './floating-panel-control.tsx' export { FloatingPanelDragTrigger as DragTrigger, type FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, type FloatingPanelDragTriggerProps as DragTriggerProps, -} from './floating-panel-drag-trigger' +} from './floating-panel-drag-trigger.tsx' export { FloatingPanelHeader as Header, type FloatingPanelHeaderBaseProps as HeaderBaseProps, type FloatingPanelHeaderProps as HeaderProps, -} from './floating-panel-header' +} from './floating-panel-header.tsx' export { FloatingPanelPositioner as Positioner, type FloatingPanelPositionerBaseProps as PositionerBaseProps, type FloatingPanelPositionerProps as PositionerProps, -} from './floating-panel-positioner' +} from './floating-panel-positioner.tsx' export { FloatingPanelResizeTrigger as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, -} from './floating-panel-resize-trigger' +} from './floating-panel-resize-trigger.tsx' export { FloatingPanelRoot as Root, type FloatingPanelRootBaseProps as RootBaseProps, type FloatingPanelRootProps as RootProps, -} from './floating-panel-root' +} from './floating-panel-root.tsx' export { FloatingPanelRootProvider as RootProvider, type FloatingPanelRootProviderBaseProps as RootProviderBaseProps, type FloatingPanelRootProviderProps as RootProviderProps, -} from './floating-panel-root-provider' +} from './floating-panel-root-provider.tsx' export { FloatingPanelStageTrigger as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, -} from './floating-panel-stage-trigger' +} from './floating-panel-stage-trigger.tsx' export { FloatingPanelTitle as Title, type FloatingPanelTitleBaseProps as TitleBaseProps, type FloatingPanelTitleProps as TitleProps, -} from './floating-panel-title' +} from './floating-panel-title.tsx' export { FloatingPanelTrigger as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, -} from './floating-panel-trigger' +} from './floating-panel-trigger.tsx' diff --git a/packages/react/src/components/floating-panel/index.ts b/packages/react/src/components/floating-panel/index.ts index fb79ccd565..f6543a8b99 100644 --- a/packages/react/src/components/floating-panel/index.ts +++ b/packages/react/src/components/floating-panel/index.ts @@ -11,67 +11,75 @@ export type { Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@zag-js/floating-panel' -export { FloatingPanelBody, type FloatingPanelBodyProps, type FloatingPanelBodyBaseProps } from './floating-panel-body' +export { + FloatingPanelBody, + type FloatingPanelBodyProps, + type FloatingPanelBodyBaseProps, +} from './floating-panel-body.tsx' export { FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerProps, type FloatingPanelCloseTriggerBaseProps, -} from './floating-panel-close-trigger' +} from './floating-panel-close-trigger.tsx' export { FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, -} from './floating-panel-content' -export { FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context' +} from './floating-panel-content.tsx' +export { FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context.tsx' export { FloatingPanelDragTrigger, type FloatingPanelDragTriggerProps, type FloatingPanelDragTriggerBaseProps, -} from './floating-panel-drag-trigger' +} from './floating-panel-drag-trigger.tsx' export { FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelHeaderBaseProps, -} from './floating-panel-header' +} from './floating-panel-header.tsx' export { FloatingPanelPositioner, type FloatingPanelPositionerProps, type FloatingPanelPositionerBaseProps, -} from './floating-panel-positioner' +} from './floating-panel-positioner.tsx' export { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, -} from './floating-panel-resize-trigger' +} from './floating-panel-resize-trigger.tsx' export { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, -} from './floating-panel-stage-trigger' -export { FloatingPanelRoot, type FloatingPanelRootProps, type FloatingPanelRootBaseProps } from './floating-panel-root' +} from './floating-panel-stage-trigger.tsx' +export { + FloatingPanelRoot, + type FloatingPanelRootProps, + type FloatingPanelRootBaseProps, +} from './floating-panel-root.tsx' export { FloatingPanelRootProvider, type FloatingPanelRootProviderProps, type FloatingPanelRootProviderBaseProps, -} from './floating-panel-root-provider' +} from './floating-panel-root-provider.tsx' export { FloatingPanelTitle, type FloatingPanelTitleProps, type FloatingPanelTitleBaseProps, -} from './floating-panel-title' +} from './floating-panel-title.tsx' export { FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, -} from './floating-panel-trigger' +} from './floating-panel-trigger.tsx' export { FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, -} from './floating-panel-control' +} from './floating-panel-control.tsx' -export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel' -export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context' -export { floatingPanelAnatomy } from './floating-panel.anatomy' +export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel.ts' +export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context.ts' +export { floatingPanelAnatomy } from './floating-panel.anatomy.ts' -export * as FloatingPanel from './floating-panel' +export * as FloatingPanel from './floating-panel.ts' diff --git a/packages/react/src/components/floating-panel/use-floating-panel-context.ts b/packages/react/src/components/floating-panel/use-floating-panel-context.ts index f6d88da5f4..041d29ead4 100644 --- a/packages/react/src/components/floating-panel/use-floating-panel-context.ts +++ b/packages/react/src/components/floating-panel/use-floating-panel-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseFloatingPanelReturn } from './use-floating-panel' +import { createContext } from '../../utils/create-context.ts' +import type { UseFloatingPanelReturn } from './use-floating-panel.ts' export interface UseFloatingPanelContext extends UseFloatingPanelReturn {} diff --git a/packages/react/src/components/floating-panel/use-floating-panel.ts b/packages/react/src/components/floating-panel/use-floating-panel.ts index 8fbdd687cb..df4994bc0e 100644 --- a/packages/react/src/components/floating-panel/use-floating-panel.ts +++ b/packages/react/src/components/floating-panel/use-floating-panel.ts @@ -3,8 +3,8 @@ import * as floatingPanel from '@zag-js/floating-panel' 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 UseFloatingPanelProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/focus-trap/focus-trap.stories.tsx b/packages/react/src/components/focus-trap/focus-trap.stories.tsx index eeda1311e6..30d9e518b1 100644 --- a/packages/react/src/components/focus-trap/focus-trap.stories.tsx +++ b/packages/react/src/components/focus-trap/focus-trap.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { InitialFocus } from './examples/initial-focus' -export { Autofocus } from './examples/autofocus' +export { Basic } from './examples/basic.tsx' +export { InitialFocus } from './examples/initial-focus.tsx' +export { Autofocus } from './examples/autofocus.tsx' diff --git a/packages/react/src/components/focus-trap/focus-trap.tsx b/packages/react/src/components/focus-trap/focus-trap.tsx index a8f6d320e4..61deb7b222 100644 --- a/packages/react/src/components/focus-trap/focus-trap.tsx +++ b/packages/react/src/components/focus-trap/focus-trap.tsx @@ -2,11 +2,11 @@ import { type FocusTrapOptions, trapFocus } from '@zag-js/focus-trap' import { forwardRef, useRef } from 'react' -import type { Assign } from '../../types' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' +import type { Assign } from '../../types.ts' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' export interface TrapOptions extends Pick< FocusTrapOptions, diff --git a/packages/react/src/components/focus-trap/index.ts b/packages/react/src/components/focus-trap/index.ts index 849d82c129..917c5741ef 100644 --- a/packages/react/src/components/focus-trap/index.ts +++ b/packages/react/src/components/focus-trap/index.ts @@ -1,2 +1,2 @@ -export { FocusTrap } from './focus-trap' -export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap' +export { FocusTrap } from './focus-trap.tsx' +export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap.tsx' diff --git a/packages/react/src/components/format/format-byte.tsx b/packages/react/src/components/format/format-byte.tsx index 7e39cb9670..78074ca51f 100644 --- a/packages/react/src/components/format/format-byte.tsx +++ b/packages/react/src/components/format/format-byte.tsx @@ -2,7 +2,7 @@ import { formatBytes } from '@zag-js/i18n-utils' import { useMemo } from 'react' -import { useLocaleContext } from '../../providers/locale' +import { useLocaleContext } from '../../providers/locale/index.ts' export interface FormatByteProps { /** diff --git a/packages/react/src/components/format/format-number.tsx b/packages/react/src/components/format/format-number.tsx index 18cb2e1d56..7f14ea54db 100644 --- a/packages/react/src/components/format/format-number.tsx +++ b/packages/react/src/components/format/format-number.tsx @@ -2,7 +2,7 @@ import { formatNumber } from '@zag-js/i18n-utils' import { useMemo } from 'react' -import { useLocaleContext } from '../../providers/locale' +import { useLocaleContext } from '../../providers/locale/index.ts' export interface FormatNumberProps extends Intl.NumberFormatOptions { /** diff --git a/packages/react/src/components/format/format-relative-time.tsx b/packages/react/src/components/format/format-relative-time.tsx index e828803c6c..b8a0f5e724 100644 --- a/packages/react/src/components/format/format-relative-time.tsx +++ b/packages/react/src/components/format/format-relative-time.tsx @@ -2,7 +2,7 @@ import { formatRelativeTime } from '@zag-js/i18n-utils' import { useMemo } from 'react' -import { useLocaleContext } from '../../providers/locale' +import { useLocaleContext } from '../../providers/locale/index.ts' export interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions { /** diff --git a/packages/react/src/components/format/format-time.tsx b/packages/react/src/components/format/format-time.tsx index 358ac7e831..fe428805d5 100644 --- a/packages/react/src/components/format/format-time.tsx +++ b/packages/react/src/components/format/format-time.tsx @@ -2,7 +2,7 @@ import { formatTime, type FormatTimeOptions } from '@zag-js/i18n-utils' import { useMemo } from 'react' -import { useLocaleContext } from '../../providers/locale' +import { useLocaleContext } from '../../providers/locale/index.ts' export interface FormatTimeProps extends FormatTimeOptions { /** diff --git a/packages/react/src/components/format/format.stories.tsx b/packages/react/src/components/format/format.stories.tsx index f5c60c1330..6f0685db9d 100644 --- a/packages/react/src/components/format/format.stories.tsx +++ b/packages/react/src/components/format/format.stories.tsx @@ -6,24 +6,24 @@ const meta: Meta = { export default meta -export { ByteBasic } from './examples/byte-basic' -export { ByteSizes } from './examples/byte-sizes' -export { ByteWithLocale } from './examples/byte-with-locale' -export { ByteWithUnit } from './examples/byte-with-unit' -export { ByteWithUnitDisplay } from './examples/byte-with-unit-display' -export { ByteWithUnitSystem } from './examples/byte-with-unit-system' +export { ByteBasic } from './examples/byte-basic.tsx' +export { ByteSizes } from './examples/byte-sizes.tsx' +export { ByteWithLocale } from './examples/byte-with-locale.tsx' +export { ByteWithUnit } from './examples/byte-with-unit.tsx' +export { ByteWithUnitDisplay } from './examples/byte-with-unit-display.tsx' +export { ByteWithUnitSystem } from './examples/byte-with-unit-system.tsx' -export { NumberBasic } from './examples/number-basic' -export { NumberWithCompact } from './examples/number-with-compact' -export { NumberWithCurrency } from './examples/number-with-currency' -export { NumberWithLocale } from './examples/number-with-locale' -export { NumberWithPercentage } from './examples/number-with-percentage' -export { NumberWithUnit } from './examples/number-with-unit' +export { NumberBasic } from './examples/number-basic.tsx' +export { NumberWithCompact } from './examples/number-with-compact.tsx' +export { NumberWithCurrency } from './examples/number-with-currency.tsx' +export { NumberWithLocale } from './examples/number-with-locale.tsx' +export { NumberWithPercentage } from './examples/number-with-percentage.tsx' +export { NumberWithUnit } from './examples/number-with-unit.tsx' -export { RelativeTimeBasic } from './examples/relative-time-basic' -export { RelativeTimeShort } from './examples/relative-time-short' -export { TimeBasic } from './examples/time-basic' -export { TimeWithAmPmLabels } from './examples/time-with-am-pm-labels' -export { TimeWithDate } from './examples/time-with-date' -export { TimeWithLocale } from './examples/time-with-locale' -export { TimeWithSeconds } from './examples/time-with-seconds' +export { RelativeTimeBasic } from './examples/relative-time-basic.tsx' +export { RelativeTimeShort } from './examples/relative-time-short.tsx' +export { TimeBasic } from './examples/time-basic.tsx' +export { TimeWithAmPmLabels } from './examples/time-with-am-pm-labels.tsx' +export { TimeWithDate } from './examples/time-with-date.tsx' +export { TimeWithLocale } from './examples/time-with-locale.tsx' +export { TimeWithSeconds } from './examples/time-with-seconds.tsx' diff --git a/packages/react/src/components/format/format.ts b/packages/react/src/components/format/format.ts index fb1b303638..6a2021f975 100644 --- a/packages/react/src/components/format/format.ts +++ b/packages/react/src/components/format/format.ts @@ -1,7 +1,7 @@ -export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte' -export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number' +export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte.tsx' +export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number.tsx' export { FormatRelativeTime as RelativeTime, type FormatRelativeTimeProps as RelativeTimeProps, -} from './format-relative-time' -export { FormatTime as Time, type FormatTimeProps as TimeProps } from './format-time' +} from './format-relative-time.tsx' +export { FormatTime as Time, type FormatTimeProps as TimeProps } from './format-time.tsx' diff --git a/packages/react/src/components/format/index.ts b/packages/react/src/components/format/index.ts index 94afb98c7d..4904da97b4 100644 --- a/packages/react/src/components/format/index.ts +++ b/packages/react/src/components/format/index.ts @@ -1,6 +1,6 @@ -export { FormatByte, type FormatByteProps } from './format-byte' -export { FormatNumber, type FormatNumberProps } from './format-number' -export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time' -export { FormatTime, type FormatTimeProps } from './format-time' +export { FormatByte, type FormatByteProps } from './format-byte.tsx' +export { FormatNumber, type FormatNumberProps } from './format-number.tsx' +export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time.tsx' +export { FormatTime, type FormatTimeProps } from './format-time.tsx' -export * as Format from './format' +export * as Format from './format.ts' diff --git a/packages/react/src/components/frame/frame.stories.tsx b/packages/react/src/components/frame/frame.stories.tsx index 31b9c53525..51b80945cf 100644 --- a/packages/react/src/components/frame/frame.stories.tsx +++ b/packages/react/src/components/frame/frame.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Script } from './examples/script' -export { SrcDoc } from './examples/src-doc' +export { Basic } from './examples/basic.tsx' +export { Script } from './examples/script.tsx' +export { SrcDoc } from './examples/src-doc.tsx' diff --git a/packages/react/src/components/frame/frame.tsx b/packages/react/src/components/frame/frame.tsx index c2fc3c5a81..58ceb71771 100644 --- a/packages/react/src/components/frame/frame.tsx +++ b/packages/react/src/components/frame/frame.tsx @@ -2,11 +2,11 @@ import { forwardRef, useEffect, useId, useState } from 'react' import { createPortal } from 'react-dom' -import { EnvironmentProvider } from '../../providers' -import type { Assign } from '../../types' -import { composeRefs } from '../../utils/compose-refs' -import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect' -import { FrameContent } from './frame-content' +import { EnvironmentProvider } from '../../providers/index.ts' +import type { Assign } from '../../types.ts' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.ts' +import { FrameContent } from './frame-content.tsx' export interface FrameBaseProps { /** Additional content to be inserted into the frame's */ diff --git a/packages/react/src/components/frame/index.ts b/packages/react/src/components/frame/index.ts index 911e5dff99..b96a2355c6 100644 --- a/packages/react/src/components/frame/index.ts +++ b/packages/react/src/components/frame/index.ts @@ -1,2 +1,2 @@ -export { Frame } from './frame' -export type { FrameBaseProps, FrameProps } from './frame' +export { Frame } from './frame.tsx' +export type { FrameBaseProps, FrameProps } from './frame.tsx' diff --git a/packages/react/src/components/highlight/highlight.stories.tsx b/packages/react/src/components/highlight/highlight.stories.tsx index e42c9e56df..4f64746eca 100644 --- a/packages/react/src/components/highlight/highlight.stories.tsx +++ b/packages/react/src/components/highlight/highlight.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { DynamicQuery } from './examples/dynamic-query' -export { ExactMatch } from './examples/exact-match' -export { IgnoreCase } from './examples/ignore-case' -export { MatchAll } from './examples/match-all' -export { Multiple } from './examples/multiple' -export { RepeatingText } from './examples/repeating-text' +export { Basic } from './examples/basic.tsx' +export { DynamicQuery } from './examples/dynamic-query.tsx' +export { ExactMatch } from './examples/exact-match.tsx' +export { IgnoreCase } from './examples/ignore-case.tsx' +export { MatchAll } from './examples/match-all.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RepeatingText } from './examples/repeating-text.tsx' diff --git a/packages/react/src/components/highlight/highlight.tsx b/packages/react/src/components/highlight/highlight.tsx index f299fc27a0..df6d9b179f 100644 --- a/packages/react/src/components/highlight/highlight.tsx +++ b/packages/react/src/components/highlight/highlight.tsx @@ -1,8 +1,8 @@ import { Fragment } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { UseHighlightProps } from './use-highlight' -import { useHighlight } from './use-highlight' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UseHighlightProps } from './use-highlight.ts' +import { useHighlight } from './use-highlight.ts' export interface HighlightBaseProps extends UseHighlightProps {} diff --git a/packages/react/src/components/highlight/index.ts b/packages/react/src/components/highlight/index.ts index b83f4b4ce6..00cc70a204 100644 --- a/packages/react/src/components/highlight/index.ts +++ b/packages/react/src/components/highlight/index.ts @@ -1,2 +1,2 @@ -export { Highlight, type HighlightProps } from './highlight' -export { useHighlight, type HighlightChunk, type UseHighlightProps } from './use-highlight' +export { Highlight, type HighlightProps } from './highlight.tsx' +export { useHighlight, type HighlightChunk, type UseHighlightProps } from './use-highlight.ts' diff --git a/packages/react/src/components/hover-card/hover-card-arrow-tip.tsx b/packages/react/src/components/hover-card/hover-card-arrow-tip.tsx index d2fe187905..80e7990859 100644 --- a/packages/react/src/components/hover-card/hover-card-arrow-tip.tsx +++ b/packages/react/src/components/hover-card/hover-card-arrow-tip.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useHoverCardContext } from './use-hover-card-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardArrowTipBaseProps extends PolymorphicProps {} export interface HoverCardArrowTipProps extends HTMLProps<'div'>, HoverCardArrowTipBaseProps {} diff --git a/packages/react/src/components/hover-card/hover-card-arrow.tsx b/packages/react/src/components/hover-card/hover-card-arrow.tsx index 83a0bc0603..5f5b13aa33 100644 --- a/packages/react/src/components/hover-card/hover-card-arrow.tsx +++ b/packages/react/src/components/hover-card/hover-card-arrow.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useHoverCardContext } from './use-hover-card-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardArrowBaseProps extends PolymorphicProps {} export interface HoverCardArrowProps extends HTMLProps<'div'>, HoverCardArrowBaseProps {} diff --git a/packages/react/src/components/hover-card/hover-card-content.tsx b/packages/react/src/components/hover-card/hover-card-content.tsx index ef4758114d..6e0086c838 100644 --- a/packages/react/src/components/hover-card/hover-card-content.tsx +++ b/packages/react/src/components/hover-card/hover-card-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useHoverCardContext } from './use-hover-card-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardContentBaseProps extends PolymorphicProps {} export interface HoverCardContentProps extends HTMLProps<'div'>, HoverCardContentBaseProps {} diff --git a/packages/react/src/components/hover-card/hover-card-context.tsx b/packages/react/src/components/hover-card/hover-card-context.tsx index 273c19bbbe..4a6fad7e74 100644 --- a/packages/react/src/components/hover-card/hover-card-context.tsx +++ b/packages/react/src/components/hover-card/hover-card-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseHoverCardContext, useHoverCardContext } from './use-hover-card-context' +import { type UseHoverCardContext, useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardContextProps { children: (context: UseHoverCardContext) => ReactNode diff --git a/packages/react/src/components/hover-card/hover-card-positioner.tsx b/packages/react/src/components/hover-card/hover-card-positioner.tsx index 0ccfab8f2d..92d691c2a4 100644 --- a/packages/react/src/components/hover-card/hover-card-positioner.tsx +++ b/packages/react/src/components/hover-card/hover-card-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useHoverCardContext } from './use-hover-card-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardPositionerBaseProps extends PolymorphicProps {} export interface HoverCardPositionerProps extends HTMLProps<'div'>, HoverCardPositionerBaseProps {} diff --git a/packages/react/src/components/hover-card/hover-card-root-provider.tsx b/packages/react/src/components/hover-card/hover-card-root-provider.tsx index 47636d33c9..2013b16854 100644 --- a/packages/react/src/components/hover-card/hover-card-root-provider.tsx +++ b/packages/react/src/components/hover-card/hover-card-root-provider.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import type { UseHoverCardReturn } from './use-hover-card' -import { HoverCardProvider } from './use-hover-card-context' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import type { UseHoverCardReturn } from './use-hover-card.ts' +import { HoverCardProvider } from './use-hover-card-context.ts' interface RootProviderProps { value: UseHoverCardReturn diff --git a/packages/react/src/components/hover-card/hover-card-root.tsx b/packages/react/src/components/hover-card/hover-card-root.tsx index ab5d5e8f9d..698a15a889 100644 --- a/packages/react/src/components/hover-card/hover-card-root.tsx +++ b/packages/react/src/components/hover-card/hover-card-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UseHoverCardProps, useHoverCard } from './use-hover-card' -import { HoverCardProvider } from './use-hover-card-context' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UseHoverCardProps, useHoverCard } from './use-hover-card.ts' +import { HoverCardProvider } from './use-hover-card-context.ts' export interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {} export interface HoverCardRootProps extends HoverCardRootBaseProps { diff --git a/packages/react/src/components/hover-card/hover-card-trigger.tsx b/packages/react/src/components/hover-card/hover-card-trigger.tsx index 221721c222..f91cdd9039 100644 --- a/packages/react/src/components/hover-card/hover-card-trigger.tsx +++ b/packages/react/src/components/hover-card/hover-card-trigger.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/hover-card' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useHoverCardContext } from './use-hover-card-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface HoverCardTriggerProps extends Assign, HoverCardTriggerBaseProps> {} diff --git a/packages/react/src/components/hover-card/hover-card.stories.tsx b/packages/react/src/components/hover-card/hover-card.stories.tsx index f80d814b21..70cb5b9116 100644 --- a/packages/react/src/components/hover-card/hover-card.stories.tsx +++ b/packages/react/src/components/hover-card/hover-card.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Delay } from './examples/delay' -export { Positioning } from './examples/positioning' -export { Context } from './examples/context' -export { MultipleTriggers } from './examples/multiple-triggers' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Delay } from './examples/delay.tsx' +export { Positioning } from './examples/positioning.tsx' +export { Context } from './examples/context.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/hover-card/hover-card.ts b/packages/react/src/components/hover-card/hover-card.ts index 3bfb555212..4378192226 100644 --- a/packages/react/src/components/hover-card/hover-card.ts +++ b/packages/react/src/components/hover-card/hover-card.ts @@ -9,35 +9,35 @@ export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, -} from './hover-card-arrow' +} from './hover-card-arrow.tsx' export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, -} from './hover-card-arrow-tip' +} from './hover-card-arrow-tip.tsx' export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, -} from './hover-card-content' -export { HoverCardContext as Context, type HoverCardContextProps as ContextProps } from './hover-card-context' +} from './hover-card-content.tsx' +export { HoverCardContext as Context, type HoverCardContextProps as ContextProps } from './hover-card-context.tsx' export { HoverCardPositioner as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, -} from './hover-card-positioner' +} from './hover-card-positioner.tsx' export { HoverCardRoot as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, -} from './hover-card-root' +} from './hover-card-root.tsx' export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, -} from './hover-card-root-provider' +} from './hover-card-root-provider.tsx' export { HoverCardTrigger as Trigger, type HoverCardTriggerBaseProps as TriggerBaseProps, type HoverCardTriggerProps as TriggerProps, -} from './hover-card-trigger' +} from './hover-card-trigger.tsx' diff --git a/packages/react/src/components/hover-card/index.ts b/packages/react/src/components/hover-card/index.ts index bdd3432b7a..82dbabf88c 100644 --- a/packages/react/src/components/hover-card/index.ts +++ b/packages/react/src/components/hover-card/index.ts @@ -5,24 +5,28 @@ export type { PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, TriggerValueChangeDetails as HoverCardTriggerValueChangeDetails, } from '@zag-js/hover-card' -export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow' -export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip' -export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content' -export { HoverCardContext, type HoverCardContextProps } from './hover-card-context' +export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow.tsx' +export { + HoverCardArrowTip, + type HoverCardArrowTipBaseProps, + type HoverCardArrowTipProps, +} from './hover-card-arrow-tip.tsx' +export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content.tsx' +export { HoverCardContext, type HoverCardContextProps } from './hover-card-context.tsx' export { HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, -} from './hover-card-positioner' -export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps } from './hover-card-root' +} from './hover-card-positioner.tsx' +export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps } from './hover-card-root.tsx' export { HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, -} from './hover-card-root-provider' -export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps } from './hover-card-trigger' -export { hoverCardAnatomy } from './hover-card.anatomy' -export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card' -export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context' +} from './hover-card-root-provider.tsx' +export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps } from './hover-card-trigger.tsx' +export { hoverCardAnatomy } from './hover-card.anatomy.ts' +export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card.ts' +export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context.ts' -export * as HoverCard from './hover-card' +export * as HoverCard from './hover-card.ts' diff --git a/packages/react/src/components/hover-card/tests/basic.tsx b/packages/react/src/components/hover-card/tests/basic.tsx index ffd54cdcba..e6a025db29 100644 --- a/packages/react/src/components/hover-card/tests/basic.tsx +++ b/packages/react/src/components/hover-card/tests/basic.tsx @@ -1,5 +1,5 @@ -import { HoverCard } from '../' -import { Portal } from '../../portal' +import { HoverCard } from '../index.ts' +import { Portal } from '../../portal/index.ts' export const ComponentUnderTest = (props: HoverCard.RootProps) => ( diff --git a/packages/react/src/components/hover-card/tests/hover-card.test.tsx b/packages/react/src/components/hover-card/tests/hover-card.test.tsx index 684d196111..1c81e2811d 100644 --- a/packages/react/src/components/hover-card/tests/hover-card.test.tsx +++ b/packages/react/src/components/hover-card/tests/hover-card.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('HoverCard', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/hover-card/use-hover-card-context.ts b/packages/react/src/components/hover-card/use-hover-card-context.ts index f95ae2a39f..407c51a1be 100644 --- a/packages/react/src/components/hover-card/use-hover-card-context.ts +++ b/packages/react/src/components/hover-card/use-hover-card-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseHoverCardReturn } from './use-hover-card' +import { createContext } from '../../utils/create-context.ts' +import type { UseHoverCardReturn } from './use-hover-card.ts' export interface UseHoverCardContext extends UseHoverCardReturn {} diff --git a/packages/react/src/components/hover-card/use-hover-card.ts b/packages/react/src/components/hover-card/use-hover-card.ts index e57902f380..7a96f62325 100644 --- a/packages/react/src/components/hover-card/use-hover-card.ts +++ b/packages/react/src/components/hover-card/use-hover-card.ts @@ -3,8 +3,8 @@ import * as hoverCard from '@zag-js/hover-card' 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 UseHoverCardProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/image-cropper/image-cropper-context.tsx b/packages/react/src/components/image-cropper/image-cropper-context.tsx index 8e5536007f..34a7bb0c6c 100644 --- a/packages/react/src/components/image-cropper/image-cropper-context.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseImageCropperContext, useImageCropperContext } from './use-image-cropper-context' +import { type UseImageCropperContext, useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperContextProps { children: (context: UseImageCropperContext) => ReactNode diff --git a/packages/react/src/components/image-cropper/image-cropper-grid.tsx b/packages/react/src/components/image-cropper/image-cropper-grid.tsx index 115dfd10fa..77ddd63bad 100644 --- a/packages/react/src/components/image-cropper/image-cropper-grid.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-grid.tsx @@ -3,8 +3,8 @@ import type { GridProps } from '@zag-js/image-cropper' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperGridBaseProps extends PolymorphicProps, GridProps {} export interface ImageCropperGridProps extends HTMLProps<'div'>, ImageCropperGridBaseProps {} diff --git a/packages/react/src/components/image-cropper/image-cropper-handle.tsx b/packages/react/src/components/image-cropper/image-cropper-handle.tsx index 8d506faf77..f2e3ed3a9d 100644 --- a/packages/react/src/components/image-cropper/image-cropper-handle.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-handle.tsx @@ -3,8 +3,8 @@ import type { HandleProps } from '@zag-js/image-cropper' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {} export interface ImageCropperHandleProps extends HTMLProps<'div'>, ImageCropperHandleBaseProps {} diff --git a/packages/react/src/components/image-cropper/image-cropper-image.tsx b/packages/react/src/components/image-cropper/image-cropper-image.tsx index cb22f115f4..40cd387d6f 100644 --- a/packages/react/src/components/image-cropper/image-cropper-image.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-image.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperImageBaseProps extends PolymorphicProps {} export interface ImageCropperImageProps extends HTMLProps<'img'>, ImageCropperImageBaseProps {} diff --git a/packages/react/src/components/image-cropper/image-cropper-root-provider.tsx b/packages/react/src/components/image-cropper/image-cropper-root-provider.tsx index 690543ab7d..ffd8de3376 100644 --- a/packages/react/src/components/image-cropper/image-cropper-root-provider.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseImageCropperReturn } from './use-image-cropper' -import { ImageCropperProvider } from './use-image-cropper-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseImageCropperReturn } from './use-image-cropper.ts' +import { ImageCropperProvider } from './use-image-cropper-context.ts' interface RootProviderProps { value: UseImageCropperReturn diff --git a/packages/react/src/components/image-cropper/image-cropper-root.tsx b/packages/react/src/components/image-cropper/image-cropper-root.tsx index f58258231e..b106b0cff6 100644 --- a/packages/react/src/components/image-cropper/image-cropper-root.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseImageCropperProps, useImageCropper } from './use-image-cropper' -import { ImageCropperProvider } from './use-image-cropper-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseImageCropperProps, useImageCropper } from './use-image-cropper.ts' +import { ImageCropperProvider } from './use-image-cropper-context.ts' export interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps {} export interface ImageCropperRootProps extends HTMLProps<'div'>, ImageCropperRootBaseProps {} diff --git a/packages/react/src/components/image-cropper/image-cropper-selection.tsx b/packages/react/src/components/image-cropper/image-cropper-selection.tsx index e3e0391426..9258d5bed9 100644 --- a/packages/react/src/components/image-cropper/image-cropper-selection.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-selection.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperSelectionBaseProps extends PolymorphicProps {} export interface ImageCropperSelectionProps extends HTMLProps<'div'>, ImageCropperSelectionBaseProps {} diff --git a/packages/react/src/components/image-cropper/image-cropper-viewport.tsx b/packages/react/src/components/image-cropper/image-cropper-viewport.tsx index 111e17bcfe..151027e0ff 100644 --- a/packages/react/src/components/image-cropper/image-cropper-viewport.tsx +++ b/packages/react/src/components/image-cropper/image-cropper-viewport.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperViewportBaseProps extends PolymorphicProps {} export interface ImageCropperViewportProps extends HTMLProps<'div'>, ImageCropperViewportBaseProps {} diff --git a/packages/react/src/components/image-cropper/image-cropper.stories.tsx b/packages/react/src/components/image-cropper/image-cropper.stories.tsx index 8e44bb699d..f474c9e202 100644 --- a/packages/react/src/components/image-cropper/image-cropper.stories.tsx +++ b/packages/react/src/components/image-cropper/image-cropper.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { AspectRatio } from './examples/aspect-ratio' -export { Circle } from './examples/circle' -export { Context } from './examples/context' -export { ControlledZoom } from './examples/controlled-zoom' -export { Events } from './examples/events' -export { Fixed } from './examples/fixed' -export { Flip } from './examples/flip' -export { CropPreview } from './examples/crop-preview' -export { InitialCrop } from './examples/initial-crop' -export { MinMaxSize } from './examples/min-max-size' -export { Reset } from './examples/reset' -export { RootProvider } from './examples/root-provider' -export { Rotation } from './examples/rotation' -export { ZoomLimits } from './examples/zoom-limits' +export { Basic } from './examples/basic.tsx' +export { AspectRatio } from './examples/aspect-ratio.tsx' +export { Circle } from './examples/circle.tsx' +export { Context } from './examples/context.tsx' +export { ControlledZoom } from './examples/controlled-zoom.tsx' +export { Events } from './examples/events.tsx' +export { Fixed } from './examples/fixed.tsx' +export { Flip } from './examples/flip.tsx' +export { CropPreview } from './examples/crop-preview.tsx' +export { InitialCrop } from './examples/initial-crop.tsx' +export { MinMaxSize } from './examples/min-max-size.tsx' +export { Reset } from './examples/reset.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Rotation } from './examples/rotation.tsx' +export { ZoomLimits } from './examples/zoom-limits.tsx' diff --git a/packages/react/src/components/image-cropper/image-cropper.ts b/packages/react/src/components/image-cropper/image-cropper.ts index da18d1065a..3393d9f369 100644 --- a/packages/react/src/components/image-cropper/image-cropper.ts +++ b/packages/react/src/components/image-cropper/image-cropper.ts @@ -10,39 +10,42 @@ export type { SelectionValueTextDetails, } from '@zag-js/image-cropper' export { handles } from '@zag-js/image-cropper' -export { ImageCropperContext as Context, type ImageCropperContextProps as ContextProps } from './image-cropper-context' +export { + ImageCropperContext as Context, + type ImageCropperContextProps as ContextProps, +} from './image-cropper-context.tsx' export { ImageCropperGrid as Grid, type ImageCropperGridBaseProps as GridBaseProps, type ImageCropperGridProps as GridProps, -} from './image-cropper-grid' +} from './image-cropper-grid.tsx' export { ImageCropperHandle as Handle, type ImageCropperHandleBaseProps as HandleBaseProps, type ImageCropperHandleProps as HandleProps, -} from './image-cropper-handle' +} from './image-cropper-handle.tsx' export { ImageCropperImage as Image, type ImageCropperImageBaseProps as ImageBaseProps, type ImageCropperImageProps as ImageProps, -} from './image-cropper-image' +} from './image-cropper-image.tsx' export { ImageCropperRoot as Root, type ImageCropperRootBaseProps as RootBaseProps, type ImageCropperRootProps as RootProps, -} from './image-cropper-root' +} from './image-cropper-root.tsx' export { ImageCropperRootProvider as RootProvider, type ImageCropperRootProviderBaseProps as RootProviderBaseProps, type ImageCropperRootProviderProps as RootProviderProps, -} from './image-cropper-root-provider' +} from './image-cropper-root-provider.tsx' export { ImageCropperSelection as Selection, type ImageCropperSelectionBaseProps as SelectionBaseProps, type ImageCropperSelectionProps as SelectionProps, -} from './image-cropper-selection' +} from './image-cropper-selection.tsx' export { ImageCropperViewport as Viewport, type ImageCropperViewportBaseProps as ViewportBaseProps, type ImageCropperViewportProps as ViewportProps, -} from './image-cropper-viewport' +} from './image-cropper-viewport.tsx' diff --git a/packages/react/src/components/image-cropper/index.ts b/packages/react/src/components/image-cropper/index.ts index 88e9cedf1f..7e6351480d 100644 --- a/packages/react/src/components/image-cropper/index.ts +++ b/packages/react/src/components/image-cropper/index.ts @@ -6,32 +6,36 @@ export type { RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper' -export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context' -export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid' +export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.tsx' +export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid.tsx' export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, -} from './image-cropper-handle' -export { ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps } from './image-cropper-image' -export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root' +} from './image-cropper-handle.tsx' +export { + ImageCropperImage, + type ImageCropperImageBaseProps, + type ImageCropperImageProps, +} from './image-cropper-image.tsx' +export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root.tsx' export { ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, -} from './image-cropper-root-provider' +} from './image-cropper-root-provider.tsx' export { ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, -} from './image-cropper-selection' +} from './image-cropper-selection.tsx' export { ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, -} from './image-cropper-viewport' -export { imageCropperAnatomy } from './image-cropper.anatomy' -export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper' -export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context' +} from './image-cropper-viewport.tsx' +export { imageCropperAnatomy } from './image-cropper.anatomy.ts' +export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper.ts' +export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context.ts' -export * as ImageCropper from './image-cropper' +export * as ImageCropper from './image-cropper.ts' diff --git a/packages/react/src/components/image-cropper/use-image-cropper-context.ts b/packages/react/src/components/image-cropper/use-image-cropper-context.ts index 9778803b54..c738a6efc6 100644 --- a/packages/react/src/components/image-cropper/use-image-cropper-context.ts +++ b/packages/react/src/components/image-cropper/use-image-cropper-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseImageCropperReturn } from './use-image-cropper' +import { createContext } from '../../utils/create-context.ts' +import type { UseImageCropperReturn } from './use-image-cropper.ts' export interface UseImageCropperContext extends UseImageCropperReturn {} diff --git a/packages/react/src/components/image-cropper/use-image-cropper.ts b/packages/react/src/components/image-cropper/use-image-cropper.ts index 7d28310371..5eec355284 100644 --- a/packages/react/src/components/image-cropper/use-image-cropper.ts +++ b/packages/react/src/components/image-cropper/use-image-cropper.ts @@ -3,8 +3,8 @@ import * as imageCropper from '@zag-js/image-cropper' 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 UseImageCropperProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts index 9d05042d52..d854e6e52b 100644 --- a/packages/react/src/components/index.ts +++ b/packages/react/src/components/index.ts @@ -1,61 +1,61 @@ -export * from './accordion' -export * from './angle-slider' -export * from './avatar' -export * from './drawer' -export * from './carousel' -export * from './checkbox' -export * from './client-only' -export * from './clipboard' -export * from './collapsible' -export * from './color-picker' -export * from './combobox' -export * from './date-input' -export * from './date-picker' -export * from './dialog' -export * from './download-trigger' -export * from './editable' -export * from './factory' -export * from './field' -export * from './fieldset' -export * from './file-upload' -export * from './floating-panel' -export * from './focus-trap' -export * from './format' -export * from './frame' -export * from './highlight' -export * from './hover-card' -export * from './image-cropper' -export * from './json-tree-view' -export * from './listbox' -export * from './marquee' -export * from './menu' -export * from './navigation-menu' -export * from './number-input' -export * from './pagination' -export * from './password-input' -export * from './pin-input' -export * from './popover' -export * from './portal' -export * from './presence' -export * from './progress' -export * from './qr-code' -export * from './radio-group' -export * from './rating-group' -export * from './scroll-area' -export * from './segment-group' -export * from './select' -export * from './signature-pad' -export * from './slider' -export * from './splitter' -export * from './steps' -export * from './swap' -export * from './switch' -export * from './tabs' -export * from './tags-input' -export * from './timer' -export * from './toast' -export * from './toggle' -export * from './toggle-group' -export * from './tooltip' -export * from './tour' -export * from './tree-view' +export * from './accordion/index.ts' +export * from './angle-slider/index.ts' +export * from './avatar/index.ts' +export * from './drawer/index.ts' +export * from './carousel/index.ts' +export * from './checkbox/index.ts' +export * from './client-only/index.ts' +export * from './clipboard/index.ts' +export * from './collapsible/index.ts' +export * from './color-picker/index.ts' +export * from './combobox/index.ts' +export * from './date-input/index.ts' +export * from './date-picker/index.ts' +export * from './dialog/index.ts' +export * from './download-trigger/index.ts' +export * from './editable/index.ts' +export * from './factory.ts' +export * from './field/index.ts' +export * from './fieldset/index.ts' +export * from './file-upload/index.ts' +export * from './floating-panel/index.ts' +export * from './focus-trap/index.ts' +export * from './format/index.ts' +export * from './frame/index.ts' +export * from './highlight/index.ts' +export * from './hover-card/index.ts' +export * from './image-cropper/index.ts' +export * from './json-tree-view/index.ts' +export * from './listbox/index.ts' +export * from './marquee/index.ts' +export * from './menu/index.ts' +export * from './navigation-menu/index.ts' +export * from './number-input/index.ts' +export * from './pagination/index.ts' +export * from './password-input/index.ts' +export * from './pin-input/index.ts' +export * from './popover/index.ts' +export * from './portal/index.ts' +export * from './presence/index.ts' +export * from './progress/index.ts' +export * from './qr-code/index.ts' +export * from './radio-group/index.ts' +export * from './rating-group/index.ts' +export * from './scroll-area/index.ts' +export * from './segment-group/index.ts' +export * from './select/index.ts' +export * from './signature-pad/index.ts' +export * from './slider/index.ts' +export * from './splitter/index.ts' +export * from './steps/index.ts' +export * from './swap/index.ts' +export * from './switch/index.ts' +export * from './tabs/index.ts' +export * from './tags-input/index.ts' +export * from './timer/index.ts' +export * from './toast/index.ts' +export * from './toggle/index.ts' +export * from './toggle-group/index.ts' +export * from './tooltip/index.ts' +export * from './tour/index.ts' +export * from './tree-view/index.ts' diff --git a/packages/react/src/components/json-tree-view/index.ts b/packages/react/src/components/json-tree-view/index.ts index c35346d498..b49cf0f2c5 100644 --- a/packages/react/src/components/json-tree-view/index.ts +++ b/packages/react/src/components/json-tree-view/index.ts @@ -1,6 +1,6 @@ -export { JsonTreeViewRoot, type JsonTreeViewRootProps } from './json-tree-view-root' -export { JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps } from './json-tree-view-root-provider' -export { JsonTreeViewTree, type JsonTreeViewTreeProps } from './json-tree-view-tree' -export { useJsonTreeView, type UseJsonTreeViewProps, type UseJsonTreeViewReturn } from './use-json-tree-view' +export { JsonTreeViewRoot, type JsonTreeViewRootProps } from './json-tree-view-root.tsx' +export { JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps } from './json-tree-view-root-provider.tsx' +export { JsonTreeViewTree, type JsonTreeViewTreeProps } from './json-tree-view-tree.tsx' +export { useJsonTreeView, type UseJsonTreeViewProps, type UseJsonTreeViewReturn } from './use-json-tree-view.ts' -export * as JsonTreeView from './json-tree-view' +export * as JsonTreeView from './json-tree-view.tsx' diff --git a/packages/react/src/components/json-tree-view/json-tree-view-node.tsx b/packages/react/src/components/json-tree-view/json-tree-view-node.tsx index de3be2cd90..37b993f83e 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view-node.tsx +++ b/packages/react/src/components/json-tree-view/json-tree-view-node.tsx @@ -8,10 +8,10 @@ import { keyPathToKey, } from '@zag-js/json-tree-utils' import { useMemo } from 'react' -import { TreeView, useTreeViewContext } from '../tree-view' -import { JsonTreeViewKeyNode } from './json-tree-view-key-node' -import { useJsonTreeViewPropsContext } from './json-tree-view-props-context' -import { JsonTreeViewValueNode } from './json-tree-view-value-node' +import { TreeView, useTreeViewContext } from '../tree-view/index.ts' +import { JsonTreeViewKeyNode } from './json-tree-view-key-node.tsx' +import { useJsonTreeViewPropsContext } from './json-tree-view-props-context.ts' +import { JsonTreeViewValueNode } from './json-tree-view-value-node.tsx' export interface JsonTreeViewNodeBaseProps { /** diff --git a/packages/react/src/components/json-tree-view/json-tree-view-props-context.ts b/packages/react/src/components/json-tree-view/json-tree-view-props-context.ts index ebfdd914c3..96e1a0f9dc 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view-props-context.ts +++ b/packages/react/src/components/json-tree-view/json-tree-view-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { JsonNodePreviewOptions } from '@zag-js/json-tree-utils' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface JsonTreeViewOptions extends Partial { /** diff --git a/packages/react/src/components/json-tree-view/json-tree-view-root-provider.tsx b/packages/react/src/components/json-tree-view/json-tree-view-root-provider.tsx index 12dadf7928..6e06c471bd 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view-root-provider.tsx +++ b/packages/react/src/components/json-tree-view/json-tree-view-root-provider.tsx @@ -2,9 +2,9 @@ import type { JsonNode } from '@zag-js/json-tree-utils' import { forwardRef } from 'react' -import { TreeView } from '../tree-view' -import { JsonTreeViewPropsProvider } from './json-tree-view-props-context' -import type { UseJsonTreeViewReturn } from './use-json-tree-view' +import { TreeView } from '../tree-view/index.ts' +import { JsonTreeViewPropsProvider } from './json-tree-view-props-context.ts' +import type { UseJsonTreeViewReturn } from './use-json-tree-view.ts' export interface JsonTreeViewRootProviderProps extends Omit, 'value'> { value: UseJsonTreeViewReturn diff --git a/packages/react/src/components/json-tree-view/json-tree-view-root.tsx b/packages/react/src/components/json-tree-view/json-tree-view-root.tsx index b5c6e64af8..9b1ddc2068 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view-root.tsx +++ b/packages/react/src/components/json-tree-view/json-tree-view-root.tsx @@ -2,10 +2,10 @@ import { type JsonNode, getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils' import { forwardRef, useMemo } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { TreeView, createTreeCollection } from '../tree-view' -import { getBranchValues } from './get-branch-value' -import { type JsonTreeViewOptions, JsonTreeViewPropsProvider } from './json-tree-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { TreeView, createTreeCollection } from '../tree-view/index.ts' +import { getBranchValues } from './get-branch-value.ts' +import { type JsonTreeViewOptions, JsonTreeViewPropsProvider } from './json-tree-view-props-context.ts' export interface JsonTreeViewRootProps extends Omit, 'collection'>, JsonTreeViewOptions { /** diff --git a/packages/react/src/components/json-tree-view/json-tree-view-tree.tsx b/packages/react/src/components/json-tree-view/json-tree-view-tree.tsx index 4bf8953018..54b0bb9198 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view-tree.tsx +++ b/packages/react/src/components/json-tree-view/json-tree-view-tree.tsx @@ -1,9 +1,9 @@ 'use client' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { TreeView, useTreeViewContext } from '../tree-view' -import { JsonTreeViewNode, type JsonTreeViewNodeBaseProps } from './json-tree-view-node' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { TreeView, useTreeViewContext } from '../tree-view/index.ts' +import { JsonTreeViewNode, type JsonTreeViewNodeBaseProps } from './json-tree-view-node.tsx' export interface JsonTreeViewTreeProps extends TreeView.TreeProps, JsonTreeViewNodeBaseProps {} diff --git a/packages/react/src/components/json-tree-view/json-tree-view.stories.tsx b/packages/react/src/components/json-tree-view/json-tree-view.stories.tsx index 548d0ea493..7ee89e2abb 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view.stories.tsx +++ b/packages/react/src/components/json-tree-view/json-tree-view.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { ArrayData } from './examples/array-data' -export { MapAndSet } from './examples/map-and-set' -export { Regex } from './examples/regex' -export { Functions } from './examples/functions' -export { ExpandLevel } from './examples/expand-level' -export { RenderValue } from './examples/render-value' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { ArrayData } from './examples/array-data.tsx' +export { MapAndSet } from './examples/map-and-set.tsx' +export { Regex } from './examples/regex.tsx' +export { Functions } from './examples/functions.tsx' +export { ExpandLevel } from './examples/expand-level.tsx' +export { RenderValue } from './examples/render-value.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/json-tree-view/json-tree-view.tsx b/packages/react/src/components/json-tree-view/json-tree-view.tsx index 92d8947ebb..ff8337de9d 100644 --- a/packages/react/src/components/json-tree-view/json-tree-view.tsx +++ b/packages/react/src/components/json-tree-view/json-tree-view.tsx @@ -1,6 +1,6 @@ -export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps } from './json-tree-view-root' +export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps } from './json-tree-view-root.tsx' export { JsonTreeViewRootProvider as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, -} from './json-tree-view-root-provider' -export { JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps } from './json-tree-view-tree' +} from './json-tree-view-root-provider.tsx' +export { JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps } from './json-tree-view-tree.tsx' diff --git a/packages/react/src/components/json-tree-view/use-json-tree-view.ts b/packages/react/src/components/json-tree-view/use-json-tree-view.ts index 2702645372..759077109b 100644 --- a/packages/react/src/components/json-tree-view/use-json-tree-view.ts +++ b/packages/react/src/components/json-tree-view/use-json-tree-view.ts @@ -2,10 +2,10 @@ import { type JsonNode, getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils' import { useMemo } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type UseTreeViewProps, type UseTreeViewReturn, createTreeCollection, useTreeView } from '../tree-view' -import { getBranchValues } from './get-branch-value' -import type { JsonTreeViewOptions } from './json-tree-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type UseTreeViewProps, type UseTreeViewReturn, createTreeCollection, useTreeView } from '../tree-view/index.ts' +import { getBranchValues } from './get-branch-value.ts' +import type { JsonTreeViewOptions } from './json-tree-view-props-context.ts' export interface UseJsonTreeViewProps extends Omit, 'collection'>, JsonTreeViewOptions { data: unknown diff --git a/packages/react/src/components/listbox/index.ts b/packages/react/src/components/listbox/index.ts index 8f690e2b4e..427a7c2521 100644 --- a/packages/react/src/components/listbox/index.ts +++ b/packages/react/src/components/listbox/index.ts @@ -5,43 +5,43 @@ export type { SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox' -export { createListCollection, type CollectionItem, type ListCollection } from '../collection' -export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content' -export { ListboxContext, type ListboxContextProps } from './listbox-context' -export { ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps } from './listbox-empty' -export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input' -export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item' -export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context' -export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group' +export { createListCollection, type CollectionItem, type ListCollection } from '../collection/index.ts' +export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content.tsx' +export { ListboxContext, type ListboxContextProps } from './listbox-context.ts' +export { ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps } from './listbox-empty.tsx' +export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.tsx' +export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.tsx' +export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.tsx' +export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group.tsx' export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, -} from './listbox-item-group-label' +} from './listbox-item-group-label.tsx' export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, -} from './listbox-item-indicator' -export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text' -export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label' +} from './listbox-item-indicator.tsx' +export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text.tsx' +export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label.tsx' export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, type ListboxRootComponentProps, -} from './listbox-root' +} from './listbox-root.tsx' export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, -} from './listbox-root-provider' -export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text' -export { listboxAnatomy } from './listbox.anatomy' -export { useListbox, type UseListboxProps, type UseListboxReturn } from './use-listbox' -export { useListboxContext, type UseListboxContext } from './use-listbox-context' -export { useListboxItemContext, type UseListboxItemContext } from './use-listbox-item-context' +} from './listbox-root-provider.tsx' +export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text.tsx' +export { listboxAnatomy } from './listbox.anatomy.ts' +export { useListbox, type UseListboxProps, type UseListboxReturn } from './use-listbox.ts' +export { useListboxContext, type UseListboxContext } from './use-listbox-context.ts' +export { useListboxItemContext, type UseListboxItemContext } from './use-listbox-item-context.ts' -export * as Listbox from './listbox' +export * as Listbox from './listbox.ts' diff --git a/packages/react/src/components/listbox/listbox-content.tsx b/packages/react/src/components/listbox/listbox-content.tsx index d3a1e49d63..3c0e61b722 100644 --- a/packages/react/src/components/listbox/listbox-content.tsx +++ b/packages/react/src/components/listbox/listbox-content.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxContentBaseProps extends PolymorphicProps {} export interface ListboxContentProps extends HTMLProps<'div'>, ListboxContentBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-context.ts b/packages/react/src/components/listbox/listbox-context.ts index b110d352fe..8d417847e5 100644 --- a/packages/react/src/components/listbox/listbox-context.ts +++ b/packages/react/src/components/listbox/listbox-context.ts @@ -1,8 +1,8 @@ 'use client' import type { ReactNode } from 'react' -import type { CollectionItem } from '../collection' -import { type UseListboxContext, useListboxContext } from './use-listbox-context' +import type { CollectionItem } from '../collection/index.ts' +import { type UseListboxContext, useListboxContext } from './use-listbox-context.ts' export interface ListboxContextProps { children: (context: UseListboxContext) => ReactNode diff --git a/packages/react/src/components/listbox/listbox-empty.tsx b/packages/react/src/components/listbox/listbox-empty.tsx index 7791541737..4cf8b0b6c2 100644 --- a/packages/react/src/components/listbox/listbox-empty.tsx +++ b/packages/react/src/components/listbox/listbox-empty.tsx @@ -1,9 +1,9 @@ 'use client' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { listboxAnatomy } from './listbox.anatomy' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { listboxAnatomy } from './listbox.anatomy.ts' +import { useListboxContext } from './use-listbox-context.ts' const parts = listboxAnatomy.build() diff --git a/packages/react/src/components/listbox/listbox-input.tsx b/packages/react/src/components/listbox/listbox-input.tsx index a2159fbe4e..6cb5c87194 100644 --- a/packages/react/src/components/listbox/listbox-input.tsx +++ b/packages/react/src/components/listbox/listbox-input.tsx @@ -3,9 +3,9 @@ import type { InputProps } from '@zag-js/listbox' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxInputBaseProps extends InputProps, PolymorphicProps {} export interface ListboxInputProps extends HTMLProps<'input'>, ListboxInputBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-item-context.tsx b/packages/react/src/components/listbox/listbox-item-context.tsx index 6a71376dab..072ca70e96 100644 --- a/packages/react/src/components/listbox/listbox-item-context.tsx +++ b/packages/react/src/components/listbox/listbox-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseListboxItemContext, useListboxItemContext } from './use-listbox-item-context' +import { type UseListboxItemContext, useListboxItemContext } from './use-listbox-item-context.ts' export interface ListboxItemContextProps { children: (context: UseListboxItemContext) => ReactNode diff --git a/packages/react/src/components/listbox/listbox-item-group-label.tsx b/packages/react/src/components/listbox/listbox-item-group-label.tsx index 5faa5332b7..d4a69faae5 100644 --- a/packages/react/src/components/listbox/listbox-item-group-label.tsx +++ b/packages/react/src/components/listbox/listbox-item-group-label.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { useListboxItemGroupPropsContext } from './use-listbox-item-group-props' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' +import { useListboxItemGroupPropsContext } from './use-listbox-item-group-props.ts' export interface ListboxItemGroupLabelBaseProps extends PolymorphicProps {} export interface ListboxItemGroupLabelProps extends HTMLProps<'div'>, ListboxItemGroupLabelBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-item-group.tsx b/packages/react/src/components/listbox/listbox-item-group.tsx index f81ba1c30e..61dde56433 100644 --- a/packages/react/src/components/listbox/listbox-item-group.tsx +++ b/packages/react/src/components/listbox/listbox-item-group.tsx @@ -3,10 +3,10 @@ import type { ItemGroupProps } from '@zag-js/listbox' import { mergeProps } from '@zag-js/react' import { forwardRef, useId } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { ListboxItemGroupPropsProvider } from './use-listbox-item-group-props' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' +import { ListboxItemGroupPropsProvider } from './use-listbox-item-group-props.ts' export interface ListboxItemGroupBaseProps extends PolymorphicProps {} export interface ListboxItemGroupProps extends HTMLProps<'div'>, ListboxItemGroupBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-item-indicator.tsx b/packages/react/src/components/listbox/listbox-item-indicator.tsx index e62c210eff..ceff2e0470 100644 --- a/packages/react/src/components/listbox/listbox-item-indicator.tsx +++ b/packages/react/src/components/listbox/listbox-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 { useListboxContext } from './use-listbox-context' -import { useListboxItemPropsContext } from './use-listbox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' +import { useListboxItemPropsContext } from './use-listbox-item-props-context.ts' export interface ListboxItemIndicatorBaseProps extends PolymorphicProps {} export interface ListboxItemIndicatorProps extends HTMLProps<'div'>, ListboxItemIndicatorBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-item-text.tsx b/packages/react/src/components/listbox/listbox-item-text.tsx index 5054557f80..6896c2d55a 100644 --- a/packages/react/src/components/listbox/listbox-item-text.tsx +++ b/packages/react/src/components/listbox/listbox-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { useListboxItemPropsContext } from './use-listbox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' +import { useListboxItemPropsContext } from './use-listbox-item-props-context.ts' export interface ListboxItemTextBaseProps extends PolymorphicProps {} export interface ListboxItemTextProps extends HTMLProps<'div'>, ListboxItemTextBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-item.tsx b/packages/react/src/components/listbox/listbox-item.tsx index 07d1afb738..eabcb65352 100644 --- a/packages/react/src/components/listbox/listbox-item.tsx +++ b/packages/react/src/components/listbox/listbox-item.tsx @@ -3,11 +3,11 @@ import type { ItemProps } from '@zag-js/listbox' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { ListboxItemProvider } from './use-listbox-item-context' -import { ListboxItemPropsProvider } from './use-listbox-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' +import { ListboxItemProvider } from './use-listbox-item-context.ts' +import { ListboxItemPropsProvider } from './use-listbox-item-props-context.ts' export interface ListboxItemBaseProps extends ItemProps, PolymorphicProps {} export interface ListboxItemProps extends HTMLProps<'div'>, ListboxItemBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-label.tsx b/packages/react/src/components/listbox/listbox-label.tsx index f1f7f2fe35..0e4ae2c9d1 100644 --- a/packages/react/src/components/listbox/listbox-label.tsx +++ b/packages/react/src/components/listbox/listbox-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxLabelBaseProps extends PolymorphicProps {} export interface ListboxLabelProps extends HTMLProps<'span'>, ListboxLabelBaseProps {} diff --git a/packages/react/src/components/listbox/listbox-root-provider.tsx b/packages/react/src/components/listbox/listbox-root-provider.tsx index 58343cf41a..920a2a89c3 100644 --- a/packages/react/src/components/listbox/listbox-root-provider.tsx +++ b/packages/react/src/components/listbox/listbox-root-provider.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { type JSX, forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseListboxReturn } from './use-listbox' -import { ListboxProvider } from './use-listbox-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseListboxReturn } from './use-listbox.ts' +import { ListboxProvider } from './use-listbox-context.ts' interface RootProviderProps { value: UseListboxReturn diff --git a/packages/react/src/components/listbox/listbox-root.tsx b/packages/react/src/components/listbox/listbox-root.tsx index efa7667687..789a1aab25 100644 --- a/packages/react/src/components/listbox/listbox-root.tsx +++ b/packages/react/src/components/listbox/listbox-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { type JSX, forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseListboxProps, useListbox } from './use-listbox' -import { ListboxProvider } from './use-listbox-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseListboxProps, useListbox } from './use-listbox.ts' +import { ListboxProvider } from './use-listbox-context.ts' export interface ListboxRootBaseProps extends UseListboxProps, PolymorphicProps {} export interface ListboxRootProps extends Assign, ListboxRootBaseProps> {} diff --git a/packages/react/src/components/listbox/listbox-value-text.tsx b/packages/react/src/components/listbox/listbox-value-text.tsx index 0573c055e6..5a812c0ac0 100644 --- a/packages/react/src/components/listbox/listbox-value-text.tsx +++ b/packages/react/src/components/listbox/listbox-value-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxValueTextBaseProps extends PolymorphicProps { /** diff --git a/packages/react/src/components/listbox/listbox.stories.tsx b/packages/react/src/components/listbox/listbox.stories.tsx index d1d0c23e9c..575688bdd3 100644 --- a/packages/react/src/components/listbox/listbox.stories.tsx +++ b/packages/react/src/components/listbox/listbox.stories.tsx @@ -6,15 +6,15 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DisabledItem } from './examples/disabled-item' -export { ExtendedSelect } from './examples/extended-select' -export { Filtering } from './examples/filtering' -export { Grid } from './examples/grid' -export { Group } from './examples/group' -export { Horizontal } from './examples/horizontal' -export { Multiple } from './examples/multiple' -export { RootProvider } from './examples/root-provider' -export { SelectAll } from './examples/select-all' -export { ValueText } from './examples/value-text' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DisabledItem } from './examples/disabled-item.tsx' +export { ExtendedSelect } from './examples/extended-select.tsx' +export { Filtering } from './examples/filtering.tsx' +export { Grid } from './examples/grid.tsx' +export { Group } from './examples/group.tsx' +export { Horizontal } from './examples/horizontal.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SelectAll } from './examples/select-all.tsx' +export { ValueText } from './examples/value-text.tsx' diff --git a/packages/react/src/components/listbox/listbox.ts b/packages/react/src/components/listbox/listbox.ts index 416c6e950c..1b4b4f86f6 100644 --- a/packages/react/src/components/listbox/listbox.ts +++ b/packages/react/src/components/listbox/listbox.ts @@ -5,71 +5,71 @@ export type { SelectionMode, ValueChangeDetails, } from '@zag-js/listbox' -export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context' +export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context.ts' export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, -} from './listbox-content' +} from './listbox-content.tsx' export { ListboxEmpty as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, -} from './listbox-empty' +} from './listbox-empty.tsx' export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, -} from './listbox-input' +} from './listbox-input.tsx' export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, -} from './listbox-item' +} from './listbox-item.tsx' export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, -} from './listbox-item-context' +} from './listbox-item-context.tsx' export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, -} from './listbox-item-group' +} from './listbox-item-group.tsx' export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, -} from './listbox-item-group-label' +} from './listbox-item-group-label.tsx' export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, -} from './listbox-item-indicator' +} from './listbox-item-indicator.tsx' export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, -} from './listbox-item-text' +} from './listbox-item-text.tsx' export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, -} from './listbox-label' +} from './listbox-label.tsx' export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, type ListboxRootComponentProps as RootComponentProps, -} from './listbox-root' +} from './listbox-root.tsx' export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, -} from './listbox-root-provider' +} from './listbox-root-provider.tsx' export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, -} from './listbox-value-text' +} from './listbox-value-text.tsx' diff --git a/packages/react/src/components/listbox/use-listbox-context.ts b/packages/react/src/components/listbox/use-listbox-context.ts index e689282671..d2a4cfc1e5 100644 --- a/packages/react/src/components/listbox/use-listbox-context.ts +++ b/packages/react/src/components/listbox/use-listbox-context.ts @@ -1,8 +1,8 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { CollectionItem } from '../collection' -import type { UseListboxReturn } from './use-listbox' +import { createContext } from '../../utils/create-context.ts' +import type { CollectionItem } from '../collection/index.ts' +import type { UseListboxReturn } from './use-listbox.ts' export interface UseListboxContext extends UseListboxReturn {} diff --git a/packages/react/src/components/listbox/use-listbox-item-context.ts b/packages/react/src/components/listbox/use-listbox-item-context.ts index f8c811ee44..797da10adf 100644 --- a/packages/react/src/components/listbox/use-listbox-item-context.ts +++ b/packages/react/src/components/listbox/use-listbox-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/listbox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseListboxItemContext extends ItemState {} diff --git a/packages/react/src/components/listbox/use-listbox-item-group-props.ts b/packages/react/src/components/listbox/use-listbox-item-group-props.ts index 385929a899..4b0bcde19e 100644 --- a/packages/react/src/components/listbox/use-listbox-item-group-props.ts +++ b/packages/react/src/components/listbox/use-listbox-item-group-props.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemGroupProps } from '@zag-js/listbox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseListboxItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/react/src/components/listbox/use-listbox-item-props-context.ts b/packages/react/src/components/listbox/use-listbox-item-props-context.ts index bef247847f..790d0f292b 100644 --- a/packages/react/src/components/listbox/use-listbox-item-props-context.ts +++ b/packages/react/src/components/listbox/use-listbox-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/listbox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext({ name: 'ListboxItemPropsContext', diff --git a/packages/react/src/components/listbox/use-listbox.ts b/packages/react/src/components/listbox/use-listbox.ts index f93f2bbb39..fb65109e9f 100644 --- a/packages/react/src/components/listbox/use-listbox.ts +++ b/packages/react/src/components/listbox/use-listbox.ts @@ -3,9 +3,9 @@ import * as listbox from '@zag-js/listbox' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import type { CollectionItem, ListCollection } from '../collection' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import type { CollectionItem, ListCollection } from '../collection/index.ts' export interface UseListboxProps extends Optional< Omit, 'dir' | 'getRootNode' | 'collection'>, diff --git a/packages/react/src/components/marquee/index.ts b/packages/react/src/components/marquee/index.ts index aaee01d8d6..24a3cb6ebb 100644 --- a/packages/react/src/components/marquee/index.ts +++ b/packages/react/src/components/marquee/index.ts @@ -1,17 +1,17 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee' -export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content' -export { MarqueeContext, type MarqueeContextProps } from './marquee-context' -export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge' -export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item' -export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root' +export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content.tsx' +export { MarqueeContext, type MarqueeContextProps } from './marquee-context.tsx' +export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.tsx' +export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item.tsx' +export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root.tsx' export { MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, -} from './marquee-root-provider' -export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport' -export { marqueeAnatomy } from './marquee.anatomy' -export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee' -export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context' +} from './marquee-root-provider.tsx' +export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport.tsx' +export { marqueeAnatomy } from './marquee.anatomy.ts' +export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee.ts' +export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context.ts' -export * as Marquee from './marquee' +export * as Marquee from './marquee.ts' diff --git a/packages/react/src/components/marquee/marquee-content.tsx b/packages/react/src/components/marquee/marquee-content.tsx index d56d81a656..38ce693125 100644 --- a/packages/react/src/components/marquee/marquee-content.tsx +++ b/packages/react/src/components/marquee/marquee-content.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { type ReactNode, forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeContentBaseProps extends PolymorphicProps { children: ReactNode diff --git a/packages/react/src/components/marquee/marquee-context.tsx b/packages/react/src/components/marquee/marquee-context.tsx index 1720b16562..f4ee30208d 100644 --- a/packages/react/src/components/marquee/marquee-context.tsx +++ b/packages/react/src/components/marquee/marquee-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseMarqueeContext, useMarqueeContext } from './use-marquee-context' +import { type UseMarqueeContext, useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeContextProps { children: (context: UseMarqueeContext) => ReactNode diff --git a/packages/react/src/components/marquee/marquee-edge.tsx b/packages/react/src/components/marquee/marquee-edge.tsx index 05f30de8cc..7ba5b8cf86 100644 --- a/packages/react/src/components/marquee/marquee-edge.tsx +++ b/packages/react/src/components/marquee/marquee-edge.tsx @@ -3,9 +3,9 @@ import type { EdgeProps } from '@zag-js/marquee' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {} export interface MarqueeEdgeProps extends HTMLProps<'div'>, MarqueeEdgeBaseProps {} diff --git a/packages/react/src/components/marquee/marquee-item.tsx b/packages/react/src/components/marquee/marquee-item.tsx index 49dfb363d5..a3aad03889 100644 --- a/packages/react/src/components/marquee/marquee-item.tsx +++ b/packages/react/src/components/marquee/marquee-item.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeItemBaseProps extends PolymorphicProps {} export interface MarqueeItemProps extends HTMLProps<'div'>, MarqueeItemBaseProps {} diff --git a/packages/react/src/components/marquee/marquee-root-provider.tsx b/packages/react/src/components/marquee/marquee-root-provider.tsx index ea46e07493..34e8697e39 100644 --- a/packages/react/src/components/marquee/marquee-root-provider.tsx +++ b/packages/react/src/components/marquee/marquee-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseMarqueeReturn } from './use-marquee' -import { MarqueeProvider } from './use-marquee-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseMarqueeReturn } from './use-marquee.ts' +import { MarqueeProvider } from './use-marquee-context.ts' interface RootProviderProps { value: UseMarqueeReturn diff --git a/packages/react/src/components/marquee/marquee-root.tsx b/packages/react/src/components/marquee/marquee-root.tsx index 9d460943ae..3cfd166ef7 100644 --- a/packages/react/src/components/marquee/marquee-root.tsx +++ b/packages/react/src/components/marquee/marquee-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseMarqueeProps, useMarquee } from './use-marquee' -import { MarqueeProvider } from './use-marquee-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseMarqueeProps, useMarquee } from './use-marquee.ts' +import { MarqueeProvider } from './use-marquee-context.ts' export interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps {} export interface MarqueeRootProps extends HTMLProps<'div'>, MarqueeRootBaseProps {} diff --git a/packages/react/src/components/marquee/marquee-viewport.tsx b/packages/react/src/components/marquee/marquee-viewport.tsx index 7f93862005..f2dfcdfb09 100644 --- a/packages/react/src/components/marquee/marquee-viewport.tsx +++ b/packages/react/src/components/marquee/marquee-viewport.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeViewportBaseProps extends PolymorphicProps {} export interface MarqueeViewportProps extends HTMLProps<'div'>, MarqueeViewportBaseProps {} diff --git a/packages/react/src/components/marquee/marquee.stories.tsx b/packages/react/src/components/marquee/marquee.stories.tsx index b1dd84dbf3..712e72c1b3 100644 --- a/packages/react/src/components/marquee/marquee.stories.tsx +++ b/packages/react/src/components/marquee/marquee.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { AutoFill } from './examples/auto-fill' -export { Basic } from './examples/basic' -export { FiniteLoops } from './examples/finite-loops' -export { PauseOnInteraction } from './examples/pause-on-interaction' -export { ProgrammaticControl } from './examples/programmatic-control' -export { Reverse } from './examples/reverse' -export { Speed } from './examples/speed' -export { Vertical } from './examples/vertical' -export { WithEdges } from './examples/with-edges' +export { AutoFill } from './examples/auto-fill.tsx' +export { Basic } from './examples/basic.tsx' +export { FiniteLoops } from './examples/finite-loops.tsx' +export { PauseOnInteraction } from './examples/pause-on-interaction.tsx' +export { ProgrammaticControl } from './examples/programmatic-control.tsx' +export { Reverse } from './examples/reverse.tsx' +export { Speed } from './examples/speed.tsx' +export { Vertical } from './examples/vertical.tsx' +export { WithEdges } from './examples/with-edges.tsx' diff --git a/packages/react/src/components/marquee/marquee.ts b/packages/react/src/components/marquee/marquee.ts index ef9d8383f2..668efc511a 100644 --- a/packages/react/src/components/marquee/marquee.ts +++ b/packages/react/src/components/marquee/marquee.ts @@ -3,30 +3,30 @@ export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, -} from './marquee-content' -export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context' +} from './marquee-content.tsx' +export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context.tsx' export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, -} from './marquee-edge' +} from './marquee-edge.tsx' export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, -} from './marquee-item' +} from './marquee-item.tsx' export { MarqueeRoot as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, -} from './marquee-root' +} from './marquee-root.tsx' export { MarqueeRootProvider as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, -} from './marquee-root-provider' +} from './marquee-root-provider.tsx' export { MarqueeViewport as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, -} from './marquee-viewport' +} from './marquee-viewport.tsx' diff --git a/packages/react/src/components/marquee/use-marquee-context.ts b/packages/react/src/components/marquee/use-marquee-context.ts index 28c5f8b448..a5ce5102d0 100644 --- a/packages/react/src/components/marquee/use-marquee-context.ts +++ b/packages/react/src/components/marquee/use-marquee-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseMarqueeReturn } from './use-marquee' +import { createContext } from '../../utils/create-context.ts' +import type { UseMarqueeReturn } from './use-marquee.ts' export interface UseMarqueeContext extends UseMarqueeReturn {} diff --git a/packages/react/src/components/marquee/use-marquee.ts b/packages/react/src/components/marquee/use-marquee.ts index 5dbda45e5e..06d8644d50 100644 --- a/packages/react/src/components/marquee/use-marquee.ts +++ b/packages/react/src/components/marquee/use-marquee.ts @@ -3,8 +3,8 @@ import * as marquee from '@zag-js/marquee' 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 UseMarqueeProps extends Optional, 'id'> {} export interface UseMarqueeReturn extends marquee.Api {} diff --git a/packages/react/src/components/menu/index.ts b/packages/react/src/components/menu/index.ts index a8fdb5dfa7..5cf8b0cc7a 100644 --- a/packages/react/src/components/menu/index.ts +++ b/packages/react/src/components/menu/index.ts @@ -7,43 +7,47 @@ export type { SelectionDetails as MenuSelectionDetails, TriggerValueChangeDetails as MenuTriggerValueChangeDetails, } from '@zag-js/menu' -export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow' -export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip' -export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item' -export { MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content' -export { MenuContext, type MenuContextProps } from './menu-context' +export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.tsx' +export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.tsx' +export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item.tsx' +export { MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content.tsx' +export { MenuContext, type MenuContextProps } from './menu-context.tsx' export { MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, -} from './menu-context-trigger' -export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator' -export { MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item' -export { MenuItemContext, type MenuItemContextProps } from './menu-item-context' -export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps } from './menu-item-group' +} from './menu-context-trigger.tsx' +export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator.tsx' +export { MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item.tsx' +export { MenuItemContext, type MenuItemContextProps } from './menu-item-context.tsx' +export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps } from './menu-item-group.tsx' export { MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, -} from './menu-item-group-label' -export { MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps } from './menu-item-indicator' -export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text' -export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps } from './menu-positioner' -export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps } from './menu-radio-item' +} from './menu-item-group-label.tsx' +export { + MenuItemIndicator, + type MenuItemIndicatorBaseProps, + type MenuItemIndicatorProps, +} from './menu-item-indicator.tsx' +export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text.tsx' +export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps } from './menu-positioner.tsx' +export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps } from './menu-radio-item.tsx' export { MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, -} from './menu-radio-item-group' -export { MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root' -export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps } from './menu-root-provider' -export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator' -export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger' -export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps } from './menu-trigger-item' -export { menuAnatomy } from './menu.anatomy' -export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu' -export { useMenuContext, type UseMenuContext } from './use-menu-context' -export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context' -export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context' +} from './menu-radio-item-group.tsx' +export { MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root.tsx' +export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps } from './menu-root-provider.tsx' +export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator.tsx' +export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger.tsx' +export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps } from './menu-trigger-item.tsx' +export { menuAnatomy } from './menu.anatomy.ts' +export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu.ts' +export { useMenuContext, type UseMenuContext } from './use-menu-context.ts' +export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context.ts' +export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context.ts' -export * as Menu from './menu' +export * as Menu from './menu.ts' diff --git a/packages/react/src/components/menu/menu-arrow-tip.tsx b/packages/react/src/components/menu/menu-arrow-tip.tsx index 9b473cd997..7ac0631521 100644 --- a/packages/react/src/components/menu/menu-arrow-tip.tsx +++ b/packages/react/src/components/menu/menu-arrow-tip.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuArrowTipBaseProps extends PolymorphicProps {} export interface MenuArrowTipProps extends HTMLProps<'div'>, MenuArrowTipBaseProps {} diff --git a/packages/react/src/components/menu/menu-arrow.tsx b/packages/react/src/components/menu/menu-arrow.tsx index 8d9b9acc4b..131259976e 100644 --- a/packages/react/src/components/menu/menu-arrow.tsx +++ b/packages/react/src/components/menu/menu-arrow.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuArrowBaseProps extends PolymorphicProps {} export interface MenuArrowProps extends HTMLProps<'div'>, MenuArrowBaseProps {} diff --git a/packages/react/src/components/menu/menu-checkbox-item.tsx b/packages/react/src/components/menu/menu-checkbox-item.tsx index bc8ce216ab..08ec1a1749 100644 --- a/packages/react/src/components/menu/menu-checkbox-item.tsx +++ b/packages/react/src/components/menu/menu-checkbox-item.tsx @@ -3,11 +3,11 @@ import type { OptionItemProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemProvider } from './use-menu-item-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemProvider } from './use-menu-item-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' type PartialOptionItemProps = Omit diff --git a/packages/react/src/components/menu/menu-content.tsx b/packages/react/src/components/menu/menu-content.tsx index 9e0acfb8c6..bd20a2ed60 100644 --- a/packages/react/src/components/menu/menu-content.tsx +++ b/packages/react/src/components/menu/menu-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useMenuContext } from './use-menu-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuContentBaseProps extends PolymorphicProps {} export interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {} diff --git a/packages/react/src/components/menu/menu-context-trigger.tsx b/packages/react/src/components/menu/menu-context-trigger.tsx index c5f962d6dc..c7d8c44ecb 100644 --- a/packages/react/src/components/menu/menu-context-trigger.tsx +++ b/packages/react/src/components/menu/menu-context-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuContextTriggerBaseProps extends PolymorphicProps {} export interface MenuContextTriggerProps extends HTMLProps<'button'>, MenuContextTriggerBaseProps {} diff --git a/packages/react/src/components/menu/menu-context.tsx b/packages/react/src/components/menu/menu-context.tsx index 0326aa30b3..65e0cae28f 100644 --- a/packages/react/src/components/menu/menu-context.tsx +++ b/packages/react/src/components/menu/menu-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseMenuContext, useMenuContext } from './use-menu-context' +import { type UseMenuContext, useMenuContext } from './use-menu-context.ts' export interface MenuContextProps { children: (context: UseMenuContext) => ReactNode diff --git a/packages/react/src/components/menu/menu-indicator.tsx b/packages/react/src/components/menu/menu-indicator.tsx index 6df13fcf85..cc931dac04 100644 --- a/packages/react/src/components/menu/menu-indicator.tsx +++ b/packages/react/src/components/menu/menu-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuIndicatorBaseProps extends PolymorphicProps {} export interface MenuIndicatorProps extends HTMLProps<'div'>, MenuIndicatorBaseProps {} diff --git a/packages/react/src/components/menu/menu-item-context.tsx b/packages/react/src/components/menu/menu-item-context.tsx index 61e8516ffa..b4c858387a 100644 --- a/packages/react/src/components/menu/menu-item-context.tsx +++ b/packages/react/src/components/menu/menu-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseMenuItemContext, useMenuItemContext } from './use-menu-item-context' +import { type UseMenuItemContext, useMenuItemContext } from './use-menu-item-context.ts' export interface MenuItemContextProps { children: (context: UseMenuItemContext) => ReactNode diff --git a/packages/react/src/components/menu/menu-item-group-label.tsx b/packages/react/src/components/menu/menu-item-group-label.tsx index 5a2d73b626..43e056b2b4 100644 --- a/packages/react/src/components/menu/menu-item-group-label.tsx +++ b/packages/react/src/components/menu/menu-item-group-label.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { useMenuItemGroupContext } from './use-menu-item-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { useMenuItemGroupContext } from './use-menu-item-group-context.ts' export interface MenuItemGroupLabelBaseProps extends PolymorphicProps {} export interface MenuItemGroupLabelProps extends HTMLProps<'div'>, MenuItemGroupLabelBaseProps {} diff --git a/packages/react/src/components/menu/menu-item-group.tsx b/packages/react/src/components/menu/menu-item-group.tsx index 80dc862356..a67d98b18d 100644 --- a/packages/react/src/components/menu/menu-item-group.tsx +++ b/packages/react/src/components/menu/menu-item-group.tsx @@ -3,11 +3,11 @@ import type { ItemGroupProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/react' import { forwardRef, useId } from 'react' -import type { Optional } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemGroupProvider } from './use-menu-item-group-context' +import type { Optional } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemGroupProvider } from './use-menu-item-group-context.ts' type OptionalItemGroupProps = Optional diff --git a/packages/react/src/components/menu/menu-item-indicator.tsx b/packages/react/src/components/menu/menu-item-indicator.tsx index ffe5e4f529..a9d4dec92d 100644 --- a/packages/react/src/components/menu/menu-item-indicator.tsx +++ b/packages/react/src/components/menu/menu-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 { useMenuContext } from './use-menu-context' -import { useMenuItemPropsContext } from './use-menu-option-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { useMenuItemPropsContext } from './use-menu-option-item-props-context.ts' export interface MenuItemIndicatorBaseProps extends PolymorphicProps {} export interface MenuItemIndicatorProps extends HTMLProps<'div'>, MenuItemIndicatorBaseProps {} diff --git a/packages/react/src/components/menu/menu-item-text.tsx b/packages/react/src/components/menu/menu-item-text.tsx index ef0378f674..ae5b491be7 100644 --- a/packages/react/src/components/menu/menu-item-text.tsx +++ b/packages/react/src/components/menu/menu-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { useMenuItemPropsContext } from './use-menu-option-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { useMenuItemPropsContext } from './use-menu-option-item-props-context.ts' export interface MenuItemTextBaseProps extends PolymorphicProps {} export interface MenuItemTextProps extends HTMLProps<'div'>, MenuItemTextBaseProps {} diff --git a/packages/react/src/components/menu/menu-item.tsx b/packages/react/src/components/menu/menu-item.tsx index c623806f01..afd2ae29cb 100644 --- a/packages/react/src/components/menu/menu-item.tsx +++ b/packages/react/src/components/menu/menu-item.tsx @@ -3,12 +3,12 @@ import type { ItemProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/react' import { forwardRef, useEffect } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemProvider } from './use-menu-item-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemProvider } from './use-menu-item-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' interface ItemBaseProps extends ItemProps { /** diff --git a/packages/react/src/components/menu/menu-positioner.tsx b/packages/react/src/components/menu/menu-positioner.tsx index 12429c331f..e431dec31b 100644 --- a/packages/react/src/components/menu/menu-positioner.tsx +++ b/packages/react/src/components/menu/menu-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuPositionerBaseProps extends PolymorphicProps {} export interface MenuPositionerProps extends HTMLProps<'div'>, MenuPositionerBaseProps {} diff --git a/packages/react/src/components/menu/menu-radio-item-group.tsx b/packages/react/src/components/menu/menu-radio-item-group.tsx index b778946cc0..89b3a2d33d 100644 --- a/packages/react/src/components/menu/menu-radio-item-group.tsx +++ b/packages/react/src/components/menu/menu-radio-item-group.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef, useId } from 'react' -import type { Optional } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemGroupProvider, type UseMenuItemGroupContext } from './use-menu-item-group-context' +import type { Optional } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemGroupProvider, type UseMenuItemGroupContext } from './use-menu-item-group-context.ts' type OptionalUseMenuItemGroupContext = Optional diff --git a/packages/react/src/components/menu/menu-radio-item.tsx b/packages/react/src/components/menu/menu-radio-item.tsx index 8947cdcde4..91317ab633 100644 --- a/packages/react/src/components/menu/menu-radio-item.tsx +++ b/packages/react/src/components/menu/menu-radio-item.tsx @@ -3,12 +3,12 @@ import type { OptionItemProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemProvider } from './use-menu-item-context' -import { useMenuItemGroupContext } from './use-menu-item-group-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemProvider } from './use-menu-item-context.ts' +import { useMenuItemGroupContext } from './use-menu-item-group-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' type PartialOptionItemProps = Omit diff --git a/packages/react/src/components/menu/menu-root-provider.tsx b/packages/react/src/components/menu/menu-root-provider.tsx index 4247fea468..4ad6874922 100644 --- a/packages/react/src/components/menu/menu-root-provider.tsx +++ b/packages/react/src/components/menu/menu-root-provider.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { type ReactNode, useCallback } from 'react' -import { useEffectOnce } from '../../utils/use-effect-once' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseMenuReturn } from './use-menu' -import { MenuProvider, useMenuContext } from './use-menu-context' -import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context' -import { MenuTriggerItemProvider } from './use-menu-trigger-item-context' +import { useEffectOnce } from '../../utils/use-effect-once.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import type { UseMenuReturn } from './use-menu.ts' +import { MenuProvider, useMenuContext } from './use-menu-context.ts' +import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context.ts' +import { MenuTriggerItemProvider } from './use-menu-trigger-item-context.ts' interface RootProviderProps { value: UseMenuReturn diff --git a/packages/react/src/components/menu/menu-root.tsx b/packages/react/src/components/menu/menu-root.tsx index 25d83c136d..84ff33e2d2 100644 --- a/packages/react/src/components/menu/menu-root.tsx +++ b/packages/react/src/components/menu/menu-root.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import { type ReactNode, useCallback } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { useEffectOnce } from '../../utils/use-effect-once' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseMenuProps, useMenu } from './use-menu' -import { MenuProvider, useMenuContext } from './use-menu-context' -import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context' -import { MenuTriggerItemProvider } from './use-menu-trigger-item-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useEffectOnce } from '../../utils/use-effect-once.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import { type UseMenuProps, useMenu } from './use-menu.ts' +import { MenuProvider, useMenuContext } from './use-menu-context.ts' +import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context.ts' +import { MenuTriggerItemProvider } from './use-menu-trigger-item-context.ts' export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {} export interface MenuRootProps extends MenuRootBaseProps { diff --git a/packages/react/src/components/menu/menu-separator.tsx b/packages/react/src/components/menu/menu-separator.tsx index 0cb2f8e956..e15a70e252 100644 --- a/packages/react/src/components/menu/menu-separator.tsx +++ b/packages/react/src/components/menu/menu-separator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuSeparatorBaseProps extends PolymorphicProps {} export interface MenuSeparatorProps extends HTMLProps<'hr'>, MenuSeparatorBaseProps {} diff --git a/packages/react/src/components/menu/menu-trigger-item.tsx b/packages/react/src/components/menu/menu-trigger-item.tsx index 90f14a6b6a..8050c3fe86 100644 --- a/packages/react/src/components/menu/menu-trigger-item.tsx +++ b/packages/react/src/components/menu/menu-trigger-item.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuTriggerItemContext } from './use-menu-trigger-item-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useMenuTriggerItemContext } from './use-menu-trigger-item-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' export interface MenuTriggerItemBaseProps extends PolymorphicProps {} export interface MenuTriggerItemProps extends HTMLProps<'div'>, MenuTriggerItemBaseProps {} diff --git a/packages/react/src/components/menu/menu-trigger.tsx b/packages/react/src/components/menu/menu-trigger.tsx index ff604f711c..182e919175 100644 --- a/packages/react/src/components/menu/menu-trigger.tsx +++ b/packages/react/src/components/menu/menu-trigger.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/menu' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useMenuContext } from './use-menu-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useMenuContext } from './use-menu-context.ts' export interface MenuTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface MenuTriggerProps extends Assign, MenuTriggerBaseProps> {} diff --git a/packages/react/src/components/menu/menu.stories.tsx b/packages/react/src/components/menu/menu.stories.tsx index 9c746255be..3efc783597 100644 --- a/packages/react/src/components/menu/menu.stories.tsx +++ b/packages/react/src/components/menu/menu.stories.tsx @@ -6,19 +6,19 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { CheckboxItems } from './examples/checkbox-items' -export { Context } from './examples/context' -export { ContextLazyMount } from './examples/context-lazy-mount' -export { Controlled } from './examples/controlled' -export { Group } from './examples/group' -export { Links } from './examples/links' -export { MenuInDialog } from './examples/menu-in-dialog' -export { MenuItemDialog } from './examples/menu-item-dialog' -export { MultipleMenu } from './examples/multiple-menu' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Nested } from './examples/nested' -export { RadioItems } from './examples/radio-items' -export { ItemContext } from './examples/item-context' -export { RootProvider } from './examples/root-provider' -export { SelectEvent } from './examples/select-event' +export { Basic } from './examples/basic.tsx' +export { CheckboxItems } from './examples/checkbox-items.tsx' +export { Context } from './examples/context.tsx' +export { ContextLazyMount } from './examples/context-lazy-mount.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Group } from './examples/group.tsx' +export { Links } from './examples/links.tsx' +export { MenuInDialog } from './examples/menu-in-dialog.tsx' +export { MenuItemDialog } from './examples/menu-item-dialog.tsx' +export { MultipleMenu } from './examples/multiple-menu.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Nested } from './examples/nested.tsx' +export { RadioItems } from './examples/radio-items.tsx' +export { ItemContext } from './examples/item-context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SelectEvent } from './examples/select-event.tsx' diff --git a/packages/react/src/components/menu/menu.ts b/packages/react/src/components/menu/menu.ts index 359b8361e2..2bafcf89d7 100644 --- a/packages/react/src/components/menu/menu.ts +++ b/packages/react/src/components/menu/menu.ts @@ -11,89 +11,97 @@ export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, -} from './menu-arrow' +} from './menu-arrow.tsx' export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, -} from './menu-arrow-tip' +} from './menu-arrow-tip.tsx' export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, -} from './menu-checkbox-item' +} from './menu-checkbox-item.tsx' export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps, type MenuContentProps as ContentProps, -} from './menu-content' -export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context' +} from './menu-content.tsx' +export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context.tsx' export { MenuContextTrigger as ContextTrigger, type MenuContextTriggerBaseProps as ContextTriggerBaseProps, type MenuContextTriggerProps as ContextTriggerProps, -} from './menu-context-trigger' +} from './menu-context-trigger.tsx' export { MenuIndicator as Indicator, type MenuIndicatorBaseProps as IndicatorBaseProps, type MenuIndicatorProps as IndicatorProps, -} from './menu-indicator' -export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps } from './menu-item' -export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context' +} from './menu-indicator.tsx' +export { + MenuItem as Item, + type MenuItemBaseProps as ItemBaseProps, + type MenuItemProps as ItemProps, +} from './menu-item.tsx' +export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context.tsx' export { MenuItemGroup as ItemGroup, type MenuItemGroupBaseProps as ItemGroupBaseProps, type MenuItemGroupProps as ItemGroupProps, -} from './menu-item-group' +} from './menu-item-group.tsx' export { MenuItemGroupLabel as ItemGroupLabel, type MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type MenuItemGroupLabelProps as ItemGroupLabelProps, -} from './menu-item-group-label' +} from './menu-item-group-label.tsx' export { MenuItemIndicator as ItemIndicator, type MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type MenuItemIndicatorProps as ItemIndicatorProps, -} from './menu-item-indicator' +} from './menu-item-indicator.tsx' export { MenuItemText as ItemText, type MenuItemTextBaseProps as ItemTextBaseProps, type MenuItemTextProps as ItemTextProps, -} from './menu-item-text' +} from './menu-item-text.tsx' export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, -} from './menu-positioner' +} from './menu-positioner.tsx' export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, -} from './menu-radio-item' +} from './menu-radio-item.tsx' export { MenuRadioItemGroup as RadioItemGroup, type MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type MenuRadioItemGroupProps as RadioItemGroupProps, -} from './menu-radio-item-group' -export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps } from './menu-root' +} from './menu-radio-item-group.tsx' +export { + MenuRoot as Root, + type MenuRootBaseProps as RootBaseProps, + type MenuRootProps as RootProps, +} from './menu-root.tsx' export { MenuRootProvider as RootProvider, type MenuRootProviderBaseProps as RootProviderBaseProps, type MenuRootProviderProps as RootProviderProps, -} from './menu-root-provider' +} from './menu-root-provider.tsx' export { MenuSeparator as Separator, type MenuSeparatorBaseProps as SeparatorBaseProps, type MenuSeparatorProps as SeparatorProps, -} from './menu-separator' +} from './menu-separator.tsx' export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, -} from './menu-trigger' +} from './menu-trigger.tsx' export { MenuTriggerItem as TriggerItem, type MenuTriggerItemBaseProps as TriggerItemBaseProps, type MenuTriggerItemProps as TriggerItemProps, -} from './menu-trigger-item' -export type { ValueChangeDetails } from './use-menu-item-group-context' +} from './menu-trigger-item.tsx' +export type { ValueChangeDetails } from './use-menu-item-group-context.ts' diff --git a/packages/react/src/components/menu/use-menu-context.ts b/packages/react/src/components/menu/use-menu-context.ts index 700f44d060..a949687c56 100644 --- a/packages/react/src/components/menu/use-menu-context.ts +++ b/packages/react/src/components/menu/use-menu-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseMenuReturn } from './use-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseMenuReturn } from './use-menu.ts' export type UseMenuContext = UseMenuReturn['api'] diff --git a/packages/react/src/components/menu/use-menu-item-context.ts b/packages/react/src/components/menu/use-menu-item-context.ts index 99fceef797..20a12f1fde 100644 --- a/packages/react/src/components/menu/use-menu-item-context.ts +++ b/packages/react/src/components/menu/use-menu-item-context.ts @@ -1,8 +1,8 @@ 'use client' import type { OptionItemState } from '@zag-js/menu' -import type { Optional } from '../../types' -import { createContext } from '../../utils/create-context' +import type { Optional } from '../../types.ts' +import { createContext } from '../../utils/create-context.ts' export interface UseMenuItemContext extends Optional {} diff --git a/packages/react/src/components/menu/use-menu-item-group-context.ts b/packages/react/src/components/menu/use-menu-item-group-context.ts index 5d0331baee..1e301ef68d 100644 --- a/packages/react/src/components/menu/use-menu-item-group-context.ts +++ b/packages/react/src/components/menu/use-menu-item-group-context.ts @@ -1,6 +1,6 @@ 'use client' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface ValueChangeDetails { value: string diff --git a/packages/react/src/components/menu/use-menu-machine-context.ts b/packages/react/src/components/menu/use-menu-machine-context.ts index adc3b15b98..3784dbb9f8 100644 --- a/packages/react/src/components/menu/use-menu-machine-context.ts +++ b/packages/react/src/components/menu/use-menu-machine-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseMenuReturn } from './use-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseMenuReturn } from './use-menu.ts' export type UseMenuMachineContext = UseMenuReturn['service'] | undefined diff --git a/packages/react/src/components/menu/use-menu-option-item-props-context.ts b/packages/react/src/components/menu/use-menu-option-item-props-context.ts index 2673712902..4601f76c65 100644 --- a/packages/react/src/components/menu/use-menu-option-item-props-context.ts +++ b/packages/react/src/components/menu/use-menu-option-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemBaseProps } from '@zag-js/menu' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [MenuItemPropsProvider, useMenuItemPropsContext] = createContext({ name: 'MenuItemPropsContext', diff --git a/packages/react/src/components/menu/use-menu-trigger-item-context.ts b/packages/react/src/components/menu/use-menu-trigger-item-context.ts index 50d50ef0c8..e3c69c1ecf 100644 --- a/packages/react/src/components/menu/use-menu-trigger-item-context.ts +++ b/packages/react/src/components/menu/use-menu-trigger-item-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseMenuReturn } from './use-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseMenuReturn } from './use-menu.ts' export type UseMenuTriggerItemContext = () => ReturnType | undefined diff --git a/packages/react/src/components/menu/use-menu.ts b/packages/react/src/components/menu/use-menu.ts index cdcfc54850..df146be103 100644 --- a/packages/react/src/components/menu/use-menu.ts +++ b/packages/react/src/components/menu/use-menu.ts @@ -3,8 +3,8 @@ import * as menu from '@zag-js/menu' 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 UseMenuProps extends Optional, 'id'> {} export interface UseMenuReturn { diff --git a/packages/react/src/components/navigation-menu/index.ts b/packages/react/src/components/navigation-menu/index.ts index 76c96309e7..4071712967 100644 --- a/packages/react/src/components/navigation-menu/index.ts +++ b/packages/react/src/components/navigation-menu/index.ts @@ -3,65 +3,65 @@ export { NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, -} from './navigation-menu-arrow' +} from './navigation-menu-arrow.tsx' export { NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, -} from './navigation-menu-content' -export { NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context' +} from './navigation-menu-content.tsx' +export { NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context.tsx' export { NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, -} from './navigation-menu-indicator' +} from './navigation-menu-indicator.tsx' export { NavigationMenuItem, type NavigationMenuItemBaseProps, type NavigationMenuItemProps, -} from './navigation-menu-item' +} from './navigation-menu-item.tsx' export { NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, -} from './navigation-menu-item-indicator' +} from './navigation-menu-item-indicator.tsx' export { NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, -} from './navigation-menu-link' +} from './navigation-menu-link.tsx' export { NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, -} from './navigation-menu-list' +} from './navigation-menu-list.tsx' export { NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootProps, -} from './navigation-menu-root' +} from './navigation-menu-root.tsx' export { NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, -} from './navigation-menu-root-provider' +} from './navigation-menu-root-provider.tsx' export { NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, -} from './navigation-menu-trigger' +} from './navigation-menu-trigger.tsx' export { NavigationMenuViewport, type NavigationMenuViewportBaseProps, type NavigationMenuViewportProps, -} from './navigation-menu-viewport' +} from './navigation-menu-viewport.tsx' export { NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, -} from './navigation-menu-viewport-positioner' -export { navigationMenuAnatomy } from './navigation-menu.anatomy' -export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu' -export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context' +} from './navigation-menu-viewport-positioner.tsx' +export { navigationMenuAnatomy } from './navigation-menu.anatomy.ts' +export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu.ts' +export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context.ts' -export * as NavigationMenu from './navigation-menu' +export * as NavigationMenu from './navigation-menu.ts' diff --git a/packages/react/src/components/navigation-menu/navigation-menu-arrow.tsx b/packages/react/src/components/navigation-menu/navigation-menu-arrow.tsx index 8cb8079d44..8debc7b61e 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-arrow.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-arrow.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuArrowBaseProps extends PolymorphicProps {} export interface NavigationMenuArrowProps extends HTMLProps<'div'>, NavigationMenuArrowBaseProps {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-content.tsx b/packages/react/src/components/navigation-menu/navigation-menu-content.tsx index 183749efc8..0e24fb0559 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-content.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-content.tsx @@ -3,15 +3,15 @@ import type { ContentProps } from '@zag-js/navigation-menu' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { Portal } from '../portal' -import { PresenceProvider, usePresence } from '../presence' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import type { Assign } from '../../types.ts' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { Portal } from '../portal/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuContentBaseProps extends Partial, PolymorphicProps {} export interface NavigationMenuContentProps extends Assign, NavigationMenuContentBaseProps> {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-context.tsx b/packages/react/src/components/navigation-menu/navigation-menu-context.tsx index 19a77dbc97..d8d1b4f37f 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-context.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseNavigationMenuContext, useNavigationMenuContext } from './use-navigation-menu-context' +import { type UseNavigationMenuContext, useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuContextProps { children: (context: UseNavigationMenuContext) => ReactNode diff --git a/packages/react/src/components/navigation-menu/navigation-menu-indicator.tsx b/packages/react/src/components/navigation-menu/navigation-menu-indicator.tsx index 893e7fc728..8df3868a9a 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-indicator.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-indicator.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, usePresence } from '../presence' -import { useNavigationMenuContext } from './use-navigation-menu-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps {} export interface NavigationMenuIndicatorProps extends HTMLProps<'div'>, NavigationMenuIndicatorBaseProps {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-item-indicator.tsx b/packages/react/src/components/navigation-menu/navigation-menu-item-indicator.tsx index 23f0b12ddc..8d0faadf59 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-item-indicator.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-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 { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps {} export interface NavigationMenuItemIndicatorProps extends HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-item.tsx b/packages/react/src/components/navigation-menu/navigation-menu-item.tsx index ed94bb9dc7..b7a280bb5a 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-item.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-item.tsx @@ -3,10 +3,10 @@ import type { ItemProps } from '@zag-js/navigation-menu' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps {} export interface NavigationMenuItemProps extends HTMLProps<'div'>, NavigationMenuItemBaseProps {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-link.tsx b/packages/react/src/components/navigation-menu/navigation-menu-link.tsx index 317fa2bf87..a2d286cb72 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-link.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-link.tsx @@ -3,11 +3,11 @@ import type { LinkProps } from '@zag-js/navigation-menu' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuLinkBaseProps extends Partial, PolymorphicProps {} export interface NavigationMenuLinkProps extends Assign, NavigationMenuLinkBaseProps> {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-list.tsx b/packages/react/src/components/navigation-menu/navigation-menu-list.tsx index 430e8ab2e1..318b822a14 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-list.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-list.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuListBaseProps extends PolymorphicProps {} export interface NavigationMenuListProps extends HTMLProps<'div'>, NavigationMenuListBaseProps {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-root-provider.tsx b/packages/react/src/components/navigation-menu/navigation-menu-root-provider.tsx index e5d43a6f34..1f324c71ba 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-root-provider.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-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 { UseNavigationMenuReturn } from './use-navigation-menu' -import { NavigationMenuProvider } from './use-navigation-menu-context' +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseNavigationMenuReturn } from './use-navigation-menu.ts' +import { NavigationMenuProvider } from './use-navigation-menu-context.ts' interface RootProviderProps { value: UseNavigationMenuReturn diff --git a/packages/react/src/components/navigation-menu/navigation-menu-root.tsx b/packages/react/src/components/navigation-menu/navigation-menu-root.tsx index 944179a0e1..4e56d649f7 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-root.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-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 UseNavigationMenuProps, useNavigationMenu } from './use-navigation-menu' -import { NavigationMenuProvider } from './use-navigation-menu-context' +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseNavigationMenuProps, useNavigationMenu } from './use-navigation-menu.ts' +import { NavigationMenuProvider } from './use-navigation-menu-context.ts' export interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, RenderStrategyProps, PolymorphicProps {} export interface NavigationMenuRootProps extends Assign, NavigationMenuRootBaseProps> {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-trigger.tsx b/packages/react/src/components/navigation-menu/navigation-menu-trigger.tsx index 851eee301c..50e3b3da92 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-trigger.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-trigger.tsx @@ -4,11 +4,11 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/navigation-menu' import { ensure } from '@zag-js/utils' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { createSplitProps } from '../../utils/create-split-props' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuTriggerBaseProps extends Omit, PolymorphicProps {} export interface NavigationMenuTriggerProps extends Assign, NavigationMenuTriggerBaseProps> {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx b/packages/react/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx index 92a0232f3a..4a9cb910aa 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { ViewportProps } from '@zag-js/navigation-menu' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { NavigationMenuViewportPropsProvider } from './use-navigation-menu-viewport-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { NavigationMenuViewportPropsProvider } from './use-navigation-menu-viewport-props-context.ts' export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {} export interface NavigationMenuViewportPositionerProps diff --git a/packages/react/src/components/navigation-menu/navigation-menu-viewport.tsx b/packages/react/src/components/navigation-menu/navigation-menu-viewport.tsx index 0a717a8626..9422e0557e 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu-viewport.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu-viewport.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, usePresence } from '../presence' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context.ts' export interface NavigationMenuViewportBaseProps extends PolymorphicProps {} export interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {} diff --git a/packages/react/src/components/navigation-menu/navigation-menu.stories.tsx b/packages/react/src/components/navigation-menu/navigation-menu.stories.tsx index 66bc4b530f..6580a1e463 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu.stories.tsx +++ b/packages/react/src/components/navigation-menu/navigation-menu.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { Viewport } from './examples/viewport' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Viewport } from './examples/viewport.tsx' diff --git a/packages/react/src/components/navigation-menu/navigation-menu.ts b/packages/react/src/components/navigation-menu/navigation-menu.ts index 618eaae301..0d025d64bb 100644 --- a/packages/react/src/components/navigation-menu/navigation-menu.ts +++ b/packages/react/src/components/navigation-menu/navigation-menu.ts @@ -3,63 +3,63 @@ export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, -} from './navigation-menu-arrow' +} from './navigation-menu-arrow.tsx' export { NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, -} from './navigation-menu-content' +} from './navigation-menu-content.tsx' export { NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, -} from './navigation-menu-context' +} from './navigation-menu-context.tsx' export { NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, -} from './navigation-menu-indicator' +} from './navigation-menu-indicator.tsx' export { NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, -} from './navigation-menu-item' +} from './navigation-menu-item.tsx' export { NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, -} from './navigation-menu-item-indicator' +} from './navigation-menu-item-indicator.tsx' export { NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, -} from './navigation-menu-link' +} from './navigation-menu-link.tsx' export { NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, -} from './navigation-menu-list' +} from './navigation-menu-list.tsx' export { NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, -} from './navigation-menu-root' +} from './navigation-menu-root.tsx' export { NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, -} from './navigation-menu-root-provider' +} from './navigation-menu-root-provider.tsx' export { NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, -} from './navigation-menu-trigger' +} from './navigation-menu-trigger.tsx' export { NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, -} from './navigation-menu-viewport' +} from './navigation-menu-viewport.tsx' export { NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, -} from './navigation-menu-viewport-positioner' +} from './navigation-menu-viewport-positioner.tsx' diff --git a/packages/react/src/components/navigation-menu/use-navigation-menu-context.ts b/packages/react/src/components/navigation-menu/use-navigation-menu-context.ts index 7ffc1ad0bb..191512e5da 100644 --- a/packages/react/src/components/navigation-menu/use-navigation-menu-context.ts +++ b/packages/react/src/components/navigation-menu/use-navigation-menu-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseNavigationMenuReturn } from './use-navigation-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseNavigationMenuReturn } from './use-navigation-menu.ts' export interface UseNavigationMenuContext extends UseNavigationMenuReturn {} diff --git a/packages/react/src/components/navigation-menu/use-navigation-menu-item-props-context.ts b/packages/react/src/components/navigation-menu/use-navigation-menu-item-props-context.ts index 727f7cc3dc..3e6adcf684 100644 --- a/packages/react/src/components/navigation-menu/use-navigation-menu-item-props-context.ts +++ b/packages/react/src/components/navigation-menu/use-navigation-menu-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/navigation-menu' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext({ name: 'NavigationMenuItemPropsContext', diff --git a/packages/react/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts b/packages/react/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts index 0ce86cbc33..c6f8b73387 100644 --- a/packages/react/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts +++ b/packages/react/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ViewportProps } from '@zag-js/navigation-menu' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [NavigationMenuViewportPropsProvider, useNavigationMenuViewportPropsContext] = createContext({ diff --git a/packages/react/src/components/navigation-menu/use-navigation-menu.ts b/packages/react/src/components/navigation-menu/use-navigation-menu.ts index abe204ec5b..4f8b95b247 100644 --- a/packages/react/src/components/navigation-menu/use-navigation-menu.ts +++ b/packages/react/src/components/navigation-menu/use-navigation-menu.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as navigationMenu from '@zag-js/navigation-menu' 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 UseNavigationMenuProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/number-input/index.ts b/packages/react/src/components/number-input/index.ts index e8754830b9..8a57484867 100644 --- a/packages/react/src/components/number-input/index.ts +++ b/packages/react/src/components/number-input/index.ts @@ -3,42 +3,42 @@ export type { ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails, } from '@zag-js/number-input' -export { NumberInputContext, type NumberInputContextProps } from './number-input-context' +export { NumberInputContext, type NumberInputContextProps } from './number-input-context.tsx' export { NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, -} from './number-input-control' +} from './number-input-control.tsx' export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, -} from './number-input-decrement-trigger' +} from './number-input-decrement-trigger.tsx' export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, -} from './number-input-increment-trigger' -export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps } from './number-input-input' -export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps } from './number-input-label' -export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps } from './number-input-root' +} from './number-input-increment-trigger.tsx' +export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps } from './number-input-input.tsx' +export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps } from './number-input-label.tsx' +export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps } from './number-input-root.tsx' export { NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, -} from './number-input-root-provider' +} from './number-input-root-provider.tsx' export { NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, -} from './number-input-scrubber' +} from './number-input-scrubber.tsx' export { NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, -} from './number-input-value-text' -export { numberInputAnatomy } from './number-input.anatomy' -export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input' -export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context' +} from './number-input-value-text.tsx' +export { numberInputAnatomy } from './number-input.anatomy.ts' +export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input.ts' +export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context.ts' -export * as NumberInput from './number-input' +export * as NumberInput from './number-input.ts' diff --git a/packages/react/src/components/number-input/number-input-context.tsx b/packages/react/src/components/number-input/number-input-context.tsx index 893194eb28..a34c5d6353 100644 --- a/packages/react/src/components/number-input/number-input-context.tsx +++ b/packages/react/src/components/number-input/number-input-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseNumberInputContext, useNumberInputContext } from './use-number-input-context' +import { type UseNumberInputContext, useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputContextProps { children: (context: UseNumberInputContext) => ReactNode diff --git a/packages/react/src/components/number-input/number-input-control.tsx b/packages/react/src/components/number-input/number-input-control.tsx index 1dd1c4e453..f8cd51fddc 100644 --- a/packages/react/src/components/number-input/number-input-control.tsx +++ b/packages/react/src/components/number-input/number-input-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputControlBaseProps extends PolymorphicProps {} export interface NumberInputControlProps extends HTMLProps<'div'>, NumberInputControlBaseProps {} diff --git a/packages/react/src/components/number-input/number-input-decrement-trigger.tsx b/packages/react/src/components/number-input/number-input-decrement-trigger.tsx index 006f7298b8..ec69b34158 100644 --- a/packages/react/src/components/number-input/number-input-decrement-trigger.tsx +++ b/packages/react/src/components/number-input/number-input-decrement-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps {} export interface NumberInputDecrementTriggerProps extends HTMLProps<'button'>, NumberInputDecrementTriggerBaseProps {} diff --git a/packages/react/src/components/number-input/number-input-increment-trigger.tsx b/packages/react/src/components/number-input/number-input-increment-trigger.tsx index df03f73551..d7c0d72482 100644 --- a/packages/react/src/components/number-input/number-input-increment-trigger.tsx +++ b/packages/react/src/components/number-input/number-input-increment-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps {} export interface NumberInputIncrementTriggerProps extends HTMLProps<'button'>, NumberInputIncrementTriggerBaseProps {} diff --git a/packages/react/src/components/number-input/number-input-input.tsx b/packages/react/src/components/number-input/number-input-input.tsx index d7df4954aa..6261524a4b 100644 --- a/packages/react/src/components/number-input/number-input-input.tsx +++ b/packages/react/src/components/number-input/number-input-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputInputBaseProps extends PolymorphicProps {} export interface NumberInputInputProps extends HTMLProps<'input'>, NumberInputInputBaseProps {} diff --git a/packages/react/src/components/number-input/number-input-label.tsx b/packages/react/src/components/number-input/number-input-label.tsx index b9330a5a2d..5bd04dc99c 100644 --- a/packages/react/src/components/number-input/number-input-label.tsx +++ b/packages/react/src/components/number-input/number-input-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputLabelBaseProps extends PolymorphicProps {} export interface NumberInputLabelProps extends HTMLProps<'label'>, NumberInputLabelBaseProps {} diff --git a/packages/react/src/components/number-input/number-input-root-provider.tsx b/packages/react/src/components/number-input/number-input-root-provider.tsx index 82113bfefb..f6f0effa2b 100644 --- a/packages/react/src/components/number-input/number-input-root-provider.tsx +++ b/packages/react/src/components/number-input/number-input-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseNumberInputReturn } from './use-number-input' -import { NumberInputProvider } from './use-number-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseNumberInputReturn } from './use-number-input.ts' +import { NumberInputProvider } from './use-number-input-context.ts' interface RootProviderProps { value: UseNumberInputReturn diff --git a/packages/react/src/components/number-input/number-input-root.tsx b/packages/react/src/components/number-input/number-input-root.tsx index 1e2c496200..9f3b33c085 100644 --- a/packages/react/src/components/number-input/number-input-root.tsx +++ b/packages/react/src/components/number-input/number-input-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseNumberInputProps, useNumberInput } from './use-number-input' -import { NumberInputProvider } from './use-number-input-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseNumberInputProps, useNumberInput } from './use-number-input.ts' +import { NumberInputProvider } from './use-number-input-context.ts' export interface NumberInputRootBaseProps extends UseNumberInputProps, PolymorphicProps {} export interface NumberInputRootProps extends Assign, NumberInputRootBaseProps> {} diff --git a/packages/react/src/components/number-input/number-input-scrubber.tsx b/packages/react/src/components/number-input/number-input-scrubber.tsx index b6cea5b04d..6a42c8f3fc 100644 --- a/packages/react/src/components/number-input/number-input-scrubber.tsx +++ b/packages/react/src/components/number-input/number-input-scrubber.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputScrubberBaseProps extends PolymorphicProps {} export interface NumberInputScrubberProps extends HTMLProps<'div'>, NumberInputScrubberBaseProps {} diff --git a/packages/react/src/components/number-input/number-input-value-text.tsx b/packages/react/src/components/number-input/number-input-value-text.tsx index 52005b6900..4425779447 100644 --- a/packages/react/src/components/number-input/number-input-value-text.tsx +++ b/packages/react/src/components/number-input/number-input-value-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputValueTextBaseProps extends PolymorphicProps {} export interface NumberInputValueTextProps extends HTMLProps<'span'>, NumberInputValueTextBaseProps {} diff --git a/packages/react/src/components/number-input/number-input.stories.tsx b/packages/react/src/components/number-input/number-input.stories.tsx index 7cdefdb86b..e76e0f91e5 100644 --- a/packages/react/src/components/number-input/number-input.stories.tsx +++ b/packages/react/src/components/number-input/number-input.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Formatting } from './examples/formatting' -export { FractionDigits } from './examples/fraction-digits' -export { MinMax } from './examples/min-max' -export { MouseWheel } from './examples/mouse-wheel' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { Scrubber } from './examples/scrubber' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Formatting } from './examples/formatting.tsx' +export { FractionDigits } from './examples/fraction-digits.tsx' +export { MinMax } from './examples/min-max.tsx' +export { MouseWheel } from './examples/mouse-wheel.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Scrubber } from './examples/scrubber.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/number-input/number-input.ts b/packages/react/src/components/number-input/number-input.ts index d7c450fa1c..dc2b68c4f9 100644 --- a/packages/react/src/components/number-input/number-input.ts +++ b/packages/react/src/components/number-input/number-input.ts @@ -1,47 +1,47 @@ export type { FocusChangeDetails, ValueChangeDetails, ValueInvalidDetails } from '@zag-js/number-input' -export { NumberInputContext as Context, type NumberInputContextProps as ContextProps } from './number-input-context' +export { NumberInputContext as Context, type NumberInputContextProps as ContextProps } from './number-input-context.tsx' export { NumberInputControl as Control, type NumberInputControlBaseProps as ControlBaseProps, type NumberInputControlProps as ControlProps, -} from './number-input-control' +} from './number-input-control.tsx' export { NumberInputDecrementTrigger as DecrementTrigger, type NumberInputDecrementTriggerBaseProps as DecrementTriggerBaseProps, type NumberInputDecrementTriggerProps as DecrementTriggerProps, -} from './number-input-decrement-trigger' +} from './number-input-decrement-trigger.tsx' export { NumberInputIncrementTrigger as IncrementTrigger, type NumberInputIncrementTriggerBaseProps as IncrementTriggerBaseProps, type NumberInputIncrementTriggerProps as IncrementTriggerProps, -} from './number-input-increment-trigger' +} from './number-input-increment-trigger.tsx' export { NumberInputInput as Input, type NumberInputInputBaseProps as InputBaseProps, type NumberInputInputProps as InputProps, -} from './number-input-input' +} from './number-input-input.tsx' export { NumberInputLabel as Label, type NumberInputLabelBaseProps as LabelBaseProps, type NumberInputLabelProps as LabelProps, -} from './number-input-label' +} from './number-input-label.tsx' export { NumberInputRoot as Root, type NumberInputRootBaseProps as RootBaseProps, type NumberInputRootProps as RootProps, -} from './number-input-root' +} from './number-input-root.tsx' export { NumberInputRootProvider as RootProvider, type NumberInputRootProviderBaseProps as RootProviderBaseProps, type NumberInputRootProviderProps as RootProviderProps, -} from './number-input-root-provider' +} from './number-input-root-provider.tsx' export { NumberInputScrubber as Scrubber, type NumberInputScrubberBaseProps as ScrubberBaseProps, type NumberInputScrubberProps as ScrubberProps, -} from './number-input-scrubber' +} from './number-input-scrubber.tsx' export { NumberInputValueText as ValueText, type NumberInputValueTextBaseProps as ValueTextBaseProps, type NumberInputValueTextProps as ValueTextProps, -} from './number-input-value-text' +} from './number-input-value-text.tsx' diff --git a/packages/react/src/components/number-input/tests/basic.tsx b/packages/react/src/components/number-input/tests/basic.tsx index 3302b3f9a8..693d612291 100644 --- a/packages/react/src/components/number-input/tests/basic.tsx +++ b/packages/react/src/components/number-input/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/react/field' -import { NumberInput } from '../' +import { NumberInput } from '../index.ts' export const ComponentUnderTest = (props: NumberInput.RootProps) => ( diff --git a/packages/react/src/components/number-input/tests/number-input.test.tsx b/packages/react/src/components/number-input/tests/number-input.test.tsx index 1392ff12f4..d3f8ba8379 100644 --- a/packages/react/src/components/number-input/tests/number-input.test.tsx +++ b/packages/react/src/components/number-input/tests/number-input.test.tsx @@ -1,7 +1,7 @@ import { act, fireEvent, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, NumberInputWithField } from './basic' +import { ComponentUnderTest, NumberInputWithField } from './basic.tsx' describe('NumberInput', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/number-input/use-number-input-context.ts b/packages/react/src/components/number-input/use-number-input-context.ts index ed53368ea3..cefd120471 100644 --- a/packages/react/src/components/number-input/use-number-input-context.ts +++ b/packages/react/src/components/number-input/use-number-input-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseNumberInputReturn } from './use-number-input' +import { createContext } from '../../utils/create-context.ts' +import type { UseNumberInputReturn } from './use-number-input.ts' export interface UseNumberInputContext extends UseNumberInputReturn {} diff --git a/packages/react/src/components/number-input/use-number-input.ts b/packages/react/src/components/number-input/use-number-input.ts index 86c069e04d..91174a5b98 100644 --- a/packages/react/src/components/number-input/use-number-input.ts +++ b/packages/react/src/components/number-input/use-number-input.ts @@ -3,9 +3,9 @@ import * as numberInput from '@zag-js/number-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseNumberInputProps extends Optional, 'id'> {} export interface UseNumberInputReturn extends numberInput.Api {} diff --git a/packages/react/src/components/pagination/index.ts b/packages/react/src/components/pagination/index.ts index 4cd39fdbb0..3f47a2a91f 100644 --- a/packages/react/src/components/pagination/index.ts +++ b/packages/react/src/components/pagination/index.ts @@ -4,41 +4,41 @@ export type { PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination' -export { PaginationContext, type PaginationContextProps } from './pagination-context' +export { PaginationContext, type PaginationContextProps } from './pagination-context.tsx' export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, -} from './pagination-ellipsis' +} from './pagination-ellipsis.tsx' export { PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, -} from './pagination-first-trigger' -export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item' +} from './pagination-first-trigger.tsx' +export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item.tsx' export { PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, -} from './pagination-last-trigger' +} from './pagination-last-trigger.tsx' export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, -} from './pagination-next-trigger' +} from './pagination-next-trigger.tsx' export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, -} from './pagination-prev-trigger' -export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root' +} from './pagination-prev-trigger.tsx' +export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root.tsx' export { PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, -} from './pagination-root-provider' -export { paginationAnatomy } from './pagination.anatomy' -export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination' -export { usePaginationContext, type UsePaginationContext } from './use-pagination-context' +} from './pagination-root-provider.tsx' +export { paginationAnatomy } from './pagination.anatomy.ts' +export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination.ts' +export { usePaginationContext, type UsePaginationContext } from './use-pagination-context.ts' -export * as Pagination from './pagination' +export * as Pagination from './pagination.ts' diff --git a/packages/react/src/components/pagination/pagination-context.tsx b/packages/react/src/components/pagination/pagination-context.tsx index 5f3a290fa9..6fd1b246fc 100644 --- a/packages/react/src/components/pagination/pagination-context.tsx +++ b/packages/react/src/components/pagination/pagination-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UsePaginationContext, usePaginationContext } from './use-pagination-context' +import { type UsePaginationContext, usePaginationContext } from './use-pagination-context.ts' export interface PaginationContextProps { children: (context: UsePaginationContext) => ReactNode diff --git a/packages/react/src/components/pagination/pagination-ellipsis.tsx b/packages/react/src/components/pagination/pagination-ellipsis.tsx index 21f0586677..ce506d4a16 100644 --- a/packages/react/src/components/pagination/pagination-ellipsis.tsx +++ b/packages/react/src/components/pagination/pagination-ellipsis.tsx @@ -3,9 +3,9 @@ import type { EllipsisProps } from '@zag-js/pagination' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps {} export interface PaginationEllipsisProps extends HTMLProps<'div'>, PaginationEllipsisBaseProps {} diff --git a/packages/react/src/components/pagination/pagination-first-trigger.tsx b/packages/react/src/components/pagination/pagination-first-trigger.tsx index 1f35e3576e..6c50acc24b 100644 --- a/packages/react/src/components/pagination/pagination-first-trigger.tsx +++ b/packages/react/src/components/pagination/pagination-first-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {} export interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {} diff --git a/packages/react/src/components/pagination/pagination-item.tsx b/packages/react/src/components/pagination/pagination-item.tsx index 78386460cb..cea67ce0fd 100644 --- a/packages/react/src/components/pagination/pagination-item.tsx +++ b/packages/react/src/components/pagination/pagination-item.tsx @@ -3,10 +3,10 @@ import type { ItemProps } from '@zag-js/pagination' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps {} export interface PaginationItemProps extends Assign, PaginationItemBaseProps> {} diff --git a/packages/react/src/components/pagination/pagination-last-trigger.tsx b/packages/react/src/components/pagination/pagination-last-trigger.tsx index 151f84ab0a..92aa84d6e6 100644 --- a/packages/react/src/components/pagination/pagination-last-trigger.tsx +++ b/packages/react/src/components/pagination/pagination-last-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationLastTriggerBaseProps extends PolymorphicProps {} export interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {} diff --git a/packages/react/src/components/pagination/pagination-next-trigger.tsx b/packages/react/src/components/pagination/pagination-next-trigger.tsx index c6d8fff5d7..43dedd177c 100644 --- a/packages/react/src/components/pagination/pagination-next-trigger.tsx +++ b/packages/react/src/components/pagination/pagination-next-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationNextTriggerBaseProps extends PolymorphicProps {} export interface PaginationNextTriggerProps extends HTMLProps<'button'>, PaginationNextTriggerBaseProps {} diff --git a/packages/react/src/components/pagination/pagination-prev-trigger.tsx b/packages/react/src/components/pagination/pagination-prev-trigger.tsx index 5af20cca14..b9ed493e0b 100644 --- a/packages/react/src/components/pagination/pagination-prev-trigger.tsx +++ b/packages/react/src/components/pagination/pagination-prev-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationPrevTriggerBaseProps extends PolymorphicProps {} export interface PaginationPrevTriggerProps extends HTMLProps<'button'>, PaginationPrevTriggerBaseProps {} diff --git a/packages/react/src/components/pagination/pagination-root-provider.tsx b/packages/react/src/components/pagination/pagination-root-provider.tsx index 79dc6cfce1..51376fe41d 100644 --- a/packages/react/src/components/pagination/pagination-root-provider.tsx +++ b/packages/react/src/components/pagination/pagination-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UsePaginationReturn } from './use-pagination' -import { PaginationProvider } from './use-pagination-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UsePaginationReturn } from './use-pagination.ts' +import { PaginationProvider } from './use-pagination-context.ts' interface RootProviderProps { value: UsePaginationReturn diff --git a/packages/react/src/components/pagination/pagination-root.tsx b/packages/react/src/components/pagination/pagination-root.tsx index 2a32d1272b..a292dfdce0 100644 --- a/packages/react/src/components/pagination/pagination-root.tsx +++ b/packages/react/src/components/pagination/pagination-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UsePaginationProps, usePagination } from './use-pagination' -import { PaginationProvider } from './use-pagination-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UsePaginationProps, usePagination } from './use-pagination.ts' +import { PaginationProvider } from './use-pagination-context.ts' export interface PaginationRootBaseProps extends UsePaginationProps, PolymorphicProps {} export interface PaginationRootProps extends HTMLProps<'nav'>, PaginationRootBaseProps {} diff --git a/packages/react/src/components/pagination/pagination.stories.tsx b/packages/react/src/components/pagination/pagination.stories.tsx index 1f30611d63..c9458826ab 100644 --- a/packages/react/src/components/pagination/pagination.stories.tsx +++ b/packages/react/src/components/pagination/pagination.stories.tsx @@ -6,13 +6,13 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Customized } from './examples/customized' -export { DataSlicing } from './examples/data-slicing' -export { Link } from './examples/link' -export { PageRange } from './examples/page-range' -export { PageSizeControl } from './examples/page-size-control' -export { RootProvider } from './examples/root-provider' -export { WithEdges } from './examples/with-edges' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Customized } from './examples/customized.tsx' +export { DataSlicing } from './examples/data-slicing.tsx' +export { Link } from './examples/link.tsx' +export { PageRange } from './examples/page-range.tsx' +export { PageSizeControl } from './examples/page-size-control.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithEdges } from './examples/with-edges.tsx' diff --git a/packages/react/src/components/pagination/pagination.ts b/packages/react/src/components/pagination/pagination.ts index 30b16e04d9..967665bd12 100644 --- a/packages/react/src/components/pagination/pagination.ts +++ b/packages/react/src/components/pagination/pagination.ts @@ -1,42 +1,42 @@ export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination' -export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context' +export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context.tsx' export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, -} from './pagination-ellipsis' +} from './pagination-ellipsis.tsx' export { PaginationFirstTrigger as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, -} from './pagination-first-trigger' +} from './pagination-first-trigger.tsx' export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, -} from './pagination-item' +} from './pagination-item.tsx' export { PaginationLastTrigger as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, -} from './pagination-last-trigger' +} from './pagination-last-trigger.tsx' export { PaginationNextTrigger as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, -} from './pagination-next-trigger' +} from './pagination-next-trigger.tsx' export { PaginationPrevTrigger as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, -} from './pagination-prev-trigger' +} from './pagination-prev-trigger.tsx' export { PaginationRoot as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, -} from './pagination-root' +} from './pagination-root.tsx' export { PaginationRootProvider as RootProvider, type PaginationRootProviderBaseProps as RootProviderBaseProps, type PaginationRootProviderProps as RootProviderProps, -} from './pagination-root-provider' +} from './pagination-root-provider.tsx' diff --git a/packages/react/src/components/pagination/tests/basic.tsx b/packages/react/src/components/pagination/tests/basic.tsx index 4731bc9a09..3420bad4c3 100644 --- a/packages/react/src/components/pagination/tests/basic.tsx +++ b/packages/react/src/components/pagination/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Pagination } from '../' +import { Pagination } from '../index.ts' export const ComponentUnderTest = (props: Pagination.RootProps) => ( diff --git a/packages/react/src/components/pagination/tests/pagination.test.tsx b/packages/react/src/components/pagination/tests/pagination.test.tsx index 33d8262b92..cb33e17c80 100644 --- a/packages/react/src/components/pagination/tests/pagination.test.tsx +++ b/packages/react/src/components/pagination/tests/pagination.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Pagination', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/pagination/use-pagination-context.ts b/packages/react/src/components/pagination/use-pagination-context.ts index da2c9b10f0..8a3d6593a9 100644 --- a/packages/react/src/components/pagination/use-pagination-context.ts +++ b/packages/react/src/components/pagination/use-pagination-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UsePaginationReturn } from './use-pagination' +import { createContext } from '../../utils/create-context.ts' +import type { UsePaginationReturn } from './use-pagination.ts' export interface UsePaginationContext extends UsePaginationReturn {} diff --git a/packages/react/src/components/pagination/use-pagination.ts b/packages/react/src/components/pagination/use-pagination.ts index b5dce48f74..8e73975b90 100644 --- a/packages/react/src/components/pagination/use-pagination.ts +++ b/packages/react/src/components/pagination/use-pagination.ts @@ -3,8 +3,8 @@ import * as pagination from '@zag-js/pagination' 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 UsePaginationProps extends Optional, 'id'> {} export interface UsePaginationReturn extends pagination.Api {} diff --git a/packages/react/src/components/password-input/index.ts b/packages/react/src/components/password-input/index.ts index 8fb3348c4a..496ad2bb8e 100644 --- a/packages/react/src/components/password-input/index.ts +++ b/packages/react/src/components/password-input/index.ts @@ -1,38 +1,42 @@ export type { VisibilityChangeDetails as PasswordInputVisibilityChangeDetails } from '@zag-js/password-input' -export { PasswordInputContext, type PasswordInputContextProps } from './password-input-context' +export { PasswordInputContext, type PasswordInputContextProps } from './password-input-context.tsx' export { PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, -} from './password-input-control' +} from './password-input-control.tsx' export { PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, -} from './password-input-indicator' +} from './password-input-indicator.tsx' export { PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, -} from './password-input-input' +} from './password-input-input.tsx' export { PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, -} from './password-input-label' -export { PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps } from './password-input-root' +} from './password-input-label.tsx' +export { + PasswordInputRoot, + type PasswordInputRootBaseProps, + type PasswordInputRootProps, +} from './password-input-root.tsx' export { PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, -} from './password-input-root-provider' +} from './password-input-root-provider.tsx' export { PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, -} from './password-input-visibility-trigger' -export { passwordInputAnatomy } from './password-input.anatomy' -export { usePasswordInput, type UsePasswordInputProps, type UsePasswordInputReturn } from './use-password-input' -export { usePasswordInputContext, type UsePasswordInputContext } from './use-password-input-context' +} from './password-input-visibility-trigger.tsx' +export { passwordInputAnatomy } from './password-input.anatomy.ts' +export { usePasswordInput, type UsePasswordInputProps, type UsePasswordInputReturn } from './use-password-input.ts' +export { usePasswordInputContext, type UsePasswordInputContext } from './use-password-input-context.ts' -export * as PasswordInput from './password-input' +export * as PasswordInput from './password-input.ts' diff --git a/packages/react/src/components/password-input/password-input-context.tsx b/packages/react/src/components/password-input/password-input-context.tsx index 5c6c7ce0e5..44aed019c6 100644 --- a/packages/react/src/components/password-input/password-input-context.tsx +++ b/packages/react/src/components/password-input/password-input-context.tsx @@ -1,8 +1,8 @@ 'use client' import type { ReactNode } from 'react' -import type { UsePasswordInputReturn } from './use-password-input' -import { usePasswordInputContext } from './use-password-input-context' +import type { UsePasswordInputReturn } from './use-password-input.ts' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputContextProps { children: (context: UsePasswordInputReturn) => ReactNode diff --git a/packages/react/src/components/password-input/password-input-control.tsx b/packages/react/src/components/password-input/password-input-control.tsx index 723f9ef35a..749a9dfd3e 100644 --- a/packages/react/src/components/password-input/password-input-control.tsx +++ b/packages/react/src/components/password-input/password-input-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputControlBaseProps extends PolymorphicProps {} export interface PasswordInputControlProps extends HTMLProps<'div'>, PasswordInputControlBaseProps {} diff --git a/packages/react/src/components/password-input/password-input-indicator.tsx b/packages/react/src/components/password-input/password-input-indicator.tsx index 829cdc7e64..f718f6af17 100644 --- a/packages/react/src/components/password-input/password-input-indicator.tsx +++ b/packages/react/src/components/password-input/password-input-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputIndicatorBaseProps extends PolymorphicProps { /** diff --git a/packages/react/src/components/password-input/password-input-input.tsx b/packages/react/src/components/password-input/password-input-input.tsx index 3d8220c00a..67df90a464 100644 --- a/packages/react/src/components/password-input/password-input-input.tsx +++ b/packages/react/src/components/password-input/password-input-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputInputBaseProps extends PolymorphicProps {} export interface PasswordInputInputProps extends HTMLProps<'input'>, PasswordInputInputBaseProps {} diff --git a/packages/react/src/components/password-input/password-input-label.tsx b/packages/react/src/components/password-input/password-input-label.tsx index 8ff951f5cd..30ac2d51de 100644 --- a/packages/react/src/components/password-input/password-input-label.tsx +++ b/packages/react/src/components/password-input/password-input-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputLabelBaseProps extends PolymorphicProps {} export interface PasswordInputLabelProps extends HTMLProps<'label'>, PasswordInputLabelBaseProps {} diff --git a/packages/react/src/components/password-input/password-input-root-provider.tsx b/packages/react/src/components/password-input/password-input-root-provider.tsx index 21c422bdd3..a905596c8a 100644 --- a/packages/react/src/components/password-input/password-input-root-provider.tsx +++ b/packages/react/src/components/password-input/password-input-root-provider.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UsePasswordInputReturn } from './use-password-input' -import { PasswordInputProvider } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UsePasswordInputReturn } from './use-password-input.ts' +import { PasswordInputProvider } from './use-password-input-context.ts' interface RootProviderProps { value: UsePasswordInputReturn diff --git a/packages/react/src/components/password-input/password-input-root.tsx b/packages/react/src/components/password-input/password-input-root.tsx index e0318b468f..b66b05a60b 100644 --- a/packages/react/src/components/password-input/password-input-root.tsx +++ b/packages/react/src/components/password-input/password-input-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UsePasswordInputProps, usePasswordInput } from './use-password-input' -import { PasswordInputProvider } from './use-password-input-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UsePasswordInputProps, usePasswordInput } from './use-password-input.ts' +import { PasswordInputProvider } from './use-password-input-context.ts' export interface PasswordInputRootBaseProps extends UsePasswordInputProps, PolymorphicProps {} export interface PasswordInputRootProps extends Assign, PasswordInputRootBaseProps> {} diff --git a/packages/react/src/components/password-input/password-input-visibility-trigger.tsx b/packages/react/src/components/password-input/password-input-visibility-trigger.tsx index 6b7ec7c8bf..5d783f8b89 100644 --- a/packages/react/src/components/password-input/password-input-visibility-trigger.tsx +++ b/packages/react/src/components/password-input/password-input-visibility-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {} export interface PasswordInputVisibilityTriggerProps diff --git a/packages/react/src/components/password-input/password-input.stories.tsx b/packages/react/src/components/password-input/password-input.stories.tsx index a7d1d1b252..7609a13250 100644 --- a/packages/react/src/components/password-input/password-input.stories.tsx +++ b/packages/react/src/components/password-input/password-input.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Autocomplete } from './examples/autocomplete' -export { Basic } from './examples/basic' -export { ControlledVisibility } from './examples/controlled-visibility' -export { IgnorePasswordManager } from './examples/ignore-password-manager' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { StrengthMeter } from './examples/strength-meter' -export { WithValidation } from './examples/with-validation' +export { Autocomplete } from './examples/autocomplete.tsx' +export { Basic } from './examples/basic.tsx' +export { ControlledVisibility } from './examples/controlled-visibility.tsx' +export { IgnorePasswordManager } from './examples/ignore-password-manager.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { StrengthMeter } from './examples/strength-meter.tsx' +export { WithValidation } from './examples/with-validation.tsx' diff --git a/packages/react/src/components/password-input/password-input.ts b/packages/react/src/components/password-input/password-input.ts index 9923f2f3f4..626f60dc56 100644 --- a/packages/react/src/components/password-input/password-input.ts +++ b/packages/react/src/components/password-input/password-input.ts @@ -2,39 +2,39 @@ export type { VisibilityChangeDetails } from '@zag-js/password-input' export { PasswordInputContext as Context, type PasswordInputContextProps as ContextProps, -} from './password-input-context' +} from './password-input-context.tsx' export { PasswordInputControl as Control, type PasswordInputControlBaseProps as ControlBaseProps, type PasswordInputControlProps as ControlProps, -} from './password-input-control' +} from './password-input-control.tsx' export { PasswordInputIndicator as Indicator, type PasswordInputIndicatorBaseProps as IndicatorBaseProps, type PasswordInputIndicatorProps as IndicatorProps, -} from './password-input-indicator' +} from './password-input-indicator.tsx' export { PasswordInputInput as Input, type PasswordInputInputBaseProps as InputBaseProps, type PasswordInputInputProps as InputProps, -} from './password-input-input' +} from './password-input-input.tsx' export { PasswordInputLabel as Label, type PasswordInputLabelBaseProps as LabelBaseProps, type PasswordInputLabelProps as LabelProps, -} from './password-input-label' +} from './password-input-label.tsx' export { PasswordInputRoot as Root, type PasswordInputRootBaseProps as RootBaseProps, type PasswordInputRootProps as RootProps, -} from './password-input-root' +} from './password-input-root.tsx' export { PasswordInputRootProvider as RootProvider, type PasswordInputRootProviderBaseProps as RootProviderBaseProps, type PasswordInputRootProviderProps as RootProviderProps, -} from './password-input-root-provider' +} from './password-input-root-provider.tsx' export { PasswordInputVisibilityTrigger as VisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps as VisibilityTriggerProps, -} from './password-input-visibility-trigger' +} from './password-input-visibility-trigger.tsx' diff --git a/packages/react/src/components/password-input/use-password-input-context.ts b/packages/react/src/components/password-input/use-password-input-context.ts index f9f20cee8a..7f33ec696b 100644 --- a/packages/react/src/components/password-input/use-password-input-context.ts +++ b/packages/react/src/components/password-input/use-password-input-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UsePasswordInputReturn } from './use-password-input' +import { createContext } from '../../utils/create-context.ts' +import type { UsePasswordInputReturn } from './use-password-input.ts' export interface UsePasswordInputContext extends UsePasswordInputReturn {} diff --git a/packages/react/src/components/password-input/use-password-input.ts b/packages/react/src/components/password-input/use-password-input.ts index 1d9aff838f..8a6008abbb 100644 --- a/packages/react/src/components/password-input/use-password-input.ts +++ b/packages/react/src/components/password-input/use-password-input.ts @@ -3,9 +3,9 @@ import * as passwordInput from '@zag-js/password-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UsePasswordInputProps extends Optional, 'id'> {} export interface UsePasswordInputReturn extends passwordInput.Api {} diff --git a/packages/react/src/components/pin-input/index.ts b/packages/react/src/components/pin-input/index.ts index fa1f6e4db5..4cc5ebf4c3 100644 --- a/packages/react/src/components/pin-input/index.ts +++ b/packages/react/src/components/pin-input/index.ts @@ -2,23 +2,23 @@ export type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails, } from '@zag-js/pin-input' -export { PinInputContext, type PinInputContextProps } from './pin-input-context' -export { PinInputControl, type PinInputControlBaseProps, type PinInputControlProps } from './pin-input-control' +export { PinInputContext, type PinInputContextProps } from './pin-input-context.tsx' +export { PinInputControl, type PinInputControlBaseProps, type PinInputControlProps } from './pin-input-control.tsx' export { PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, -} from './pin-input-hidden-input' -export { PinInputInput, type PinInputInputBaseProps, type PinInputInputProps } from './pin-input-input' -export { PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps } from './pin-input-label' -export { PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps } from './pin-input-root' +} from './pin-input-hidden-input.tsx' +export { PinInputInput, type PinInputInputBaseProps, type PinInputInputProps } from './pin-input-input.tsx' +export { PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps } from './pin-input-label.tsx' +export { PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps } from './pin-input-root.tsx' export { PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, -} from './pin-input-root-provider' -export { pinInputAnatomy } from './pin-input.anatomy' -export { usePinInput, type UsePinInputProps, type UsePinInputReturn } from './use-pin-input' -export { usePinInputContext, type UsePinInputContext } from './use-pin-input-context' +} from './pin-input-root-provider.tsx' +export { pinInputAnatomy } from './pin-input.anatomy.ts' +export { usePinInput, type UsePinInputProps, type UsePinInputReturn } from './use-pin-input.ts' +export { usePinInputContext, type UsePinInputContext } from './use-pin-input-context.ts' -export * as PinInput from './pin-input' +export * as PinInput from './pin-input.ts' diff --git a/packages/react/src/components/pin-input/pin-input-context.tsx b/packages/react/src/components/pin-input/pin-input-context.tsx index 1eb4b3d372..d44160e50e 100644 --- a/packages/react/src/components/pin-input/pin-input-context.tsx +++ b/packages/react/src/components/pin-input/pin-input-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UsePinInputContext, usePinInputContext } from './use-pin-input-context' +import { type UsePinInputContext, usePinInputContext } from './use-pin-input-context.ts' export interface PinInputContextProps { children: (context: UsePinInputContext) => ReactNode diff --git a/packages/react/src/components/pin-input/pin-input-control.tsx b/packages/react/src/components/pin-input/pin-input-control.tsx index a441d58562..d4b055936f 100644 --- a/packages/react/src/components/pin-input/pin-input-control.tsx +++ b/packages/react/src/components/pin-input/pin-input-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePinInputContext } from './use-pin-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputControlBaseProps extends PolymorphicProps {} export interface PinInputControlProps extends HTMLProps<'div'>, PinInputControlBaseProps {} diff --git a/packages/react/src/components/pin-input/pin-input-hidden-input.tsx b/packages/react/src/components/pin-input/pin-input-hidden-input.tsx index d01727ea58..edc13f7beb 100644 --- a/packages/react/src/components/pin-input/pin-input-hidden-input.tsx +++ b/packages/react/src/components/pin-input/pin-input-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { usePinInputContext } from './use-pin-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputHiddenInputBaseProps extends PolymorphicProps {} export interface PinInputHiddenInputProps extends HTMLProps<'input'>, PinInputHiddenInputBaseProps {} diff --git a/packages/react/src/components/pin-input/pin-input-input.tsx b/packages/react/src/components/pin-input/pin-input-input.tsx index 1ae1975012..b6667138ab 100644 --- a/packages/react/src/components/pin-input/pin-input-input.tsx +++ b/packages/react/src/components/pin-input/pin-input-input.tsx @@ -3,9 +3,9 @@ import type { InputProps } from '@zag-js/pin-input' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePinInputContext } from './use-pin-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputInputBaseProps extends InputProps, PolymorphicProps {} export interface PinInputInputProps extends HTMLProps<'input'>, PinInputInputBaseProps {} diff --git a/packages/react/src/components/pin-input/pin-input-label.tsx b/packages/react/src/components/pin-input/pin-input-label.tsx index 42cac3cd25..a149190919 100644 --- a/packages/react/src/components/pin-input/pin-input-label.tsx +++ b/packages/react/src/components/pin-input/pin-input-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePinInputContext } from './use-pin-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputLabelBaseProps extends PolymorphicProps {} export interface PinInputLabelProps extends HTMLProps<'label'>, PinInputLabelBaseProps {} diff --git a/packages/react/src/components/pin-input/pin-input-root-provider.tsx b/packages/react/src/components/pin-input/pin-input-root-provider.tsx index dd2aa158cf..fb43b2db21 100644 --- a/packages/react/src/components/pin-input/pin-input-root-provider.tsx +++ b/packages/react/src/components/pin-input/pin-input-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UsePinInputReturn } from './use-pin-input' -import { PinInputProvider } from './use-pin-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UsePinInputReturn } from './use-pin-input.ts' +import { PinInputProvider } from './use-pin-input-context.ts' interface RootProviderProps { value: UsePinInputReturn diff --git a/packages/react/src/components/pin-input/pin-input-root.tsx b/packages/react/src/components/pin-input/pin-input-root.tsx index bea8a5e803..4c634441ad 100644 --- a/packages/react/src/components/pin-input/pin-input-root.tsx +++ b/packages/react/src/components/pin-input/pin-input-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UsePinInputProps, usePinInput } from './use-pin-input' -import { PinInputProvider } from './use-pin-input-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UsePinInputProps, usePinInput } from './use-pin-input.ts' +import { PinInputProvider } from './use-pin-input-context.ts' export interface PinInputRootBaseProps extends UsePinInputProps, PolymorphicProps {} export interface PinInputRootProps extends Assign, PinInputRootBaseProps> {} diff --git a/packages/react/src/components/pin-input/pin-input.stories.tsx b/packages/react/src/components/pin-input/pin-input.stories.tsx index 1e7edc6c47..2b63ca4e4f 100644 --- a/packages/react/src/components/pin-input/pin-input.stories.tsx +++ b/packages/react/src/components/pin-input/pin-input.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { BlurOnComplete } from './examples/blur-on-complete' -export { CustomPlaceholder } from './examples/custom-placeholder' -export { OTPMode } from './examples/otp-mode' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { Mask } from './examples/mask' +export { Basic } from './examples/basic.tsx' +export { BlurOnComplete } from './examples/blur-on-complete.tsx' +export { CustomPlaceholder } from './examples/custom-placeholder.tsx' +export { OTPMode } from './examples/otp-mode.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { Mask } from './examples/mask.tsx' diff --git a/packages/react/src/components/pin-input/pin-input.ts b/packages/react/src/components/pin-input/pin-input.ts index 935e36b181..fea20c9ec4 100644 --- a/packages/react/src/components/pin-input/pin-input.ts +++ b/packages/react/src/components/pin-input/pin-input.ts @@ -1,32 +1,32 @@ export type { ValueChangeDetails, ValueInvalidDetails } from '@zag-js/pin-input' -export { PinInputContext as Context, type PinInputContextProps as ContextProps } from './pin-input-context' +export { PinInputContext as Context, type PinInputContextProps as ContextProps } from './pin-input-context.tsx' export { PinInputControl as Control, type PinInputControlBaseProps as ControlBaseProps, type PinInputControlProps as ControlProps, -} from './pin-input-control' +} from './pin-input-control.tsx' export { PinInputHiddenInput as HiddenInput, type PinInputHiddenInputBaseProps as HiddenInputBaseProps, type PinInputHiddenInputProps as HiddenInputProps, -} from './pin-input-hidden-input' +} from './pin-input-hidden-input.tsx' export { PinInputInput as Input, type PinInputInputBaseProps as InputBaseProps, type PinInputInputProps as InputProps, -} from './pin-input-input' +} from './pin-input-input.tsx' export { PinInputLabel as Label, type PinInputLabelBaseProps as LabelBaseProps, type PinInputLabelProps as LabelProps, -} from './pin-input-label' +} from './pin-input-label.tsx' export { PinInputRoot as Root, type PinInputRootBaseProps as RootBaseProps, type PinInputRootProps as RootProps, -} from './pin-input-root' +} from './pin-input-root.tsx' export { PinInputRootProvider as RootProvider, type PinInputRootProviderBaseProps as RootProviderBaseProps, type PinInputRootProviderProps as RootProviderProps, -} from './pin-input-root-provider' +} from './pin-input-root-provider.tsx' diff --git a/packages/react/src/components/pin-input/tests/basic.tsx b/packages/react/src/components/pin-input/tests/basic.tsx index 70cc8d1d70..4fb8afbe6f 100644 --- a/packages/react/src/components/pin-input/tests/basic.tsx +++ b/packages/react/src/components/pin-input/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/react/field' -import { PinInput } from '../' +import { PinInput } from '../index.ts' export const ComponentUnderTest = (props: PinInput.RootProps) => ( diff --git a/packages/react/src/components/pin-input/tests/pin-input.test.tsx b/packages/react/src/components/pin-input/tests/pin-input.test.tsx index d0f99fd882..a4689526c8 100644 --- a/packages/react/src/components/pin-input/tests/pin-input.test.tsx +++ b/packages/react/src/components/pin-input/tests/pin-input.test.tsx @@ -1,7 +1,7 @@ import { act, fireEvent, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, PinInputWithField } from './basic' +import { ComponentUnderTest, PinInputWithField } from './basic.tsx' describe('PinInput', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/pin-input/use-pin-input-context.ts b/packages/react/src/components/pin-input/use-pin-input-context.ts index 78449dc92e..dc6dc0cdca 100644 --- a/packages/react/src/components/pin-input/use-pin-input-context.ts +++ b/packages/react/src/components/pin-input/use-pin-input-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UsePinInputReturn } from './use-pin-input' +import { createContext } from '../../utils/create-context.ts' +import type { UsePinInputReturn } from './use-pin-input.ts' export interface UsePinInputContext extends UsePinInputReturn {} diff --git a/packages/react/src/components/pin-input/use-pin-input.ts b/packages/react/src/components/pin-input/use-pin-input.ts index 6077d95880..7802413c9e 100644 --- a/packages/react/src/components/pin-input/use-pin-input.ts +++ b/packages/react/src/components/pin-input/use-pin-input.ts @@ -3,9 +3,9 @@ import * as pinInput from '@zag-js/pin-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UsePinInputProps extends Optional, 'id'> {} export interface UsePinInputReturn extends pinInput.Api {} diff --git a/packages/react/src/components/popover/index.ts b/packages/react/src/components/popover/index.ts index fd11e4d656..f368b84b2f 100644 --- a/packages/react/src/components/popover/index.ts +++ b/packages/react/src/components/popover/index.ts @@ -5,33 +5,37 @@ export type { PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, TriggerValueChangeDetails as PopoverTriggerValueChangeDetails, } from '@zag-js/popover' -export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor' -export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow' -export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip' +export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor.tsx' +export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow.tsx' +export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip.tsx' export { PopoverCloseTrigger, type PopoverCloseTriggerBaseProps, type PopoverCloseTriggerProps, -} from './popover-close-trigger' -export { PopoverContent, type PopoverContentBaseProps, type PopoverContentProps } from './popover-content' -export { PopoverContext, type PopoverContextProps } from './popover-context' +} from './popover-close-trigger.tsx' +export { PopoverContent, type PopoverContentBaseProps, type PopoverContentProps } from './popover-content.tsx' +export { PopoverContext, type PopoverContextProps } from './popover-context.tsx' export { PopoverDescription, type PopoverDescriptionBaseProps, type PopoverDescriptionProps, -} from './popover-description' -export { PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps } from './popover-indicator' -export { PopoverPositioner, type PopoverPositionerBaseProps, type PopoverPositionerProps } from './popover-positioner' -export { PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps } from './popover-root' +} from './popover-description.tsx' +export { PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps } from './popover-indicator.tsx' +export { + PopoverPositioner, + type PopoverPositionerBaseProps, + type PopoverPositionerProps, +} from './popover-positioner.tsx' +export { PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps } from './popover-root.tsx' export { PopoverRootProvider, type PopoverRootProviderBaseProps, type PopoverRootProviderProps, -} from './popover-root-provider' -export { PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps } from './popover-title' -export { PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps } from './popover-trigger' -export { popoverAnatomy } from './popover.anatomy' -export { usePopover, type UsePopoverProps, type UsePopoverReturn } from './use-popover' -export { usePopoverContext, type UsePopoverContext } from './use-popover-context' +} from './popover-root-provider.tsx' +export { PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps } from './popover-title.tsx' +export { PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps } from './popover-trigger.tsx' +export { popoverAnatomy } from './popover.anatomy.ts' +export { usePopover, type UsePopoverProps, type UsePopoverReturn } from './use-popover.ts' +export { usePopoverContext, type UsePopoverContext } from './use-popover-context.ts' -export * as Popover from './popover' +export * as Popover from './popover.ts' diff --git a/packages/react/src/components/popover/popover-anchor.tsx b/packages/react/src/components/popover/popover-anchor.tsx index b3a093a0e4..dc9f00f6e7 100644 --- a/packages/react/src/components/popover/popover-anchor.tsx +++ b/packages/react/src/components/popover/popover-anchor.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverAnchorBaseProps extends PolymorphicProps {} export interface PopoverAnchorProps extends HTMLProps<'div'>, PopoverAnchorBaseProps {} diff --git a/packages/react/src/components/popover/popover-arrow-tip.tsx b/packages/react/src/components/popover/popover-arrow-tip.tsx index c08d42d2d7..33e48a6155 100644 --- a/packages/react/src/components/popover/popover-arrow-tip.tsx +++ b/packages/react/src/components/popover/popover-arrow-tip.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverArrowTipBaseProps extends PolymorphicProps {} export interface PopoverArrowTipProps extends HTMLProps<'div'>, PopoverArrowTipBaseProps {} diff --git a/packages/react/src/components/popover/popover-arrow.tsx b/packages/react/src/components/popover/popover-arrow.tsx index 86692fec53..1ca235e3df 100644 --- a/packages/react/src/components/popover/popover-arrow.tsx +++ b/packages/react/src/components/popover/popover-arrow.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverArrowBaseProps extends PolymorphicProps {} export interface PopoverArrowProps extends HTMLProps<'div'>, PopoverArrowBaseProps {} diff --git a/packages/react/src/components/popover/popover-close-trigger.tsx b/packages/react/src/components/popover/popover-close-trigger.tsx index 9d4bac5425..77e04fc63d 100644 --- a/packages/react/src/components/popover/popover-close-trigger.tsx +++ b/packages/react/src/components/popover/popover-close-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverCloseTriggerBaseProps extends PolymorphicProps {} export interface PopoverCloseTriggerProps extends HTMLProps<'button'>, PopoverCloseTriggerBaseProps {} diff --git a/packages/react/src/components/popover/popover-content.tsx b/packages/react/src/components/popover/popover-content.tsx index c07374fea1..86aa22722d 100644 --- a/packages/react/src/components/popover/popover-content.tsx +++ b/packages/react/src/components/popover/popover-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { usePopoverContext } from './use-popover-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverContentBaseProps extends PolymorphicProps {} export interface PopoverContentProps extends HTMLProps<'div'>, PopoverContentBaseProps {} diff --git a/packages/react/src/components/popover/popover-context.tsx b/packages/react/src/components/popover/popover-context.tsx index d01346c2d3..f0153bcdbf 100644 --- a/packages/react/src/components/popover/popover-context.tsx +++ b/packages/react/src/components/popover/popover-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UsePopoverContext, usePopoverContext } from './use-popover-context' +import { type UsePopoverContext, usePopoverContext } from './use-popover-context.ts' export interface PopoverContextProps { children: (context: UsePopoverContext) => ReactNode diff --git a/packages/react/src/components/popover/popover-description.tsx b/packages/react/src/components/popover/popover-description.tsx index b23a64a4b1..e2989c65dd 100644 --- a/packages/react/src/components/popover/popover-description.tsx +++ b/packages/react/src/components/popover/popover-description.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverDescriptionBaseProps extends PolymorphicProps {} export interface PopoverDescriptionProps extends HTMLProps<'div'>, PopoverDescriptionBaseProps {} diff --git a/packages/react/src/components/popover/popover-indicator.tsx b/packages/react/src/components/popover/popover-indicator.tsx index bae1f89ff9..d6e04a2681 100644 --- a/packages/react/src/components/popover/popover-indicator.tsx +++ b/packages/react/src/components/popover/popover-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverIndicatorBaseProps extends PolymorphicProps {} export interface PopoverIndicatorProps extends HTMLProps<'div'>, PopoverIndicatorBaseProps {} diff --git a/packages/react/src/components/popover/popover-positioner.tsx b/packages/react/src/components/popover/popover-positioner.tsx index 5557368768..3dac194221 100644 --- a/packages/react/src/components/popover/popover-positioner.tsx +++ b/packages/react/src/components/popover/popover-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverPositionerBaseProps extends PolymorphicProps {} export interface PopoverPositionerProps extends HTMLProps<'div'>, PopoverPositionerBaseProps {} diff --git a/packages/react/src/components/popover/popover-root-provider.tsx b/packages/react/src/components/popover/popover-root-provider.tsx index 4a9df82b8a..2ceadc6b2c 100644 --- a/packages/react/src/components/popover/popover-root-provider.tsx +++ b/packages/react/src/components/popover/popover-root-provider.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import type { UsePopoverReturn } from './use-popover' -import { PopoverProvider } from './use-popover-context' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import type { UsePopoverReturn } from './use-popover.ts' +import { PopoverProvider } from './use-popover-context.ts' interface RootProviderProps { value: UsePopoverReturn diff --git a/packages/react/src/components/popover/popover-root.tsx b/packages/react/src/components/popover/popover-root.tsx index d77e6d801e..1d9df9d464 100644 --- a/packages/react/src/components/popover/popover-root.tsx +++ b/packages/react/src/components/popover/popover-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UsePopoverProps, usePopover } from './use-popover' -import { PopoverProvider } from './use-popover-context' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UsePopoverProps, usePopover } from './use-popover.ts' +import { PopoverProvider } from './use-popover-context.ts' export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {} export interface PopoverRootProps extends PopoverRootBaseProps { diff --git a/packages/react/src/components/popover/popover-title.tsx b/packages/react/src/components/popover/popover-title.tsx index 07823bc964..a374b54a6a 100644 --- a/packages/react/src/components/popover/popover-title.tsx +++ b/packages/react/src/components/popover/popover-title.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverTitleBaseProps extends PolymorphicProps {} export interface PopoverTitleProps extends HTMLProps<'div'>, PopoverTitleBaseProps {} diff --git a/packages/react/src/components/popover/popover-trigger.tsx b/packages/react/src/components/popover/popover-trigger.tsx index c18304559f..4bd9f94d9d 100644 --- a/packages/react/src/components/popover/popover-trigger.tsx +++ b/packages/react/src/components/popover/popover-trigger.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/popover' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { usePopoverContext } from './use-popover-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface PopoverTriggerProps extends Assign, PopoverTriggerBaseProps> {} diff --git a/packages/react/src/components/popover/popover.stories.tsx b/packages/react/src/components/popover/popover.stories.tsx index f24d6f32f6..dcfd2e16fb 100644 --- a/packages/react/src/components/popover/popover.stories.tsx +++ b/packages/react/src/components/popover/popover.stories.tsx @@ -6,19 +6,19 @@ const meta: Meta = { export default meta -export { Anchor } from './examples/anchor' -export { Arrow } from './examples/arrow' -export { Basic } from './examples/basic' -export { CloseBehavior } from './examples/close-behavior' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { DisableOutsideClick } from './examples/disable-outside-click' -export { InitialFocusEl } from './examples/initial-focus' -export { LazyMount } from './examples/lazy-mount' -export { Modal } from './examples/modal' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Nested } from './examples/nested' -export { Positioning } from './examples/positioning' -export { RootProvider } from './examples/root-provider' -export { SameWidth } from './examples/same-width' -export { WithDialog } from './examples/with-dialog' +export { Anchor } from './examples/anchor.tsx' +export { Arrow } from './examples/arrow.tsx' +export { Basic } from './examples/basic.tsx' +export { CloseBehavior } from './examples/close-behavior.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DisableOutsideClick } from './examples/disable-outside-click.tsx' +export { InitialFocusEl } from './examples/initial-focus.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Modal } from './examples/modal.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Nested } from './examples/nested.tsx' +export { Positioning } from './examples/positioning.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SameWidth } from './examples/same-width.tsx' +export { WithDialog } from './examples/with-dialog.tsx' diff --git a/packages/react/src/components/popover/popover.ts b/packages/react/src/components/popover/popover.ts index c245e399dc..7da7cfa968 100644 --- a/packages/react/src/components/popover/popover.ts +++ b/packages/react/src/components/popover/popover.ts @@ -9,60 +9,60 @@ export { PopoverAnchor as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, -} from './popover-anchor' +} from './popover-anchor.tsx' export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, -} from './popover-arrow' +} from './popover-arrow.tsx' export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, -} from './popover-arrow-tip' +} from './popover-arrow-tip.tsx' export { PopoverCloseTrigger as CloseTrigger, type PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, type PopoverCloseTriggerProps as CloseTriggerProps, -} from './popover-close-trigger' +} from './popover-close-trigger.tsx' export { PopoverContent as Content, type PopoverContentBaseProps as ContentBaseProps, type PopoverContentProps as ContentProps, -} from './popover-content' -export { PopoverContext as Context, type PopoverContextProps as ContextProps } from './popover-context' +} from './popover-content.tsx' +export { PopoverContext as Context, type PopoverContextProps as ContextProps } from './popover-context.tsx' export { PopoverDescription as Description, type PopoverDescriptionBaseProps as DescriptionBaseProps, type PopoverDescriptionProps as DescriptionProps, -} from './popover-description' +} from './popover-description.tsx' export { PopoverIndicator as Indicator, type PopoverIndicatorBaseProps as IndicatorBaseProps, type PopoverIndicatorProps as IndicatorProps, -} from './popover-indicator' +} from './popover-indicator.tsx' export { PopoverPositioner as Positioner, type PopoverPositionerBaseProps as PositionerBaseProps, type PopoverPositionerProps as PositionerProps, -} from './popover-positioner' +} from './popover-positioner.tsx' export { PopoverRoot as Root, type PopoverRootBaseProps as RootBaseProps, type PopoverRootProps as RootProps, -} from './popover-root' +} from './popover-root.tsx' export { PopoverRootProvider as RootProvider, type PopoverRootProviderBaseProps as RootProviderBaseProps, type PopoverRootProviderProps as RootProviderProps, -} from './popover-root-provider' +} from './popover-root-provider.tsx' export { PopoverTitle as Title, type PopoverTitleBaseProps as TitleBaseProps, type PopoverTitleProps as TitleProps, -} from './popover-title' +} from './popover-title.tsx' export { PopoverTrigger as Trigger, type PopoverTriggerBaseProps as TriggerBaseProps, type PopoverTriggerProps as TriggerProps, -} from './popover-trigger' +} from './popover-trigger.tsx' diff --git a/packages/react/src/components/popover/tests/basic.tsx b/packages/react/src/components/popover/tests/basic.tsx index 9bf9a877c3..b3c39126f8 100644 --- a/packages/react/src/components/popover/tests/basic.tsx +++ b/packages/react/src/components/popover/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Popover } from '../' +import { Popover } from '../index.ts' export const ComponentUnderTest = (props: Popover.RootProps) => ( diff --git a/packages/react/src/components/popover/tests/controlled.tsx b/packages/react/src/components/popover/tests/controlled.tsx index 4a330cf941..6028151027 100644 --- a/packages/react/src/components/popover/tests/controlled.tsx +++ b/packages/react/src/components/popover/tests/controlled.tsx @@ -1,6 +1,6 @@ import { useState } from 'react' import type { Popover } from '..' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' export const ControlledComponentUnderTest = (props: Popover.RootProps) => { const [open, setOpen] = useState(false) diff --git a/packages/react/src/components/popover/tests/popover.test.tsx b/packages/react/src/components/popover/tests/popover.test.tsx index 47263264d2..7c0dd27b89 100644 --- a/packages/react/src/components/popover/tests/popover.test.tsx +++ b/packages/react/src/components/popover/tests/popover.test.tsx @@ -1,8 +1,8 @@ import { act, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' -import { ControlledComponentUnderTest } from './controlled' +import { ComponentUnderTest } from './basic.tsx' +import { ControlledComponentUnderTest } from './controlled.tsx' describe('Popover', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/popover/use-popover-context.ts b/packages/react/src/components/popover/use-popover-context.ts index d42eab719a..b5cda8d83a 100644 --- a/packages/react/src/components/popover/use-popover-context.ts +++ b/packages/react/src/components/popover/use-popover-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UsePopoverReturn } from './use-popover' +import { createContext } from '../../utils/create-context.ts' +import type { UsePopoverReturn } from './use-popover.ts' export interface UsePopoverContext extends UsePopoverReturn {} diff --git a/packages/react/src/components/popover/use-popover.ts b/packages/react/src/components/popover/use-popover.ts index c2a9a59cec..4477825494 100644 --- a/packages/react/src/components/popover/use-popover.ts +++ b/packages/react/src/components/popover/use-popover.ts @@ -3,8 +3,8 @@ import * as popover from '@zag-js/popover' 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 UsePopoverProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/portal/index.ts b/packages/react/src/components/portal/index.ts index bafe23a3bc..a52ea660f1 100644 --- a/packages/react/src/components/portal/index.ts +++ b/packages/react/src/components/portal/index.ts @@ -1 +1 @@ -export { Portal, type PortalProps } from './portal' +export { Portal, type PortalProps } from './portal.tsx' diff --git a/packages/react/src/components/portal/portal.test.tsx b/packages/react/src/components/portal/portal.test.tsx index 1923f849ed..de29a590e6 100644 --- a/packages/react/src/components/portal/portal.test.tsx +++ b/packages/react/src/components/portal/portal.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import { useRef } from 'react' -import { EnvironmentProvider } from '../../providers' -import { Portal } from './portal' +import { EnvironmentProvider } from '../../providers/index.ts' +import { Portal } from './portal.tsx' const PortalWithContainerTest = (props: { disabled?: boolean | undefined }) => { const container = useRef(null) diff --git a/packages/react/src/components/portal/portal.tsx b/packages/react/src/components/portal/portal.tsx index d4d396c81c..161c23f741 100644 --- a/packages/react/src/components/portal/portal.tsx +++ b/packages/react/src/components/portal/portal.tsx @@ -3,7 +3,7 @@ import { getDocument, isShadowRoot } from '@zag-js/dom-query' import { Children, type PropsWithChildren, type RefObject, useEffect, useState, useSyncExternalStore } from 'react' import { createPortal } from 'react-dom' -import { type RootNode, useEnvironmentContext } from '../../providers' +import { type RootNode, useEnvironmentContext } from '../../providers/index.ts' export interface PortalProps { disabled?: boolean | undefined diff --git a/packages/react/src/components/presence/index.ts b/packages/react/src/components/presence/index.ts index 363de1d967..c8914d96b9 100644 --- a/packages/react/src/components/presence/index.ts +++ b/packages/react/src/components/presence/index.ts @@ -1,4 +1,4 @@ -export { Presence, type PresenceBaseProps, type PresenceProps } from './presence' -export { splitPresenceProps } from './split-presence-props' -export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence' -export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context' +export { Presence, type PresenceBaseProps, type PresenceProps } from './presence.tsx' +export { splitPresenceProps } from './split-presence-props.ts' +export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence.ts' +export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context.ts' diff --git a/packages/react/src/components/presence/presence.stories.tsx b/packages/react/src/components/presence/presence.stories.tsx index 3286b32404..58eb1fc427 100644 --- a/packages/react/src/components/presence/presence.stories.tsx +++ b/packages/react/src/components/presence/presence.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { LazyMount } from './examples/lazy-mount' -export { LazyMountAndUnmountOnExit } from './examples/lazy-mount-and-unmount-on-exit' -export { SkipAnimationOnMount } from './examples/skip-animation-on-mount' -export { UnmountOnExit } from './examples/unmount-on-exit' +export { Basic } from './examples/basic.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { LazyMountAndUnmountOnExit } from './examples/lazy-mount-and-unmount-on-exit.tsx' +export { SkipAnimationOnMount } from './examples/skip-animation-on-mount.tsx' +export { UnmountOnExit } from './examples/unmount-on-exit.tsx' diff --git a/packages/react/src/components/presence/presence.test.tsx b/packages/react/src/components/presence/presence.test.tsx index 04c8fa4ace..e459247a9b 100644 --- a/packages/react/src/components/presence/presence.test.tsx +++ b/packages/react/src/components/presence/presence.test.tsx @@ -2,7 +2,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { useState } from 'react' import { axe } from 'vitest-axe' -import { Presence, type PresenceProps } from './' +import { Presence, type PresenceProps } from './index.ts' const ComponentUnderTest = (props: PresenceProps) => { const [present, setPresent] = useState(false) diff --git a/packages/react/src/components/presence/presence.tsx b/packages/react/src/components/presence/presence.tsx index a3fb94aeae..893862d743 100644 --- a/packages/react/src/components/presence/presence.tsx +++ b/packages/react/src/components/presence/presence.tsx @@ -1,8 +1,8 @@ import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { splitPresenceProps } from './split-presence-props' -import { type UsePresenceProps, usePresence } from './use-presence' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { splitPresenceProps } from './split-presence-props.ts' +import { type UsePresenceProps, usePresence } from './use-presence.ts' export interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {} export interface PresenceProps extends HTMLProps<'div'>, PresenceBaseProps {} diff --git a/packages/react/src/components/presence/split-presence-props.ts b/packages/react/src/components/presence/split-presence-props.ts index fa5d6718ce..1ae84e04ac 100644 --- a/packages/react/src/components/presence/split-presence-props.ts +++ b/packages/react/src/components/presence/split-presence-props.ts @@ -1,7 +1,7 @@ 'use client' -import { createSplitProps } from '../../utils/create-split-props' -import type { UsePresenceProps } from './use-presence' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UsePresenceProps } from './use-presence.ts' export const splitPresenceProps = (props: T) => createSplitProps()(props, [ diff --git a/packages/react/src/components/presence/use-presence-context.ts b/packages/react/src/components/presence/use-presence-context.ts index 4da790bfa2..bb234eda6b 100644 --- a/packages/react/src/components/presence/use-presence-context.ts +++ b/packages/react/src/components/presence/use-presence-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UsePresenceReturn } from './use-presence' +import { createContext } from '../../utils/create-context.ts' +import type { UsePresenceReturn } from './use-presence.ts' export interface UsePresenceContext extends UsePresenceReturn {} diff --git a/packages/react/src/components/presence/use-presence.ts b/packages/react/src/components/presence/use-presence.ts index 47184a521f..490998d75e 100644 --- a/packages/react/src/components/presence/use-presence.ts +++ b/packages/react/src/components/presence/use-presence.ts @@ -3,9 +3,9 @@ import * as presence from '@zag-js/presence' import { normalizeProps, useMachine } from '@zag-js/react' import { useRef } from 'react' -import type { Optional } from '../../types' -import type { RenderStrategyProps } from '../../utils/render-strategy' -import { useEvent } from '../../utils/use-event' +import type { Optional } from '../../types.ts' +import type { RenderStrategyProps } from '../../utils/render-strategy.ts' +import { useEvent } from '../../utils/use-event.ts' export interface UsePresenceProps extends Optional, RenderStrategyProps { /** diff --git a/packages/react/src/components/progress/index.ts b/packages/react/src/components/progress/index.ts index 6e41c5b9ea..d45f51f776 100644 --- a/packages/react/src/components/progress/index.ts +++ b/packages/react/src/components/progress/index.ts @@ -2,31 +2,35 @@ export type { ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails as ProgressValueTranslationDetails, } from '@zag-js/progress' -export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle' +export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle.tsx' export { ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, -} from './progress-circle-range' +} from './progress-circle-range.tsx' export { ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, -} from './progress-circle-track' -export { ProgressContext, type ProgressContextProps } from './progress-context' -export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label' -export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range' -export { ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root' +} from './progress-circle-track.tsx' +export { ProgressContext, type ProgressContextProps } from './progress-context.tsx' +export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label.tsx' +export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range.tsx' +export { ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root.tsx' export { ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, -} from './progress-root-provider' -export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track' -export { ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps } from './progress-value-text' -export { ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view' -export { progressAnatomy } from './progress.anatomy' -export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress' -export { useProgressContext, type UseProgressContext } from './use-progress-context' +} from './progress-root-provider.tsx' +export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track.tsx' +export { + ProgressValueText, + type ProgressValueTextBaseProps, + type ProgressValueTextProps, +} from './progress-value-text.tsx' +export { ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view.tsx' +export { progressAnatomy } from './progress.anatomy.ts' +export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress.ts' +export { useProgressContext, type UseProgressContext } from './use-progress-context.ts' -export * as Progress from './progress' +export * as Progress from './progress.ts' diff --git a/packages/react/src/components/progress/progress-circle-range.tsx b/packages/react/src/components/progress/progress-circle-range.tsx index 2d877ab220..f7b5fc38c3 100644 --- a/packages/react/src/components/progress/progress-circle-range.tsx +++ b/packages/react/src/components/progress/progress-circle-range.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressCircleRangeBaseProps extends PolymorphicProps {} export interface ProgressCircleRangeProps extends HTMLProps<'circle'>, ProgressCircleRangeBaseProps {} diff --git a/packages/react/src/components/progress/progress-circle-track.tsx b/packages/react/src/components/progress/progress-circle-track.tsx index 355ff5d14a..ee28f7513f 100644 --- a/packages/react/src/components/progress/progress-circle-track.tsx +++ b/packages/react/src/components/progress/progress-circle-track.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressCircleTrackBaseProps extends PolymorphicProps {} export interface ProgressCircleTrackProps extends HTMLProps<'circle'>, ProgressCircleTrackBaseProps {} diff --git a/packages/react/src/components/progress/progress-circle.tsx b/packages/react/src/components/progress/progress-circle.tsx index df8084a69c..c965dd628b 100644 --- a/packages/react/src/components/progress/progress-circle.tsx +++ b/packages/react/src/components/progress/progress-circle.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressCircleBaseProps extends PolymorphicProps {} export interface ProgressCircleProps extends HTMLProps<'svg'>, ProgressCircleBaseProps {} diff --git a/packages/react/src/components/progress/progress-circular.stories.tsx b/packages/react/src/components/progress/progress-circular.stories.tsx index e798073035..9a58afe3fa 100644 --- a/packages/react/src/components/progress/progress-circular.stories.tsx +++ b/packages/react/src/components/progress/progress-circular.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/circular/basic' -export { Controlled } from './examples/circular/controlled' -export { Indeterminate } from './examples/circular/indeterminate' -export { InitialValue } from './examples/circular/initial-value' -export { MinMax } from './examples/circular/min-max' -export { RootProvider } from './examples/circular/root-provider' -export { WithLabel } from './examples/circular/with-label' +export { Basic } from './examples/circular/basic.tsx' +export { Controlled } from './examples/circular/controlled.tsx' +export { Indeterminate } from './examples/circular/indeterminate.tsx' +export { InitialValue } from './examples/circular/initial-value.tsx' +export { MinMax } from './examples/circular/min-max.tsx' +export { RootProvider } from './examples/circular/root-provider.tsx' +export { WithLabel } from './examples/circular/with-label.tsx' diff --git a/packages/react/src/components/progress/progress-context.tsx b/packages/react/src/components/progress/progress-context.tsx index c368efc20a..ecf057a4d2 100644 --- a/packages/react/src/components/progress/progress-context.tsx +++ b/packages/react/src/components/progress/progress-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseProgressContext, useProgressContext } from './use-progress-context' +import { type UseProgressContext, useProgressContext } from './use-progress-context.ts' export interface ProgressContextProps { children: (context: UseProgressContext) => ReactNode diff --git a/packages/react/src/components/progress/progress-label.tsx b/packages/react/src/components/progress/progress-label.tsx index fa5eca69c2..221731b094 100644 --- a/packages/react/src/components/progress/progress-label.tsx +++ b/packages/react/src/components/progress/progress-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressLabelBaseProps extends PolymorphicProps {} export interface ProgressLabelProps extends HTMLProps<'span'>, ProgressLabelBaseProps {} diff --git a/packages/react/src/components/progress/progress-linear.stories.tsx b/packages/react/src/components/progress/progress-linear.stories.tsx index 12942c92a6..6171f91f16 100644 --- a/packages/react/src/components/progress/progress-linear.stories.tsx +++ b/packages/react/src/components/progress/progress-linear.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/linear/basic' -export { Controlled } from './examples/linear/controlled' -export { Indeterminate } from './examples/linear/indeterminate' -export { InitialValue } from './examples/linear/initial-value' -export { MinMax } from './examples/linear/min-max' -export { RootProvider } from './examples/linear/root-provider' -export { ValueText } from './examples/linear/value-text' +export { Basic } from './examples/linear/basic.tsx' +export { Controlled } from './examples/linear/controlled.tsx' +export { Indeterminate } from './examples/linear/indeterminate.tsx' +export { InitialValue } from './examples/linear/initial-value.tsx' +export { MinMax } from './examples/linear/min-max.tsx' +export { RootProvider } from './examples/linear/root-provider.tsx' +export { ValueText } from './examples/linear/value-text.tsx' diff --git a/packages/react/src/components/progress/progress-range.tsx b/packages/react/src/components/progress/progress-range.tsx index 6ba79d1bbe..91661a3cdf 100644 --- a/packages/react/src/components/progress/progress-range.tsx +++ b/packages/react/src/components/progress/progress-range.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressRangeBaseProps extends PolymorphicProps {} export interface ProgressRangeProps extends HTMLProps<'div'>, ProgressRangeBaseProps {} diff --git a/packages/react/src/components/progress/progress-root-provider.tsx b/packages/react/src/components/progress/progress-root-provider.tsx index 9e23926e9d..eb29c7204f 100644 --- a/packages/react/src/components/progress/progress-root-provider.tsx +++ b/packages/react/src/components/progress/progress-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseProgressReturn } from './use-progress' -import { ProgressProvider } from './use-progress-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseProgressReturn } from './use-progress.ts' +import { ProgressProvider } from './use-progress-context.ts' interface RootProviderProps { value: UseProgressReturn diff --git a/packages/react/src/components/progress/progress-root.tsx b/packages/react/src/components/progress/progress-root.tsx index 264eeb9d01..b382f92648 100644 --- a/packages/react/src/components/progress/progress-root.tsx +++ b/packages/react/src/components/progress/progress-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseProgressProps, useProgress } from './use-progress' -import { ProgressProvider } from './use-progress-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseProgressProps, useProgress } from './use-progress.ts' +import { ProgressProvider } from './use-progress-context.ts' export interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps {} export interface ProgressRootProps extends Assign, ProgressRootBaseProps> {} diff --git a/packages/react/src/components/progress/progress-track.tsx b/packages/react/src/components/progress/progress-track.tsx index ead03069b6..a9b5b59aac 100644 --- a/packages/react/src/components/progress/progress-track.tsx +++ b/packages/react/src/components/progress/progress-track.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressTrackBaseProps extends PolymorphicProps {} export interface ProgressTrackProps extends HTMLProps<'div'>, ProgressTrackBaseProps {} diff --git a/packages/react/src/components/progress/progress-value-text.tsx b/packages/react/src/components/progress/progress-value-text.tsx index bf755a6258..d36f350884 100644 --- a/packages/react/src/components/progress/progress-value-text.tsx +++ b/packages/react/src/components/progress/progress-value-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressValueTextBaseProps extends PolymorphicProps {} export interface ProgressValueTextProps extends HTMLProps<'span'>, ProgressValueTextBaseProps {} diff --git a/packages/react/src/components/progress/progress-view.tsx b/packages/react/src/components/progress/progress-view.tsx index 53fe613e1c..cdd7c0ef07 100644 --- a/packages/react/src/components/progress/progress-view.tsx +++ b/packages/react/src/components/progress/progress-view.tsx @@ -3,9 +3,9 @@ import type { ViewProps } from '@zag-js/progress' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps {} export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {} diff --git a/packages/react/src/components/progress/progress.ts b/packages/react/src/components/progress/progress.ts index 10a126b621..db2c457339 100644 --- a/packages/react/src/components/progress/progress.ts +++ b/packages/react/src/components/progress/progress.ts @@ -3,50 +3,50 @@ export { ProgressCircle as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, -} from './progress-circle' +} from './progress-circle.tsx' export { ProgressCircleRange as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, -} from './progress-circle-range' +} from './progress-circle-range.tsx' export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, -} from './progress-circle-track' -export { ProgressContext as Context, type ProgressContextProps as ContextProps } from './progress-context' +} from './progress-circle-track.tsx' +export { ProgressContext as Context, type ProgressContextProps as ContextProps } from './progress-context.tsx' export { ProgressLabel as Label, type ProgressLabelBaseProps as LabelBaseProps, type ProgressLabelProps as LabelProps, -} from './progress-label' +} from './progress-label.tsx' export { ProgressRange as Range, type ProgressRangeBaseProps as RangeBaseProps, type ProgressRangeProps as RangeProps, -} from './progress-range' +} from './progress-range.tsx' export { ProgressRoot as Root, type ProgressRootBaseProps as RootBaseProps, type ProgressRootProps as RootProps, -} from './progress-root' +} from './progress-root.tsx' export { ProgressRootProvider as RootProvider, type ProgressRootProviderBaseProps as RootProviderBaseProps, type ProgressRootProviderProps as RootProviderProps, -} from './progress-root-provider' +} from './progress-root-provider.tsx' export { ProgressTrack as Track, type ProgressTrackBaseProps as TrackBaseProps, type ProgressTrackProps as TrackProps, -} from './progress-track' +} from './progress-track.tsx' export { ProgressValueText as ValueText, type ProgressValueTextBaseProps as ValueTextBaseProps, type ProgressValueTextProps as ValueTextProps, -} from './progress-value-text' +} from './progress-value-text.tsx' export { ProgressView as View, type ProgressViewBaseProps as ViewBaseProps, type ProgressViewProps as ViewProps, -} from './progress-view' +} from './progress-view.tsx' diff --git a/packages/react/src/components/progress/tests/basic.tsx b/packages/react/src/components/progress/tests/basic.tsx index 27ce5b38a1..c9d4640d30 100644 --- a/packages/react/src/components/progress/tests/basic.tsx +++ b/packages/react/src/components/progress/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Progress } from '../' +import { Progress } from '../index.ts' export const ComponentUnderTest = (props: Progress.RootProps) => ( diff --git a/packages/react/src/components/progress/tests/progress.test.tsx b/packages/react/src/components/progress/tests/progress.test.tsx index 53965199ce..22e9b10afe 100644 --- a/packages/react/src/components/progress/tests/progress.test.tsx +++ b/packages/react/src/components/progress/tests/progress.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Progress', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/progress/use-progress-context.ts b/packages/react/src/components/progress/use-progress-context.ts index ee1296041b..7e3258a084 100644 --- a/packages/react/src/components/progress/use-progress-context.ts +++ b/packages/react/src/components/progress/use-progress-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseProgressReturn } from './use-progress' +import { createContext } from '../../utils/create-context.ts' +import type { UseProgressReturn } from './use-progress.ts' export interface UseProgressContext extends UseProgressReturn {} diff --git a/packages/react/src/components/progress/use-progress.ts b/packages/react/src/components/progress/use-progress.ts index 1dd100e183..d3879be27e 100644 --- a/packages/react/src/components/progress/use-progress.ts +++ b/packages/react/src/components/progress/use-progress.ts @@ -3,8 +3,8 @@ import * as progress from '@zag-js/progress' 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 UseProgressProps extends Optional, 'id'> {} export interface UseProgressReturn extends progress.Api {} diff --git a/packages/react/src/components/qr-code/index.ts b/packages/react/src/components/qr-code/index.ts index a5ffa7a7d3..33270e4129 100644 --- a/packages/react/src/components/qr-code/index.ts +++ b/packages/react/src/components/qr-code/index.ts @@ -1,21 +1,21 @@ export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code' -export { QrCodeContext, type QrCodeContextProps } from './qr-code-context' +export { QrCodeContext, type QrCodeContextProps } from './qr-code-context.tsx' export { QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, -} from './qr-code-download-trigger' -export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame' -export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps } from './qr-code-overlay' -export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps } from './qr-code-pattern' -export { QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root' +} from './qr-code-download-trigger.tsx' +export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame.tsx' +export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps } from './qr-code-overlay.tsx' +export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps } from './qr-code-pattern.tsx' +export { QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root.tsx' export { QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, -} from './qr-code-root-provider' -export { qrCodeAnatomy } from './qr-code.anatomy' -export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code' -export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context' +} from './qr-code-root-provider.tsx' +export { qrCodeAnatomy } from './qr-code.anatomy.ts' +export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code.ts' +export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context.ts' -export * as QrCode from './qr-code' +export * as QrCode from './qr-code.ts' diff --git a/packages/react/src/components/qr-code/qr-code-context.tsx b/packages/react/src/components/qr-code/qr-code-context.tsx index fba576df29..00dec9760e 100644 --- a/packages/react/src/components/qr-code/qr-code-context.tsx +++ b/packages/react/src/components/qr-code/qr-code-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseQrCodeContext, useQrCodeContext } from './use-qr-code-context' +import { type UseQrCodeContext, useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeContextProps { children: (context: UseQrCodeContext) => ReactNode diff --git a/packages/react/src/components/qr-code/qr-code-download-trigger.tsx b/packages/react/src/components/qr-code/qr-code-download-trigger.tsx index 22d5300209..7b5ea25660 100644 --- a/packages/react/src/components/qr-code/qr-code-download-trigger.tsx +++ b/packages/react/src/components/qr-code/qr-code-download-trigger.tsx @@ -3,9 +3,9 @@ import type { DownloadTriggerProps } from '@zag-js/qr-code' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps {} export interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {} diff --git a/packages/react/src/components/qr-code/qr-code-frame.tsx b/packages/react/src/components/qr-code/qr-code-frame.tsx index d2ba9639d9..5878ddfa49 100644 --- a/packages/react/src/components/qr-code/qr-code-frame.tsx +++ b/packages/react/src/components/qr-code/qr-code-frame.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeFrameBaseProps extends PolymorphicProps {} export interface QrCodeFrameProps extends HTMLProps<'svg'>, QrCodeFrameBaseProps {} diff --git a/packages/react/src/components/qr-code/qr-code-overlay.tsx b/packages/react/src/components/qr-code/qr-code-overlay.tsx index 8ea282cab9..3c9808a4a5 100644 --- a/packages/react/src/components/qr-code/qr-code-overlay.tsx +++ b/packages/react/src/components/qr-code/qr-code-overlay.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeOverlayBaseProps extends PolymorphicProps {} export interface QrCodeOverlayProps extends HTMLProps<'div'>, QrCodeOverlayBaseProps {} diff --git a/packages/react/src/components/qr-code/qr-code-pattern.tsx b/packages/react/src/components/qr-code/qr-code-pattern.tsx index 7a798f83de..7df33a4faf 100644 --- a/packages/react/src/components/qr-code/qr-code-pattern.tsx +++ b/packages/react/src/components/qr-code/qr-code-pattern.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodePatternBaseProps extends PolymorphicProps {} export interface QrCodePatternProps extends HTMLProps<'path'>, QrCodePatternBaseProps {} diff --git a/packages/react/src/components/qr-code/qr-code-root-provider.tsx b/packages/react/src/components/qr-code/qr-code-root-provider.tsx index d40be7877f..af41e74b40 100644 --- a/packages/react/src/components/qr-code/qr-code-root-provider.tsx +++ b/packages/react/src/components/qr-code/qr-code-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseQrCodeReturn } from './use-qr-code' -import { QrCodeProvider } from './use-qr-code-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseQrCodeReturn } from './use-qr-code.ts' +import { QrCodeProvider } from './use-qr-code-context.ts' interface RootProviderProps { value: UseQrCodeReturn diff --git a/packages/react/src/components/qr-code/qr-code-root.tsx b/packages/react/src/components/qr-code/qr-code-root.tsx index 65d7602c2a..7f4bc5812a 100644 --- a/packages/react/src/components/qr-code/qr-code-root.tsx +++ b/packages/react/src/components/qr-code/qr-code-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseQrCodeProps, useQrCode } from './use-qr-code' -import { QrCodeProvider } from './use-qr-code-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseQrCodeProps, useQrCode } from './use-qr-code.ts' +import { QrCodeProvider } from './use-qr-code-context.ts' export interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {} export interface QrCodeRootProps extends Assign, QrCodeRootBaseProps> {} diff --git a/packages/react/src/components/qr-code/qr-code.stories.tsx b/packages/react/src/components/qr-code/qr-code.stories.tsx index 4588a4de34..d33ede0270 100644 --- a/packages/react/src/components/qr-code/qr-code.stories.tsx +++ b/packages/react/src/components/qr-code/qr-code.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Download } from './examples/download' -export { ErrorCorrection } from './examples/error-correction' -export { Fill } from './examples/fill' -export { Overlay } from './examples/overlay' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Download } from './examples/download.tsx' +export { ErrorCorrection } from './examples/error-correction.tsx' +export { Fill } from './examples/fill.tsx' +export { Overlay } from './examples/overlay.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/qr-code/qr-code.ts b/packages/react/src/components/qr-code/qr-code.ts index 142042ea3b..91d7c006b6 100644 --- a/packages/react/src/components/qr-code/qr-code.ts +++ b/packages/react/src/components/qr-code/qr-code.ts @@ -1,32 +1,32 @@ export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@zag-js/qr-code' -export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context' +export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context.tsx' export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, -} from './qr-code-download-trigger' +} from './qr-code-download-trigger.tsx' export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, -} from './qr-code-frame' +} from './qr-code-frame.tsx' export { QrCodeOverlay as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, -} from './qr-code-overlay' +} from './qr-code-overlay.tsx' export { QrCodePattern as Pattern, type QrCodePatternBaseProps as PatternBaseProps, type QrCodePatternProps as PatternProps, -} from './qr-code-pattern' +} from './qr-code-pattern.tsx' export { QrCodeRoot as Root, type QrCodeRootBaseProps as RootBaseProps, type QrCodeRootProps as RootProps, -} from './qr-code-root' +} from './qr-code-root.tsx' export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderBaseProps as RootProviderBaseProps, type QrCodeRootProviderProps as RootProviderProps, -} from './qr-code-root-provider' +} from './qr-code-root-provider.tsx' diff --git a/packages/react/src/components/qr-code/tests/basic.tsx b/packages/react/src/components/qr-code/tests/basic.tsx index f9899865dc..f0b2de9d31 100644 --- a/packages/react/src/components/qr-code/tests/basic.tsx +++ b/packages/react/src/components/qr-code/tests/basic.tsx @@ -1,4 +1,4 @@ -import { QrCode } from '../..' +import { QrCode } from '../../index.ts' export const ComponentUnderTest = () => { return ( diff --git a/packages/react/src/components/qr-code/tests/qr-code.test.tsx b/packages/react/src/components/qr-code/tests/qr-code.test.tsx index 078d1ef0ca..9321a9868f 100644 --- a/packages/react/src/components/qr-code/tests/qr-code.test.tsx +++ b/packages/react/src/components/qr-code/tests/qr-code.test.tsx @@ -1,6 +1,6 @@ import { render } from '@testing-library/react' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('QR-Code', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/qr-code/use-qr-code-context.ts b/packages/react/src/components/qr-code/use-qr-code-context.ts index cac6a368ae..761f9b0c5e 100644 --- a/packages/react/src/components/qr-code/use-qr-code-context.ts +++ b/packages/react/src/components/qr-code/use-qr-code-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseQrCodeReturn } from './use-qr-code' +import { createContext } from '../../utils/create-context.ts' +import type { UseQrCodeReturn } from './use-qr-code.ts' export interface UseQrCodeContext extends UseQrCodeReturn {} diff --git a/packages/react/src/components/qr-code/use-qr-code.ts b/packages/react/src/components/qr-code/use-qr-code.ts index c1fb9b468e..e6e86b9961 100644 --- a/packages/react/src/components/qr-code/use-qr-code.ts +++ b/packages/react/src/components/qr-code/use-qr-code.ts @@ -3,8 +3,8 @@ import * as qrcode from '@zag-js/qr-code' 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 UseQrCodeProps extends Optional, 'id'> {} export interface UseQrCodeReturn extends qrcode.Api {} diff --git a/packages/react/src/components/radio-group/index.ts b/packages/react/src/components/radio-group/index.ts index 038c49e324..5f183cda40 100644 --- a/packages/react/src/components/radio-group/index.ts +++ b/packages/react/src/components/radio-group/index.ts @@ -1,37 +1,37 @@ export type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group' -export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context' +export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context.tsx' export { RadioGroupIndicator, type RadioGroupIndicatorBaseProps, type RadioGroupIndicatorProps, -} from './radio-group-indicator' -export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps } from './radio-group-item' -export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context' +} from './radio-group-indicator.tsx' +export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps } from './radio-group-item.tsx' +export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context.tsx' export { RadioGroupItemControl, type RadioGroupItemControlBaseProps, type RadioGroupItemControlProps, -} from './radio-group-item-control' +} from './radio-group-item-control.tsx' export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps, -} from './radio-group-item-hidden-input' +} from './radio-group-item-hidden-input.tsx' export { RadioGroupItemText, type RadioGroupItemTextBaseProps, type RadioGroupItemTextProps, -} from './radio-group-item-text' -export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps } from './radio-group-label' -export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps } from './radio-group-root' +} from './radio-group-item-text.tsx' +export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps } from './radio-group-label.tsx' +export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps } from './radio-group-root.tsx' export { RadioGroupRootProvider, type RadioGroupRootProviderBaseProps, type RadioGroupRootProviderProps, -} from './radio-group-root-provider' -export { radioGroupAnatomy } from './radio-group.anatomy' -export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group' -export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context' -export { useRadioGroupItemContext, type UseRadioGroupItemContext } from './use-radio-group-item-context' +} from './radio-group-root-provider.tsx' +export { radioGroupAnatomy } from './radio-group.anatomy.ts' +export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group.ts' +export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context.ts' +export { useRadioGroupItemContext, type UseRadioGroupItemContext } from './use-radio-group-item-context.ts' -export * as RadioGroup from './radio-group' +export * as RadioGroup from './radio-group.ts' diff --git a/packages/react/src/components/radio-group/radio-group-context.tsx b/packages/react/src/components/radio-group/radio-group-context.tsx index 80d8f8b869..b918802a6e 100644 --- a/packages/react/src/components/radio-group/radio-group-context.tsx +++ b/packages/react/src/components/radio-group/radio-group-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseRadioGroupContext, useRadioGroupContext } from './use-radio-group-context' +import { type UseRadioGroupContext, useRadioGroupContext } from './use-radio-group-context.ts' export interface RadioGroupContextProps { children: (context: UseRadioGroupContext) => ReactNode diff --git a/packages/react/src/components/radio-group/radio-group-indicator.tsx b/packages/react/src/components/radio-group/radio-group-indicator.tsx index dee815c0c2..7e44be760d 100644 --- a/packages/react/src/components/radio-group/radio-group-indicator.tsx +++ b/packages/react/src/components/radio-group/radio-group-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRadioGroupContext } from './use-radio-group-context.ts' export interface RadioGroupIndicatorBaseProps extends PolymorphicProps {} export interface RadioGroupIndicatorProps extends HTMLProps<'div'>, RadioGroupIndicatorBaseProps {} diff --git a/packages/react/src/components/radio-group/radio-group-item-context.tsx b/packages/react/src/components/radio-group/radio-group-item-context.tsx index 34ae36bc86..4d0aa6a3c4 100644 --- a/packages/react/src/components/radio-group/radio-group-item-context.tsx +++ b/packages/react/src/components/radio-group/radio-group-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseRadioGroupItemContext, useRadioGroupItemContext } from './use-radio-group-item-context' +import { type UseRadioGroupItemContext, useRadioGroupItemContext } from './use-radio-group-item-context.ts' export interface RadioGroupItemContextProps { children: (context: UseRadioGroupItemContext) => ReactNode diff --git a/packages/react/src/components/radio-group/radio-group-item-control.tsx b/packages/react/src/components/radio-group/radio-group-item-control.tsx index 7aa5d81b41..270531d684 100644 --- a/packages/react/src/components/radio-group/radio-group-item-control.tsx +++ b/packages/react/src/components/radio-group/radio-group-item-control.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemControlBaseProps extends PolymorphicProps {} export interface RadioGroupItemControlProps extends HTMLProps<'div'>, RadioGroupItemControlBaseProps {} diff --git a/packages/react/src/components/radio-group/radio-group-item-hidden-input.tsx b/packages/react/src/components/radio-group/radio-group-item-hidden-input.tsx index ef8664309c..9f0a1c305c 100644 --- a/packages/react/src/components/radio-group/radio-group-item-hidden-input.tsx +++ b/packages/react/src/components/radio-group/radio-group-item-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemHiddenInputBaseProps extends PolymorphicProps {} export interface RadioGroupItemHiddenInputProps extends HTMLProps<'input'>, RadioGroupItemHiddenInputBaseProps {} diff --git a/packages/react/src/components/radio-group/radio-group-item-text.tsx b/packages/react/src/components/radio-group/radio-group-item-text.tsx index c8722d4f71..f0921fb9f2 100644 --- a/packages/react/src/components/radio-group/radio-group-item-text.tsx +++ b/packages/react/src/components/radio-group/radio-group-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemTextBaseProps extends PolymorphicProps {} export interface RadioGroupItemTextProps extends HTMLProps<'span'>, RadioGroupItemTextBaseProps {} diff --git a/packages/react/src/components/radio-group/radio-group-item.tsx b/packages/react/src/components/radio-group/radio-group-item.tsx index bd57e901e2..d0c15b0ea2 100644 --- a/packages/react/src/components/radio-group/radio-group-item.tsx +++ b/packages/react/src/components/radio-group/radio-group-item.tsx @@ -3,11 +3,11 @@ import type { ItemProps } from '@zag-js/radio-group' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { RadioGroupItemProvider } from './use-radio-group-item-context' -import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { RadioGroupItemProvider } from './use-radio-group-item-context.ts' +import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemBaseProps extends ItemProps, PolymorphicProps {} export interface RadioGroupItemProps extends HTMLProps<'label'>, RadioGroupItemBaseProps {} diff --git a/packages/react/src/components/radio-group/radio-group-label.tsx b/packages/react/src/components/radio-group/radio-group-label.tsx index 7da3927d5e..e74c396edc 100644 --- a/packages/react/src/components/radio-group/radio-group-label.tsx +++ b/packages/react/src/components/radio-group/radio-group-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRadioGroupContext } from './use-radio-group-context.ts' export interface RadioGroupLabelBaseProps extends PolymorphicProps {} export interface RadioGroupLabelProps extends HTMLProps<'span'>, RadioGroupLabelBaseProps {} diff --git a/packages/react/src/components/radio-group/radio-group-root-provider.tsx b/packages/react/src/components/radio-group/radio-group-root-provider.tsx index 2f5366d7e2..42569c7cf8 100644 --- a/packages/react/src/components/radio-group/radio-group-root-provider.tsx +++ b/packages/react/src/components/radio-group/radio-group-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseRadioGroupReturn } from './use-radio-group' -import { RadioGroupProvider } from './use-radio-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseRadioGroupReturn } from './use-radio-group.ts' +import { RadioGroupProvider } from './use-radio-group-context.ts' interface RootProviderProps { value: UseRadioGroupReturn diff --git a/packages/react/src/components/radio-group/radio-group-root.tsx b/packages/react/src/components/radio-group/radio-group-root.tsx index 374a33c7b0..cdc7d9df2e 100644 --- a/packages/react/src/components/radio-group/radio-group-root.tsx +++ b/packages/react/src/components/radio-group/radio-group-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseRadioGroupProps, useRadioGroup } from './use-radio-group' -import { RadioGroupProvider } from './use-radio-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseRadioGroupProps, useRadioGroup } from './use-radio-group.ts' +import { RadioGroupProvider } from './use-radio-group-context.ts' export interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps {} export interface RadioGroupRootProps extends Assign, RadioGroupRootBaseProps> {} diff --git a/packages/react/src/components/radio-group/radio-group.stories.tsx b/packages/react/src/components/radio-group/radio-group.stories.tsx index 1b6bb6efe9..326be57200 100644 --- a/packages/react/src/components/radio-group/radio-group.stories.tsx +++ b/packages/react/src/components/radio-group/radio-group.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { InitialValue } from './examples/initial-value' -export { Orientation } from './examples/orientation' -export { RootProvider } from './examples/root-provider' -export { WithFieldset } from './examples/with-fieldset' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { InitialValue } from './examples/initial-value.tsx' +export { Orientation } from './examples/orientation.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithFieldset } from './examples/with-fieldset.tsx' diff --git a/packages/react/src/components/radio-group/radio-group.ts b/packages/react/src/components/radio-group/radio-group.ts index e5e994f01a..ff64ba15bf 100644 --- a/packages/react/src/components/radio-group/radio-group.ts +++ b/packages/react/src/components/radio-group/radio-group.ts @@ -1,46 +1,46 @@ export type { ValueChangeDetails } from '@zag-js/radio-group' -export { RadioGroupContext as Context, type RadioGroupContext as ContextProps } from './radio-group-context' +export { RadioGroupContext as Context, type RadioGroupContext as ContextProps } from './radio-group-context.tsx' export { RadioGroupIndicator as Indicator, type RadioGroupIndicatorBaseProps as IndicatorBaseProps, type RadioGroupIndicatorProps as IndicatorProps, -} from './radio-group-indicator' +} from './radio-group-indicator.tsx' export { RadioGroupItem as Item, type RadioGroupItemBaseProps as ItemBaseProps, type RadioGroupItemProps as ItemProps, -} from './radio-group-item' +} from './radio-group-item.tsx' export { RadioGroupItemContext as ItemContext, type RadioGroupItemContext as ItemContextProps, -} from './radio-group-item-context' +} from './radio-group-item-context.tsx' export { RadioGroupItemControl as ItemControl, type RadioGroupItemControlBaseProps as ItemControlBaseProps, type RadioGroupItemControlProps as ItemControlProps, -} from './radio-group-item-control' +} from './radio-group-item-control.tsx' export { RadioGroupItemHiddenInput as ItemHiddenInput, type RadioGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps as ItemHiddenInputProps, -} from './radio-group-item-hidden-input' +} from './radio-group-item-hidden-input.tsx' export { RadioGroupItemText as ItemText, type RadioGroupItemTextBaseProps as ItemTextBaseProps, type RadioGroupItemTextProps as ItemTextProps, -} from './radio-group-item-text' +} from './radio-group-item-text.tsx' export { RadioGroupLabel as Label, type RadioGroupLabelBaseProps as LabelBaseProps, type RadioGroupLabelProps as LabelProps, -} from './radio-group-label' +} from './radio-group-label.tsx' export { RadioGroupRoot as Root, type RadioGroupRootBaseProps as RootBaseProps, type RadioGroupRootProps as RootProps, -} from './radio-group-root' +} from './radio-group-root.tsx' export { RadioGroupRootProvider as RootProvider, type RadioGroupRootProviderBaseProps as RootProviderBaseProps, type RadioGroupRootProviderProps as RootProviderProps, -} from './radio-group-root-provider' +} from './radio-group-root-provider.tsx' diff --git a/packages/react/src/components/radio-group/tests/basic.tsx b/packages/react/src/components/radio-group/tests/basic.tsx index 88cc67152c..9a8ee5a6a5 100644 --- a/packages/react/src/components/radio-group/tests/basic.tsx +++ b/packages/react/src/components/radio-group/tests/basic.tsx @@ -1,4 +1,4 @@ -import { RadioGroup } from '../' +import { RadioGroup } from '../index.ts' export const ComponentUnderTest = (props: RadioGroup.RootProps) => { const items = [ diff --git a/packages/react/src/components/radio-group/tests/radio-group.test.tsx b/packages/react/src/components/radio-group/tests/radio-group.test.tsx index 93def92ffc..0c5ffce3b2 100644 --- a/packages/react/src/components/radio-group/tests/radio-group.test.tsx +++ b/packages/react/src/components/radio-group/tests/radio-group.test.tsx @@ -1,7 +1,7 @@ import { act, render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Radio Group', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/radio-group/use-radio-group-context.ts b/packages/react/src/components/radio-group/use-radio-group-context.ts index ae706ab116..06cf9305d4 100644 --- a/packages/react/src/components/radio-group/use-radio-group-context.ts +++ b/packages/react/src/components/radio-group/use-radio-group-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseRadioGroupReturn } from './use-radio-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseRadioGroupReturn } from './use-radio-group.ts' export interface UseRadioGroupContext extends UseRadioGroupReturn {} diff --git a/packages/react/src/components/radio-group/use-radio-group-item-context.ts b/packages/react/src/components/radio-group/use-radio-group-item-context.ts index 6ca6948854..beff1bc226 100644 --- a/packages/react/src/components/radio-group/use-radio-group-item-context.ts +++ b/packages/react/src/components/radio-group/use-radio-group-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/radio-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseRadioGroupItemContext extends ItemState {} diff --git a/packages/react/src/components/radio-group/use-radio-group-item-props-context.ts b/packages/react/src/components/radio-group/use-radio-group-item-props-context.ts index f60aeb9a59..1c695982fe 100644 --- a/packages/react/src/components/radio-group/use-radio-group-item-props-context.ts +++ b/packages/react/src/components/radio-group/use-radio-group-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/radio-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({ name: 'RadioGroupItemPropsContext', diff --git a/packages/react/src/components/radio-group/use-radio-group.ts b/packages/react/src/components/radio-group/use-radio-group.ts index 535bd7e729..4974259459 100644 --- a/packages/react/src/components/radio-group/use-radio-group.ts +++ b/packages/react/src/components/radio-group/use-radio-group.ts @@ -3,9 +3,9 @@ import * as radio from '@zag-js/radio-group' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldsetContext } from '../fieldset' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldsetContext } from '../fieldset/index.ts' export interface UseRadioGroupProps extends Optional, 'id'> {} export interface UseRadioGroupReturn extends radio.Api {} diff --git a/packages/react/src/components/rating-group/index.ts b/packages/react/src/components/rating-group/index.ts index f8a3cf1b42..a068a41b33 100644 --- a/packages/react/src/components/rating-group/index.ts +++ b/packages/react/src/components/rating-group/index.ts @@ -2,29 +2,29 @@ export type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, } from '@zag-js/rating-group' -export { RatingGroupContext, type RatingGroupContextProps } from './rating-group-context' +export { RatingGroupContext, type RatingGroupContextProps } from './rating-group-context.tsx' export { RatingGroupControl, type RatingGroupControlBaseProps, type RatingGroupControlProps, -} from './rating-group-control' +} from './rating-group-control.tsx' export { RatingGroupHiddenInput, type RatingGroupHiddenInputBaseProps, type RatingGroupHiddenInputProps, -} from './rating-group-hidden-input' -export { RatingGroupItem, type RatingGroupItemBaseProps, type RatingGroupItemProps } from './rating-group-item' -export { RatingGroupItemContext, type RatingGroupItemContextProps } from './rating-group-item-context' -export { RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps } from './rating-group-label' -export { RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps } from './rating-group-root' +} from './rating-group-hidden-input.tsx' +export { RatingGroupItem, type RatingGroupItemBaseProps, type RatingGroupItemProps } from './rating-group-item.tsx' +export { RatingGroupItemContext, type RatingGroupItemContextProps } from './rating-group-item-context.tsx' +export { RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps } from './rating-group-label.tsx' +export { RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps } from './rating-group-root.tsx' export { RatingGroupRootProvider, type RatingGroupRootProviderBaseProps, type RatingGroupRootProviderProps, -} from './rating-group-root-provider' -export { ratingGroupAnatomy } from './rating-group.anatomy' -export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn } from './use-rating-group' -export { useRatingGroupContext, type UseRatingGroupContext } from './use-rating-group-context' -export { useRatingGroupItemContext, type UseRatingGroupItemContext } from './use-rating-group-item-context' +} from './rating-group-root-provider.tsx' +export { ratingGroupAnatomy } from './rating-group.anatomy.ts' +export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn } from './use-rating-group.ts' +export { useRatingGroupContext, type UseRatingGroupContext } from './use-rating-group-context.ts' +export { useRatingGroupItemContext, type UseRatingGroupItemContext } from './use-rating-group-item-context.ts' -export * as RatingGroup from './rating-group' +export * as RatingGroup from './rating-group.ts' diff --git a/packages/react/src/components/rating-group/rating-group-context.tsx b/packages/react/src/components/rating-group/rating-group-context.tsx index b01a06c9f0..7a3d7e7d12 100644 --- a/packages/react/src/components/rating-group/rating-group-context.tsx +++ b/packages/react/src/components/rating-group/rating-group-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context' +import { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupContextProps { children: (context: UseRatingGroupContext) => ReactNode diff --git a/packages/react/src/components/rating-group/rating-group-control.tsx b/packages/react/src/components/rating-group/rating-group-control.tsx index d61e583953..70a23009d4 100644 --- a/packages/react/src/components/rating-group/rating-group-control.tsx +++ b/packages/react/src/components/rating-group/rating-group-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRatingGroupContext } from './use-rating-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupControlBaseProps extends PolymorphicProps {} export interface RatingGroupControlProps extends HTMLProps<'div'>, RatingGroupControlBaseProps {} diff --git a/packages/react/src/components/rating-group/rating-group-hidden-input.tsx b/packages/react/src/components/rating-group/rating-group-hidden-input.tsx index 39f6669c65..294be4cf35 100644 --- a/packages/react/src/components/rating-group/rating-group-hidden-input.tsx +++ b/packages/react/src/components/rating-group/rating-group-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useRatingGroupContext } from './use-rating-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupHiddenInputBaseProps extends PolymorphicProps {} export interface RatingGroupHiddenInputProps extends HTMLProps<'input'>, RatingGroupHiddenInputBaseProps {} diff --git a/packages/react/src/components/rating-group/rating-group-item-context.tsx b/packages/react/src/components/rating-group/rating-group-item-context.tsx index d9372496c8..a80b58e2e7 100644 --- a/packages/react/src/components/rating-group/rating-group-item-context.tsx +++ b/packages/react/src/components/rating-group/rating-group-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseRatingGroupItemContext, useRatingGroupItemContext } from './use-rating-group-item-context' +import { type UseRatingGroupItemContext, useRatingGroupItemContext } from './use-rating-group-item-context.ts' export interface RatingGroupItemContextProps { children: (context: UseRatingGroupItemContext) => ReactNode diff --git a/packages/react/src/components/rating-group/rating-group-item.tsx b/packages/react/src/components/rating-group/rating-group-item.tsx index b41280dd5d..9f02a7bf87 100644 --- a/packages/react/src/components/rating-group/rating-group-item.tsx +++ b/packages/react/src/components/rating-group/rating-group-item.tsx @@ -3,10 +3,10 @@ import type { ItemProps } from '@zag-js/rating-group' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRatingGroupContext } from './use-rating-group-context' -import { RatingGroupItemProvider } from './use-rating-group-item-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRatingGroupContext } from './use-rating-group-context.ts' +import { RatingGroupItemProvider } from './use-rating-group-item-context.ts' export interface RatingGroupItemBaseProps extends ItemProps, PolymorphicProps {} export interface RatingGroupItemProps extends HTMLProps<'span'>, RatingGroupItemBaseProps {} diff --git a/packages/react/src/components/rating-group/rating-group-label.tsx b/packages/react/src/components/rating-group/rating-group-label.tsx index cda16731ad..1480a69b57 100644 --- a/packages/react/src/components/rating-group/rating-group-label.tsx +++ b/packages/react/src/components/rating-group/rating-group-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRatingGroupContext } from './use-rating-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupLabelBaseProps extends PolymorphicProps {} export interface RatingGroupLabelProps extends HTMLProps<'label'>, RatingGroupLabelBaseProps {} diff --git a/packages/react/src/components/rating-group/rating-group-root-provider.tsx b/packages/react/src/components/rating-group/rating-group-root-provider.tsx index ec36c102a3..937ae99687 100644 --- a/packages/react/src/components/rating-group/rating-group-root-provider.tsx +++ b/packages/react/src/components/rating-group/rating-group-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseRatingGroupReturn } from './use-rating-group' -import { RatingGroupProvider } from './use-rating-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseRatingGroupReturn } from './use-rating-group.ts' +import { RatingGroupProvider } from './use-rating-group-context.ts' interface RootProviderProps { value: UseRatingGroupReturn diff --git a/packages/react/src/components/rating-group/rating-group-root.tsx b/packages/react/src/components/rating-group/rating-group-root.tsx index 609a759d5d..d9f6353dc9 100644 --- a/packages/react/src/components/rating-group/rating-group-root.tsx +++ b/packages/react/src/components/rating-group/rating-group-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseRatingGroupProps, useRatingGroup } from './use-rating-group' -import { RatingGroupProvider } from './use-rating-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseRatingGroupProps, useRatingGroup } from './use-rating-group.ts' +import { RatingGroupProvider } from './use-rating-group-context.ts' export interface RatingGroupRootBaseProps extends UseRatingGroupProps, PolymorphicProps {} export interface RatingGroupRootProps extends Assign, RatingGroupRootBaseProps> {} diff --git a/packages/react/src/components/rating-group/rating-group.stories.tsx b/packages/react/src/components/rating-group/rating-group.stories.tsx index dc505ebc5a..01f8c8d515 100644 --- a/packages/react/src/components/rating-group/rating-group.stories.tsx +++ b/packages/react/src/components/rating-group/rating-group.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { FormUsage } from './examples/form-usage' -export { HalfStar } from './examples/half-star' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { FormUsage } from './examples/form-usage.tsx' +export { HalfStar } from './examples/half-star.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/rating-group/rating-group.ts b/packages/react/src/components/rating-group/rating-group.ts index 49f06f5dee..83e19a7706 100644 --- a/packages/react/src/components/rating-group/rating-group.ts +++ b/packages/react/src/components/rating-group/rating-group.ts @@ -1,36 +1,36 @@ export type { HoverChangeDetails, ValueChangeDetails } from '@zag-js/rating-group' -export { RatingGroupContext as Context, type RatingGroupContextProps as ContextProps } from './rating-group-context' +export { RatingGroupContext as Context, type RatingGroupContextProps as ContextProps } from './rating-group-context.tsx' export { RatingGroupControl as Control, type RatingGroupControlBaseProps as ControlBaseProps, type RatingGroupControlProps as ControlProps, -} from './rating-group-control' +} from './rating-group-control.tsx' export { RatingGroupHiddenInput as HiddenInput, type RatingGroupHiddenInputBaseProps as HiddenInputBaseProps, type RatingGroupHiddenInputProps as HiddenInputProps, -} from './rating-group-hidden-input' +} from './rating-group-hidden-input.tsx' export { RatingGroupItem as Item, type RatingGroupItemBaseProps as ItemBaseProps, type RatingGroupItemProps as ItemProps, -} from './rating-group-item' +} from './rating-group-item.tsx' export { RatingGroupItemContext as ItemContext, type RatingGroupItemContextProps as ItemContextProps, -} from './rating-group-item-context' +} from './rating-group-item-context.tsx' export { RatingGroupLabel as Label, type RatingGroupLabelBaseProps as LabelBaseProps, type RatingGroupLabelProps as LabelProps, -} from './rating-group-label' +} from './rating-group-label.tsx' export { RatingGroupRoot as Root, type RatingGroupRootBaseProps as RootBaseProps, type RatingGroupRootProps as RootProps, -} from './rating-group-root' +} from './rating-group-root.tsx' export { RatingGroupRootProvider as RootProvider, type RatingGroupRootProviderBaseProps as RootProviderBaseProps, type RatingGroupRootProviderProps as RootProviderProps, -} from './rating-group-root-provider' +} from './rating-group-root-provider.tsx' diff --git a/packages/react/src/components/rating-group/tests/basic.tsx b/packages/react/src/components/rating-group/tests/basic.tsx index e7e25a0373..7080fa4db4 100644 --- a/packages/react/src/components/rating-group/tests/basic.tsx +++ b/packages/react/src/components/rating-group/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/react/field' -import { RatingGroup } from '../' +import { RatingGroup } from '../index.ts' export const ComponentUnderTest = (props: RatingGroup.RootProps) => ( diff --git a/packages/react/src/components/rating-group/tests/rating-group.test.tsx b/packages/react/src/components/rating-group/tests/rating-group.test.tsx index 1aef34812a..4c87620e0a 100644 --- a/packages/react/src/components/rating-group/tests/rating-group.test.tsx +++ b/packages/react/src/components/rating-group/tests/rating-group.test.tsx @@ -1,7 +1,7 @@ import { fireEvent, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, RatingGroupWithField } from './basic' +import { ComponentUnderTest, RatingGroupWithField } from './basic.tsx' describe('Rating Group', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/rating-group/use-rating-group-context.ts b/packages/react/src/components/rating-group/use-rating-group-context.ts index b78118db64..584f73c085 100644 --- a/packages/react/src/components/rating-group/use-rating-group-context.ts +++ b/packages/react/src/components/rating-group/use-rating-group-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseRatingGroupReturn } from './use-rating-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseRatingGroupReturn } from './use-rating-group.ts' export interface UseRatingGroupContext extends UseRatingGroupReturn {} diff --git a/packages/react/src/components/rating-group/use-rating-group-item-context.ts b/packages/react/src/components/rating-group/use-rating-group-item-context.ts index ab214f71c1..37771b059d 100644 --- a/packages/react/src/components/rating-group/use-rating-group-item-context.ts +++ b/packages/react/src/components/rating-group/use-rating-group-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/rating-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseRatingGroupItemContext extends ItemState {} diff --git a/packages/react/src/components/rating-group/use-rating-group.ts b/packages/react/src/components/rating-group/use-rating-group.ts index 7d676c89dd..f7d669552f 100644 --- a/packages/react/src/components/rating-group/use-rating-group.ts +++ b/packages/react/src/components/rating-group/use-rating-group.ts @@ -3,9 +3,9 @@ import * as rating from '@zag-js/rating-group' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseRatingGroupProps extends Optional, 'id'> {} export interface UseRatingGroupReturn extends rating.Api {} diff --git a/packages/react/src/components/scroll-area/index.ts b/packages/react/src/components/scroll-area/index.ts index f54d2c970a..8f53e3bbfa 100644 --- a/packages/react/src/components/scroll-area/index.ts +++ b/packages/react/src/components/scroll-area/index.ts @@ -5,28 +5,32 @@ export type { ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, } from '@zag-js/scroll-area' -export { ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context' -export { ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps } from './scroll-area-content' -export { ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps } from './scroll-area-corner' -export { ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps } from './scroll-area-root' +export { ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context.tsx' +export { + ScrollAreaContent, + type ScrollAreaContentBaseProps, + type ScrollAreaContentProps, +} from './scroll-area-content.tsx' +export { ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps } from './scroll-area-corner.tsx' +export { ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps } from './scroll-area-root.tsx' export { ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, -} from './scroll-area-root-provider' +} from './scroll-area-root-provider.tsx' export { ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, -} from './scroll-area-scrollbar' -export { ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps } from './scroll-area-thumb' +} from './scroll-area-scrollbar.tsx' +export { ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps } from './scroll-area-thumb.tsx' export { ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, -} from './scroll-area-viewport' -export { scrollAreaAnatomy } from './scroll-area.anatomy' -export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area' -export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context' +} from './scroll-area-viewport.tsx' +export { scrollAreaAnatomy } from './scroll-area.anatomy.ts' +export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area.ts' +export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context.ts' -export * as ScrollArea from './scroll-area' +export * as ScrollArea from './scroll-area.ts' diff --git a/packages/react/src/components/scroll-area/scroll-area-content.tsx b/packages/react/src/components/scroll-area/scroll-area-content.tsx index 051d4536e1..c1da154249 100644 --- a/packages/react/src/components/scroll-area/scroll-area-content.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-content.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaContentBaseProps extends PolymorphicProps {} export interface ScrollAreaContentProps extends HTMLProps<'div'>, ScrollAreaContentBaseProps {} diff --git a/packages/react/src/components/scroll-area/scroll-area-context.tsx b/packages/react/src/components/scroll-area/scroll-area-context.tsx index 5ed3e9ea9b..1a8005990d 100644 --- a/packages/react/src/components/scroll-area/scroll-area-context.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseScrollAreaContext, useScrollAreaContext } from './use-scroll-area-context' +import { type UseScrollAreaContext, useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaContextProps { children: (context: UseScrollAreaContext) => ReactNode diff --git a/packages/react/src/components/scroll-area/scroll-area-corner.tsx b/packages/react/src/components/scroll-area/scroll-area-corner.tsx index 5b3d1fde59..11ce3a1f45 100644 --- a/packages/react/src/components/scroll-area/scroll-area-corner.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-corner.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaCornerBaseProps extends PolymorphicProps {} export interface ScrollAreaCornerProps extends HTMLProps<'div'>, ScrollAreaCornerBaseProps {} diff --git a/packages/react/src/components/scroll-area/scroll-area-root-provider.tsx b/packages/react/src/components/scroll-area/scroll-area-root-provider.tsx index 4fe6e4d69f..9d7e3b9bb5 100644 --- a/packages/react/src/components/scroll-area/scroll-area-root-provider.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseScrollAreaReturn } from './use-scroll-area' -import { ScrollAreaProvider } from './use-scroll-area-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseScrollAreaReturn } from './use-scroll-area.ts' +import { ScrollAreaProvider } from './use-scroll-area-context.ts' interface RootProviderProps { value: UseScrollAreaReturn diff --git a/packages/react/src/components/scroll-area/scroll-area-root.tsx b/packages/react/src/components/scroll-area/scroll-area-root.tsx index b79d125fff..eb1cad9ccd 100644 --- a/packages/react/src/components/scroll-area/scroll-area-root.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseScrollAreaProps, useScrollArea } from './use-scroll-area' -import { ScrollAreaProvider } from './use-scroll-area-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseScrollAreaProps, useScrollArea } from './use-scroll-area.ts' +import { ScrollAreaProvider } from './use-scroll-area-context.ts' export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps {} export interface ScrollAreaRootProps extends HTMLProps<'div'>, ScrollAreaRootBaseProps {} diff --git a/packages/react/src/components/scroll-area/scroll-area-scrollbar.tsx b/packages/react/src/components/scroll-area/scroll-area-scrollbar.tsx index 5f1d87452c..47c8589cb2 100644 --- a/packages/react/src/components/scroll-area/scroll-area-scrollbar.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-scrollbar.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { Orientation } from '@zag-js/types' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' -import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useScrollAreaContext } from './use-scroll-area-context.ts' +import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context.ts' interface ScrollbarProps { orientation?: Orientation diff --git a/packages/react/src/components/scroll-area/scroll-area-thumb.tsx b/packages/react/src/components/scroll-area/scroll-area-thumb.tsx index c832db112c..b2d663124a 100644 --- a/packages/react/src/components/scroll-area/scroll-area-thumb.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-thumb.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' -import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useScrollAreaContext } from './use-scroll-area-context.ts' +import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context.ts' export interface ScrollAreaThumbBaseProps extends PolymorphicProps {} export interface ScrollAreaThumbProps extends HTMLProps<'div'>, ScrollAreaThumbBaseProps {} diff --git a/packages/react/src/components/scroll-area/scroll-area-viewport.tsx b/packages/react/src/components/scroll-area/scroll-area-viewport.tsx index 2f2ad311a3..711337d185 100644 --- a/packages/react/src/components/scroll-area/scroll-area-viewport.tsx +++ b/packages/react/src/components/scroll-area/scroll-area-viewport.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaViewportBaseProps extends PolymorphicProps {} export interface ScrollAreaViewportProps extends HTMLProps<'div'>, ScrollAreaViewportBaseProps {} diff --git a/packages/react/src/components/scroll-area/scroll-area.stories.tsx b/packages/react/src/components/scroll-area/scroll-area.stories.tsx index c2fab3f232..ede5bea0a3 100644 --- a/packages/react/src/components/scroll-area/scroll-area.stories.tsx +++ b/packages/react/src/components/scroll-area/scroll-area.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { BothDirections } from './examples/both-directions' -export { Horizontal } from './examples/horizontal' -export { Nested } from './examples/nested' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { BothDirections } from './examples/both-directions.tsx' +export { Horizontal } from './examples/horizontal.tsx' +export { Nested } from './examples/nested.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/scroll-area/scroll-area.ts b/packages/react/src/components/scroll-area/scroll-area.ts index ecfc12d708..d206ae0c13 100644 --- a/packages/react/src/components/scroll-area/scroll-area.ts +++ b/packages/react/src/components/scroll-area/scroll-area.ts @@ -1,37 +1,37 @@ export type { ElementIds, ScrollToDetails, ScrollToEdgeDetails } from '@zag-js/scroll-area' -export { ScrollAreaContext as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context' +export { ScrollAreaContext as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context.tsx' export { ScrollAreaContent as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, -} from './scroll-area-content' +} from './scroll-area-content.tsx' export { ScrollAreaCorner as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, -} from './scroll-area-corner' +} from './scroll-area-corner.tsx' export { ScrollAreaRoot as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, -} from './scroll-area-root' +} from './scroll-area-root.tsx' export { ScrollAreaRootProvider as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, -} from './scroll-area-root-provider' +} from './scroll-area-root-provider.tsx' export { ScrollAreaScrollbar as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, -} from './scroll-area-scrollbar' +} from './scroll-area-scrollbar.tsx' export { ScrollAreaThumb as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, -} from './scroll-area-thumb' +} from './scroll-area-thumb.tsx' export { ScrollAreaViewport as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, -} from './scroll-area-viewport' +} from './scroll-area-viewport.tsx' diff --git a/packages/react/src/components/scroll-area/use-scroll-area-context.ts b/packages/react/src/components/scroll-area/use-scroll-area-context.ts index 62e02b3fa8..77d7c610ab 100644 --- a/packages/react/src/components/scroll-area/use-scroll-area-context.ts +++ b/packages/react/src/components/scroll-area/use-scroll-area-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseScrollAreaReturn } from './use-scroll-area' +import { createContext } from '../../utils/create-context.ts' +import type { UseScrollAreaReturn } from './use-scroll-area.ts' export interface UseScrollAreaContext extends UseScrollAreaReturn {} diff --git a/packages/react/src/components/scroll-area/use-scroll-area-scrollbar-context.ts b/packages/react/src/components/scroll-area/use-scroll-area-scrollbar-context.ts index fc69038530..3cc93cb94f 100644 --- a/packages/react/src/components/scroll-area/use-scroll-area-scrollbar-context.ts +++ b/packages/react/src/components/scroll-area/use-scroll-area-scrollbar-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ScrollbarProps } from '@zag-js/scroll-area' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext({ name: 'ScrollAreaScrollbarContext', diff --git a/packages/react/src/components/scroll-area/use-scroll-area.ts b/packages/react/src/components/scroll-area/use-scroll-area.ts index 38cd2a1aa8..0f17ae9909 100644 --- a/packages/react/src/components/scroll-area/use-scroll-area.ts +++ b/packages/react/src/components/scroll-area/use-scroll-area.ts @@ -3,8 +3,8 @@ import * as scrollArea from '@zag-js/scroll-area' 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 UseScrollAreaProps extends Optional, 'id'> {} export interface UseScrollAreaReturn extends scrollArea.Api {} diff --git a/packages/react/src/components/segment-group/index.ts b/packages/react/src/components/segment-group/index.ts index 0e01651cf4..6b52f2450c 100644 --- a/packages/react/src/components/segment-group/index.ts +++ b/packages/react/src/components/segment-group/index.ts @@ -1,37 +1,41 @@ export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group' -export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context' +export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context.tsx' export { SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, -} from './segment-group-indicator' -export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps } from './segment-group-item' -export { SegmentGroupItemContext, type SegmentGroupItemContextProps } from './segment-group-item-context' +} from './segment-group-indicator.tsx' +export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps } from './segment-group-item.tsx' +export { SegmentGroupItemContext, type SegmentGroupItemContextProps } from './segment-group-item-context.tsx' export { SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, -} from './segment-group-item-control' +} from './segment-group-item-control.tsx' export { SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, -} from './segment-group-item-hidden-input' +} from './segment-group-item-hidden-input.tsx' export { SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, -} from './segment-group-item-text' -export { SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps } from './segment-group-label' -export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps } from './segment-group-root' +} from './segment-group-item-text.tsx' +export { + SegmentGroupLabel, + type SegmentGroupLabelBaseProps, + type SegmentGroupLabelProps, +} from './segment-group-label.tsx' +export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps } from './segment-group-root.tsx' export { SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, -} from './segment-group-root-provider' -export { segmentGroupAnatomy } from './segment-group.anatomy' -export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group' -export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context' -export { useSegmentGroupItemContext, type UseSegmentGroupItemContext } from './use-segment-group-item-context' +} from './segment-group-root-provider.tsx' +export { segmentGroupAnatomy } from './segment-group.anatomy.ts' +export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group.ts' +export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context.ts' +export { useSegmentGroupItemContext, type UseSegmentGroupItemContext } from './use-segment-group-item-context.ts' -export * as SegmentGroup from './segment-group' +export * as SegmentGroup from './segment-group.ts' diff --git a/packages/react/src/components/segment-group/segment-group-context.tsx b/packages/react/src/components/segment-group/segment-group-context.tsx index 973cd39cbd..f4ce31e772 100644 --- a/packages/react/src/components/segment-group/segment-group-context.tsx +++ b/packages/react/src/components/segment-group/segment-group-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSegmentGroupContext, useSegmentGroupContext } from './use-segment-group-context' +import { type UseSegmentGroupContext, useSegmentGroupContext } from './use-segment-group-context.ts' export interface SegmentGroupContextProps { children: (context: UseSegmentGroupContext) => ReactNode diff --git a/packages/react/src/components/segment-group/segment-group-indicator.tsx b/packages/react/src/components/segment-group/segment-group-indicator.tsx index c469379bcf..d4c5b0014c 100644 --- a/packages/react/src/components/segment-group/segment-group-indicator.tsx +++ b/packages/react/src/components/segment-group/segment-group-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 { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' export interface SegmentGroupIndicatorBaseProps extends PolymorphicProps {} export interface SegmentGroupIndicatorProps extends HTMLProps<'div'>, SegmentGroupIndicatorBaseProps {} diff --git a/packages/react/src/components/segment-group/segment-group-item-context.tsx b/packages/react/src/components/segment-group/segment-group-item-context.tsx index e8454ee99f..a2d7d5d992 100644 --- a/packages/react/src/components/segment-group/segment-group-item-context.tsx +++ b/packages/react/src/components/segment-group/segment-group-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSegmentGroupItemContext, useSegmentGroupItemContext } from './use-segment-group-item-context' +import { type UseSegmentGroupItemContext, useSegmentGroupItemContext } from './use-segment-group-item-context.ts' export interface SegmentGroupItemContextProps { children: (context: UseSegmentGroupItemContext) => ReactNode diff --git a/packages/react/src/components/segment-group/segment-group-item-control.tsx b/packages/react/src/components/segment-group/segment-group-item-control.tsx index 89a539c596..78657e4cf5 100644 --- a/packages/react/src/components/segment-group/segment-group-item-control.tsx +++ b/packages/react/src/components/segment-group/segment-group-item-control.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' -import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemControlBaseProps extends PolymorphicProps {} export interface SegmentGroupItemControlProps extends HTMLProps<'div'>, SegmentGroupItemControlBaseProps {} diff --git a/packages/react/src/components/segment-group/segment-group-item-hidden-input.tsx b/packages/react/src/components/segment-group/segment-group-item-hidden-input.tsx index f8117242c3..47548f00fd 100644 --- a/packages/react/src/components/segment-group/segment-group-item-hidden-input.tsx +++ b/packages/react/src/components/segment-group/segment-group-item-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSegmentGroupContext } from './use-segment-group-context' -import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps {} export interface SegmentGroupItemHiddenInputProps extends HTMLProps<'input'>, SegmentGroupItemHiddenInputBaseProps {} diff --git a/packages/react/src/components/segment-group/segment-group-item-text.tsx b/packages/react/src/components/segment-group/segment-group-item-text.tsx index df331bb8a3..27ead284ab 100644 --- a/packages/react/src/components/segment-group/segment-group-item-text.tsx +++ b/packages/react/src/components/segment-group/segment-group-item-text.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' -import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemTextBaseProps extends PolymorphicProps {} export interface SegmentGroupItemTextProps extends HTMLProps<'span'>, SegmentGroupItemTextBaseProps {} diff --git a/packages/react/src/components/segment-group/segment-group-item.tsx b/packages/react/src/components/segment-group/segment-group-item.tsx index 4d06e737ba..9aefed2967 100644 --- a/packages/react/src/components/segment-group/segment-group-item.tsx +++ b/packages/react/src/components/segment-group/segment-group-item.tsx @@ -3,12 +3,12 @@ import type { ItemProps } from '@zag-js/radio-group' import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' -import { SegmentGroupItemProvider } from './use-segment-group-item-context' -import { SegmentGroupItemPropsProvider } from './use-segment-group-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { SegmentGroupItemProvider } from './use-segment-group-item-context.ts' +import { SegmentGroupItemPropsProvider } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {} export interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {} diff --git a/packages/react/src/components/segment-group/segment-group-label.tsx b/packages/react/src/components/segment-group/segment-group-label.tsx index 1c228a6b66..6592d831b1 100644 --- a/packages/react/src/components/segment-group/segment-group-label.tsx +++ b/packages/react/src/components/segment-group/segment-group-label.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' export interface SegmentGroupLabelBaseProps extends PolymorphicProps {} export interface SegmentGroupLabelProps extends HTMLProps<'span'>, SegmentGroupLabelBaseProps {} diff --git a/packages/react/src/components/segment-group/segment-group-root-provider.tsx b/packages/react/src/components/segment-group/segment-group-root-provider.tsx index b6defc6db2..9bd6050694 100644 --- a/packages/react/src/components/segment-group/segment-group-root-provider.tsx +++ b/packages/react/src/components/segment-group/segment-group-root-provider.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import type { UseSegmentGroupReturn } from './use-segment-group' -import { SegmentGroupProvider } from './use-segment-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import type { UseSegmentGroupReturn } from './use-segment-group.ts' +import { SegmentGroupProvider } from './use-segment-group-context.ts' interface RootProviderProps { value: UseSegmentGroupReturn diff --git a/packages/react/src/components/segment-group/segment-group-root.tsx b/packages/react/src/components/segment-group/segment-group-root.tsx index 65c7bd7354..0b4cd0825e 100644 --- a/packages/react/src/components/segment-group/segment-group-root.tsx +++ b/packages/react/src/components/segment-group/segment-group-root.tsx @@ -2,12 +2,12 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { type UseSegmentGroupProps, useSegmentGroup } from './use-segment-group' -import { SegmentGroupProvider } from './use-segment-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { parts } from './segment-group.anatomy.ts' +import { type UseSegmentGroupProps, useSegmentGroup } from './use-segment-group.ts' +import { SegmentGroupProvider } from './use-segment-group-context.ts' export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {} export interface SegmentGroupRootProps extends Assign, SegmentGroupRootBaseProps> {} diff --git a/packages/react/src/components/segment-group/segment-group.stories.tsx b/packages/react/src/components/segment-group/segment-group.stories.tsx index 4c49a5cd44..6826fa447e 100644 --- a/packages/react/src/components/segment-group/segment-group.stories.tsx +++ b/packages/react/src/components/segment-group/segment-group.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { RootProvider } from './examples/root-provider' -export { Conditional } from './examples/conditional' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Conditional } from './examples/conditional.tsx' diff --git a/packages/react/src/components/segment-group/segment-group.ts b/packages/react/src/components/segment-group/segment-group.ts index 6a8c87f9e8..3ccd7afb1e 100644 --- a/packages/react/src/components/segment-group/segment-group.ts +++ b/packages/react/src/components/segment-group/segment-group.ts @@ -1,46 +1,49 @@ export type { ValueChangeDetails } from '@zag-js/radio-group' -export { SegmentGroupContext as Context, type SegmentGroupContextProps as ContextProps } from './segment-group-context' +export { + SegmentGroupContext as Context, + type SegmentGroupContextProps as ContextProps, +} from './segment-group-context.tsx' export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, type SegmentGroupIndicatorProps as IndicatorProps, -} from './segment-group-indicator' +} from './segment-group-indicator.tsx' export { SegmentGroupItem as Item, type SegmentGroupItemBaseProps as ItemBaseProps, type SegmentGroupItemProps as ItemProps, -} from './segment-group-item' +} from './segment-group-item.tsx' export { SegmentGroupItemContext as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, -} from './segment-group-item-context' +} from './segment-group-item-context.tsx' export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, type SegmentGroupItemControlProps as ItemControlProps, -} from './segment-group-item-control' +} from './segment-group-item-control.tsx' export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, -} from './segment-group-item-hidden-input' +} from './segment-group-item-hidden-input.tsx' export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, type SegmentGroupItemTextProps as ItemTextProps, -} from './segment-group-item-text' +} from './segment-group-item-text.tsx' export { SegmentGroupLabel as Label, type SegmentGroupLabelBaseProps as LabelBaseProps, type SegmentGroupLabelProps as LabelProps, -} from './segment-group-label' +} from './segment-group-label.tsx' export { SegmentGroupRoot as Root, type SegmentGroupRootBaseProps as RootBaseProps, type SegmentGroupRootProps as RootProps, -} from './segment-group-root' +} from './segment-group-root.tsx' export { SegmentGroupRootProvider as RootProvider, type SegmentGroupRootProviderBaseProps as RootProviderBaseProps, type SegmentGroupRootProviderProps as RootProviderProps, -} from './segment-group-root-provider' +} from './segment-group-root-provider.tsx' diff --git a/packages/react/src/components/segment-group/tests/basic.tsx b/packages/react/src/components/segment-group/tests/basic.tsx index 0a21b9f61f..5dffa498c7 100644 --- a/packages/react/src/components/segment-group/tests/basic.tsx +++ b/packages/react/src/components/segment-group/tests/basic.tsx @@ -1,4 +1,4 @@ -import { SegmentGroup } from '../' +import { SegmentGroup } from '../index.ts' export const ComponentUnderTest = (props: SegmentGroup.RootProps) => { const items = [ diff --git a/packages/react/src/components/segment-group/tests/segment-group.test.tsx b/packages/react/src/components/segment-group/tests/segment-group.test.tsx index 653b173942..9e93c28517 100644 --- a/packages/react/src/components/segment-group/tests/segment-group.test.tsx +++ b/packages/react/src/components/segment-group/tests/segment-group.test.tsx @@ -1,7 +1,7 @@ import { act, render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Segment Group', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/segment-group/use-segment-group-context.ts b/packages/react/src/components/segment-group/use-segment-group-context.ts index debb50d6df..9d157ea87e 100644 --- a/packages/react/src/components/segment-group/use-segment-group-context.ts +++ b/packages/react/src/components/segment-group/use-segment-group-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseSegmentGroupReturn } from './use-segment-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseSegmentGroupReturn } from './use-segment-group.ts' export interface UseSegmentGroupContext extends UseSegmentGroupReturn {} diff --git a/packages/react/src/components/segment-group/use-segment-group-item-context.ts b/packages/react/src/components/segment-group/use-segment-group-item-context.ts index 4f06ea0b39..e41329c8f9 100644 --- a/packages/react/src/components/segment-group/use-segment-group-item-context.ts +++ b/packages/react/src/components/segment-group/use-segment-group-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/radio-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseSegmentGroupItemContext extends ItemState {} diff --git a/packages/react/src/components/segment-group/use-segment-group-item-props-context.ts b/packages/react/src/components/segment-group/use-segment-group-item-props-context.ts index f62bcf74df..715335243f 100644 --- a/packages/react/src/components/segment-group/use-segment-group-item-props-context.ts +++ b/packages/react/src/components/segment-group/use-segment-group-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/radio-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext({ name: 'SegmentGroupItemPropsContext', diff --git a/packages/react/src/components/segment-group/use-segment-group.ts b/packages/react/src/components/segment-group/use-segment-group.ts index 6992df06f4..c5fe3733df 100644 --- a/packages/react/src/components/segment-group/use-segment-group.ts +++ b/packages/react/src/components/segment-group/use-segment-group.ts @@ -3,8 +3,8 @@ import * as segmentGroup from '@zag-js/radio-group' 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 UseSegmentGroupProps extends Optional, 'id'> {} export interface UseSegmentGroupReturn extends segmentGroup.Api {} diff --git a/packages/react/src/components/select/index.ts b/packages/react/src/components/select/index.ts index 1f7050e30a..14abcd1485 100644 --- a/packages/react/src/components/select/index.ts +++ b/packages/react/src/components/select/index.ts @@ -12,56 +12,56 @@ export { type ListCollection, useListCollection, type UseListCollectionProps, -} from '../collection' +} from '../collection/index.ts' export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, -} from './select-clear-trigger' -export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content' -export { SelectContext, type SelectContextProps } from './select-context' -export { SelectControl, type SelectControlBaseProps, type SelectControlProps } from './select-control' +} from './select-clear-trigger.tsx' +export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.tsx' +export { SelectContext, type SelectContextProps } from './select-context.tsx' +export { SelectControl, type SelectControlBaseProps, type SelectControlProps } from './select-control.tsx' export { SelectHiddenSelect, type SelectHiddenSelectBaseProps, type SelectHiddenSelectProps, -} from './select-hidden-select' -export { SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps } from './select-indicator' -export { SelectItem, type SelectItemBaseProps, type SelectItemProps } from './select-item' -export { SelectItemContext, type SelectItemContextProps } from './select-item-context' -export { SelectItemGroup, type SelectItemGroupBaseProps, type SelectItemGroupProps } from './select-item-group' +} from './select-hidden-select.tsx' +export { SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps } from './select-indicator.tsx' +export { SelectItem, type SelectItemBaseProps, type SelectItemProps } from './select-item.tsx' +export { SelectItemContext, type SelectItemContextProps } from './select-item-context.tsx' +export { SelectItemGroup, type SelectItemGroupBaseProps, type SelectItemGroupProps } from './select-item-group.tsx' export { SelectItemGroupLabel, type SelectItemGroupLabelBaseProps, type SelectItemGroupLabelProps, -} from './select-item-group-label' +} from './select-item-group-label.tsx' export { SelectItemIndicator, type SelectItemIndicatorBaseProps, type SelectItemIndicatorProps, -} from './select-item-indicator' -export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps } from './select-item-text' -export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label' -export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list' -export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner' +} from './select-item-indicator.tsx' +export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps } from './select-item-text.tsx' +export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label.tsx' +export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list.tsx' +export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner.tsx' export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, -} from './select-root' +} from './select-root.tsx' export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, -} from './select-root-provider' -export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger' -export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text' -export { selectAnatomy } from './select.anatomy' -export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select' -export { useSelectContext, type UseSelectContext } from './use-select-context' -export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context' +} from './select-root-provider.tsx' +export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger.tsx' +export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text.tsx' +export { selectAnatomy } from './select.anatomy.ts' +export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select.ts' +export { useSelectContext, type UseSelectContext } from './use-select-context.ts' +export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context.ts' -export * as Select from './select' +export * as Select from './select.ts' diff --git a/packages/react/src/components/select/select-clear-trigger.tsx b/packages/react/src/components/select/select-clear-trigger.tsx index 40bff05362..34f1a39521 100644 --- a/packages/react/src/components/select/select-clear-trigger.tsx +++ b/packages/react/src/components/select/select-clear-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectClearTriggerBaseProps extends PolymorphicProps {} export interface SelectClearTriggerProps extends HTMLProps<'button'>, SelectClearTriggerBaseProps {} diff --git a/packages/react/src/components/select/select-content.tsx b/packages/react/src/components/select/select-content.tsx index 29680f79e8..3707ee3277 100644 --- a/packages/react/src/components/select/select-content.tsx +++ b/packages/react/src/components/select/select-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useSelectContext } from './use-select-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectContentBaseProps extends PolymorphicProps {} export interface SelectContentProps extends HTMLProps<'div'>, SelectContentBaseProps {} diff --git a/packages/react/src/components/select/select-context.tsx b/packages/react/src/components/select/select-context.tsx index 5dd0c72e36..63d7552568 100644 --- a/packages/react/src/components/select/select-context.tsx +++ b/packages/react/src/components/select/select-context.tsx @@ -1,8 +1,8 @@ 'use client' import type { ReactNode } from 'react' -import type { CollectionItem } from '../collection' -import { type UseSelectContext, useSelectContext } from './use-select-context' +import type { CollectionItem } from '../collection/index.ts' +import { type UseSelectContext, useSelectContext } from './use-select-context.ts' export interface SelectContextProps { children: (context: UseSelectContext) => ReactNode diff --git a/packages/react/src/components/select/select-control.tsx b/packages/react/src/components/select/select-control.tsx index ce15b52e11..0c5ff323e9 100644 --- a/packages/react/src/components/select/select-control.tsx +++ b/packages/react/src/components/select/select-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectControlBaseProps extends PolymorphicProps {} export interface SelectControlProps extends HTMLProps<'div'>, SelectControlBaseProps {} diff --git a/packages/react/src/components/select/select-hidden-select.tsx b/packages/react/src/components/select/select-hidden-select.tsx index f5ba4d7f34..c4f48d1080 100644 --- a/packages/react/src/components/select/select-hidden-select.tsx +++ b/packages/react/src/components/select/select-hidden-select.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectHiddenSelectBaseProps extends PolymorphicProps {} export interface SelectHiddenSelectProps extends HTMLProps<'select'>, SelectHiddenSelectBaseProps {} diff --git a/packages/react/src/components/select/select-indicator.tsx b/packages/react/src/components/select/select-indicator.tsx index 1f9c23ee72..e1b943f44d 100644 --- a/packages/react/src/components/select/select-indicator.tsx +++ b/packages/react/src/components/select/select-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectIndicatorBaseProps extends PolymorphicProps {} export interface SelectIndicatorProps extends HTMLProps<'div'>, SelectIndicatorBaseProps {} diff --git a/packages/react/src/components/select/select-item-context.tsx b/packages/react/src/components/select/select-item-context.tsx index 251eee178f..41e8208bf4 100644 --- a/packages/react/src/components/select/select-item-context.tsx +++ b/packages/react/src/components/select/select-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSelectItemContext, useSelectItemContext } from './use-select-item-context' +import { type UseSelectItemContext, useSelectItemContext } from './use-select-item-context.ts' export interface SelectItemContextProps { children: (context: UseSelectItemContext) => ReactNode diff --git a/packages/react/src/components/select/select-item-group-label.tsx b/packages/react/src/components/select/select-item-group-label.tsx index 97d36a33cf..367cde9622 100644 --- a/packages/react/src/components/select/select-item-group-label.tsx +++ b/packages/react/src/components/select/select-item-group-label.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { useSelectItemGroupPropsContext } from './use-select-item-group-props' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' +import { useSelectItemGroupPropsContext } from './use-select-item-group-props.tsx' export interface SelectItemGroupLabelBaseProps extends PolymorphicProps {} export interface SelectItemGroupLabelProps extends HTMLProps<'div'>, SelectItemGroupLabelBaseProps {} diff --git a/packages/react/src/components/select/select-item-group.tsx b/packages/react/src/components/select/select-item-group.tsx index 3e02c2bd84..244e818c6f 100644 --- a/packages/react/src/components/select/select-item-group.tsx +++ b/packages/react/src/components/select/select-item-group.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { ItemGroupProps } from '@zag-js/select' import { forwardRef, useId } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { SelectItemGroupPropsProvider } from './use-select-item-group-props' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' +import { SelectItemGroupPropsProvider } from './use-select-item-group-props.tsx' export interface SelectItemGroupBaseProps extends PolymorphicProps {} export interface SelectItemGroupProps extends HTMLProps<'div'>, SelectItemGroupBaseProps {} diff --git a/packages/react/src/components/select/select-item-indicator.tsx b/packages/react/src/components/select/select-item-indicator.tsx index 9fd42da273..3bf4f6ff5d 100644 --- a/packages/react/src/components/select/select-item-indicator.tsx +++ b/packages/react/src/components/select/select-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 { useSelectContext } from './use-select-context' -import { useSelectItemPropsContext } from './use-select-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' +import { useSelectItemPropsContext } from './use-select-item-props-context.ts' export interface SelectItemIndicatorBaseProps extends PolymorphicProps {} export interface SelectItemIndicatorProps extends HTMLProps<'div'>, SelectItemIndicatorBaseProps {} diff --git a/packages/react/src/components/select/select-item-text.tsx b/packages/react/src/components/select/select-item-text.tsx index 39816545d0..6b395963a9 100644 --- a/packages/react/src/components/select/select-item-text.tsx +++ b/packages/react/src/components/select/select-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { useSelectItemPropsContext } from './use-select-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' +import { useSelectItemPropsContext } from './use-select-item-props-context.ts' export interface SelectItemTextBaseProps extends PolymorphicProps {} export interface SelectItemTextProps extends HTMLProps<'span'>, SelectItemTextBaseProps {} diff --git a/packages/react/src/components/select/select-item.tsx b/packages/react/src/components/select/select-item.tsx index 350ad6bc15..bfc472f0ba 100644 --- a/packages/react/src/components/select/select-item.tsx +++ b/packages/react/src/components/select/select-item.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/select' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { SelectItemProvider } from './use-select-item-context' -import { SelectItemPropsProvider } from './use-select-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' +import { SelectItemProvider } from './use-select-item-context.ts' +import { SelectItemPropsProvider } from './use-select-item-props-context.ts' export interface SelectItemBaseProps extends ItemProps, PolymorphicProps {} export interface SelectItemProps extends HTMLProps<'div'>, SelectItemBaseProps {} diff --git a/packages/react/src/components/select/select-label.tsx b/packages/react/src/components/select/select-label.tsx index 8a41c636f5..665a87d1ed 100644 --- a/packages/react/src/components/select/select-label.tsx +++ b/packages/react/src/components/select/select-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectLabelBaseProps extends PolymorphicProps {} export interface SelectLabelProps extends HTMLProps<'label'>, SelectLabelBaseProps {} diff --git a/packages/react/src/components/select/select-list.tsx b/packages/react/src/components/select/select-list.tsx index e5df277177..5ed8b52232 100644 --- a/packages/react/src/components/select/select-list.tsx +++ b/packages/react/src/components/select/select-list.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectListBaseProps extends PolymorphicProps {} export interface SelectListProps extends HTMLProps<'div'>, SelectListBaseProps {} diff --git a/packages/react/src/components/select/select-positioner.tsx b/packages/react/src/components/select/select-positioner.tsx index 57e21cb43f..3fbf25514a 100644 --- a/packages/react/src/components/select/select-positioner.tsx +++ b/packages/react/src/components/select/select-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectPositionerBaseProps extends PolymorphicProps {} export interface SelectPositionerProps extends HTMLProps<'div'>, SelectPositionerBaseProps {} diff --git a/packages/react/src/components/select/select-root-provider.tsx b/packages/react/src/components/select/select-root-provider.tsx index e37247f867..7def29e04b 100644 --- a/packages/react/src/components/select/select-root-provider.tsx +++ b/packages/react/src/components/select/select-root-provider.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import { type JSX, forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseSelectReturn } from './use-select' -import { SelectProvider } from './use-select-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import type { UseSelectReturn } from './use-select.ts' +import { SelectProvider } from './use-select-context.ts' interface RootProviderProps { value: UseSelectReturn diff --git a/packages/react/src/components/select/select-root.tsx b/packages/react/src/components/select/select-root.tsx index d61acd9157..454bf3a937 100644 --- a/packages/react/src/components/select/select-root.tsx +++ b/packages/react/src/components/select/select-root.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import { type JSX, forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseSelectProps, useSelect } from './use-select' -import { SelectProvider } from './use-select-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import { type UseSelectProps, useSelect } from './use-select.ts' +import { SelectProvider } from './use-select-context.ts' export interface SelectRootBaseProps extends UseSelectProps, UsePresenceProps, PolymorphicProps {} diff --git a/packages/react/src/components/select/select-trigger.tsx b/packages/react/src/components/select/select-trigger.tsx index 7bf86cad40..c9a60a6d6f 100644 --- a/packages/react/src/components/select/select-trigger.tsx +++ b/packages/react/src/components/select/select-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectTriggerBaseProps extends PolymorphicProps {} export interface SelectTriggerProps extends HTMLProps<'button'>, SelectTriggerBaseProps {} diff --git a/packages/react/src/components/select/select-value-text.tsx b/packages/react/src/components/select/select-value-text.tsx index 5bf010d346..56a3cedd7b 100644 --- a/packages/react/src/components/select/select-value-text.tsx +++ b/packages/react/src/components/select/select-value-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSelectContext } from './use-select-context.ts' export interface SelectValueTextBaseProps extends PolymorphicProps { /** diff --git a/packages/react/src/components/select/select.stories.tsx b/packages/react/src/components/select/select.stories.tsx index abce6c1a60..469ae0448d 100644 --- a/packages/react/src/components/select/select.stories.tsx +++ b/packages/react/src/components/select/select.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { Async } from './examples/async' -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { FormLibrary } from './examples/form-library' -export { FullyControlled } from './examples/fully-controlled' -export { Grouping } from './examples/grouping' -export { LazyMount } from './examples/lazy-mount' -export { MaxSelected } from './examples/max-selected' -export { Multiple } from './examples/multiple' -export { Overflow } from './examples/overflow' -export { ReactiveCollection } from './examples/reactive-collection' -export { RootProvider } from './examples/root-provider' -export { SelectAll } from './examples/select-all' -export { SelectOnHighlight } from './examples/select-on-highlight' -export { WithField } from './examples/with-field' +export { Async } from './examples/async.tsx' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { FormLibrary } from './examples/form-library.tsx' +export { FullyControlled } from './examples/fully-controlled.tsx' +export { Grouping } from './examples/grouping.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { MaxSelected } from './examples/max-selected.tsx' +export { Multiple } from './examples/multiple.tsx' +export { Overflow } from './examples/overflow.tsx' +export { ReactiveCollection } from './examples/reactive-collection.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SelectAll } from './examples/select-all.tsx' +export { SelectOnHighlight } from './examples/select-on-highlight.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/select/select.ts b/packages/react/src/components/select/select.ts index 25da9f04dc..d44c3ade1d 100644 --- a/packages/react/src/components/select/select.ts +++ b/packages/react/src/components/select/select.ts @@ -6,97 +6,97 @@ export type { PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select' -export type { CollectionItem, ListCollection } from '../collection' +export type { CollectionItem, ListCollection } from '../collection/index.ts' export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, type SelectClearTriggerProps as ClearTriggerProps, -} from './select-clear-trigger' +} from './select-clear-trigger.tsx' export { SelectContent as Content, type SelectContentBaseProps as ContentBaseProps, type SelectContentProps as ContentProps, -} from './select-content' -export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context' +} from './select-content.tsx' +export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context.tsx' export { SelectControl as Control, type SelectControlBaseProps as ControlBaseProps, type SelectControlProps as ControlProps, -} from './select-control' +} from './select-control.tsx' export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectBaseProps as HiddenSelectBaseProps, type SelectHiddenSelectProps as HiddenSelectProps, -} from './select-hidden-select' +} from './select-hidden-select.tsx' export { SelectIndicator as Indicator, type SelectIndicatorBaseProps as IndicatorBaseProps, type SelectIndicatorProps as IndicatorProps, -} from './select-indicator' +} from './select-indicator.tsx' export { SelectItem as Item, type SelectItemBaseProps as ItemBaseProps, type SelectItemProps as ItemProps, -} from './select-item' +} from './select-item.tsx' export { SelectItemContext as ItemContext, type SelectItemContextProps as ItemContextProps, -} from './select-item-context' +} from './select-item-context.tsx' export { SelectItemGroup as ItemGroup, type SelectItemGroupBaseProps as ItemGroupBaseProps, type SelectItemGroupProps as ItemGroupProps, -} from './select-item-group' +} from './select-item-group.tsx' export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type SelectItemGroupLabelProps as ItemGroupLabelProps, -} from './select-item-group-label' +} from './select-item-group-label.tsx' export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, type SelectItemIndicatorProps as ItemIndicatorProps, -} from './select-item-indicator' +} from './select-item-indicator.tsx' export { SelectItemText as ItemText, type SelectItemTextBaseProps as ItemTextBaseProps, type SelectItemTextProps as ItemTextProps, -} from './select-item-text' +} from './select-item-text.tsx' export { SelectLabel as Label, type SelectLabelBaseProps as LabelBaseProps, type SelectLabelProps as LabelProps, -} from './select-label' +} from './select-label.tsx' export { SelectList as List, type SelectListBaseProps as ListBaseProps, type SelectListProps as ListProps, -} from './select-list' +} from './select-list.tsx' export { SelectPositioner as Positioner, type SelectPositionerBaseProps as PositionerBaseProps, type SelectPositionerProps as PositionerProps, -} from './select-positioner' +} from './select-positioner.tsx' export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, type SelectRootComponentProps as RootComponentProps, -} from './select-root' +} from './select-root.tsx' export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderComponent as RootProviderComponent, -} from './select-root-provider' +} from './select-root-provider.tsx' export { SelectTrigger as Trigger, type SelectTriggerBaseProps as TriggerBaseProps, type SelectTriggerProps as TriggerProps, -} from './select-trigger' +} from './select-trigger.tsx' export { SelectValueText as ValueText, type SelectValueTextBaseProps as ValueTextBaseProps, type SelectValueTextProps as ValueTextProps, -} from './select-value-text' +} from './select-value-text.tsx' diff --git a/packages/react/src/components/select/tests/basic.tsx b/packages/react/src/components/select/tests/basic.tsx index fe75f99791..e1d0e8846c 100644 --- a/packages/react/src/components/select/tests/basic.tsx +++ b/packages/react/src/components/select/tests/basic.tsx @@ -1,6 +1,6 @@ -import { Select, createListCollection } from '../' -import type { Optional } from '../../../types' -import { Portal } from '../../portal' +import { Select, createListCollection } from '../index.ts' +import type { Optional } from '../../../types.ts' +import { Portal } from '../../portal/index.ts' interface Item { label: string diff --git a/packages/react/src/components/select/tests/field.tsx b/packages/react/src/components/select/tests/field.tsx index 99f9f2e969..67f484eb2a 100644 --- a/packages/react/src/components/select/tests/field.tsx +++ b/packages/react/src/components/select/tests/field.tsx @@ -1,5 +1,5 @@ -import { Field } from '../../field' -import { Select, createListCollection } from '../' +import { Field } from '../../field/index.ts' +import { Select, createListCollection } from '../index.ts' export const SelectWithField = (props: Field.RootProps) => { const collection = createListCollection({ items: ['React', 'Solid', 'Vue', 'Svelte'] }) diff --git a/packages/react/src/components/select/tests/select.test.tsx b/packages/react/src/components/select/tests/select.test.tsx index ad5776e6be..704769ba3e 100644 --- a/packages/react/src/components/select/tests/select.test.tsx +++ b/packages/react/src/components/select/tests/select.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 { SelectWithField } from './field' -import { ComponentUnderTest } from './basic' +import { SelectWithField } from './field.tsx' +import { ComponentUnderTest } from './basic.tsx' describe('Select', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/select/use-select-context.ts b/packages/react/src/components/select/use-select-context.ts index 67c3f14bee..f94aa278ec 100644 --- a/packages/react/src/components/select/use-select-context.ts +++ b/packages/react/src/components/select/use-select-context.ts @@ -1,8 +1,8 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { CollectionItem } from '../collection' -import type { UseSelectReturn } from './use-select' +import { createContext } from '../../utils/create-context.ts' +import type { CollectionItem } from '../collection/index.ts' +import type { UseSelectReturn } from './use-select.ts' export interface UseSelectContext extends UseSelectReturn {} diff --git a/packages/react/src/components/select/use-select-item-context.ts b/packages/react/src/components/select/use-select-item-context.ts index ab72564080..0a446be64a 100644 --- a/packages/react/src/components/select/use-select-item-context.ts +++ b/packages/react/src/components/select/use-select-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/select' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseSelectItemContext extends ItemState {} diff --git a/packages/react/src/components/select/use-select-item-group-props.tsx b/packages/react/src/components/select/use-select-item-group-props.tsx index f4a4833378..7d866939eb 100644 --- a/packages/react/src/components/select/use-select-item-group-props.tsx +++ b/packages/react/src/components/select/use-select-item-group-props.tsx @@ -1,7 +1,7 @@ 'use client' import type { ItemGroupProps } from '@zag-js/select' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseSelectItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/react/src/components/select/use-select-item-props-context.ts b/packages/react/src/components/select/use-select-item-props-context.ts index d541e6e09a..5a95ccaa4c 100644 --- a/packages/react/src/components/select/use-select-item-props-context.ts +++ b/packages/react/src/components/select/use-select-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/select' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({ name: 'SelectItemPropsContext', diff --git a/packages/react/src/components/select/use-select.ts b/packages/react/src/components/select/use-select.ts index 9ebf60a965..b246d6877b 100644 --- a/packages/react/src/components/select/use-select.ts +++ b/packages/react/src/components/select/use-select.ts @@ -3,10 +3,10 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as select from '@zag-js/select' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import type { CollectionItem, ListCollection } from '../collection' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import type { CollectionItem, ListCollection } from '../collection/index.ts' +import { useFieldContext } from '../field/index.ts' export interface UseSelectProps extends Optional< Omit, 'dir' | 'getRootNode' | 'collection'>, diff --git a/packages/react/src/components/signature-pad/index.ts b/packages/react/src/components/signature-pad/index.ts index 5ce73a67f0..790febc103 100644 --- a/packages/react/src/components/signature-pad/index.ts +++ b/packages/react/src/components/signature-pad/index.ts @@ -7,33 +7,41 @@ export { SignaturePadClearTrigger, type SignaturePadClearTriggerBaseProps, type SignaturePadClearTriggerProps, -} from './signature-pad-clear-trigger' -export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context' +} from './signature-pad-clear-trigger.tsx' +export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context.tsx' export { SignaturePadControl, type SignaturePadControlBaseProps, type SignaturePadControlProps, -} from './signature-pad-control' -export { SignaturePadGuide, type SignaturePadGuideBaseProps, type SignaturePadGuideProps } from './signature-pad-guide' +} from './signature-pad-control.tsx' +export { + SignaturePadGuide, + type SignaturePadGuideBaseProps, + type SignaturePadGuideProps, +} from './signature-pad-guide.tsx' export { SignaturePadHiddenInput, type SignaturePadHiddenInputBaseProps, type SignaturePadHiddenInputProps, -} from './signature-pad-hidden-input' -export { SignaturePadLabel, type SignaturePadLabelBaseProps, type SignaturePadLabelProps } from './signature-pad-label' -export { SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps } from './signature-pad-root' +} from './signature-pad-hidden-input.tsx' +export { + SignaturePadLabel, + type SignaturePadLabelBaseProps, + type SignaturePadLabelProps, +} from './signature-pad-label.tsx' +export { SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps } from './signature-pad-root.tsx' export { SignaturePadRootProvider, type SignaturePadRootProviderBaseProps, type SignaturePadRootProviderProps, -} from './signature-pad-root-provider' +} from './signature-pad-root-provider.tsx' export { SignaturePadSegment, type SignaturePadSegmentBaseProps, type SignaturePadSegmentProps, -} from './signature-pad-segment' -export { signaturePadAnatomy } from './signature-pad.anatomy' -export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn } from './use-signature-pad' -export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context' +} from './signature-pad-segment.tsx' +export { signaturePadAnatomy } from './signature-pad.anatomy.ts' +export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn } from './use-signature-pad.ts' +export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context.ts' -export * as SignaturePad from './signature-pad' +export * as SignaturePad from './signature-pad.ts' diff --git a/packages/react/src/components/signature-pad/signature-pad-clear-trigger.tsx b/packages/react/src/components/signature-pad/signature-pad-clear-trigger.tsx index 775e9f0d2b..073deb9f12 100644 --- a/packages/react/src/components/signature-pad/signature-pad-clear-trigger.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-clear-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadClearTriggerBaseProps extends PolymorphicProps {} export interface SignaturePadClearTriggerProps extends HTMLProps<'button'>, SignaturePadClearTriggerBaseProps {} diff --git a/packages/react/src/components/signature-pad/signature-pad-context.tsx b/packages/react/src/components/signature-pad/signature-pad-context.tsx index 307d947bfc..0a7a2ce3b7 100644 --- a/packages/react/src/components/signature-pad/signature-pad-context.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSignaturePadContext, useSignaturePadContext } from './use-signature-pad-context' +import { type UseSignaturePadContext, useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadContextProps { children: (context: UseSignaturePadContext) => ReactNode diff --git a/packages/react/src/components/signature-pad/signature-pad-control.tsx b/packages/react/src/components/signature-pad/signature-pad-control.tsx index 767beef3a5..07c9c90f5e 100644 --- a/packages/react/src/components/signature-pad/signature-pad-control.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadControlBaseProps extends PolymorphicProps {} export interface SignaturePadControlProps extends HTMLProps<'div'>, SignaturePadControlBaseProps {} diff --git a/packages/react/src/components/signature-pad/signature-pad-guide.tsx b/packages/react/src/components/signature-pad/signature-pad-guide.tsx index 727063c7ac..dabac22333 100644 --- a/packages/react/src/components/signature-pad/signature-pad-guide.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-guide.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadGuideBaseProps extends PolymorphicProps {} export interface SignaturePadGuideProps extends HTMLProps<'div'>, SignaturePadGuideBaseProps {} diff --git a/packages/react/src/components/signature-pad/signature-pad-hidden-input.tsx b/packages/react/src/components/signature-pad/signature-pad-hidden-input.tsx index 9ceeaf397a..027141df58 100644 --- a/packages/react/src/components/signature-pad/signature-pad-hidden-input.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-hidden-input.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { HiddenInputProps } from '@zag-js/signature-pad' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useSignaturePadContext } from './use-signature-pad-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps {} export interface SignaturePadHiddenInputProps extends Assign, SignaturePadHiddenInputBaseProps> {} diff --git a/packages/react/src/components/signature-pad/signature-pad-label.tsx b/packages/react/src/components/signature-pad/signature-pad-label.tsx index 566e1e45c1..cc666b7c6b 100644 --- a/packages/react/src/components/signature-pad/signature-pad-label.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadLabelBaseProps extends PolymorphicProps {} export interface SignaturePadLabelProps extends HTMLProps<'label'>, SignaturePadLabelBaseProps {} diff --git a/packages/react/src/components/signature-pad/signature-pad-root-provider.tsx b/packages/react/src/components/signature-pad/signature-pad-root-provider.tsx index 93e6f5e3ed..96befe5c78 100644 --- a/packages/react/src/components/signature-pad/signature-pad-root-provider.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSignaturePadReturn } from './use-signature-pad' -import { SignaturePadProvider } from './use-signature-pad-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseSignaturePadReturn } from './use-signature-pad.ts' +import { SignaturePadProvider } from './use-signature-pad-context.ts' interface RootProviderProps { value: UseSignaturePadReturn diff --git a/packages/react/src/components/signature-pad/signature-pad-root.tsx b/packages/react/src/components/signature-pad/signature-pad-root.tsx index 66ca2ef4bb..7c3eefea75 100644 --- a/packages/react/src/components/signature-pad/signature-pad-root.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSignaturePadProps, useSignaturePad } from './use-signature-pad' -import { SignaturePadProvider } from './use-signature-pad-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseSignaturePadProps, useSignaturePad } from './use-signature-pad.ts' +import { SignaturePadProvider } from './use-signature-pad-context.ts' export interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps {} export interface SignaturePadRootProps extends HTMLProps<'div'>, SignaturePadRootBaseProps {} diff --git a/packages/react/src/components/signature-pad/signature-pad-segment.tsx b/packages/react/src/components/signature-pad/signature-pad-segment.tsx index 3d7cdc8ced..1f83966b8d 100644 --- a/packages/react/src/components/signature-pad/signature-pad-segment.tsx +++ b/packages/react/src/components/signature-pad/signature-pad-segment.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadSegmentBaseProps extends PolymorphicProps {} export interface SignaturePadSegmentProps extends HTMLProps<'svg'>, SignaturePadSegmentBaseProps {} diff --git a/packages/react/src/components/signature-pad/signature-pad.stories.tsx b/packages/react/src/components/signature-pad/signature-pad.stories.tsx index 49557b09d1..1d9418641c 100644 --- a/packages/react/src/components/signature-pad/signature-pad.stories.tsx +++ b/packages/react/src/components/signature-pad/signature-pad.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { ImagePreview } from './examples/image-preview' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { ImagePreview } from './examples/image-preview.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/signature-pad/signature-pad.ts b/packages/react/src/components/signature-pad/signature-pad.ts index acfb6ac258..ed78aede53 100644 --- a/packages/react/src/components/signature-pad/signature-pad.ts +++ b/packages/react/src/components/signature-pad/signature-pad.ts @@ -3,40 +3,43 @@ export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, type SignaturePadClearTriggerProps as ClearTriggerProps, -} from './signature-pad-clear-trigger' -export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps } from './signature-pad-context' +} from './signature-pad-clear-trigger.tsx' +export { + SignaturePadContext as Context, + type SignaturePadContextProps as ContextProps, +} from './signature-pad-context.tsx' export { SignaturePadControl as Control, type SignaturePadControlBaseProps as ControlBaseProps, type SignaturePadControlProps as ControlProps, -} from './signature-pad-control' +} from './signature-pad-control.tsx' export { SignaturePadGuide as Guide, type SignaturePadGuideBaseProps as GuideBaseProps, type SignaturePadGuideProps as GuideProps, -} from './signature-pad-guide' +} from './signature-pad-guide.tsx' export { SignaturePadHiddenInput as HiddenInput, type SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, type SignaturePadHiddenInputProps as HiddenInputProps, -} from './signature-pad-hidden-input' +} from './signature-pad-hidden-input.tsx' export { SignaturePadLabel as Label, type SignaturePadLabelBaseProps as LabelBaseProps, type SignaturePadLabelProps as LabelProps, -} from './signature-pad-label' +} from './signature-pad-label.tsx' export { SignaturePadRoot as Root, type SignaturePadRootBaseProps as RootBaseProps, type SignaturePadRootProps as RootProps, -} from './signature-pad-root' +} from './signature-pad-root.tsx' export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderBaseProps as RootProviderBaseProps, type SignaturePadRootProviderProps as RootProviderProps, -} from './signature-pad-root-provider' +} from './signature-pad-root-provider.tsx' export { SignaturePadSegment as Segment, type SignaturePadSegmentBaseProps as SegmentBaseProps, type SignaturePadSegmentProps as SegmentProps, -} from './signature-pad-segment' +} from './signature-pad-segment.tsx' diff --git a/packages/react/src/components/signature-pad/tests/basic.tsx b/packages/react/src/components/signature-pad/tests/basic.tsx index 91d2faab70..ca3112b5b8 100644 --- a/packages/react/src/components/signature-pad/tests/basic.tsx +++ b/packages/react/src/components/signature-pad/tests/basic.tsx @@ -1,6 +1,6 @@ import { RotateCcwIcon } from 'lucide-react' -import { Field } from '../../field' -import { SignaturePad } from '../' +import { Field } from '../../field/index.ts' +import { SignaturePad } from '../index.ts' export const ComponentUnderTest = (props: SignaturePad.RootProps) => ( diff --git a/packages/react/src/components/signature-pad/tests/signature-pad.test.tsx b/packages/react/src/components/signature-pad/tests/signature-pad.test.tsx index 30aca06961..8722e7dcfb 100644 --- a/packages/react/src/components/signature-pad/tests/signature-pad.test.tsx +++ b/packages/react/src/components/signature-pad/tests/signature-pad.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, SignaturePadWithField } from './basic' +import { ComponentUnderTest, SignaturePadWithField } from './basic.tsx' describe('SignaturePad ', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/signature-pad/use-signature-pad-context.ts b/packages/react/src/components/signature-pad/use-signature-pad-context.ts index 5121b3bac8..a222cc3c8b 100644 --- a/packages/react/src/components/signature-pad/use-signature-pad-context.ts +++ b/packages/react/src/components/signature-pad/use-signature-pad-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseSignaturePadReturn } from './use-signature-pad' +import { createContext } from '../../utils/create-context.ts' +import type { UseSignaturePadReturn } from './use-signature-pad.ts' export interface UseSignaturePadContext extends UseSignaturePadReturn {} diff --git a/packages/react/src/components/signature-pad/use-signature-pad.ts b/packages/react/src/components/signature-pad/use-signature-pad.ts index decb13869a..58a90fda90 100644 --- a/packages/react/src/components/signature-pad/use-signature-pad.ts +++ b/packages/react/src/components/signature-pad/use-signature-pad.ts @@ -3,9 +3,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as signaturePad from '@zag-js/signature-pad' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseSignaturePadProps extends Optional, 'id'> {} export interface UseSignaturePadReturn extends signaturePad.Api {} diff --git a/packages/react/src/components/slider/index.ts b/packages/react/src/components/slider/index.ts index 3adbd8de39..7edefc5127 100644 --- a/packages/react/src/components/slider/index.ts +++ b/packages/react/src/components/slider/index.ts @@ -2,29 +2,37 @@ export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider' -export { SliderContext, type SliderContextProps } from './slider-context' -export { SliderControl, type SliderControlBaseProps, type SliderControlProps } from './slider-control' +export { SliderContext, type SliderContextProps } from './slider-context.tsx' +export { SliderControl, type SliderControlBaseProps, type SliderControlProps } from './slider-control.tsx' export { SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, -} from './slider-dragging-indicator' -export { SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps } from './slider-hidden-input' -export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps } from './slider-label' -export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps } from './slider-marker' -export { SliderMarkerGroup, type SliderMarkerGroupBaseProps, type SliderMarkerGroupProps } from './slider-marker-group' -export { SliderRange, type SliderRangeBaseProps, type SliderRangeProps } from './slider-range' -export { SliderRoot, type SliderRootBaseProps, type SliderRootProps } from './slider-root' +} from './slider-dragging-indicator.tsx' +export { + SliderHiddenInput, + type SliderHiddenInputBaseProps, + type SliderHiddenInputProps, +} from './slider-hidden-input.tsx' +export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps } from './slider-label.tsx' +export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps } from './slider-marker.tsx' +export { + SliderMarkerGroup, + type SliderMarkerGroupBaseProps, + type SliderMarkerGroupProps, +} from './slider-marker-group.tsx' +export { SliderRange, type SliderRangeBaseProps, type SliderRangeProps } from './slider-range.tsx' +export { SliderRoot, type SliderRootBaseProps, type SliderRootProps } from './slider-root.tsx' export { SliderRootProvider, type SliderRootProviderBaseProps, type SliderRootProviderProps, -} from './slider-root-provider' -export { SliderThumb, type SliderThumbBaseProps, type SliderThumbProps } from './slider-thumb' -export { SliderTrack, type SliderTrackBaseProps, type SliderTrackProps } from './slider-track' -export { SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps } from './slider-value-text' -export { sliderAnatomy } from './slider.anatomy' -export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider' -export { useSliderContext, type UseSliderContext } from './use-slider-context' +} from './slider-root-provider.tsx' +export { SliderThumb, type SliderThumbBaseProps, type SliderThumbProps } from './slider-thumb.tsx' +export { SliderTrack, type SliderTrackBaseProps, type SliderTrackProps } from './slider-track.tsx' +export { SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps } from './slider-value-text.tsx' +export { sliderAnatomy } from './slider.anatomy.ts' +export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider.ts' +export { useSliderContext, type UseSliderContext } from './use-slider-context.ts' -export * as Slider from './slider' +export * as Slider from './slider.ts' diff --git a/packages/react/src/components/slider/slider-context.tsx b/packages/react/src/components/slider/slider-context.tsx index d6caa9fca3..698cd08666 100644 --- a/packages/react/src/components/slider/slider-context.tsx +++ b/packages/react/src/components/slider/slider-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSliderContext, useSliderContext } from './use-slider-context' +import { type UseSliderContext, useSliderContext } from './use-slider-context.ts' export interface SliderContextProps { children: (context: UseSliderContext) => ReactNode diff --git a/packages/react/src/components/slider/slider-control.tsx b/packages/react/src/components/slider/slider-control.tsx index 530a86eb42..912e873207 100644 --- a/packages/react/src/components/slider/slider-control.tsx +++ b/packages/react/src/components/slider/slider-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderControlBaseProps extends PolymorphicProps {} export interface SliderControlProps extends HTMLProps<'div'>, SliderControlBaseProps {} diff --git a/packages/react/src/components/slider/slider-dragging-indicator.tsx b/packages/react/src/components/slider/slider-dragging-indicator.tsx index bad2a0650a..db68c1acf5 100644 --- a/packages/react/src/components/slider/slider-dragging-indicator.tsx +++ b/packages/react/src/components/slider/slider-dragging-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 { useSliderContext } from './use-slider-context' -import { useSliderThumbPropsContext } from './use-slider-thumb-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' +import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.ts' export interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {} export interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {} diff --git a/packages/react/src/components/slider/slider-hidden-input.tsx b/packages/react/src/components/slider/slider-hidden-input.tsx index fd49227bb6..4faac82bc1 100644 --- a/packages/react/src/components/slider/slider-hidden-input.tsx +++ b/packages/react/src/components/slider/slider-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' -import { useSliderThumbPropsContext } from './use-slider-thumb-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' +import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.ts' export interface SliderHiddenInputBaseProps extends PolymorphicProps {} export interface SliderHiddenInputProps extends HTMLProps<'input'>, SliderHiddenInputBaseProps {} diff --git a/packages/react/src/components/slider/slider-label.tsx b/packages/react/src/components/slider/slider-label.tsx index cb7907c7ae..e205053da1 100644 --- a/packages/react/src/components/slider/slider-label.tsx +++ b/packages/react/src/components/slider/slider-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderLabelBaseProps extends PolymorphicProps {} export interface SliderLabelProps extends HTMLProps<'label'>, SliderLabelBaseProps {} diff --git a/packages/react/src/components/slider/slider-marker-group.tsx b/packages/react/src/components/slider/slider-marker-group.tsx index d7230435ba..c4e28c8faa 100644 --- a/packages/react/src/components/slider/slider-marker-group.tsx +++ b/packages/react/src/components/slider/slider-marker-group.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderMarkerGroupBaseProps extends PolymorphicProps {} export interface SliderMarkerGroupProps extends HTMLProps<'div'>, SliderMarkerGroupBaseProps {} diff --git a/packages/react/src/components/slider/slider-marker.tsx b/packages/react/src/components/slider/slider-marker.tsx index a68cedbab3..46c5093fa5 100644 --- a/packages/react/src/components/slider/slider-marker.tsx +++ b/packages/react/src/components/slider/slider-marker.tsx @@ -3,9 +3,9 @@ import { mergeProps } from '@zag-js/react' import type { MarkerProps } from '@zag-js/slider' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps {} export interface SliderMarkerProps extends HTMLProps<'span'>, SliderMarkerBaseProps {} diff --git a/packages/react/src/components/slider/slider-range.tsx b/packages/react/src/components/slider/slider-range.tsx index 22f4f9e292..f8749481b3 100644 --- a/packages/react/src/components/slider/slider-range.tsx +++ b/packages/react/src/components/slider/slider-range.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderRangeBaseProps extends PolymorphicProps {} export interface SliderRangeProps extends HTMLProps<'div'>, SliderRangeBaseProps {} diff --git a/packages/react/src/components/slider/slider-root-provider.tsx b/packages/react/src/components/slider/slider-root-provider.tsx index 090596a7e2..86e70366f7 100644 --- a/packages/react/src/components/slider/slider-root-provider.tsx +++ b/packages/react/src/components/slider/slider-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSliderReturn } from './use-slider' -import { SliderProvider } from './use-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseSliderReturn } from './use-slider.ts' +import { SliderProvider } from './use-slider-context.ts' interface RootProviderProps { value: UseSliderReturn diff --git a/packages/react/src/components/slider/slider-root.tsx b/packages/react/src/components/slider/slider-root.tsx index 62d1fa3125..e587046139 100644 --- a/packages/react/src/components/slider/slider-root.tsx +++ b/packages/react/src/components/slider/slider-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSliderProps, useSlider } from './use-slider' -import { SliderProvider } from './use-slider-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseSliderProps, useSlider } from './use-slider.ts' +import { SliderProvider } from './use-slider-context.ts' export interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps {} export interface SliderRootProps extends Assign, SliderRootBaseProps> {} diff --git a/packages/react/src/components/slider/slider-thumb.tsx b/packages/react/src/components/slider/slider-thumb.tsx index 8fad1f7655..4740b6c94c 100644 --- a/packages/react/src/components/slider/slider-thumb.tsx +++ b/packages/react/src/components/slider/slider-thumb.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { ThumbProps } from '@zag-js/slider' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' -import { SliderThumbPropsProvider } from './use-slider-thumb-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' +import { SliderThumbPropsProvider } from './use-slider-thumb-props-context.ts' export interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps {} export interface SliderThumbProps extends HTMLProps<'div'>, SliderThumbBaseProps {} diff --git a/packages/react/src/components/slider/slider-track.tsx b/packages/react/src/components/slider/slider-track.tsx index b6d09704fa..1688af2960 100644 --- a/packages/react/src/components/slider/slider-track.tsx +++ b/packages/react/src/components/slider/slider-track.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderTrackBaseProps extends PolymorphicProps {} export interface SliderTrackProps extends HTMLProps<'div'>, SliderTrackBaseProps {} diff --git a/packages/react/src/components/slider/slider-value-text.tsx b/packages/react/src/components/slider/slider-value-text.tsx index 56e3d64a66..3f6a5a36fe 100644 --- a/packages/react/src/components/slider/slider-value-text.tsx +++ b/packages/react/src/components/slider/slider-value-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSliderContext } from './use-slider-context.ts' export interface SliderValueTextBaseProps extends PolymorphicProps {} export interface SliderValueTextProps extends HTMLProps<'span'>, SliderValueTextBaseProps {} diff --git a/packages/react/src/components/slider/slider.stories.tsx b/packages/react/src/components/slider/slider.stories.tsx index 315f320afd..cf9cda3a28 100644 --- a/packages/react/src/components/slider/slider.stories.tsx +++ b/packages/react/src/components/slider/slider.stories.tsx @@ -6,17 +6,17 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { CenterOrigin } from './examples/center-origin' -export { Context } from './examples/context' -export { DraggingIndicator } from './examples/dragging-indicator' -export { MinMax } from './examples/min-max' -export { OnEvent } from './examples/on-event' -export { Range } from './examples/range' -export { RootProvider } from './examples/root-provider' -export { Step } from './examples/step' -export { ThumbAlignment } from './examples/thumb-alignment' -export { ThumbCollision } from './examples/thumb-collision' -export { ThumbOverlap } from './examples/thumb-overlap' -export { Vertical } from './examples/vertical' -export { WithMarks } from './examples/with-marks' +export { Basic } from './examples/basic.tsx' +export { CenterOrigin } from './examples/center-origin.tsx' +export { Context } from './examples/context.tsx' +export { DraggingIndicator } from './examples/dragging-indicator.tsx' +export { MinMax } from './examples/min-max.tsx' +export { OnEvent } from './examples/on-event.tsx' +export { Range } from './examples/range.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Step } from './examples/step.tsx' +export { ThumbAlignment } from './examples/thumb-alignment.tsx' +export { ThumbCollision } from './examples/thumb-collision.tsx' +export { ThumbOverlap } from './examples/thumb-overlap.tsx' +export { Vertical } from './examples/vertical.tsx' +export { WithMarks } from './examples/with-marks.tsx' diff --git a/packages/react/src/components/slider/slider.ts b/packages/react/src/components/slider/slider.ts index be5e3a5c7f..3ee43491a9 100644 --- a/packages/react/src/components/slider/slider.ts +++ b/packages/react/src/components/slider/slider.ts @@ -1,62 +1,62 @@ export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider' -export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context' +export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context.tsx' export { SliderControl as Control, type SliderControlBaseProps as ControlBaseProps, type SliderControlProps as ControlProps, -} from './slider-control' +} from './slider-control.tsx' export { SliderDraggingIndicator as DraggingIndicator, type SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, type SliderDraggingIndicatorProps as DraggingIndicatorProps, -} from './slider-dragging-indicator' +} from './slider-dragging-indicator.tsx' export { SliderHiddenInput as HiddenInput, type SliderHiddenInputBaseProps as HiddenInputBaseProps, type SliderHiddenInputProps as HiddenInputProps, -} from './slider-hidden-input' +} from './slider-hidden-input.tsx' export { SliderLabel as Label, type SliderLabelBaseProps as LabelBaseProps, type SliderLabelProps as LabelProps, -} from './slider-label' +} from './slider-label.tsx' export { SliderMarker as Marker, type SliderMarkerBaseProps as MarkerBaseProps, type SliderMarkerProps as MarkerProps, -} from './slider-marker' +} from './slider-marker.tsx' export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, type SliderMarkerGroupProps as MarkerGroupProps, -} from './slider-marker-group' +} from './slider-marker-group.tsx' export { SliderRange as Range, type SliderRangeBaseProps as RangeBaseProps, type SliderRangeProps as RangeProps, -} from './slider-range' +} from './slider-range.tsx' export { SliderRoot as Root, type SliderRootBaseProps as RootBaseProps, type SliderRootProps as RootProps, -} from './slider-root' +} from './slider-root.tsx' export { SliderRootProvider as RootProvider, type SliderRootProviderBaseProps as RootProviderBaseProps, type SliderRootProviderProps as RootProviderProps, -} from './slider-root-provider' +} from './slider-root-provider.tsx' export { SliderThumb as Thumb, type SliderThumbBaseProps as ThumbBaseProps, type SliderThumbProps as ThumbProps, -} from './slider-thumb' +} from './slider-thumb.tsx' export { SliderTrack as Track, type SliderTrackBaseProps as TrackBaseProps, type SliderTrackProps as TrackProps, -} from './slider-track' +} from './slider-track.tsx' export { SliderValueText as ValueText, type SliderValueTextBaseProps as ValueTextBaseProps, type SliderValueTextProps as ValueTextProps, -} from './slider-value-text' +} from './slider-value-text.tsx' diff --git a/packages/react/src/components/slider/tests/basic.tsx b/packages/react/src/components/slider/tests/basic.tsx index a6dae7884f..ef8f87f355 100644 --- a/packages/react/src/components/slider/tests/basic.tsx +++ b/packages/react/src/components/slider/tests/basic.tsx @@ -1,5 +1,5 @@ import { useState } from 'react' -import { Slider } from '../' +import { Slider } from '../index.ts' export const ComponentUnderTest = (props: Slider.RootProps) => { const [value, setValue] = useState([-20, 20]) diff --git a/packages/react/src/components/slider/tests/slider.test.tsx b/packages/react/src/components/slider/tests/slider.test.tsx index 25f51d5a0a..dca8b678c4 100644 --- a/packages/react/src/components/slider/tests/slider.test.tsx +++ b/packages/react/src/components/slider/tests/slider.test.tsx @@ -1,8 +1,8 @@ import { act, 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('Slider', () => { it.skip('should have no a11y violations', async () => { diff --git a/packages/react/src/components/slider/use-slider-context.ts b/packages/react/src/components/slider/use-slider-context.ts index 632db613bf..ecc726e801 100644 --- a/packages/react/src/components/slider/use-slider-context.ts +++ b/packages/react/src/components/slider/use-slider-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseSliderReturn } from './use-slider' +import { createContext } from '../../utils/create-context.ts' +import type { UseSliderReturn } from './use-slider.ts' export interface UseSliderContext extends UseSliderReturn {} diff --git a/packages/react/src/components/slider/use-slider-thumb-props-context.ts b/packages/react/src/components/slider/use-slider-thumb-props-context.ts index 6ec2e5a3fc..83715f51ab 100644 --- a/packages/react/src/components/slider/use-slider-thumb-props-context.ts +++ b/packages/react/src/components/slider/use-slider-thumb-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ThumbProps } from '@zag-js/slider' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext({ name: 'SliderThumbPropsContext', diff --git a/packages/react/src/components/slider/use-slider.ts b/packages/react/src/components/slider/use-slider.ts index f1184f8a82..02db44137c 100644 --- a/packages/react/src/components/slider/use-slider.ts +++ b/packages/react/src/components/slider/use-slider.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as slider from '@zag-js/slider' 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 UseSliderProps extends Optional, 'id'> {} export interface UseSliderReturn extends slider.Api {} diff --git a/packages/react/src/components/splitter/index.ts b/packages/react/src/components/splitter/index.ts index ea4357a12d..565e1adbfd 100644 --- a/packages/react/src/components/splitter/index.ts +++ b/packages/react/src/components/splitter/index.ts @@ -2,7 +2,7 @@ export { createSplitterRegistry, type SplitterRegistryProps, type SplitterRegistryReturn, -} from './create-splitter-registry' +} from './create-splitter-registry.ts' export { layout as getSplitterLayout } from '@zag-js/splitter' export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, @@ -10,26 +10,26 @@ export type { ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter' -export { SplitterContext, type SplitterContextProps } from './splitter-context' -export { SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel' +export { SplitterContext, type SplitterContextProps } from './splitter-context.tsx' +export { SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel.tsx' export { SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, -} from './splitter-resize-trigger' +} from './splitter-resize-trigger.tsx' export { SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, -} from './splitter-resize-trigger-indicator' -export { SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps } from './splitter-root' +} from './splitter-resize-trigger-indicator.tsx' +export { SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps } from './splitter-root.tsx' export { SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, -} from './splitter-root-provider' -export { splitterAnatomy } from './splitter.anatomy' -export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter' -export { useSplitterContext, type UseSplitterContext } from './use-splitter-context' +} from './splitter-root-provider.tsx' +export { splitterAnatomy } from './splitter.anatomy.ts' +export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter.ts' +export { useSplitterContext, type UseSplitterContext } from './use-splitter-context.ts' -export * as Splitter from './splitter' +export * as Splitter from './splitter.ts' diff --git a/packages/react/src/components/splitter/splitter-context.tsx b/packages/react/src/components/splitter/splitter-context.tsx index df952a21f4..d3a648b46f 100644 --- a/packages/react/src/components/splitter/splitter-context.tsx +++ b/packages/react/src/components/splitter/splitter-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSplitterContext, useSplitterContext } from './use-splitter-context' +import { type UseSplitterContext, useSplitterContext } from './use-splitter-context.ts' export interface SplitterContextProps { children: (context: UseSplitterContext) => ReactNode diff --git a/packages/react/src/components/splitter/splitter-panel.tsx b/packages/react/src/components/splitter/splitter-panel.tsx index 7ec48f9b7a..0728dd0e8f 100644 --- a/packages/react/src/components/splitter/splitter-panel.tsx +++ b/packages/react/src/components/splitter/splitter-panel.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { PanelProps } from '@zag-js/splitter' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSplitterContext } from './use-splitter-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSplitterContext } from './use-splitter-context.ts' export interface SplitterPanelBaseProps extends PanelProps, PolymorphicProps {} export interface SplitterPanelProps extends Assign, SplitterPanelBaseProps> {} diff --git a/packages/react/src/components/splitter/splitter-resize-trigger-indicator.tsx b/packages/react/src/components/splitter/splitter-resize-trigger-indicator.tsx index 194dc99ed2..89088d8bd3 100644 --- a/packages/react/src/components/splitter/splitter-resize-trigger-indicator.tsx +++ b/packages/react/src/components/splitter/splitter-resize-trigger-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 { useSplitterContext } from './use-splitter-context' -import { useSplitterResizeTriggerPropsContext } from './use-splitter-resize-trigger-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSplitterContext } from './use-splitter-context.ts' +import { useSplitterResizeTriggerPropsContext } from './use-splitter-resize-trigger-props-context.ts' export interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps {} export interface SplitterResizeTriggerIndicatorProps diff --git a/packages/react/src/components/splitter/splitter-resize-trigger.tsx b/packages/react/src/components/splitter/splitter-resize-trigger.tsx index 6e7d97658d..33f20e3ff2 100644 --- a/packages/react/src/components/splitter/splitter-resize-trigger.tsx +++ b/packages/react/src/components/splitter/splitter-resize-trigger.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { ResizeTriggerProps } from '@zag-js/splitter' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSplitterContext } from './use-splitter-context' -import { SplitterResizeTriggerPropsProvider } from './use-splitter-resize-trigger-props-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSplitterContext } from './use-splitter-context.ts' +import { SplitterResizeTriggerPropsProvider } from './use-splitter-resize-trigger-props-context.ts' export interface SplitterResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps {} export interface SplitterResizeTriggerProps extends Assign, SplitterResizeTriggerBaseProps> {} diff --git a/packages/react/src/components/splitter/splitter-root-provider.tsx b/packages/react/src/components/splitter/splitter-root-provider.tsx index 2a1160aeb6..f5048e6508 100644 --- a/packages/react/src/components/splitter/splitter-root-provider.tsx +++ b/packages/react/src/components/splitter/splitter-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSplitterReturn } from './use-splitter' -import { SplitterProvider } from './use-splitter-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseSplitterReturn } from './use-splitter.ts' +import { SplitterProvider } from './use-splitter-context.ts' interface RootProviderProps { value: UseSplitterReturn diff --git a/packages/react/src/components/splitter/splitter-root.tsx b/packages/react/src/components/splitter/splitter-root.tsx index 5b429e09dc..056276dd70 100644 --- a/packages/react/src/components/splitter/splitter-root.tsx +++ b/packages/react/src/components/splitter/splitter-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSplitterProps, useSplitter } from './use-splitter' -import { SplitterProvider } from './use-splitter-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseSplitterProps, useSplitter } from './use-splitter.ts' +import { SplitterProvider } from './use-splitter-context.ts' export interface SplitterRootBaseProps extends UseSplitterProps, PolymorphicProps {} export interface SplitterRootProps extends Assign, SplitterRootBaseProps> {} diff --git a/packages/react/src/components/splitter/splitter.stories.tsx b/packages/react/src/components/splitter/splitter.stories.tsx index 633354cdbb..14345feb93 100644 --- a/packages/react/src/components/splitter/splitter.stories.tsx +++ b/packages/react/src/components/splitter/splitter.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Collapsible } from './examples/collapsible' -export { Context } from './examples/context' -export { MultiplePanels } from './examples/multiple-panels' -export { Nested } from './examples/nested' -export { ResizeIndicator } from './examples/resize-indicator' -export { RootProvider } from './examples/root-provider' -export { Vertical } from './examples/vertical' -export { DynamicCollapsible } from './examples/dynamic-collapsible' +export { Basic } from './examples/basic.tsx' +export { Collapsible } from './examples/collapsible.tsx' +export { Context } from './examples/context.tsx' +export { MultiplePanels } from './examples/multiple-panels.tsx' +export { Nested } from './examples/nested.tsx' +export { ResizeIndicator } from './examples/resize-indicator.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Vertical } from './examples/vertical.tsx' +export { DynamicCollapsible } from './examples/dynamic-collapsible.tsx' diff --git a/packages/react/src/components/splitter/splitter.test.tsx b/packages/react/src/components/splitter/splitter.test.tsx index 90f30eec94..314aa77ae3 100644 --- a/packages/react/src/components/splitter/splitter.test.tsx +++ b/packages/react/src/components/splitter/splitter.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './tests/basic' +import { ComponentUnderTest } from './tests/basic.tsx' describe('Splitter', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/splitter/splitter.ts b/packages/react/src/components/splitter/splitter.ts index 8db87b1a4b..867dd3c27b 100644 --- a/packages/react/src/components/splitter/splitter.ts +++ b/packages/react/src/components/splitter/splitter.ts @@ -1,29 +1,29 @@ export { layout as getLayout } from '@zag-js/splitter' export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter' -export { createSplitterRegistry as createRegistry } from './create-splitter-registry' -export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context' +export { createSplitterRegistry as createRegistry } from './create-splitter-registry.ts' +export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context.tsx' export { SplitterPanel as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, -} from './splitter-panel' +} from './splitter-panel.tsx' export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, -} from './splitter-resize-trigger' +} from './splitter-resize-trigger.tsx' export { SplitterResizeTriggerIndicator as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, -} from './splitter-resize-trigger-indicator' +} from './splitter-resize-trigger-indicator.tsx' export { SplitterRoot as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, -} from './splitter-root' +} from './splitter-root.tsx' export { SplitterRootProvider as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, -} from './splitter-root-provider' +} from './splitter-root-provider.tsx' diff --git a/packages/react/src/components/splitter/tests/basic.tsx b/packages/react/src/components/splitter/tests/basic.tsx index 5d2d7c5705..da241dcf58 100644 --- a/packages/react/src/components/splitter/tests/basic.tsx +++ b/packages/react/src/components/splitter/tests/basic.tsx @@ -1,5 +1,5 @@ -import { Splitter } from '../' -import type { Optional } from '../../../types' +import { Splitter } from '../index.ts' +import type { Optional } from '../../../types.ts' export const ComponentUnderTest = (props: Optional) => ( diff --git a/packages/react/src/components/splitter/use-splitter-context.ts b/packages/react/src/components/splitter/use-splitter-context.ts index fb56fd7bcc..7fc0adf83b 100644 --- a/packages/react/src/components/splitter/use-splitter-context.ts +++ b/packages/react/src/components/splitter/use-splitter-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseSplitterReturn } from './use-splitter' +import { createContext } from '../../utils/create-context.ts' +import type { UseSplitterReturn } from './use-splitter.ts' export interface UseSplitterContext extends UseSplitterReturn {} diff --git a/packages/react/src/components/splitter/use-splitter-resize-trigger-props-context.ts b/packages/react/src/components/splitter/use-splitter-resize-trigger-props-context.ts index e98b9fc14a..f80d034acb 100644 --- a/packages/react/src/components/splitter/use-splitter-resize-trigger-props-context.ts +++ b/packages/react/src/components/splitter/use-splitter-resize-trigger-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ResizeTriggerProps } from '@zag-js/splitter' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext({ diff --git a/packages/react/src/components/splitter/use-splitter.ts b/packages/react/src/components/splitter/use-splitter.ts index 822311f7d2..0a04990015 100644 --- a/packages/react/src/components/splitter/use-splitter.ts +++ b/packages/react/src/components/splitter/use-splitter.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as splitter from '@zag-js/splitter' 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 UseSplitterProps extends Optional, 'id'> {} export interface UseSplitterReturn extends splitter.Api {} diff --git a/packages/react/src/components/steps/index.ts b/packages/react/src/components/steps/index.ts index 2ffaaf95e5..85db0ba33a 100644 --- a/packages/react/src/components/steps/index.ts +++ b/packages/react/src/components/steps/index.ts @@ -3,23 +3,27 @@ export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, -} from './steps-completed-content' -export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content' -export { StepsContext, type StepsContextProps } from './steps-context' -export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps } from './steps-indicator' -export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item' -export { StepsItemContext, type StepsItemContextProps } from './steps-item-context' -export { StepsList, type StepsListBaseProps, type StepsListProps } from './steps-list' -export { StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps } from './steps-next-trigger' -export { StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps } from './steps-prev-trigger' -export { StepsProgress, type StepsProgressBaseProps, type StepsProgressProps } from './steps-progress' -export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps-root' -export { StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps } from './steps-root-provider' -export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps } from './steps-separator' -export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger' -export { stepsAnatomy } from './steps.anatomy' -export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps' -export { useStepsContext, type UseStepsContext } from './use-steps-context' -export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context' +} from './steps-completed-content.tsx' +export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content.tsx' +export { StepsContext, type StepsContextProps } from './steps-context.tsx' +export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps } from './steps-indicator.tsx' +export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item.tsx' +export { StepsItemContext, type StepsItemContextProps } from './steps-item-context.tsx' +export { StepsList, type StepsListBaseProps, type StepsListProps } from './steps-list.tsx' +export { StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps } from './steps-next-trigger.tsx' +export { StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps } from './steps-prev-trigger.tsx' +export { StepsProgress, type StepsProgressBaseProps, type StepsProgressProps } from './steps-progress.tsx' +export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps-root.tsx' +export { + StepsRootProvider, + type StepsRootProviderBaseProps, + type StepsRootProviderProps, +} from './steps-root-provider.tsx' +export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps } from './steps-separator.tsx' +export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger.tsx' +export { stepsAnatomy } from './steps.anatomy.ts' +export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps.ts' +export { useStepsContext, type UseStepsContext } from './use-steps-context.ts' +export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context.ts' -export * as Steps from './steps' +export * as Steps from './steps.ts' diff --git a/packages/react/src/components/steps/steps-completed-content.tsx b/packages/react/src/components/steps/steps-completed-content.tsx index 9d295a2e83..2ee4684802 100644 --- a/packages/react/src/components/steps/steps-completed-content.tsx +++ b/packages/react/src/components/steps/steps-completed-content.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' export interface StepsCompletedContentBaseProps extends PolymorphicProps {} export interface StepsCompletedContentProps extends HTMLProps<'div'>, StepsCompletedContentBaseProps {} diff --git a/packages/react/src/components/steps/steps-content.tsx b/packages/react/src/components/steps/steps-content.tsx index 48e9bcb5be..2162a5d6de 100644 --- a/packages/react/src/components/steps/steps-content.tsx +++ b/packages/react/src/components/steps/steps-content.tsx @@ -3,9 +3,9 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/steps' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' export interface StepsContentBaseProps extends PolymorphicProps, ItemProps {} export interface StepsContentProps extends HTMLProps<'div'>, StepsContentBaseProps {} diff --git a/packages/react/src/components/steps/steps-context.tsx b/packages/react/src/components/steps/steps-context.tsx index 40da53ae25..ed0587957a 100644 --- a/packages/react/src/components/steps/steps-context.tsx +++ b/packages/react/src/components/steps/steps-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseStepsContext, useStepsContext } from './use-steps-context' +import { type UseStepsContext, useStepsContext } from './use-steps-context.ts' export interface StepsContextProps { children: (context: UseStepsContext) => ReactNode diff --git a/packages/react/src/components/steps/steps-indicator.tsx b/packages/react/src/components/steps/steps-indicator.tsx index e56ace522b..28f0842c26 100644 --- a/packages/react/src/components/steps/steps-indicator.tsx +++ b/packages/react/src/components/steps/steps-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 { useStepsContext } from './use-steps-context' -import { useStepsItemPropsContext } from './use-steps-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' +import { useStepsItemPropsContext } from './use-steps-item-props-context.ts' export interface StepsIndicatorBaseProps extends PolymorphicProps {} export interface StepsIndicatorProps extends HTMLProps<'div'>, StepsIndicatorBaseProps {} diff --git a/packages/react/src/components/steps/steps-item-context.tsx b/packages/react/src/components/steps/steps-item-context.tsx index f0ff0f5d76..d4fb5762b6 100644 --- a/packages/react/src/components/steps/steps-item-context.tsx +++ b/packages/react/src/components/steps/steps-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseStepsItemContext, useStepsItemContext } from './use-steps-item-context' +import { type UseStepsItemContext, useStepsItemContext } from './use-steps-item-context.ts' export interface StepsItemContextProps { children: (context: UseStepsItemContext) => ReactNode diff --git a/packages/react/src/components/steps/steps-item.tsx b/packages/react/src/components/steps/steps-item.tsx index 66215d1d17..d6462f51ef 100644 --- a/packages/react/src/components/steps/steps-item.tsx +++ b/packages/react/src/components/steps/steps-item.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/steps' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { StepsItemProvider } from './use-steps-item-context' -import { StepsItemPropsProvider } from './use-steps-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' +import { StepsItemProvider } from './use-steps-item-context.ts' +import { StepsItemPropsProvider } from './use-steps-item-props-context.ts' export interface StepsItemBaseProps extends ItemProps, PolymorphicProps {} export interface StepsItemProps extends HTMLProps<'div'>, StepsItemBaseProps {} diff --git a/packages/react/src/components/steps/steps-list.tsx b/packages/react/src/components/steps/steps-list.tsx index 240f1f43f6..92564b4a89 100644 --- a/packages/react/src/components/steps/steps-list.tsx +++ b/packages/react/src/components/steps/steps-list.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' export interface StepsListBaseProps extends PolymorphicProps {} export interface StepsListProps extends HTMLProps<'div'>, StepsListBaseProps {} diff --git a/packages/react/src/components/steps/steps-next-trigger.tsx b/packages/react/src/components/steps/steps-next-trigger.tsx index cbaf268153..eeed281550 100644 --- a/packages/react/src/components/steps/steps-next-trigger.tsx +++ b/packages/react/src/components/steps/steps-next-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' export interface StepsNextTriggerBaseProps extends PolymorphicProps {} export interface StepsNextTriggerProps extends HTMLProps<'button'>, StepsNextTriggerBaseProps {} diff --git a/packages/react/src/components/steps/steps-prev-trigger.tsx b/packages/react/src/components/steps/steps-prev-trigger.tsx index 260059f2a4..8be0b079c9 100644 --- a/packages/react/src/components/steps/steps-prev-trigger.tsx +++ b/packages/react/src/components/steps/steps-prev-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' export interface StepsPrevTriggerBaseProps extends PolymorphicProps {} export interface StepsPrevTriggerProps extends HTMLProps<'button'>, StepsPrevTriggerBaseProps {} diff --git a/packages/react/src/components/steps/steps-progress.tsx b/packages/react/src/components/steps/steps-progress.tsx index b4493cd31e..ea0353868e 100644 --- a/packages/react/src/components/steps/steps-progress.tsx +++ b/packages/react/src/components/steps/steps-progress.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' export interface StepsProgressBaseProps extends PolymorphicProps {} export interface StepsProgressProps extends HTMLProps<'div'>, StepsProgressBaseProps {} diff --git a/packages/react/src/components/steps/steps-root-provider.tsx b/packages/react/src/components/steps/steps-root-provider.tsx index 8a830fa8b2..8b466b0921 100644 --- a/packages/react/src/components/steps/steps-root-provider.tsx +++ b/packages/react/src/components/steps/steps-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseStepsReturn } from './use-steps' -import { StepsProvider } from './use-steps-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseStepsReturn } from './use-steps.ts' +import { StepsProvider } from './use-steps-context.ts' interface RootProviderProps { value: UseStepsReturn diff --git a/packages/react/src/components/steps/steps-root.tsx b/packages/react/src/components/steps/steps-root.tsx index 980e61889e..e12de38287 100644 --- a/packages/react/src/components/steps/steps-root.tsx +++ b/packages/react/src/components/steps/steps-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseStepsProps, useSteps } from './use-steps' -import { StepsProvider } from './use-steps-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseStepsProps, useSteps } from './use-steps.ts' +import { StepsProvider } from './use-steps-context.ts' export interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps {} export interface StepsRootProps extends HTMLProps<'div'>, StepsRootBaseProps {} diff --git a/packages/react/src/components/steps/steps-separator.tsx b/packages/react/src/components/steps/steps-separator.tsx index 9a346190ec..830d0b1e4e 100644 --- a/packages/react/src/components/steps/steps-separator.tsx +++ b/packages/react/src/components/steps/steps-separator.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { useStepsItemPropsContext } from './use-steps-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' +import { useStepsItemPropsContext } from './use-steps-item-props-context.ts' export interface StepsSeparatorBaseProps extends PolymorphicProps {} export interface StepsSeparatorProps extends HTMLProps<'div'>, StepsSeparatorBaseProps {} diff --git a/packages/react/src/components/steps/steps-trigger.tsx b/packages/react/src/components/steps/steps-trigger.tsx index dcaf4c0c3b..5eb562e5e3 100644 --- a/packages/react/src/components/steps/steps-trigger.tsx +++ b/packages/react/src/components/steps/steps-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { useStepsItemPropsContext } from './use-steps-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useStepsContext } from './use-steps-context.ts' +import { useStepsItemPropsContext } from './use-steps-item-props-context.ts' export interface StepsTriggerBaseProps extends PolymorphicProps {} export interface StepsTriggerProps extends HTMLProps<'button'>, StepsTriggerBaseProps {} diff --git a/packages/react/src/components/steps/steps.stories.tsx b/packages/react/src/components/steps/steps.stories.tsx index 4eaa0dcf4b..9fef749cd0 100644 --- a/packages/react/src/components/steps/steps.stories.tsx +++ b/packages/react/src/components/steps/steps.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { RootProvider } from './examples/root-provider' -export { Vertical } from './examples/vertical' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/react/src/components/steps/steps.ts b/packages/react/src/components/steps/steps.ts index 62c58871d2..928fc6b576 100644 --- a/packages/react/src/components/steps/steps.ts +++ b/packages/react/src/components/steps/steps.ts @@ -3,61 +3,64 @@ export { StepsCompletedContent as CompletedContent, type StepsCompletedContentBaseProps as CompletedContentBaseProps, type StepsCompletedContentProps as CompletedContentProps, -} from './steps-completed-content' +} from './steps-completed-content.tsx' export { StepsContent as Content, type StepsContentBaseProps as ContentBaseProps, type StepsContentProps as ContentProps, -} from './steps-content' -export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context' +} from './steps-content.tsx' +export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context.tsx' export { StepsIndicator as Indicator, type StepsIndicatorBaseProps as IndicatorBaseProps, type StepsIndicatorProps as IndicatorProps, -} from './steps-indicator' +} from './steps-indicator.tsx' export { StepsItem as Item, type StepsItemBaseProps as ItemBaseProps, type StepsItemProps as ItemProps, -} from './steps-item' -export { StepsItemContext as ItemContext, type StepsItemContextProps as ItemContextProps } from './steps-item-context' +} from './steps-item.tsx' +export { + StepsItemContext as ItemContext, + type StepsItemContextProps as ItemContextProps, +} from './steps-item-context.tsx' export { StepsList as List, type StepsListBaseProps as ListBaseProps, type StepsListProps as ListProps, -} from './steps-list' +} from './steps-list.tsx' export { StepsNextTrigger as NextTrigger, type StepsNextTriggerBaseProps as NextTriggerBaseProps, type StepsNextTriggerProps as NextTriggerProps, -} from './steps-next-trigger' +} from './steps-next-trigger.tsx' export { StepsPrevTrigger as PrevTrigger, type StepsPrevTriggerBaseProps as PrevTriggerBaseProps, type StepsPrevTriggerProps as PrevTriggerProps, -} from './steps-prev-trigger' +} from './steps-prev-trigger.tsx' export { StepsProgress as Progress, type StepsProgressBaseProps as ProgressBaseProps, type StepsProgressProps as ProgressProps, -} from './steps-progress' +} from './steps-progress.tsx' export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type StepsRootProps as RootProps, -} from './steps-root' +} from './steps-root.tsx' export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, -} from './steps-root-provider' +} from './steps-root-provider.tsx' export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, -} from './steps-separator' +} from './steps-separator.tsx' export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, -} from './steps-trigger' +} from './steps-trigger.tsx' diff --git a/packages/react/src/components/steps/use-steps-context.ts b/packages/react/src/components/steps/use-steps-context.ts index 8fa5439fd0..d7f1288dec 100644 --- a/packages/react/src/components/steps/use-steps-context.ts +++ b/packages/react/src/components/steps/use-steps-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseStepsReturn } from './use-steps' +import { createContext } from '../../utils/create-context.ts' +import type { UseStepsReturn } from './use-steps.ts' export interface UseStepsContext extends UseStepsReturn {} diff --git a/packages/react/src/components/steps/use-steps-item-context.ts b/packages/react/src/components/steps/use-steps-item-context.ts index 0ad5a3693e..99bbd95768 100644 --- a/packages/react/src/components/steps/use-steps-item-context.ts +++ b/packages/react/src/components/steps/use-steps-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/steps' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseStepsItemContext extends ItemState {} diff --git a/packages/react/src/components/steps/use-steps-item-props-context.ts b/packages/react/src/components/steps/use-steps-item-props-context.ts index 67215526c4..486a27f24c 100644 --- a/packages/react/src/components/steps/use-steps-item-props-context.ts +++ b/packages/react/src/components/steps/use-steps-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/steps' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseStepsItemPropsContext extends ItemProps {} diff --git a/packages/react/src/components/steps/use-steps.ts b/packages/react/src/components/steps/use-steps.ts index 02969ff365..436af0d7d4 100644 --- a/packages/react/src/components/steps/use-steps.ts +++ b/packages/react/src/components/steps/use-steps.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as steps from '@zag-js/steps' 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 UseStepsProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/swap/index.ts b/packages/react/src/components/swap/index.ts index 6a5c8e923c..01d5da558c 100644 --- a/packages/react/src/components/swap/index.ts +++ b/packages/react/src/components/swap/index.ts @@ -1,7 +1,7 @@ -export * as Swap from './swap' -export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator' -export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root' -export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider' -export { swapAnatomy } from './swap.anatomy' -export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap' -export { useSwapContext, type UseSwapContext } from './use-swap-context' +export * as Swap from './swap.ts' +export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator.tsx' +export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root.tsx' +export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider.tsx' +export { swapAnatomy } from './swap.anatomy.ts' +export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap.ts' +export { useSwapContext, type UseSwapContext } from './use-swap-context.ts' diff --git a/packages/react/src/components/swap/swap-indicator.tsx b/packages/react/src/components/swap/swap-indicator.tsx index 0755c7284e..1911b45e6d 100644 --- a/packages/react/src/components/swap/swap-indicator.tsx +++ b/packages/react/src/components/swap/swap-indicator.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import { useSwapContext } from './use-swap-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { ark } from '../factory.ts' +import { useSwapContext } from './use-swap-context.ts' export interface SwapIndicatorBaseProps extends PolymorphicProps { type: 'on' | 'off' diff --git a/packages/react/src/components/swap/swap-root-provider.tsx b/packages/react/src/components/swap/swap-root-provider.tsx index 95bb341161..824149c5e5 100644 --- a/packages/react/src/components/swap/swap-root-provider.tsx +++ b/packages/react/src/components/swap/swap-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import type { UseSwapReturn } from './use-swap' -import { SwapProvider } from './use-swap-context' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { ark } from '../factory.ts' +import type { UseSwapReturn } from './use-swap.ts' +import { SwapProvider } from './use-swap-context.ts' export interface SwapRootProviderBaseProps extends PolymorphicProps { value: UseSwapReturn diff --git a/packages/react/src/components/swap/swap-root.tsx b/packages/react/src/components/swap/swap-root.tsx index 082e2cb95f..c3e3eae4fa 100644 --- a/packages/react/src/components/swap/swap-root.tsx +++ b/packages/react/src/components/swap/swap-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import { type UseSwapProps, useSwap } from './use-swap' -import { SwapProvider } from './use-swap-context' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { ark } from '../factory.ts' +import { type UseSwapProps, useSwap } from './use-swap.ts' +import { SwapProvider } from './use-swap-context.ts' export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {} diff --git a/packages/react/src/components/swap/swap.stories.tsx b/packages/react/src/components/swap/swap.stories.tsx index c053359ac7..b20906b19c 100644 --- a/packages/react/src/components/swap/swap.stories.tsx +++ b/packages/react/src/components/swap/swap.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Fade } from './examples/fade' -export { Flip } from './examples/flip' -export { Rotate } from './examples/rotate' -export { Scale } from './examples/scale' +export { Fade } from './examples/fade.tsx' +export { Flip } from './examples/flip.tsx' +export { Rotate } from './examples/rotate.tsx' +export { Scale } from './examples/scale.tsx' diff --git a/packages/react/src/components/swap/swap.ts b/packages/react/src/components/swap/swap.ts index 9c86562421..c0c2fd6152 100644 --- a/packages/react/src/components/swap/swap.ts +++ b/packages/react/src/components/swap/swap.ts @@ -2,11 +2,15 @@ export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, -} from './swap-indicator' -export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root' +} from './swap-indicator.tsx' +export { + SwapRoot as Root, + type SwapRootBaseProps as RootBaseProps, + type SwapRootProps as RootProps, +} from './swap-root.tsx' export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, -} from './swap-root-provider' -export { swapAnatomy } from './swap.anatomy' +} from './swap-root-provider.tsx' +export { swapAnatomy } from './swap.anatomy.ts' diff --git a/packages/react/src/components/swap/use-swap-context.ts b/packages/react/src/components/swap/use-swap-context.ts index 1da8818d3a..448ca4c523 100644 --- a/packages/react/src/components/swap/use-swap-context.ts +++ b/packages/react/src/components/swap/use-swap-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseSwapReturn } from './use-swap' +import { createContext } from '../../utils/create-context.ts' +import type { UseSwapReturn } from './use-swap.ts' export interface UseSwapContext extends UseSwapReturn {} diff --git a/packages/react/src/components/swap/use-swap.ts b/packages/react/src/components/swap/use-swap.ts index f0e06d5207..d54cfeaeca 100644 --- a/packages/react/src/components/swap/use-swap.ts +++ b/packages/react/src/components/swap/use-swap.ts @@ -1,9 +1,9 @@ 'use client' -import type { RenderStrategyProps } from '../../utils/render-strategy' -import type { HTMLProps } from '../factory' -import { type UsePresenceReturn, usePresence } from '../presence/use-presence' -import { parts } from './swap.anatomy' +import type { RenderStrategyProps } from '../../utils/render-strategy.ts' +import type { HTMLProps } from '../factory.ts' +import { type UsePresenceReturn, usePresence } from '../presence/use-presence.ts' +import { parts } from './swap.anatomy.ts' export interface UseSwapProps extends RenderStrategyProps { /** diff --git a/packages/react/src/components/switch/index.ts b/packages/react/src/components/switch/index.ts index 616cb64c81..ef5ceff1cf 100644 --- a/packages/react/src/components/switch/index.ts +++ b/packages/react/src/components/switch/index.ts @@ -1,17 +1,21 @@ export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch' -export { SwitchContext, type SwitchContextProps } from './switch-context' -export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps } from './switch-control' -export { SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps } from './switch-hidden-input' -export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps } from './switch-label' -export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps } from './switch-root' +export { SwitchContext, type SwitchContextProps } from './switch-context.tsx' +export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps } from './switch-control.tsx' +export { + SwitchHiddenInput, + type SwitchHiddenInputBaseProps, + type SwitchHiddenInputProps, +} from './switch-hidden-input.tsx' +export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps } from './switch-label.tsx' +export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps } from './switch-root.tsx' export { SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, -} from './switch-root-provider' -export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps } from './switch-thumb' -export { switchAnatomy } from './switch.anatomy' -export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch' -export { useSwitchContext, type UseSwitchContext } from './use-switch-context' +} from './switch-root-provider.tsx' +export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps } from './switch-thumb.tsx' +export { switchAnatomy } from './switch.anatomy.ts' +export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch.ts' +export { useSwitchContext, type UseSwitchContext } from './use-switch-context.ts' -export * as Switch from './switch' +export * as Switch from './switch.ts' diff --git a/packages/react/src/components/switch/switch-context.tsx b/packages/react/src/components/switch/switch-context.tsx index ca990d4f58..39d482c046 100644 --- a/packages/react/src/components/switch/switch-context.tsx +++ b/packages/react/src/components/switch/switch-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseSwitchContext, useSwitchContext } from './use-switch-context' +import { type UseSwitchContext, useSwitchContext } from './use-switch-context.ts' export interface SwitchContextProps { children: (context: UseSwitchContext) => ReactNode diff --git a/packages/react/src/components/switch/switch-control.tsx b/packages/react/src/components/switch/switch-control.tsx index cae2db4f9a..2d4e2315f1 100644 --- a/packages/react/src/components/switch/switch-control.tsx +++ b/packages/react/src/components/switch/switch-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchControlBaseProps extends PolymorphicProps {} export interface SwitchControlProps extends HTMLProps<'span'>, SwitchControlBaseProps {} diff --git a/packages/react/src/components/switch/switch-hidden-input.tsx b/packages/react/src/components/switch/switch-hidden-input.tsx index 99eb6dadf6..91c0b41e55 100644 --- a/packages/react/src/components/switch/switch-hidden-input.tsx +++ b/packages/react/src/components/switch/switch-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchHiddenInputBaseProps extends PolymorphicProps {} export interface SwitchHiddenInputProps extends HTMLProps<'input'>, SwitchHiddenInputBaseProps {} diff --git a/packages/react/src/components/switch/switch-label.tsx b/packages/react/src/components/switch/switch-label.tsx index 89f0c0161d..f960c1e41e 100644 --- a/packages/react/src/components/switch/switch-label.tsx +++ b/packages/react/src/components/switch/switch-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchLabelBaseProps extends PolymorphicProps {} export interface SwitchLabelProps extends HTMLProps<'span'>, SwitchLabelBaseProps {} diff --git a/packages/react/src/components/switch/switch-root-provider.tsx b/packages/react/src/components/switch/switch-root-provider.tsx index c43b8d80aa..0a73e52119 100644 --- a/packages/react/src/components/switch/switch-root-provider.tsx +++ b/packages/react/src/components/switch/switch-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSwitchReturn } from './use-switch' -import { SwitchProvider } from './use-switch-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseSwitchReturn } from './use-switch.ts' +import { SwitchProvider } from './use-switch-context.ts' interface RootProviderProps { value: UseSwitchReturn diff --git a/packages/react/src/components/switch/switch-root.tsx b/packages/react/src/components/switch/switch-root.tsx index 3e39e705b4..c29cc43042 100644 --- a/packages/react/src/components/switch/switch-root.tsx +++ b/packages/react/src/components/switch/switch-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSwitchProps, useSwitch } from './use-switch' -import { SwitchProvider } from './use-switch-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseSwitchProps, useSwitch } from './use-switch.ts' +import { SwitchProvider } from './use-switch-context.ts' export interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps {} export interface SwitchRootProps extends HTMLProps<'label'>, SwitchRootBaseProps {} diff --git a/packages/react/src/components/switch/switch-thumb.tsx b/packages/react/src/components/switch/switch-thumb.tsx index f7a01a27b2..68a6447a89 100644 --- a/packages/react/src/components/switch/switch-thumb.tsx +++ b/packages/react/src/components/switch/switch-thumb.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchThumbBaseProps extends PolymorphicProps {} export interface SwitchThumbProps extends HTMLProps<'span'>, SwitchThumbBaseProps {} diff --git a/packages/react/src/components/switch/switch.stories.tsx b/packages/react/src/components/switch/switch.stories.tsx index 056ee33aa3..cb690ed840 100644 --- a/packages/react/src/components/switch/switch.stories.tsx +++ b/packages/react/src/components/switch/switch.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { InitialChecked } from './examples/initial-checked' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { InitialChecked } from './examples/initial-checked.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/switch/switch.ts b/packages/react/src/components/switch/switch.ts index d90d9f4192..dcd4e0de4a 100644 --- a/packages/react/src/components/switch/switch.ts +++ b/packages/react/src/components/switch/switch.ts @@ -1,32 +1,32 @@ export type { CheckedChangeDetails } from '@zag-js/switch' -export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context' +export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context.tsx' export { SwitchControl as Control, type SwitchControlBaseProps as ControlBaseProps, type SwitchControlProps as ControlProps, -} from './switch-control' +} from './switch-control.tsx' export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputBaseProps as HiddenInputBaseProps, type SwitchHiddenInputProps as HiddenInputProps, -} from './switch-hidden-input' +} from './switch-hidden-input.tsx' export { SwitchLabel as Label, type SwitchLabelBaseProps as LabelBaseProps, type SwitchLabelProps as LabelProps, -} from './switch-label' +} from './switch-label.tsx' export { SwitchRoot as Root, type SwitchRootBaseProps as RootBaseProps, type SwitchRootProps as RootProps, -} from './switch-root' +} from './switch-root.tsx' export { SwitchRootProvider as RootProvider, type SwitchRootProviderBaseProps as RootProviderBaseProps, type SwitchRootProviderProps as RootProviderProps, -} from './switch-root-provider' +} from './switch-root-provider.tsx' export { SwitchThumb as Thumb, type SwitchThumbBaseProps as ThumbBaseProps, type SwitchThumbProps as ThumbProps, -} from './switch-thumb' +} from './switch-thumb.tsx' diff --git a/packages/react/src/components/switch/tests/basic.tsx b/packages/react/src/components/switch/tests/basic.tsx index 252f4df291..ba6a6f8ffa 100644 --- a/packages/react/src/components/switch/tests/basic.tsx +++ b/packages/react/src/components/switch/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/react/field' -import { Switch } from '../' +import { Switch } from '../index.ts' export const ComponentUnderTest = (props: Switch.RootProps) => { return ( diff --git a/packages/react/src/components/switch/tests/switch.test.tsx b/packages/react/src/components/switch/tests/switch.test.tsx index 1b9d89a63f..ce70bf22c4 100644 --- a/packages/react/src/components/switch/tests/switch.test.tsx +++ b/packages/react/src/components/switch/tests/switch.test.tsx @@ -1,7 +1,7 @@ import { fireEvent, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, SwitchWithField } from './basic' +import { ComponentUnderTest, SwitchWithField } from './basic.tsx' describe('Switch', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/switch/use-switch-context.ts b/packages/react/src/components/switch/use-switch-context.ts index 8ab78830e1..c7d8908684 100644 --- a/packages/react/src/components/switch/use-switch-context.ts +++ b/packages/react/src/components/switch/use-switch-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseSwitchReturn } from './use-switch' +import { createContext } from '../../utils/create-context.ts' +import type { UseSwitchReturn } from './use-switch.ts' export interface UseSwitchContext extends UseSwitchReturn {} diff --git a/packages/react/src/components/switch/use-switch.ts b/packages/react/src/components/switch/use-switch.ts index ff48553ba3..738ee80518 100644 --- a/packages/react/src/components/switch/use-switch.ts +++ b/packages/react/src/components/switch/use-switch.ts @@ -3,9 +3,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as zagSwitch from '@zag-js/switch' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseSwitchProps extends Optional, 'id'> {} export interface UseSwitchReturn extends zagSwitch.Api {} diff --git a/packages/react/src/components/tabs/index.ts b/packages/react/src/components/tabs/index.ts index 0d95f87e16..1169239822 100644 --- a/packages/react/src/components/tabs/index.ts +++ b/packages/react/src/components/tabs/index.ts @@ -2,15 +2,15 @@ export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs' -export { TabContent, type TabContentBaseProps, type TabContentProps } from './tab-content' -export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps } from './tab-indicator' -export { TabList, type TabListBaseProps, type TabListProps } from './tab-list' -export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps } from './tab-trigger' -export { TabsContext, type TabsContextProps } from './tabs-context' -export { TabsRoot, type TabsRootBaseProps, type TabsRootProps } from './tabs-root' -export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps } from './tabs-root-provider' -export { tabsAnatomy } from './tabs.anatomy' -export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs' -export { useTabsContext, type UseTabsContext } from './use-tabs-context' +export { TabContent, type TabContentBaseProps, type TabContentProps } from './tab-content.tsx' +export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps } from './tab-indicator.tsx' +export { TabList, type TabListBaseProps, type TabListProps } from './tab-list.tsx' +export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps } from './tab-trigger.tsx' +export { TabsContext, type TabsContextProps } from './tabs-context.tsx' +export { TabsRoot, type TabsRootBaseProps, type TabsRootProps } from './tabs-root.tsx' +export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps } from './tabs-root-provider.tsx' +export { tabsAnatomy } from './tabs.anatomy.ts' +export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs.ts' +export { useTabsContext, type UseTabsContext } from './use-tabs-context.ts' -export * as Tabs from './tabs' +export * as Tabs from './tabs.ts' diff --git a/packages/react/src/components/tabs/tab-content.tsx b/packages/react/src/components/tabs/tab-content.tsx index 87f4156a4e..1c66dd35e5 100644 --- a/packages/react/src/components/tabs/tab-content.tsx +++ b/packages/react/src/components/tabs/tab-content.tsx @@ -3,12 +3,12 @@ import { mergeProps } from '@zag-js/react' import type { ContentProps } from '@zag-js/tabs' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, usePresence } from '../presence' -import { useTabsContext } from './use-tabs-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { useTabsContext } from './use-tabs-context.ts' export interface TabContentBaseProps extends ContentProps, PolymorphicProps {} export interface TabContentProps extends HTMLProps<'div'>, TabContentBaseProps {} diff --git a/packages/react/src/components/tabs/tab-indicator.tsx b/packages/react/src/components/tabs/tab-indicator.tsx index 07d9da844f..cc24e12e15 100644 --- a/packages/react/src/components/tabs/tab-indicator.tsx +++ b/packages/react/src/components/tabs/tab-indicator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTabsContext } from './use-tabs-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTabsContext } from './use-tabs-context.ts' export interface TabIndicatorBaseProps extends PolymorphicProps {} export interface TabIndicatorProps extends HTMLProps<'div'>, TabIndicatorBaseProps {} diff --git a/packages/react/src/components/tabs/tab-list.tsx b/packages/react/src/components/tabs/tab-list.tsx index fd29a74c32..3b089a1454 100644 --- a/packages/react/src/components/tabs/tab-list.tsx +++ b/packages/react/src/components/tabs/tab-list.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTabsContext } from './use-tabs-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTabsContext } from './use-tabs-context.ts' export interface TabListBaseProps extends PolymorphicProps {} export interface TabListProps extends HTMLProps<'div'>, TabListBaseProps {} diff --git a/packages/react/src/components/tabs/tab-trigger.tsx b/packages/react/src/components/tabs/tab-trigger.tsx index 04606ccf9d..399ad83157 100644 --- a/packages/react/src/components/tabs/tab-trigger.tsx +++ b/packages/react/src/components/tabs/tab-trigger.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/tabs' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTabsContext } from './use-tabs-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTabsContext } from './use-tabs-context.ts' export interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface TabTriggerProps extends Assign, TabTriggerBaseProps> {} diff --git a/packages/react/src/components/tabs/tabs-context.tsx b/packages/react/src/components/tabs/tabs-context.tsx index 2d7a161d62..39822110d8 100644 --- a/packages/react/src/components/tabs/tabs-context.tsx +++ b/packages/react/src/components/tabs/tabs-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseTabsContext, useTabsContext } from './use-tabs-context' +import { type UseTabsContext, useTabsContext } from './use-tabs-context.ts' export interface TabsContextProps { children: (context: UseTabsContext) => ReactNode diff --git a/packages/react/src/components/tabs/tabs-root-provider.tsx b/packages/react/src/components/tabs/tabs-root-provider.tsx index 0d35102a72..4cc8ea6961 100644 --- a/packages/react/src/components/tabs/tabs-root-provider.tsx +++ b/packages/react/src/components/tabs/tabs-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 { UseTabsReturn } from './use-tabs' -import { TabsProvider } from './use-tabs-context' +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseTabsReturn } from './use-tabs.ts' +import { TabsProvider } from './use-tabs-context.ts' interface RootProviderProps { value: UseTabsReturn diff --git a/packages/react/src/components/tabs/tabs-root.tsx b/packages/react/src/components/tabs/tabs-root.tsx index edabe7680f..f9b8cb0cc7 100644 --- a/packages/react/src/components/tabs/tabs-root.tsx +++ b/packages/react/src/components/tabs/tabs-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 UseTabsProps, useTabs } from './use-tabs' -import { TabsProvider } from './use-tabs-context' +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseTabsProps, useTabs } from './use-tabs.ts' +import { TabsProvider } from './use-tabs-context.ts' export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps {} export interface TabsRootProps extends Assign, TabsRootBaseProps> {} diff --git a/packages/react/src/components/tabs/tabs.stories.tsx b/packages/react/src/components/tabs/tabs.stories.tsx index 7abddaf4d2..51bc74ddae 100644 --- a/packages/react/src/components/tabs/tabs.stories.tsx +++ b/packages/react/src/components/tabs/tabs.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DisabledTab } from './examples/disabled-tab' -export { Indicator } from './examples/indicator' -export { LazyMount } from './examples/lazy-mount' -export { Links } from './examples/links' -export { ManualActivation } from './examples/manual-activation' -export { RootProvider } from './examples/root-provider' -export { Vertical } from './examples/vertical' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DisabledTab } from './examples/disabled-tab.tsx' +export { Indicator } from './examples/indicator.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Links } from './examples/links.tsx' +export { ManualActivation } from './examples/manual-activation.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/react/src/components/tabs/tabs.ts b/packages/react/src/components/tabs/tabs.ts index 2b1c258984..249bda2fc7 100644 --- a/packages/react/src/components/tabs/tabs.ts +++ b/packages/react/src/components/tabs/tabs.ts @@ -3,22 +3,26 @@ export { TabContent as Content, type TabContentBaseProps as ContentBaseProps, type TabContentProps as ContentProps, -} from './tab-content' +} from './tab-content.tsx' export { TabIndicator as Indicator, type TabIndicatorBaseProps as IndicatorBaseProps, type TabIndicatorProps as IndicatorProps, -} from './tab-indicator' -export { TabList as List, type TabListBaseProps as ListBaseProps, type TabListProps as ListProps } from './tab-list' +} from './tab-indicator.tsx' +export { TabList as List, type TabListBaseProps as ListBaseProps, type TabListProps as ListProps } from './tab-list.tsx' export { TabTrigger as Trigger, type TabTriggerBaseProps as TriggerBaseProps, type TabTriggerProps as TriggerProps, -} from './tab-trigger' -export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context' -export { TabsRoot as Root, type TabsRootBaseProps as RootBaseProps, type TabsRootProps as RootProps } from './tabs-root' +} from './tab-trigger.tsx' +export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context.tsx' +export { + TabsRoot as Root, + type TabsRootBaseProps as RootBaseProps, + type TabsRootProps as RootProps, +} from './tabs-root.tsx' export { TabsRootProvider as RootProvider, type TabsRootProviderBaseProps as RootProviderBaseProps, type TabsRootProviderProps as RootProviderProps, -} from './tabs-root-provider' +} from './tabs-root-provider.tsx' diff --git a/packages/react/src/components/tabs/tests/basic.tsx b/packages/react/src/components/tabs/tests/basic.tsx index 8982d0b84d..6d85946af4 100644 --- a/packages/react/src/components/tabs/tests/basic.tsx +++ b/packages/react/src/components/tabs/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Tabs } from '../' +import { Tabs } from '../index.ts' export const ComponentUnderTest = (props: Tabs.RootProps) => { const items = [{ value: 'React' }, { value: 'Solid' }, { value: 'Svelte', disabled: true }, { value: 'Vue' }] diff --git a/packages/react/src/components/tabs/tests/tabs.test.tsx b/packages/react/src/components/tabs/tests/tabs.test.tsx index a4158f8a2f..b457ebb226 100644 --- a/packages/react/src/components/tabs/tests/tabs.test.tsx +++ b/packages/react/src/components/tabs/tests/tabs.test.tsx @@ -2,7 +2,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { act } from 'react' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Tabs', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/tabs/use-tabs-context.ts b/packages/react/src/components/tabs/use-tabs-context.ts index bdaca40d15..e980320c85 100644 --- a/packages/react/src/components/tabs/use-tabs-context.ts +++ b/packages/react/src/components/tabs/use-tabs-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseTabsReturn } from './use-tabs' +import { createContext } from '../../utils/create-context.ts' +import type { UseTabsReturn } from './use-tabs.ts' export interface UseTabsContext extends UseTabsReturn {} diff --git a/packages/react/src/components/tabs/use-tabs.ts b/packages/react/src/components/tabs/use-tabs.ts index 2d4678909d..f6c4b5509e 100644 --- a/packages/react/src/components/tabs/use-tabs.ts +++ b/packages/react/src/components/tabs/use-tabs.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as tabs from '@zag-js/tabs' 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 UseTabsProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/tags-input/index.ts b/packages/react/src/components/tags-input/index.ts index 8f545ac37f..c698303552 100644 --- a/packages/react/src/components/tags-input/index.ts +++ b/packages/react/src/components/tags-input/index.ts @@ -11,43 +11,47 @@ export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, -} from './tags-input-clear-trigger' -export { TagsInputContext, type TagsInputContextProps } from './tags-input-context' -export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control' +} from './tags-input-clear-trigger.tsx' +export { TagsInputContext, type TagsInputContextProps } from './tags-input-context.tsx' +export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control.tsx' export { TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, -} from './tags-input-hidden-input' -export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps } from './tags-input-input' -export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps } from './tags-input-item' -export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context' +} from './tags-input-hidden-input.tsx' +export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps } from './tags-input-input.tsx' +export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps } from './tags-input-item.tsx' +export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context.tsx' export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, -} from './tags-input-item-delete-trigger' +} from './tags-input-item-delete-trigger.tsx' export { TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, -} from './tags-input-item-input' +} from './tags-input-item-input.tsx' export { TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, -} from './tags-input-item-preview' -export { TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps } from './tags-input-item-text' -export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps } from './tags-input-label' -export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps } from './tags-input-root' +} from './tags-input-item-preview.tsx' +export { + TagsInputItemText, + type TagsInputItemTextBaseProps, + type TagsInputItemTextProps, +} from './tags-input-item-text.tsx' +export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps } from './tags-input-label.tsx' +export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps } from './tags-input-root.tsx' export { TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, -} from './tags-input-root-provider' -export { tagsInputAnatomy } from './tags-input.anatomy' -export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input' -export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context' -export { useTagsInputItemContext, type UseTagsInputItemContext } from './use-tags-input-item-context' +} from './tags-input-root-provider.tsx' +export { tagsInputAnatomy } from './tags-input.anatomy.ts' +export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input.ts' +export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context.ts' +export { useTagsInputItemContext, type UseTagsInputItemContext } from './use-tags-input-item-context.ts' -export * as TagsInput from './tags-input' +export * as TagsInput from './tags-input.ts' diff --git a/packages/react/src/components/tags-input/tags-input-clear-trigger.tsx b/packages/react/src/components/tags-input/tags-input-clear-trigger.tsx index 0cc2fb70a5..57df352ddd 100644 --- a/packages/react/src/components/tags-input/tags-input-clear-trigger.tsx +++ b/packages/react/src/components/tags-input/tags-input-clear-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputClearTriggerBaseProps extends PolymorphicProps {} export interface TagsInputClearTriggerProps extends HTMLProps<'button'>, TagsInputClearTriggerBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-context.tsx b/packages/react/src/components/tags-input/tags-input-context.tsx index d9d4fbb2ff..b026498819 100644 --- a/packages/react/src/components/tags-input/tags-input-context.tsx +++ b/packages/react/src/components/tags-input/tags-input-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context' +import { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputContextProps { children: (context: UseTagsInputContext) => ReactNode diff --git a/packages/react/src/components/tags-input/tags-input-control.tsx b/packages/react/src/components/tags-input/tags-input-control.tsx index 8156f0f816..f03810c882 100644 --- a/packages/react/src/components/tags-input/tags-input-control.tsx +++ b/packages/react/src/components/tags-input/tags-input-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputControlBaseProps extends PolymorphicProps {} export interface TagsInputControlProps extends HTMLProps<'div'>, TagsInputControlBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-hidden-input.tsx b/packages/react/src/components/tags-input/tags-input-hidden-input.tsx index c789035fe1..299a797f99 100644 --- a/packages/react/src/components/tags-input/tags-input-hidden-input.tsx +++ b/packages/react/src/components/tags-input/tags-input-hidden-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useFieldContext } from '../field/index.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputHiddenInputBaseProps extends PolymorphicProps {} export interface TagsInputHiddenInputProps extends HTMLProps<'input'>, TagsInputHiddenInputBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-input.tsx b/packages/react/src/components/tags-input/tags-input-input.tsx index 6f2b16a9ee..28cb966067 100644 --- a/packages/react/src/components/tags-input/tags-input-input.tsx +++ b/packages/react/src/components/tags-input/tags-input-input.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputInputBaseProps extends PolymorphicProps {} export interface TagsInputInputProps extends HTMLProps<'input'>, TagsInputInputBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-item-context.tsx b/packages/react/src/components/tags-input/tags-input-item-context.tsx index fa5b787fda..5b4eaccccb 100644 --- a/packages/react/src/components/tags-input/tags-input-item-context.tsx +++ b/packages/react/src/components/tags-input/tags-input-item-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseTagsInputItemContext, useTagsInputItemContext } from './use-tags-input-item-context' +import { type UseTagsInputItemContext, useTagsInputItemContext } from './use-tags-input-item-context.ts' export interface TagsInputItemContextProps { children: (context: UseTagsInputItemContext) => ReactNode diff --git a/packages/react/src/components/tags-input/tags-input-item-delete-trigger.tsx b/packages/react/src/components/tags-input/tags-input-item-delete-trigger.tsx index a82b4d6858..5a4237ede0 100644 --- a/packages/react/src/components/tags-input/tags-input-item-delete-trigger.tsx +++ b/packages/react/src/components/tags-input/tags-input-item-delete-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps {} export interface TagsInputItemDeleteTriggerProps extends HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-item-input.tsx b/packages/react/src/components/tags-input/tags-input-item-input.tsx index f8d5e22e1a..d866675ff7 100644 --- a/packages/react/src/components/tags-input/tags-input-item-input.tsx +++ b/packages/react/src/components/tags-input/tags-input-item-input.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemInputBaseProps extends PolymorphicProps {} export interface TagsInputItemInputProps extends HTMLProps<'input'>, TagsInputItemInputBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-item-preview.tsx b/packages/react/src/components/tags-input/tags-input-item-preview.tsx index 657907df50..d9b5feacfe 100644 --- a/packages/react/src/components/tags-input/tags-input-item-preview.tsx +++ b/packages/react/src/components/tags-input/tags-input-item-preview.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemPreviewBaseProps extends PolymorphicProps {} export interface TagsInputItemPreviewProps extends HTMLProps<'div'>, TagsInputItemPreviewBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-item-text.tsx b/packages/react/src/components/tags-input/tags-input-item-text.tsx index 07a5950101..6ca85acb95 100644 --- a/packages/react/src/components/tags-input/tags-input-item-text.tsx +++ b/packages/react/src/components/tags-input/tags-input-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemTextBaseProps extends PolymorphicProps {} export interface TagsInputItemTextProps extends HTMLProps<'span'>, TagsInputItemTextBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-item.tsx b/packages/react/src/components/tags-input/tags-input-item.tsx index 1535d4e4fa..d0e9d0e155 100644 --- a/packages/react/src/components/tags-input/tags-input-item.tsx +++ b/packages/react/src/components/tags-input/tags-input-item.tsx @@ -3,11 +3,11 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/tags-input' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { TagsInputItemProvider } from './use-tags-input-item-context' -import { TagsInputItemPropsProvider } from './use-tags-input-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { TagsInputItemProvider } from './use-tags-input-item-context.ts' +import { TagsInputItemPropsProvider } from './use-tags-input-item-props-context.ts' export interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps {} export interface TagsInputItemProps extends HTMLProps<'div'>, TagsInputItemBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-label.tsx b/packages/react/src/components/tags-input/tags-input-label.tsx index aad9aac704..ac70f10168 100644 --- a/packages/react/src/components/tags-input/tags-input-label.tsx +++ b/packages/react/src/components/tags-input/tags-input-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputLabelBaseProps extends PolymorphicProps {} export interface TagsInputLabelProps extends HTMLProps<'label'>, TagsInputLabelBaseProps {} diff --git a/packages/react/src/components/tags-input/tags-input-root-provider.tsx b/packages/react/src/components/tags-input/tags-input-root-provider.tsx index 98d7b348aa..64653f10a7 100644 --- a/packages/react/src/components/tags-input/tags-input-root-provider.tsx +++ b/packages/react/src/components/tags-input/tags-input-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTagsInputReturn } from './use-tags-input' -import { TagsInputProvider } from './use-tags-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseTagsInputReturn } from './use-tags-input.ts' +import { TagsInputProvider } from './use-tags-input-context.ts' interface RootProviderProps { value: UseTagsInputReturn diff --git a/packages/react/src/components/tags-input/tags-input-root.tsx b/packages/react/src/components/tags-input/tags-input-root.tsx index 8e76486892..bf78f79123 100644 --- a/packages/react/src/components/tags-input/tags-input-root.tsx +++ b/packages/react/src/components/tags-input/tags-input-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTagsInputProps, useTagsInput } from './use-tags-input' -import { TagsInputProvider } from './use-tags-input-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseTagsInputProps, useTagsInput } from './use-tags-input.ts' +import { TagsInputProvider } from './use-tags-input-context.ts' export interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps {} export interface TagsInputRootProps extends Assign, TagsInputRootBaseProps> {} diff --git a/packages/react/src/components/tags-input/tags-input.stories.tsx b/packages/react/src/components/tags-input/tags-input.stories.tsx index d142db39ed..1804859609 100644 --- a/packages/react/src/components/tags-input/tags-input.stories.tsx +++ b/packages/react/src/components/tags-input/tags-input.stories.tsx @@ -6,22 +6,22 @@ const meta: Meta = { export default meta -export { AllowDuplicates } from './examples/allow-duplicates' -export { Basic } from './examples/basic' -export { BlurBehavior } from './examples/blur-behavior' -export { Controlled } from './examples/controlled' -export { ControlledInputValue } from './examples/controlled-input-value' -export { Delimiter } from './examples/delimiter' -export { Disabled } from './examples/disabled' -export { DisabledEditing } from './examples/disabled-editing' -export { Invalid } from './examples/invalid' -export { MaxTagLength } from './examples/max-tag-length' -export { MaxWithOverflow } from './examples/max-with-overflow' -export { PasteBehavior } from './examples/paste-behavior' -export { ProgrammaticControl } from './examples/programmatic-control' -export { Readonly } from './examples/readonly' -export { SanitizeValue } from './examples/sanitize-value' -export { RootProvider } from './examples/root-provider' -export { Validation } from './examples/validation' -export { WithCombobox } from './examples/with-combobox' -export { WithField } from './examples/with-field' +export { AllowDuplicates } from './examples/allow-duplicates.tsx' +export { Basic } from './examples/basic.tsx' +export { BlurBehavior } from './examples/blur-behavior.tsx' +export { Controlled } from './examples/controlled.tsx' +export { ControlledInputValue } from './examples/controlled-input-value.tsx' +export { Delimiter } from './examples/delimiter.tsx' +export { Disabled } from './examples/disabled.tsx' +export { DisabledEditing } from './examples/disabled-editing.tsx' +export { Invalid } from './examples/invalid.tsx' +export { MaxTagLength } from './examples/max-tag-length.tsx' +export { MaxWithOverflow } from './examples/max-with-overflow.tsx' +export { PasteBehavior } from './examples/paste-behavior.tsx' +export { ProgrammaticControl } from './examples/programmatic-control.tsx' +export { Readonly } from './examples/readonly.tsx' +export { SanitizeValue } from './examples/sanitize-value.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Validation } from './examples/validation.tsx' +export { WithCombobox } from './examples/with-combobox.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/react/src/components/tags-input/tags-input.ts b/packages/react/src/components/tags-input/tags-input.ts index 78da8a7291..65ee7ed863 100644 --- a/packages/react/src/components/tags-input/tags-input.ts +++ b/packages/react/src/components/tags-input/tags-input.ts @@ -11,64 +11,64 @@ export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, type TagsInputClearTriggerProps as ClearTriggerProps, -} from './tags-input-clear-trigger' -export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context' +} from './tags-input-clear-trigger.tsx' +export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.tsx' export { TagsInputControl as Control, type TagsInputControlBaseProps as ControlBaseProps, type TagsInputControlProps as ControlProps, -} from './tags-input-control' +} from './tags-input-control.tsx' export { TagsInputHiddenInput as HiddenInput, type TagsInputHiddenInputBaseProps as HiddenInputBaseProps, type TagsInputHiddenInputProps as HiddenInputProps, -} from './tags-input-hidden-input' +} from './tags-input-hidden-input.tsx' export { TagsInputInput as Input, type TagsInputInputBaseProps as InputBaseProps, type TagsInputInputProps as InputProps, -} from './tags-input-input' +} from './tags-input-input.tsx' export { TagsInputItem as Item, type TagsInputItemBaseProps as ItemBaseProps, type TagsInputItemProps as ItemProps, -} from './tags-input-item' +} from './tags-input-item.tsx' export { TagsInputItemContext as ItemContext, type TagsInputItemContextProps as ItemContextProps, -} from './tags-input-item-context' +} from './tags-input-item-context.tsx' export { TagsInputItemDeleteTrigger as ItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps as ItemDeleteTriggerProps, -} from './tags-input-item-delete-trigger' +} from './tags-input-item-delete-trigger.tsx' export { TagsInputItemInput as ItemInput, type TagsInputItemInputBaseProps as ItemInputBaseProps, type TagsInputItemInputProps as ItemInputProps, -} from './tags-input-item-input' +} from './tags-input-item-input.tsx' export { TagsInputItemPreview as ItemPreview, type TagsInputItemPreviewBaseProps as ItemPreviewBaseProps, type TagsInputItemPreviewProps as ItemPreviewProps, -} from './tags-input-item-preview' +} from './tags-input-item-preview.tsx' export { TagsInputItemText as ItemText, type TagsInputItemTextBaseProps as ItemTextBaseProps, type TagsInputItemTextProps as ItemTextProps, -} from './tags-input-item-text' +} from './tags-input-item-text.tsx' export { TagsInputLabel as Label, type TagsInputLabelBaseProps as LabelBaseProps, type TagsInputLabelProps as LabelProps, -} from './tags-input-label' +} from './tags-input-label.tsx' export { TagsInputRoot as Root, type TagsInputRootBaseProps as RootBaseProps, type TagsInputRootProps as RootProps, -} from './tags-input-root' +} from './tags-input-root.tsx' export { TagsInputRootProvider as RootProvider, type TagsInputRootProviderBaseProps as RootProviderBaseProps, type TagsInputRootProviderProps as RootProviderProps, -} from './tags-input-root-provider' +} from './tags-input-root-provider.tsx' diff --git a/packages/react/src/components/tags-input/tests/basic.tsx b/packages/react/src/components/tags-input/tests/basic.tsx index c4d1287996..9f3eb4d56f 100644 --- a/packages/react/src/components/tags-input/tests/basic.tsx +++ b/packages/react/src/components/tags-input/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/react/field' -import { TagsInput } from '../' +import { TagsInput } from '../index.ts' export const ComponentUnderTest = (props: TagsInput.RootProps) => { return ( diff --git a/packages/react/src/components/tags-input/tests/tags-input.test.tsx b/packages/react/src/components/tags-input/tests/tags-input.test.tsx index ff33392e59..09ff9476eb 100644 --- a/packages/react/src/components/tags-input/tests/tags-input.test.tsx +++ b/packages/react/src/components/tags-input/tests/tags-input.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest, TagsInputWithField } from './basic' +import { ComponentUnderTest, TagsInputWithField } from './basic.tsx' describe('TagsInput', () => { it.skip('should have no a11y violations', async () => { diff --git a/packages/react/src/components/tags-input/use-tags-input-context.ts b/packages/react/src/components/tags-input/use-tags-input-context.ts index d8f4f2e5aa..177306d1c2 100644 --- a/packages/react/src/components/tags-input/use-tags-input-context.ts +++ b/packages/react/src/components/tags-input/use-tags-input-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseTagsInputReturn } from './use-tags-input' +import { createContext } from '../../utils/create-context.ts' +import type { UseTagsInputReturn } from './use-tags-input.ts' export interface UseTagsInputContext extends UseTagsInputReturn {} diff --git a/packages/react/src/components/tags-input/use-tags-input-item-context.ts b/packages/react/src/components/tags-input/use-tags-input-item-context.ts index 266217a0c0..41a825e831 100644 --- a/packages/react/src/components/tags-input/use-tags-input-item-context.ts +++ b/packages/react/src/components/tags-input/use-tags-input-item-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemState } from '@zag-js/tags-input' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTagsInputItemContext extends ItemState {} diff --git a/packages/react/src/components/tags-input/use-tags-input-item-props-context.ts b/packages/react/src/components/tags-input/use-tags-input-item-props-context.ts index d921da533d..284216f93a 100644 --- a/packages/react/src/components/tags-input/use-tags-input-item-props-context.ts +++ b/packages/react/src/components/tags-input/use-tags-input-item-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { ItemProps } from '@zag-js/tags-input' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext({ name: 'TagsInputItemPropsContext', diff --git a/packages/react/src/components/tags-input/use-tags-input.ts b/packages/react/src/components/tags-input/use-tags-input.ts index 4047ba286d..73670fc9a7 100644 --- a/packages/react/src/components/tags-input/use-tags-input.ts +++ b/packages/react/src/components/tags-input/use-tags-input.ts @@ -3,9 +3,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as tagsInput from '@zag-js/tags-input' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import { useFieldContext } from '../field/index.ts' export interface UseTagsInputProps extends Optional, 'id'> {} export interface UseTagsInputReturn extends tagsInput.Api {} diff --git a/packages/react/src/components/timer/index.ts b/packages/react/src/components/timer/index.ts index 8fe079fae1..3bfd475c27 100644 --- a/packages/react/src/components/timer/index.ts +++ b/packages/react/src/components/timer/index.ts @@ -2,16 +2,20 @@ export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, -} from './timer-action-trigger' -export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area' -export { TimerContext, type TimerContextProps } from './timer-context' -export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control' -export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item' -export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root' -export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps } from './timer-root-provider' -export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps } from './timer-separator' -export { timerAnatomy } from './timer.anatomy' -export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer' -export { useTimerContext, type UseTimerContext } from './use-timer-context' +} from './timer-action-trigger.tsx' +export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area.tsx' +export { TimerContext, type TimerContextProps } from './timer-context.tsx' +export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control.tsx' +export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item.tsx' +export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root.tsx' +export { + TimerRootProvider, + type TimerRootProviderBaseProps, + type TimerRootProviderProps, +} from './timer-root-provider.tsx' +export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps } from './timer-separator.tsx' +export { timerAnatomy } from './timer.anatomy.ts' +export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer.ts' +export { useTimerContext, type UseTimerContext } from './use-timer-context.ts' -export * as Timer from './timer' +export * as Timer from './timer.ts' diff --git a/packages/react/src/components/timer/tests/basic.tsx b/packages/react/src/components/timer/tests/basic.tsx index a7beeac39f..3443c9348f 100644 --- a/packages/react/src/components/timer/tests/basic.tsx +++ b/packages/react/src/components/timer/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Timer } from '../' +import { Timer } from '../index.ts' export const ComponentUnderTest = () => ( diff --git a/packages/react/src/components/timer/tests/timer.test.tsx b/packages/react/src/components/timer/tests/timer.test.tsx index ea486b1a23..b54ac6ef78 100644 --- a/packages/react/src/components/timer/tests/timer.test.tsx +++ b/packages/react/src/components/timer/tests/timer.test.tsx @@ -1,6 +1,6 @@ import { render } from '@testing-library/react' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Timer / Parts & Exports', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/timer/timer-action-trigger.tsx b/packages/react/src/components/timer/timer-action-trigger.tsx index d2df7063a4..19b65970a4 100644 --- a/packages/react/src/components/timer/timer-action-trigger.tsx +++ b/packages/react/src/components/timer/timer-action-trigger.tsx @@ -3,9 +3,9 @@ import { mergeProps } from '@zag-js/react' import type { ActionTriggerProps } from '@zag-js/timer' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTimerContext } from './use-timer-context.ts' export interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps {} export interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {} diff --git a/packages/react/src/components/timer/timer-area.tsx b/packages/react/src/components/timer/timer-area.tsx index a5696e51d4..99a46f22a0 100644 --- a/packages/react/src/components/timer/timer-area.tsx +++ b/packages/react/src/components/timer/timer-area.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTimerContext } from './use-timer-context.ts' export interface TimerAreaBaseProps extends PolymorphicProps {} export interface TimerAreaProps extends HTMLProps<'div'>, TimerAreaBaseProps {} diff --git a/packages/react/src/components/timer/timer-context.tsx b/packages/react/src/components/timer/timer-context.tsx index 1da18990fb..42359c21b6 100644 --- a/packages/react/src/components/timer/timer-context.tsx +++ b/packages/react/src/components/timer/timer-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseTimerContext, useTimerContext } from './use-timer-context' +import { type UseTimerContext, useTimerContext } from './use-timer-context.ts' export interface TimerContextProps { children: (context: UseTimerContext) => ReactNode diff --git a/packages/react/src/components/timer/timer-control.tsx b/packages/react/src/components/timer/timer-control.tsx index 897a978ee4..e09e84b215 100644 --- a/packages/react/src/components/timer/timer-control.tsx +++ b/packages/react/src/components/timer/timer-control.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTimerContext } from './use-timer-context.ts' export interface TimerControlBaseProps extends PolymorphicProps {} export interface TimerControlProps extends HTMLProps<'div'>, TimerControlBaseProps {} diff --git a/packages/react/src/components/timer/timer-item.tsx b/packages/react/src/components/timer/timer-item.tsx index c93478cf6a..ea8a914379 100644 --- a/packages/react/src/components/timer/timer-item.tsx +++ b/packages/react/src/components/timer/timer-item.tsx @@ -3,9 +3,9 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/timer' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTimerContext } from './use-timer-context.ts' export interface TimerItemBaseProps extends ItemProps, PolymorphicProps {} export interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {} diff --git a/packages/react/src/components/timer/timer-root-provider.tsx b/packages/react/src/components/timer/timer-root-provider.tsx index dea004e277..4361cd6d81 100644 --- a/packages/react/src/components/timer/timer-root-provider.tsx +++ b/packages/react/src/components/timer/timer-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTimerReturn } from './use-timer' -import { TimerProvider } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseTimerReturn } from './use-timer.ts' +import { TimerProvider } from './use-timer-context.ts' interface RootProviderProps { value: UseTimerReturn diff --git a/packages/react/src/components/timer/timer-root.tsx b/packages/react/src/components/timer/timer-root.tsx index e579c7cbb7..9c0afadd1b 100644 --- a/packages/react/src/components/timer/timer-root.tsx +++ b/packages/react/src/components/timer/timer-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTimerProps, useTimer } from './use-timer' -import { TimerProvider } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseTimerProps, useTimer } from './use-timer.ts' +import { TimerProvider } from './use-timer-context.ts' export interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps {} diff --git a/packages/react/src/components/timer/timer-separator.tsx b/packages/react/src/components/timer/timer-separator.tsx index a8cbfc2487..451f2c0604 100644 --- a/packages/react/src/components/timer/timer-separator.tsx +++ b/packages/react/src/components/timer/timer-separator.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTimerContext } from './use-timer-context.ts' export interface TimerSeparatorBaseProps extends PolymorphicProps {} export interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {} diff --git a/packages/react/src/components/timer/timer.stories.tsx b/packages/react/src/components/timer/timer.stories.tsx index 373e4d5cbc..466e1bb79c 100644 --- a/packages/react/src/components/timer/timer.stories.tsx +++ b/packages/react/src/components/timer/timer.stories.tsx @@ -6,9 +6,9 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Countdown } from './examples/countdown' -export { Interval } from './examples/interval' -export { Events } from './examples/events' -export { Pomodoro } from './examples/pomodoro' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Countdown } from './examples/countdown.tsx' +export { Interval } from './examples/interval.tsx' +export { Events } from './examples/events.tsx' +export { Pomodoro } from './examples/pomodoro.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/timer/timer.ts b/packages/react/src/components/timer/timer.ts index 43ddaa37eb..c04703e206 100644 --- a/packages/react/src/components/timer/timer.ts +++ b/packages/react/src/components/timer/timer.ts @@ -3,35 +3,35 @@ export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, -} from './timer-action-trigger' +} from './timer-action-trigger.tsx' export { TimerArea as Area, type TimerAreaBaseProps as AreaBaseProps, type TimerAreaProps as AreaProps, -} from './timer-area' -export { TimerContext as Context, type TimerContextProps as ContextProps } from './timer-context' +} from './timer-area.tsx' +export { TimerContext as Context, type TimerContextProps as ContextProps } from './timer-context.tsx' export { TimerControl as Control, type TimerControlBaseProps as ControlBaseProps, type TimerControlProps as ControlProps, -} from './timer-control' +} from './timer-control.tsx' export { TimerItem as Item, type TimerItemBaseProps as ItemBaseProps, type TimerItemProps as ItemProps, -} from './timer-item' +} from './timer-item.tsx' export { TimerRoot as Root, type TimerRootBaseProps as RootBaseProps, type TimerRootProps as RootProps, -} from './timer-root' +} from './timer-root.tsx' export { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, -} from './timer-root-provider' +} from './timer-root-provider.tsx' export { TimerSeparator as Separator, type TimerSeparatorBaseProps as SeparatorBaseProps, type TimerSeparatorProps as SeparatorProps, -} from './timer-separator' +} from './timer-separator.tsx' diff --git a/packages/react/src/components/timer/use-timer-context.ts b/packages/react/src/components/timer/use-timer-context.ts index 0b71435216..35cacee030 100644 --- a/packages/react/src/components/timer/use-timer-context.ts +++ b/packages/react/src/components/timer/use-timer-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseTimerReturn } from './use-timer' +import { createContext } from '../../utils/create-context.ts' +import type { UseTimerReturn } from './use-timer.ts' export interface UseTimerContext extends UseTimerReturn {} diff --git a/packages/react/src/components/timer/use-timer.ts b/packages/react/src/components/timer/use-timer.ts index 9ec729f784..cf692a3026 100644 --- a/packages/react/src/components/timer/use-timer.ts +++ b/packages/react/src/components/timer/use-timer.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as timer from '@zag-js/timer' import { useId } from 'react' -import { useEnvironmentContext } from '../../providers' -import type { Optional } from '../../types' +import { useEnvironmentContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' export interface UseTimerProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/toast/index.ts b/packages/react/src/components/toast/index.ts index de5d8fddd1..808e1d8576 100644 --- a/packages/react/src/components/toast/index.ts +++ b/packages/react/src/components/toast/index.ts @@ -7,19 +7,23 @@ export type { StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast' -export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster' +export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster.tsx' export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, -} from './toast-action-trigger' -export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger' -export { ToastContext, type ToastContextProps } from './toast-context' -export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps } from './toast-description' -export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root' -export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title' -export { toastAnatomy } from './toast.anatomy' -export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster' -export { useToastContext, type UseToastContext } from './use-toast-context' +} from './toast-action-trigger.tsx' +export { + ToastCloseTrigger, + type ToastCloseTriggerBaseProps, + type ToastCloseTriggerProps, +} from './toast-close-trigger.tsx' +export { ToastContext, type ToastContextProps } from './toast-context.tsx' +export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps } from './toast-description.tsx' +export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root.tsx' +export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title.tsx' +export { toastAnatomy } from './toast.anatomy.ts' +export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster.tsx' +export { useToastContext, type UseToastContext } from './use-toast-context.ts' -export * as Toast from './toast' +export * as Toast from './toast.ts' diff --git a/packages/react/src/components/toast/tests/basic.tsx b/packages/react/src/components/toast/tests/basic.tsx index 8a9975ab59..12b8c61227 100644 --- a/packages/react/src/components/toast/tests/basic.tsx +++ b/packages/react/src/components/toast/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Toast, Toaster, createToaster } from '../' +import { Toast, Toaster, createToaster } from '../index.ts' const toaster = createToaster({ placement: 'bottom-end', diff --git a/packages/react/src/components/toast/tests/toast.test.tsx b/packages/react/src/components/toast/tests/toast.test.tsx index 24ba337a8d..01be8ae19d 100644 --- a/packages/react/src/components/toast/tests/toast.test.tsx +++ b/packages/react/src/components/toast/tests/toast.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Toast', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/toast/toast-action-trigger.tsx b/packages/react/src/components/toast/toast-action-trigger.tsx index d4679a6dca..be3a3bdc87 100644 --- a/packages/react/src/components/toast/toast-action-trigger.tsx +++ b/packages/react/src/components/toast/toast-action-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useToastContext } from './use-toast-context.ts' export interface ToastActionTriggerBaseProps extends PolymorphicProps {} export interface ToastActionTriggerProps extends HTMLProps<'button'>, ToastActionTriggerBaseProps {} diff --git a/packages/react/src/components/toast/toast-close-trigger.tsx b/packages/react/src/components/toast/toast-close-trigger.tsx index 66d3ec9f1a..9af68d2ed9 100644 --- a/packages/react/src/components/toast/toast-close-trigger.tsx +++ b/packages/react/src/components/toast/toast-close-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useToastContext } from './use-toast-context.ts' export interface ToastCloseTriggerBaseProps extends PolymorphicProps {} export interface ToastCloseTriggerProps extends HTMLProps<'button'>, ToastCloseTriggerBaseProps {} diff --git a/packages/react/src/components/toast/toast-context.tsx b/packages/react/src/components/toast/toast-context.tsx index c9bd2e0518..1e31cacb04 100644 --- a/packages/react/src/components/toast/toast-context.tsx +++ b/packages/react/src/components/toast/toast-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseToastContext, useToastContext } from './use-toast-context' +import { type UseToastContext, useToastContext } from './use-toast-context.ts' export interface ToastContextProps { children: (context: UseToastContext) => ReactNode diff --git a/packages/react/src/components/toast/toast-description.tsx b/packages/react/src/components/toast/toast-description.tsx index cd2ed78868..e3ee308195 100644 --- a/packages/react/src/components/toast/toast-description.tsx +++ b/packages/react/src/components/toast/toast-description.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useToastContext } from './use-toast-context.ts' export interface ToastDescriptionBaseProps extends PolymorphicProps {} export interface ToastDescriptionProps extends HTMLProps<'div'>, ToastDescriptionBaseProps {} diff --git a/packages/react/src/components/toast/toast-root.tsx b/packages/react/src/components/toast/toast-root.tsx index 358ccb1430..fe532ba472 100644 --- a/packages/react/src/components/toast/toast-root.tsx +++ b/packages/react/src/components/toast/toast-root.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { useToastContext } from './use-toast-context' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { useToastContext } from './use-toast-context.ts' export interface ToastRootBaseProps extends PolymorphicProps {} export interface ToastRootProps extends HTMLProps<'div'>, ToastRootBaseProps {} diff --git a/packages/react/src/components/toast/toast-title.tsx b/packages/react/src/components/toast/toast-title.tsx index 47797ec52c..1f3828ad2a 100644 --- a/packages/react/src/components/toast/toast-title.tsx +++ b/packages/react/src/components/toast/toast-title.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useToastContext } from './use-toast-context.ts' export interface ToastTitleBaseProps extends PolymorphicProps {} export interface ToastTitleProps extends HTMLProps<'div'>, ToastTitleBaseProps {} diff --git a/packages/react/src/components/toast/toast.stories.tsx b/packages/react/src/components/toast/toast.stories.tsx index e5ac56867d..8caf4e7071 100644 --- a/packages/react/src/components/toast/toast.stories.tsx +++ b/packages/react/src/components/toast/toast.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { Action } from './examples/action' -export { Basic } from './examples/basic' -export { Duration } from './examples/duration' -export { MaxToasts } from './examples/max-toasts' -export { Placement } from './examples/placement' -export { PromiseToast } from './examples/promise-toast' -export { Types } from './examples/types' -export { Update } from './examples/update' -export { VaryingHeight } from './examples/varying-height' +export { Action } from './examples/action.tsx' +export { Basic } from './examples/basic.tsx' +export { Duration } from './examples/duration.tsx' +export { MaxToasts } from './examples/max-toasts.tsx' +export { Placement } from './examples/placement.tsx' +export { PromiseToast } from './examples/promise-toast.tsx' +export { Types } from './examples/types.tsx' +export { Update } from './examples/update.tsx' +export { VaryingHeight } from './examples/varying-height.tsx' diff --git a/packages/react/src/components/toast/toast.ts b/packages/react/src/components/toast/toast.ts index a0fbbc52a1..50b547416f 100644 --- a/packages/react/src/components/toast/toast.ts +++ b/packages/react/src/components/toast/toast.ts @@ -7,30 +7,30 @@ export type { StoreProps, Type, } from '@zag-js/toast' -export type { ToastOptions as Options } from './toaster' +export type { ToastOptions as Options } from './toaster.tsx' export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, -} from './toast-action-trigger' +} from './toast-action-trigger.tsx' export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, -} from './toast-close-trigger' -export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context' +} from './toast-close-trigger.tsx' +export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context.tsx' export { ToastDescription as Description, type ToastDescriptionBaseProps as DescriptionBaseProps, type ToastDescriptionProps as DescriptionProps, -} from './toast-description' +} from './toast-description.tsx' export { ToastRoot as Root, type ToastRootBaseProps as RootBaseProps, type ToastRootProps as RootProps, -} from './toast-root' +} from './toast-root.tsx' export { ToastTitle as Title, type ToastTitleBaseProps as TitleBaseProps, type ToastTitleProps as TitleProps, -} from './toast-title' +} from './toast-title.tsx' diff --git a/packages/react/src/components/toast/toaster.tsx b/packages/react/src/components/toast/toaster.tsx index ce0049b435..97d4f23515 100644 --- a/packages/react/src/components/toast/toaster.tsx +++ b/packages/react/src/components/toast/toaster.tsx @@ -3,11 +3,11 @@ import { mergeProps, normalizeProps, useMachine } from '@zag-js/react' import * as toast from '@zag-js/toast' import { type ReactNode, forwardRef, useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { CreateToasterReturn } from './create-toaster' -import { ToastProvider } from './use-toast-context' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { CreateToasterReturn } from './create-toaster.tsx' +import { ToastProvider } from './use-toast-context.ts' export type ToastOptions = toast.Options diff --git a/packages/react/src/components/toast/use-toast-context.ts b/packages/react/src/components/toast/use-toast-context.ts index 097950a38e..b225b97b30 100644 --- a/packages/react/src/components/toast/use-toast-context.ts +++ b/packages/react/src/components/toast/use-toast-context.ts @@ -3,7 +3,7 @@ import type { PropTypes } from '@zag-js/react' import type * as toast from '@zag-js/toast' import type { ReactNode } from 'react' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseToastContext extends toast.Api {} diff --git a/packages/react/src/components/toggle-group/index.ts b/packages/react/src/components/toggle-group/index.ts index 9f8e45ea40..2c50f3da65 100644 --- a/packages/react/src/components/toggle-group/index.ts +++ b/packages/react/src/components/toggle-group/index.ts @@ -1,14 +1,14 @@ export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group' -export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context' -export { ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps } from './toggle-group-item' -export { ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps } from './toggle-group-root' +export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context.tsx' +export { ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps } from './toggle-group-item.tsx' +export { ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps } from './toggle-group-root.tsx' export { ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, -} from './toggle-group-root-provider' -export { toggleGroupAnatomy } from './toggle-group.anatomy' -export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn } from './use-toggle-group' -export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context' +} from './toggle-group-root-provider.tsx' +export { toggleGroupAnatomy } from './toggle-group.anatomy.ts' +export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn } from './use-toggle-group.ts' +export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context.ts' -export * as ToggleGroup from './toggle-group' +export * as ToggleGroup from './toggle-group.ts' diff --git a/packages/react/src/components/toggle-group/tests/basic.tsx b/packages/react/src/components/toggle-group/tests/basic.tsx index 1d7fe9618f..80fdec2c4c 100644 --- a/packages/react/src/components/toggle-group/tests/basic.tsx +++ b/packages/react/src/components/toggle-group/tests/basic.tsx @@ -1,4 +1,4 @@ -import { ToggleGroup } from '../' +import { ToggleGroup } from '../index.ts' export const ComponentUnderTest = (props: ToggleGroup.RootProps) => ( diff --git a/packages/react/src/components/toggle-group/tests/toggle-group.test.tsx b/packages/react/src/components/toggle-group/tests/toggle-group.test.tsx index b09b82349e..afb8d0dd56 100644 --- a/packages/react/src/components/toggle-group/tests/toggle-group.test.tsx +++ b/packages/react/src/components/toggle-group/tests/toggle-group.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('ToggleGroup', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/toggle-group/toggle-group-context.tsx b/packages/react/src/components/toggle-group/toggle-group-context.tsx index 3cac08da37..fa3acc5ef9 100644 --- a/packages/react/src/components/toggle-group/toggle-group-context.tsx +++ b/packages/react/src/components/toggle-group/toggle-group-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context' +import { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context.ts' export interface ToggleGroupContextProps { children: (context: UseToggleGroupContext) => ReactNode diff --git a/packages/react/src/components/toggle-group/toggle-group-item.tsx b/packages/react/src/components/toggle-group/toggle-group-item.tsx index 71da360eed..173e096e24 100644 --- a/packages/react/src/components/toggle-group/toggle-group-item.tsx +++ b/packages/react/src/components/toggle-group/toggle-group-item.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { ItemProps } from '@zag-js/toggle-group' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToggleGroupContext } from './use-toggle-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useToggleGroupContext } from './use-toggle-group-context.ts' export interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {} export interface ToggleGroupItemProps extends Assign, ToggleGroupItemBaseProps> {} diff --git a/packages/react/src/components/toggle-group/toggle-group-root-provider.tsx b/packages/react/src/components/toggle-group/toggle-group-root-provider.tsx index 185df294b4..1e43c8b207 100644 --- a/packages/react/src/components/toggle-group/toggle-group-root-provider.tsx +++ b/packages/react/src/components/toggle-group/toggle-group-root-provider.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseToggleGroupReturn } from './use-toggle-group' -import { ToggleGroupProvider } from './use-toggle-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseToggleGroupReturn } from './use-toggle-group.ts' +import { ToggleGroupProvider } from './use-toggle-group-context.ts' interface RootProviderProps { value: UseToggleGroupReturn diff --git a/packages/react/src/components/toggle-group/toggle-group-root.tsx b/packages/react/src/components/toggle-group/toggle-group-root.tsx index 00cfbaa41d..0499d3a84d 100644 --- a/packages/react/src/components/toggle-group/toggle-group-root.tsx +++ b/packages/react/src/components/toggle-group/toggle-group-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseToggleGroupProps, useToggleGroup } from './use-toggle-group' -import { ToggleGroupProvider } from './use-toggle-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseToggleGroupProps, useToggleGroup } from './use-toggle-group.ts' +import { ToggleGroupProvider } from './use-toggle-group-context.ts' export interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps {} export interface ToggleGroupRootProps extends Assign, ToggleGroupRootBaseProps> {} diff --git a/packages/react/src/components/toggle-group/toggle-group.stories.tsx b/packages/react/src/components/toggle-group/toggle-group.stories.tsx index cb0a1fb2e2..8aeb66ad56 100644 --- a/packages/react/src/components/toggle-group/toggle-group.stories.tsx +++ b/packages/react/src/components/toggle-group/toggle-group.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Multiple } from './examples/multiple' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/react/src/components/toggle-group/toggle-group.ts b/packages/react/src/components/toggle-group/toggle-group.ts index 5fae53686e..72cbebc4c4 100644 --- a/packages/react/src/components/toggle-group/toggle-group.ts +++ b/packages/react/src/components/toggle-group/toggle-group.ts @@ -1,17 +1,17 @@ export type { ValueChangeDetails } from '@zag-js/toggle-group' -export { ToggleGroupContext as Context, type ToggleGroupContextProps as ContextProps } from './toggle-group-context' +export { ToggleGroupContext as Context, type ToggleGroupContextProps as ContextProps } from './toggle-group-context.tsx' export { ToggleGroupItem as Item, type ToggleGroupItemBaseProps as ItemBaseProps, type ToggleGroupItemProps as ItemProps, -} from './toggle-group-item' +} from './toggle-group-item.tsx' export { ToggleGroupRoot as Root, type ToggleGroupRootBaseProps as RootBaseProps, type ToggleGroupRootProps as RootProps, -} from './toggle-group-root' +} from './toggle-group-root.tsx' export { ToggleGroupRootProvider as RootProvider, type ToggleGroupRootProviderBaseProps as RootProviderBaseProps, type ToggleGroupRootProviderProps as RootProviderProps, -} from './toggle-group-root-provider' +} from './toggle-group-root-provider.tsx' diff --git a/packages/react/src/components/toggle-group/use-toggle-group-context.ts b/packages/react/src/components/toggle-group/use-toggle-group-context.ts index 8d1a2b1734..8d2f7cd39d 100644 --- a/packages/react/src/components/toggle-group/use-toggle-group-context.ts +++ b/packages/react/src/components/toggle-group/use-toggle-group-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseToggleGroupReturn } from './use-toggle-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseToggleGroupReturn } from './use-toggle-group.ts' export interface UseToggleGroupContext extends UseToggleGroupReturn {} diff --git a/packages/react/src/components/toggle-group/use-toggle-group.ts b/packages/react/src/components/toggle-group/use-toggle-group.ts index 4d20886b72..7812cc4f53 100644 --- a/packages/react/src/components/toggle-group/use-toggle-group.ts +++ b/packages/react/src/components/toggle-group/use-toggle-group.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as toggleGroup from '@zag-js/toggle-group' 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 UseToggleGroupProps extends Optional, 'id'> {} export interface UseToggleGroupReturn extends toggleGroup.Api {} diff --git a/packages/react/src/components/toggle/index.ts b/packages/react/src/components/toggle/index.ts index 2e9f827687..885b64a024 100644 --- a/packages/react/src/components/toggle/index.ts +++ b/packages/react/src/components/toggle/index.ts @@ -1,7 +1,7 @@ -export * as Toggle from './toggle' -export { ToggleContext, type ToggleContextProps } from './toggle-context' -export { ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps } from './toggle-indicator' -export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root' -export { toggleAnatomy } from './toggle.anatomy' -export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle' -export { useToggleContext, type UseToggleContext } from './use-toggle-context' +export * as Toggle from './toggle.ts' +export { ToggleContext, type ToggleContextProps } from './toggle-context.tsx' +export { ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps } from './toggle-indicator.tsx' +export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root.tsx' +export { toggleAnatomy } from './toggle.anatomy.ts' +export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle.ts' +export { useToggleContext, type UseToggleContext } from './use-toggle-context.ts' diff --git a/packages/react/src/components/toggle/toggle-context.tsx b/packages/react/src/components/toggle/toggle-context.tsx index 0867ae96b7..7709d61a37 100644 --- a/packages/react/src/components/toggle/toggle-context.tsx +++ b/packages/react/src/components/toggle/toggle-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseToggleContext, useToggleContext } from './use-toggle-context' +import { type UseToggleContext, useToggleContext } from './use-toggle-context.ts' export interface ToggleContextProps { children: (context: UseToggleContext) => ReactNode diff --git a/packages/react/src/components/toggle/toggle-indicator.tsx b/packages/react/src/components/toggle/toggle-indicator.tsx index 88b015e2b5..5e0d431e71 100644 --- a/packages/react/src/components/toggle/toggle-indicator.tsx +++ b/packages/react/src/components/toggle/toggle-indicator.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { HTMLArkProps } from '../factory' -import { ark } from '../factory' -import { useToggleContext } from './use-toggle-context' +import type { HTMLArkProps } from '../factory.ts' +import { ark } from '../factory.ts' +import { useToggleContext } from './use-toggle-context.ts' export interface ToggleIndicatorBaseProps { /** diff --git a/packages/react/src/components/toggle/toggle-root.tsx b/packages/react/src/components/toggle/toggle-root.tsx index 320a98613e..612d0ee605 100644 --- a/packages/react/src/components/toggle/toggle-root.tsx +++ b/packages/react/src/components/toggle/toggle-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import { type UseToggleProps, useToggle } from './use-toggle' -import { ToggleProvider } from './use-toggle-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { ark } from '../factory.ts' +import { type UseToggleProps, useToggle } from './use-toggle.ts' +import { ToggleProvider } from './use-toggle-context.ts' export interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps {} diff --git a/packages/react/src/components/toggle/toggle.stories.tsx b/packages/react/src/components/toggle/toggle.stories.tsx index 0faf43c88b..f5ee8d5153 100644 --- a/packages/react/src/components/toggle/toggle.stories.tsx +++ b/packages/react/src/components/toggle/toggle.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { Indicator } from './examples/indicator' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Indicator } from './examples/indicator.tsx' diff --git a/packages/react/src/components/toggle/toggle.ts b/packages/react/src/components/toggle/toggle.ts index 4009ee4107..a900beaa64 100644 --- a/packages/react/src/components/toggle/toggle.ts +++ b/packages/react/src/components/toggle/toggle.ts @@ -1,12 +1,12 @@ -export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context' +export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context.tsx' export { ToggleIndicator as Indicator, type ToggleIndicatorBaseProps as IndicatorBaseProps, type ToggleIndicatorProps as IndicatorProps, -} from './toggle-indicator' +} from './toggle-indicator.tsx' export { ToggleRoot as Root, type ToggleRootBaseProps as RootBaseProps, type ToggleRootProps as RootProps, -} from './toggle-root' -export { toggleAnatomy } from './toggle.anatomy' +} from './toggle-root.tsx' +export { toggleAnatomy } from './toggle.anatomy.ts' diff --git a/packages/react/src/components/toggle/use-toggle-context.ts b/packages/react/src/components/toggle/use-toggle-context.ts index 3ffcc37019..90c7a73393 100644 --- a/packages/react/src/components/toggle/use-toggle-context.ts +++ b/packages/react/src/components/toggle/use-toggle-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseToggleReturn } from './use-toggle' +import { createContext } from '../../utils/create-context.ts' +import type { UseToggleReturn } from './use-toggle.ts' export interface UseToggleContext extends UseToggleReturn {} diff --git a/packages/react/src/components/tooltip/index.ts b/packages/react/src/components/tooltip/index.ts index 61dd3a997a..3214ba9941 100644 --- a/packages/react/src/components/tooltip/index.ts +++ b/packages/react/src/components/tooltip/index.ts @@ -2,20 +2,24 @@ export type { OpenChangeDetails as TooltipOpenChangeDetails, TriggerValueChangeDetails as TooltipTriggerValueChangeDetails, } from '@zag-js/tooltip' -export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './tooltip-arrow' -export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps } from './tooltip-arrow-tip' -export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps } from './tooltip-content' -export { TooltipContext, type TooltipContextProps } from './tooltip-context' -export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps } from './tooltip-positioner' -export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './tooltip-root' +export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './tooltip-arrow.tsx' +export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps } from './tooltip-arrow-tip.tsx' +export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps } from './tooltip-content.tsx' +export { TooltipContext, type TooltipContextProps } from './tooltip-context.tsx' +export { + TooltipPositioner, + type TooltipPositionerBaseProps, + type TooltipPositionerProps, +} from './tooltip-positioner.tsx' +export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './tooltip-root.tsx' export { TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, -} from './tooltip-root-provider' -export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps } from './tooltip-trigger' -export { tooltipAnatomy } from './tooltip.anatomy' -export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip' -export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context' +} from './tooltip-root-provider.tsx' +export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps } from './tooltip-trigger.tsx' +export { tooltipAnatomy } from './tooltip.anatomy.ts' +export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip.ts' +export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context.ts' -export * as Tooltip from './tooltip' +export * as Tooltip from './tooltip.ts' diff --git a/packages/react/src/components/tooltip/tests/basic.tsx b/packages/react/src/components/tooltip/tests/basic.tsx index 8effbb0945..9fbc266717 100644 --- a/packages/react/src/components/tooltip/tests/basic.tsx +++ b/packages/react/src/components/tooltip/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Tooltip } from '../' +import { Tooltip } from '../index.ts' export const ComponentUnderTest = (props: Tooltip.RootProps) => ( diff --git a/packages/react/src/components/tooltip/tests/tooltip.test.tsx b/packages/react/src/components/tooltip/tests/tooltip.test.tsx index fc91106d1f..a9b6681df6 100644 --- a/packages/react/src/components/tooltip/tests/tooltip.test.tsx +++ b/packages/react/src/components/tooltip/tests/tooltip.test.tsx @@ -1,7 +1,7 @@ import { act, render, screen, waitFor } from '@testing-library/react' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Tooltip', () => { it('should have no a11y violations', async () => { diff --git a/packages/react/src/components/tooltip/tooltip-arrow-tip.tsx b/packages/react/src/components/tooltip/tooltip-arrow-tip.tsx index 0e04139374..8213cde992 100644 --- a/packages/react/src/components/tooltip/tooltip-arrow-tip.tsx +++ b/packages/react/src/components/tooltip/tooltip-arrow-tip.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTooltipContext } from './use-tooltip-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipArrowTipBaseProps extends PolymorphicProps {} export interface TooltipArrowTipProps extends HTMLProps<'div'>, TooltipArrowTipBaseProps {} diff --git a/packages/react/src/components/tooltip/tooltip-arrow.tsx b/packages/react/src/components/tooltip/tooltip-arrow.tsx index 06ea882aa3..08563b152a 100644 --- a/packages/react/src/components/tooltip/tooltip-arrow.tsx +++ b/packages/react/src/components/tooltip/tooltip-arrow.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTooltipContext } from './use-tooltip-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipArrowBaseProps extends PolymorphicProps {} export interface TooltipArrowProps extends HTMLProps<'div'>, TooltipArrowBaseProps {} diff --git a/packages/react/src/components/tooltip/tooltip-content.tsx b/packages/react/src/components/tooltip/tooltip-content.tsx index c9143430a9..3485140d37 100644 --- a/packages/react/src/components/tooltip/tooltip-content.tsx +++ b/packages/react/src/components/tooltip/tooltip-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTooltipContext } from './use-tooltip-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipContentBaseProps extends PolymorphicProps {} export interface TooltipContentProps extends HTMLProps<'div'>, TooltipContentBaseProps {} diff --git a/packages/react/src/components/tooltip/tooltip-context.tsx b/packages/react/src/components/tooltip/tooltip-context.tsx index 4c0a82f5a3..f5149abe5d 100644 --- a/packages/react/src/components/tooltip/tooltip-context.tsx +++ b/packages/react/src/components/tooltip/tooltip-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseTooltipContext, useTooltipContext } from './use-tooltip-context' +import { type UseTooltipContext, useTooltipContext } from './use-tooltip-context.ts' export interface TooltipContextProps { children: (context: UseTooltipContext) => ReactNode diff --git a/packages/react/src/components/tooltip/tooltip-positioner.tsx b/packages/react/src/components/tooltip/tooltip-positioner.tsx index 6667f2d679..fb91883f90 100644 --- a/packages/react/src/components/tooltip/tooltip-positioner.tsx +++ b/packages/react/src/components/tooltip/tooltip-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTooltipContext } from './use-tooltip-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipPositionerBaseProps extends PolymorphicProps {} export interface TooltipPositionerProps extends HTMLProps<'div'>, TooltipPositionerBaseProps {} diff --git a/packages/react/src/components/tooltip/tooltip-root-provider.tsx b/packages/react/src/components/tooltip/tooltip-root-provider.tsx index 71793983af..48e42b637c 100644 --- a/packages/react/src/components/tooltip/tooltip-root-provider.tsx +++ b/packages/react/src/components/tooltip/tooltip-root-provider.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import type { UseTooltipReturn } from './use-tooltip' -import { TooltipProvider } from './use-tooltip-context' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import type { UseTooltipReturn } from './use-tooltip.ts' +import { TooltipProvider } from './use-tooltip-context.ts' interface RootProviderProps { value: UseTooltipReturn diff --git a/packages/react/src/components/tooltip/tooltip-root.tsx b/packages/react/src/components/tooltip/tooltip-root.tsx index a2d4cbb264..e8bfcee88f 100644 --- a/packages/react/src/components/tooltip/tooltip-root.tsx +++ b/packages/react/src/components/tooltip/tooltip-root.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UseTooltipProps, useTooltip } from './use-tooltip' -import { TooltipProvider } from './use-tooltip-context' +import type { UsePresenceProps } from '../presence/index.ts' +import { PresenceProvider, usePresence } from '../presence/index.ts' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UseTooltipProps, useTooltip } from './use-tooltip.ts' +import { TooltipProvider } from './use-tooltip-context.ts' export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {} export interface TooltipRootProps extends TooltipRootBaseProps { diff --git a/packages/react/src/components/tooltip/tooltip-trigger.tsx b/packages/react/src/components/tooltip/tooltip-trigger.tsx index c049adcc78..c898726d5f 100644 --- a/packages/react/src/components/tooltip/tooltip-trigger.tsx +++ b/packages/react/src/components/tooltip/tooltip-trigger.tsx @@ -3,10 +3,10 @@ import { mergeProps } from '@zag-js/react' import type { TriggerProps } from '@zag-js/tooltip' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTooltipContext } from './use-tooltip-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipTriggerBaseProps extends TriggerProps, PolymorphicProps {} export interface TooltipTriggerProps extends Assign, TooltipTriggerBaseProps> {} diff --git a/packages/react/src/components/tooltip/tooltip.stories.tsx b/packages/react/src/components/tooltip/tooltip.stories.tsx index 123a5cacaf..af2c454cac 100644 --- a/packages/react/src/components/tooltip/tooltip.stories.tsx +++ b/packages/react/src/components/tooltip/tooltip.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { Arrow } from './examples/arrow' -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Positioning } from './examples/positioning' -export { Context } from './examples/context' -export { MultipleTriggers } from './examples/multiple-triggers' -export { RootProvider } from './examples/root-provider' -export { Delay } from './examples/delay' -export { WithinFixed } from './examples/within-fixed' +export { Arrow } from './examples/arrow.tsx' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Positioning } from './examples/positioning.tsx' +export { Context } from './examples/context.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Delay } from './examples/delay.tsx' +export { WithinFixed } from './examples/within-fixed.tsx' diff --git a/packages/react/src/components/tooltip/tooltip.ts b/packages/react/src/components/tooltip/tooltip.ts index 58325456f4..23a28db1ce 100644 --- a/packages/react/src/components/tooltip/tooltip.ts +++ b/packages/react/src/components/tooltip/tooltip.ts @@ -3,35 +3,35 @@ export { TooltipArrow as Arrow, type TooltipArrowBaseProps as ArrowBaseProps, type TooltipArrowProps as ArrowProps, -} from './tooltip-arrow' +} from './tooltip-arrow.tsx' export { TooltipArrowTip as ArrowTip, type TooltipArrowTipBaseProps as ArrowTipBaseProps, type TooltipArrowTipProps as ArrowTipProps, -} from './tooltip-arrow-tip' +} from './tooltip-arrow-tip.tsx' export { TooltipContent as Content, type TooltipContentBaseProps as ContentBaseProps, type TooltipContentProps as ContentProps, -} from './tooltip-content' -export { TooltipContext as Context, type TooltipContextProps as ContextProps } from './tooltip-context' +} from './tooltip-content.tsx' +export { TooltipContext as Context, type TooltipContextProps as ContextProps } from './tooltip-context.tsx' export { TooltipPositioner as Positioner, type TooltipPositionerBaseProps as PositionerBaseProps, type TooltipPositionerProps as PositionerProps, -} from './tooltip-positioner' +} from './tooltip-positioner.tsx' export { TooltipRoot as Root, type TooltipRootBaseProps as RootBaseProps, type TooltipRootProps as RootProps, -} from './tooltip-root' +} from './tooltip-root.tsx' export { TooltipRootProvider as RootProvider, type TooltipRootProviderBaseProps as RootProviderBaseProps, type TooltipRootProviderProps as RootProviderProps, -} from './tooltip-root-provider' +} from './tooltip-root-provider.tsx' export { TooltipTrigger as Trigger, type TooltipTriggerBaseProps as TriggerBaseProps, type TooltipTriggerProps as TriggerProps, -} from './tooltip-trigger' +} from './tooltip-trigger.tsx' diff --git a/packages/react/src/components/tooltip/use-tooltip-context.ts b/packages/react/src/components/tooltip/use-tooltip-context.ts index 1d34fa3c5d..8bf6cd6453 100644 --- a/packages/react/src/components/tooltip/use-tooltip-context.ts +++ b/packages/react/src/components/tooltip/use-tooltip-context.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { UseTooltipReturn } from './use-tooltip' +import { createContext } from '../../utils/create-context.ts' +import type { UseTooltipReturn } from './use-tooltip.ts' export interface UseTooltipContext extends UseTooltipReturn {} diff --git a/packages/react/src/components/tooltip/use-tooltip.ts b/packages/react/src/components/tooltip/use-tooltip.ts index 4c31a054a1..40ceb16171 100644 --- a/packages/react/src/components/tooltip/use-tooltip.ts +++ b/packages/react/src/components/tooltip/use-tooltip.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as tooltip from '@zag-js/tooltip' 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 UseTooltipProps extends Optional, 'id'> {} diff --git a/packages/react/src/components/tour/index.ts b/packages/react/src/components/tour/index.ts index c21803422e..361918523e 100644 --- a/packages/react/src/components/tour/index.ts +++ b/packages/react/src/components/tour/index.ts @@ -1,5 +1,5 @@ export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour' -export { waitForEvent, type WaitForEventOptions } from './wait-for-event' +export { waitForEvent, type WaitForEventOptions } from './wait-for-event.ts' export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, @@ -7,23 +7,27 @@ export type { StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour' -export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps } from './tour-action-trigger' -export { TourActions, type TourActionsProps } from './tour-actions' -export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow' -export { TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip' -export { TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps } from './tour-backdrop' -export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps } from './tour-close-trigger' -export { TourContent, type TourContentBaseProps, type TourContentProps } from './tour-content' -export { TourContext, type TourContextProps } from './tour-context' -export { TourControl, type TourControlBaseProps, type TourControlProps } from './tour-control' -export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps } from './tour-description' -export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps } from './tour-positioner' -export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps } from './tour-progress-text' -export { TourRoot, type TourRootBaseProps, type TourRootProps } from './tour-root' -export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps } from './tour-spotlight' -export { TourTitle, type TourTitleBaseProps, type TourTitleProps } from './tour-title' -export { tourAnatomy } from './tour.anatomy' -export { useTour, type UseTourProps, type UseTourReturn } from './use-tour' -export { useTourContext, type UseTourContext } from './use-tour-context' +export { + TourActionTrigger, + type TourActionTriggerBaseProps, + type TourActionTriggerProps, +} from './tour-action-trigger.tsx' +export { TourActions, type TourActionsProps } from './tour-actions.tsx' +export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow.tsx' +export { TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip.tsx' +export { TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps } from './tour-backdrop.tsx' +export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps } from './tour-close-trigger.tsx' +export { TourContent, type TourContentBaseProps, type TourContentProps } from './tour-content.tsx' +export { TourContext, type TourContextProps } from './tour-context.tsx' +export { TourControl, type TourControlBaseProps, type TourControlProps } from './tour-control.tsx' +export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps } from './tour-description.tsx' +export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps } from './tour-positioner.tsx' +export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps } from './tour-progress-text.tsx' +export { TourRoot, type TourRootBaseProps, type TourRootProps } from './tour-root.tsx' +export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps } from './tour-spotlight.tsx' +export { TourTitle, type TourTitleBaseProps, type TourTitleProps } from './tour-title.tsx' +export { tourAnatomy } from './tour.anatomy.ts' +export { useTour, type UseTourProps, type UseTourReturn } from './use-tour.ts' +export { useTourContext, type UseTourContext } from './use-tour-context.ts' -export * as Tour from './tour' +export * as Tour from './tour.ts' diff --git a/packages/react/src/components/tour/tour-action-trigger.tsx b/packages/react/src/components/tour/tour-action-trigger.tsx index 5a7da4800a..26c7051422 100644 --- a/packages/react/src/components/tour/tour-action-trigger.tsx +++ b/packages/react/src/components/tour/tour-action-trigger.tsx @@ -3,9 +3,9 @@ import { mergeProps } from '@zag-js/react' import type { StepActionTriggerProps } from '@zag-js/tour' import { forwardRef } from 'react' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourActionTriggerBaseProps extends PolymorphicProps, StepActionTriggerProps {} export interface TourActionTriggerProps extends HTMLProps<'button'>, TourActionTriggerBaseProps {} diff --git a/packages/react/src/components/tour/tour-actions.tsx b/packages/react/src/components/tour/tour-actions.tsx index bb34b9e526..8571f3bacd 100644 --- a/packages/react/src/components/tour/tour-actions.tsx +++ b/packages/react/src/components/tour/tour-actions.tsx @@ -2,7 +2,7 @@ import type { StepAction } from '@zag-js/tour' import type { ReactNode } from 'react' -import { useTourContext } from './use-tour-context' +import { useTourContext } from './use-tour-context.ts' export interface TourActionsProps { children: (actions: StepAction[]) => ReactNode diff --git a/packages/react/src/components/tour/tour-arrow-tip.tsx b/packages/react/src/components/tour/tour-arrow-tip.tsx index 7397dae3df..65dcf914f1 100644 --- a/packages/react/src/components/tour/tour-arrow-tip.tsx +++ b/packages/react/src/components/tour/tour-arrow-tip.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourArrowTipBaseProps extends PolymorphicProps {} export interface TourArrowTipProps extends HTMLProps<'div'>, TourArrowTipBaseProps {} diff --git a/packages/react/src/components/tour/tour-arrow.tsx b/packages/react/src/components/tour/tour-arrow.tsx index eb86378c9a..1a500b9c4f 100644 --- a/packages/react/src/components/tour/tour-arrow.tsx +++ b/packages/react/src/components/tour/tour-arrow.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourArrowBaseProps extends PolymorphicProps {} export interface TourArrowProps extends HTMLProps<'div'>, TourArrowBaseProps {} diff --git a/packages/react/src/components/tour/tour-backdrop.tsx b/packages/react/src/components/tour/tour-backdrop.tsx index 412a747ded..83a751a0fe 100644 --- a/packages/react/src/components/tour/tour-backdrop.tsx +++ b/packages/react/src/components/tour/tour-backdrop.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useTourContext } from './use-tour-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresence } from '../presence/index.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourBackdropBaseProps extends PolymorphicProps {} export interface TourBackdropProps extends HTMLProps<'div'>, TourBackdropBaseProps {} diff --git a/packages/react/src/components/tour/tour-close-trigger.tsx b/packages/react/src/components/tour/tour-close-trigger.tsx index 2549df35ce..f269cf6402 100644 --- a/packages/react/src/components/tour/tour-close-trigger.tsx +++ b/packages/react/src/components/tour/tour-close-trigger.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourCloseTriggerBaseProps extends PolymorphicProps {} export interface TourCloseTriggerProps extends HTMLProps<'button'>, TourCloseTriggerBaseProps {} diff --git a/packages/react/src/components/tour/tour-content.tsx b/packages/react/src/components/tour/tour-content.tsx index 6dd84f1a67..91ebb62cbe 100644 --- a/packages/react/src/components/tour/tour-content.tsx +++ b/packages/react/src/components/tour/tour-content.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTourContext } from './use-tour-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourContentBaseProps extends PolymorphicProps {} export interface TourContentProps extends HTMLProps<'div'>, TourContentBaseProps {} diff --git a/packages/react/src/components/tour/tour-context.tsx b/packages/react/src/components/tour/tour-context.tsx index 35c4ffe5fb..9f86542fc8 100644 --- a/packages/react/src/components/tour/tour-context.tsx +++ b/packages/react/src/components/tour/tour-context.tsx @@ -1,7 +1,7 @@ 'use client' import type { ReactNode } from 'react' -import { type UseTourContext, useTourContext } from './use-tour-context' +import { type UseTourContext, useTourContext } from './use-tour-context.ts' export interface TourContextProps { children: (context: UseTourContext) => ReactNode diff --git a/packages/react/src/components/tour/tour-control.tsx b/packages/react/src/components/tour/tour-control.tsx index 88dbae4dcf..13b554c273 100644 --- a/packages/react/src/components/tour/tour-control.tsx +++ b/packages/react/src/components/tour/tour-control.tsx @@ -1,8 +1,8 @@ 'use client' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { tourAnatomy } from './tour.anatomy' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { tourAnatomy } from './tour.anatomy.ts' export interface TourControlBaseProps extends PolymorphicProps {} export interface TourControlProps extends HTMLProps<'div'>, TourControlBaseProps {} diff --git a/packages/react/src/components/tour/tour-description.tsx b/packages/react/src/components/tour/tour-description.tsx index 5410134196..37c99ffffe 100644 --- a/packages/react/src/components/tour/tour-description.tsx +++ b/packages/react/src/components/tour/tour-description.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourDescriptionBaseProps extends PolymorphicProps {} export interface TourDescriptionProps extends HTMLProps<'div'>, TourDescriptionBaseProps {} diff --git a/packages/react/src/components/tour/tour-positioner.tsx b/packages/react/src/components/tour/tour-positioner.tsx index 51edbde40c..429fe70b73 100644 --- a/packages/react/src/components/tour/tour-positioner.tsx +++ b/packages/react/src/components/tour/tour-positioner.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresenceContext } from '../presence/index.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourPositionerBaseProps extends PolymorphicProps {} export interface TourPositionerProps extends HTMLProps<'div'>, TourPositionerBaseProps {} diff --git a/packages/react/src/components/tour/tour-progress-text.tsx b/packages/react/src/components/tour/tour-progress-text.tsx index 04611581d2..e0f926401b 100644 --- a/packages/react/src/components/tour/tour-progress-text.tsx +++ b/packages/react/src/components/tour/tour-progress-text.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourProgressTextBaseProps extends PolymorphicProps {} export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {} diff --git a/packages/react/src/components/tour/tour-root.tsx b/packages/react/src/components/tour/tour-root.tsx index 2574b8709f..4ac982478f 100644 --- a/packages/react/src/components/tour/tour-root.tsx +++ b/packages/react/src/components/tour/tour-root.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import type { ReactNode } from 'react' -import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseTourReturn } from './use-tour' -import { TourProvider } from './use-tour-context' +import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.ts' +import type { UseTourReturn } from './use-tour.ts' +import { TourProvider } from './use-tour-context.ts' export interface TourRootBaseProps extends UsePresenceProps { tour: UseTourReturn diff --git a/packages/react/src/components/tour/tour-spotlight.tsx b/packages/react/src/components/tour/tour-spotlight.tsx index a438bf6dc6..9f7f5bed33 100644 --- a/packages/react/src/components/tour/tour-spotlight.tsx +++ b/packages/react/src/components/tour/tour-spotlight.tsx @@ -2,11 +2,11 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useTourContext } from './use-tour-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { usePresence } from '../presence/index.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourSpotlightBaseProps extends PolymorphicProps {} export interface TourSpotlightProps extends HTMLProps<'div'>, TourSpotlightBaseProps {} diff --git a/packages/react/src/components/tour/tour-title.tsx b/packages/react/src/components/tour/tour-title.tsx index 1dbebab6f6..64bab5a28c 100644 --- a/packages/react/src/components/tour/tour-title.tsx +++ b/packages/react/src/components/tour/tour-title.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTourContext } from './use-tour-context.ts' export interface TourTitleBaseProps extends PolymorphicProps {} export interface TourTitleProps extends HTMLProps<'h2'>, TourTitleBaseProps {} diff --git a/packages/react/src/components/tour/tour.stories.tsx b/packages/react/src/components/tour/tour.stories.tsx index 298eaae9fa..754acd7ac3 100644 --- a/packages/react/src/components/tour/tour.stories.tsx +++ b/packages/react/src/components/tour/tour.stories.tsx @@ -6,13 +6,13 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { AsyncStep } from './examples/async-step' -export { Events } from './examples/events' -export { KeyboardNavigation } from './examples/keyboard-navigation' -export { MixedTypes } from './examples/mixed-types' -export { SkipTour } from './examples/skip-tour' -export { WaitForClick } from './examples/wait-for-click' -export { WaitForElement } from './examples/wait-for-element' -export { WaitForInput } from './examples/wait-for-input' -export { ProgressBar } from './examples/progress-bar' +export { Basic } from './examples/basic.tsx' +export { AsyncStep } from './examples/async-step.tsx' +export { Events } from './examples/events.tsx' +export { KeyboardNavigation } from './examples/keyboard-navigation.tsx' +export { MixedTypes } from './examples/mixed-types.tsx' +export { SkipTour } from './examples/skip-tour.tsx' +export { WaitForClick } from './examples/wait-for-click.tsx' +export { WaitForElement } from './examples/wait-for-element.tsx' +export { WaitForInput } from './examples/wait-for-input.tsx' +export { ProgressBar } from './examples/progress-bar.tsx' diff --git a/packages/react/src/components/tour/tour.ts b/packages/react/src/components/tour/tour.ts index a5a2022fbd..3be64d906b 100644 --- a/packages/react/src/components/tour/tour.ts +++ b/packages/react/src/components/tour/tour.ts @@ -21,62 +21,66 @@ export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, -} from './tour-action-trigger' -export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions' +} from './tour-action-trigger.tsx' +export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions.tsx' export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, -} from './tour-arrow' +} from './tour-arrow.tsx' export { TourArrowTip as ArrowTip, type TourArrowTipBaseProps as ArrowTipBaseProps, type TourArrowTipProps as ArrowTipProps, -} from './tour-arrow-tip' +} from './tour-arrow-tip.tsx' export { TourBackdrop as Backdrop, type TourBackdropBaseProps as BackdropBaseProps, type TourBackdropProps as BackdropProps, -} from './tour-backdrop' +} from './tour-backdrop.tsx' export { TourCloseTrigger as CloseTrigger, type TourCloseTriggerBaseProps as CloseTriggerBaseProps, type TourCloseTriggerProps as CloseTriggerProps, -} from './tour-close-trigger' +} from './tour-close-trigger.tsx' export { TourContent as Content, type TourContentBaseProps as ContentBaseProps, type TourContentProps as ContentProps, -} from './tour-content' -export { TourContext as Context, type TourContextProps as ContextProps } from './tour-context' +} from './tour-content.tsx' +export { TourContext as Context, type TourContextProps as ContextProps } from './tour-context.tsx' export { TourControl as Control, type TourControlBaseProps as ControlBaseProps, type TourControlProps as ControlProps, -} from './tour-control' +} from './tour-control.tsx' export { TourDescription as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, -} from './tour-description' +} from './tour-description.tsx' export { TourPositioner as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, -} from './tour-positioner' +} from './tour-positioner.tsx' export { TourProgressText as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, -} from './tour-progress-text' -export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps } from './tour-root' +} from './tour-progress-text.tsx' +export { + TourRoot as Root, + type TourRootBaseProps as RootBaseProps, + type TourRootProps as RootProps, +} from './tour-root.tsx' export { TourSpotlight as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, -} from './tour-spotlight' +} from './tour-spotlight.tsx' export { TourTitle as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, -} from './tour-title' +} from './tour-title.tsx' diff --git a/packages/react/src/components/tour/use-tour-context.ts b/packages/react/src/components/tour/use-tour-context.ts index bd10b8a6ab..49e0ca63ef 100644 --- a/packages/react/src/components/tour/use-tour-context.ts +++ b/packages/react/src/components/tour/use-tour-context.ts @@ -2,7 +2,7 @@ import type { PropTypes } from '@zag-js/react' import type * as tour from '@zag-js/tour' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTourContext extends tour.Api {} diff --git a/packages/react/src/components/tour/use-tour.ts b/packages/react/src/components/tour/use-tour.ts index 870c0feabf..8bf3ad3840 100644 --- a/packages/react/src/components/tour/use-tour.ts +++ b/packages/react/src/components/tour/use-tour.ts @@ -3,8 +3,8 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as tour from '@zag-js/tour' 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 UseTourProps extends Optional, 'id'> {} export interface UseTourReturn extends tour.Api {} diff --git a/packages/react/src/components/tree-view/examples/lazy-mount.tsx b/packages/react/src/components/tree-view/examples/lazy-mount.tsx index 1e73cc0523..5ef06e6039 100644 --- a/packages/react/src/components/tree-view/examples/lazy-mount.tsx +++ b/packages/react/src/components/tree-view/examples/lazy-mount.tsx @@ -1,6 +1,6 @@ import { TreeView, createTreeCollection } from '@ark-ui/react/tree-view' import { ChevronRightIcon, FileIcon, FolderIcon, FolderOpenIcon } from 'lucide-react' -import { useTreeViewNodeContext } from '../use-tree-view-node-context' +import { useTreeViewNodeContext } from '../use-tree-view-node-context.ts' import styles from 'styles/tree-view.module.css' export const LazyMount = () => { diff --git a/packages/react/src/components/tree-view/index.ts b/packages/react/src/components/tree-view/index.ts index 7b84f0dc7d..54b70c072c 100644 --- a/packages/react/src/components/tree-view/index.ts +++ b/packages/react/src/components/tree-view/index.ts @@ -11,85 +11,90 @@ export type { RenameStartDetails as TreeViewRenameStartDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view' -export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection' -export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch' +export { + createFileTreeCollection, + createTreeCollection, + type TreeCollection, + type TreeNode, +} from '../collection/index.ts' +export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch.tsx' export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, -} from './tree-view-branch-content' +} from './tree-view-branch-content.tsx' export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, -} from './tree-view-branch-control' +} from './tree-view-branch-control.tsx' export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, -} from './tree-view-branch-indent-guide' +} from './tree-view-branch-indent-guide.tsx' export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type TreeViewBranchIndicatorProps, -} from './tree-view-branch-indicator' +} from './tree-view-branch-indicator.tsx' export { TreeViewBranchText, type TreeViewBranchTextBaseProps, type TreeViewBranchTextProps, -} from './tree-view-branch-text' +} from './tree-view-branch-text.tsx' export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeViewBranchTriggerProps, -} from './tree-view-branch-trigger' -export { TreeViewContext, type TreeViewContextProps } from './tree-view-context' -export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item' +} from './tree-view-branch-trigger.tsx' +export { TreeViewContext, type TreeViewContextProps } from './tree-view-context.tsx' +export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.tsx' export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, -} from './tree-view-item-indicator' -export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text' -export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label' -export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context' +} from './tree-view-item-indicator.tsx' +export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text.tsx' +export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.tsx' +export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.tsx' export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, -} from './tree-view-node-provider' +} from './tree-view-node-provider.tsx' export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootComponentProps, type TreeViewRootProps, -} from './tree-view-root' +} from './tree-view-root.tsx' export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, -} from './tree-view-root-provider' -export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree' +} from './tree-view-root-provider.tsx' +export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree.tsx' export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, -} from './tree-view-node-checkbox' +} from './tree-view-node-checkbox.tsx' export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, -} from './tree-view-node-checkbox-indicator' +} from './tree-view-node-checkbox-indicator.tsx' export { TreeViewNodeRenameInput, type TreeViewNodeRenameInputBaseProps, type TreeViewNodeRenameInputProps, -} from './tree-view-node-rename-input' -export { treeViewAnatomy } from './tree-view.anatomy' -export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view' -export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context' -export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context' +} from './tree-view-node-rename-input.tsx' +export { treeViewAnatomy } from './tree-view.anatomy.ts' +export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view.ts' +export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context.ts' +export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context.ts' -export * as TreeView from './tree-view' +export * as TreeView from './tree-view.ts' diff --git a/packages/react/src/components/tree-view/tests/tree-view.test.tsx b/packages/react/src/components/tree-view/tests/tree-view.test.tsx index 412884362c..0c44f91595 100644 --- a/packages/react/src/components/tree-view/tests/tree-view.test.tsx +++ b/packages/react/src/components/tree-view/tests/tree-view.test.tsx @@ -1,7 +1,7 @@ import { act, render, screen, waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { Basic as ComponentUnderTest } from '../examples/basic' +import { Basic as ComponentUnderTest } from '../examples/basic.tsx' describe('TreeView', () => { it('should not have any accessibility violations', async () => { diff --git a/packages/react/src/components/tree-view/tree-view-branch-content.tsx b/packages/react/src/components/tree-view/tree-view-branch-content.tsx index 0af6db8c82..f4887dfc53 100644 --- a/packages/react/src/components/tree-view/tree-view-branch-content.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch-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 { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { Collapsible } from '../collapsible/index.ts' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchContentBaseProps extends PolymorphicProps {} export interface TreeViewBranchContentProps extends HTMLProps<'div'>, TreeViewBranchContentBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-branch-control.tsx b/packages/react/src/components/tree-view/tree-view-branch-control.tsx index 1df4d067ce..9a87c91efe 100644 --- a/packages/react/src/components/tree-view/tree-view-branch-control.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch-control.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchControlBaseProps extends PolymorphicProps {} export interface TreeViewBranchControlProps extends HTMLProps<'div'>, TreeViewBranchControlBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-branch-indent-guide.tsx b/packages/react/src/components/tree-view/tree-view-branch-indent-guide.tsx index c897c195f5..d1308ed979 100644 --- a/packages/react/src/components/tree-view/tree-view-branch-indent-guide.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch-indent-guide.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchIndentGuideBaseProps extends PolymorphicProps {} export interface TreeViewBranchIndentGuideProps extends HTMLProps<'div'>, TreeViewBranchIndentGuideBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-branch-indicator.tsx b/packages/react/src/components/tree-view/tree-view-branch-indicator.tsx index b4bf1c9afb..5dd7a958fa 100644 --- a/packages/react/src/components/tree-view/tree-view-branch-indicator.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch-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 { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchIndicatorBaseProps extends PolymorphicProps {} export interface TreeViewBranchIndicatorProps extends HTMLProps<'div'>, TreeViewBranchIndicatorBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-branch-text.tsx b/packages/react/src/components/tree-view/tree-view-branch-text.tsx index 3c4b2bb4b9..a7a14866fa 100644 --- a/packages/react/src/components/tree-view/tree-view-branch-text.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchTextBaseProps extends PolymorphicProps {} export interface TreeViewBranchTextProps extends HTMLProps<'span'>, TreeViewBranchTextBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-branch-trigger.tsx b/packages/react/src/components/tree-view/tree-view-branch-trigger.tsx index b4020da304..523180bf46 100644 --- a/packages/react/src/components/tree-view/tree-view-branch-trigger.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch-trigger.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchTriggerBaseProps extends PolymorphicProps {} export interface TreeViewBranchTriggerProps extends HTMLProps<'div'>, TreeViewBranchTriggerBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-branch.tsx b/packages/react/src/components/tree-view/tree-view-branch.tsx index 49ea9cea63..011b2eefd2 100644 --- a/packages/react/src/components/tree-view/tree-view-branch.tsx +++ b/packages/react/src/components/tree-view/tree-view-branch.tsx @@ -2,13 +2,13 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { useRenderStrategyPropsContext } from '../../utils/render-strategy' -import { Collapsible } from '../collapsible' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodeContext } from './use-tree-view-node-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import type { Assign } from '../../types.ts' +import { useRenderStrategyPropsContext } from '../../utils/render-strategy.ts' +import { Collapsible } from '../collapsible/index.ts' +import type { HTMLProps, PolymorphicProps } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodeContext } from './use-tree-view-node-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchBaseProps extends PolymorphicProps {} export interface TreeViewBranchProps extends Assign, TreeViewBranchBaseProps> {} diff --git a/packages/react/src/components/tree-view/tree-view-context.tsx b/packages/react/src/components/tree-view/tree-view-context.tsx index f4a707b56a..1c59152b9f 100644 --- a/packages/react/src/components/tree-view/tree-view-context.tsx +++ b/packages/react/src/components/tree-view/tree-view-context.tsx @@ -1,7 +1,7 @@ 'use client' -import type { TreeNode } from '../collection' -import { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context' +import type { TreeNode } from '../collection/index.ts' +import { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context.ts' export interface TreeViewContextProps { children: (context: UseTreeViewContext) => React.ReactNode diff --git a/packages/react/src/components/tree-view/tree-view-item-indicator.tsx b/packages/react/src/components/tree-view/tree-view-item-indicator.tsx index 22ea992116..b1c117ffcb 100644 --- a/packages/react/src/components/tree-view/tree-view-item-indicator.tsx +++ b/packages/react/src/components/tree-view/tree-view-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 { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewItemIndicatorBaseProps extends PolymorphicProps {} export interface TreeViewItemIndicatorProps extends HTMLProps<'div'>, TreeViewItemIndicatorBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-item-text.tsx b/packages/react/src/components/tree-view/tree-view-item-text.tsx index 52cba98c13..54c022d058 100644 --- a/packages/react/src/components/tree-view/tree-view-item-text.tsx +++ b/packages/react/src/components/tree-view/tree-view-item-text.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewItemTextBaseProps extends PolymorphicProps {} export interface TreeViewItemTextProps extends HTMLProps<'span'>, TreeViewItemTextBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-item.tsx b/packages/react/src/components/tree-view/tree-view-item.tsx index a463386e45..897164aecc 100644 --- a/packages/react/src/components/tree-view/tree-view-item.tsx +++ b/packages/react/src/components/tree-view/tree-view-item.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewItemBaseProps extends PolymorphicProps {} export interface TreeViewItemProps extends Assign, TreeViewItemBaseProps> {} diff --git a/packages/react/src/components/tree-view/tree-view-label.tsx b/packages/react/src/components/tree-view/tree-view-label.tsx index ab33df7130..40247bb18c 100644 --- a/packages/react/src/components/tree-view/tree-view-label.tsx +++ b/packages/react/src/components/tree-view/tree-view-label.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' export interface TreeViewLabelBaseProps extends PolymorphicProps {} export interface TreeViewLabelProps extends HTMLProps<'h3'>, TreeViewLabelBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-node-checkbox-indicator.tsx b/packages/react/src/components/tree-view/tree-view-node-checkbox-indicator.tsx index 0af6fcc687..4d0a6576b4 100644 --- a/packages/react/src/components/tree-view/tree-view-node-checkbox-indicator.tsx +++ b/packages/react/src/components/tree-view/tree-view-node-checkbox-indicator.tsx @@ -1,7 +1,7 @@ 'use client' -import type { HTMLProps } from '../factory' -import { useTreeViewNodeContext } from './use-tree-view-node-context' +import type { HTMLProps } from '../factory.ts' +import { useTreeViewNodeContext } from './use-tree-view-node-context.ts' export interface TreeViewNodeCheckboxIndicatorBaseProps { children?: React.ReactNode | undefined diff --git a/packages/react/src/components/tree-view/tree-view-node-checkbox.tsx b/packages/react/src/components/tree-view/tree-view-node-checkbox.tsx index bdc3ca115b..ea8d531dd3 100644 --- a/packages/react/src/components/tree-view/tree-view-node-checkbox.tsx +++ b/packages/react/src/components/tree-view/tree-view-node-checkbox.tsx @@ -2,9 +2,9 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps {} export interface TreeViewNodeCheckboxProps extends HTMLProps<'span'>, TreeViewNodeCheckboxBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view-node-context.tsx b/packages/react/src/components/tree-view/tree-view-node-context.tsx index 6c372a34f3..a17264bcbc 100644 --- a/packages/react/src/components/tree-view/tree-view-node-context.tsx +++ b/packages/react/src/components/tree-view/tree-view-node-context.tsx @@ -1,6 +1,6 @@ 'use client' -import { type UseTreeViewNodeContext, useTreeViewNodeContext } from './use-tree-view-node-context' +import { type UseTreeViewNodeContext, useTreeViewNodeContext } from './use-tree-view-node-context.ts' export interface TreeViewNodeContextProps { children: (context: UseTreeViewNodeContext) => React.ReactNode diff --git a/packages/react/src/components/tree-view/tree-view-node-provider.tsx b/packages/react/src/components/tree-view/tree-view-node-provider.tsx index 8b30868d52..e641c7afd2 100644 --- a/packages/react/src/components/tree-view/tree-view-node-provider.tsx +++ b/packages/react/src/components/tree-view/tree-view-node-provider.tsx @@ -1,10 +1,10 @@ 'use client' import type { NodeProps } from '@zag-js/tree-view' -import { createSplitProps } from '../../utils/create-split-props' -import { useTreeViewContext } from './use-tree-view-context' -import { TreeViewNodeStateProvider } from './use-tree-view-node-context' -import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { TreeViewNodeStateProvider } from './use-tree-view-node-context.ts' +import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context.ts' export interface TreeViewNodeProviderBaseProps extends NodeProps { node: T diff --git a/packages/react/src/components/tree-view/tree-view-node-rename-input.tsx b/packages/react/src/components/tree-view/tree-view-node-rename-input.tsx index dbbf214e39..0240c94c0e 100644 --- a/packages/react/src/components/tree-view/tree-view-node-rename-input.tsx +++ b/packages/react/src/components/tree-view/tree-view-node-rename-input.tsx @@ -2,10 +2,10 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewNodeRenameInputBaseProps extends PolymorphicProps {} export interface TreeViewNodeRenameInputProps extends Assign, TreeViewNodeRenameInputBaseProps> {} diff --git a/packages/react/src/components/tree-view/tree-view-root-provider.tsx b/packages/react/src/components/tree-view/tree-view-root-provider.tsx index e9daaccc33..2bff13b218 100644 --- a/packages/react/src/components/tree-view/tree-view-root-provider.tsx +++ b/packages/react/src/components/tree-view/tree-view-root-provider.tsx @@ -2,17 +2,17 @@ import { mergeProps } from '@zag-js/react' import { type JSX, 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 { TreeNode } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTreeViewReturn } from './use-tree-view' -import { TreeViewProvider } from './use-tree-view-context' +} from '../../utils/render-strategy.ts' +import type { TreeNode } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import type { UseTreeViewReturn } from './use-tree-view.ts' +import { TreeViewProvider } from './use-tree-view-context.ts' interface RootProviderProps { value: UseTreeViewReturn diff --git a/packages/react/src/components/tree-view/tree-view-root.tsx b/packages/react/src/components/tree-view/tree-view-root.tsx index c30dcd8513..d965cd8098 100644 --- a/packages/react/src/components/tree-view/tree-view-root.tsx +++ b/packages/react/src/components/tree-view/tree-view-root.tsx @@ -2,17 +2,17 @@ import { mergeProps } from '@zag-js/react' import { type JSX, 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 { TreeNode } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTreeViewProps, useTreeView } from './use-tree-view' -import { TreeViewProvider } from './use-tree-view-context' +} from '../../utils/render-strategy.ts' +import type { TreeNode } from '../collection/index.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { type UseTreeViewProps, useTreeView } from './use-tree-view.ts' +import { TreeViewProvider } from './use-tree-view-context.ts' export interface TreeViewRootBaseProps extends UseTreeViewProps, RenderStrategyProps, PolymorphicProps {} diff --git a/packages/react/src/components/tree-view/tree-view-tree.tsx b/packages/react/src/components/tree-view/tree-view-tree.tsx index 77a08629f3..c4fb054a41 100644 --- a/packages/react/src/components/tree-view/tree-view-tree.tsx +++ b/packages/react/src/components/tree-view/tree-view-tree.tsx @@ -2,8 +2,8 @@ import { mergeProps } from '@zag-js/react' import { forwardRef } from 'react' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' export interface TreeViewTreeBaseProps extends PolymorphicProps {} export interface TreeViewTreeProps extends HTMLProps<'div'>, TreeViewTreeBaseProps {} diff --git a/packages/react/src/components/tree-view/tree-view.stories.tsx b/packages/react/src/components/tree-view/tree-view.stories.tsx index f6f565dd60..24ca1bfaf1 100644 --- a/packages/react/src/components/tree-view/tree-view.stories.tsx +++ b/packages/react/src/components/tree-view/tree-view.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { AsyncLoading } from './examples/async-loading' -export { Basic } from './examples/basic' -export { CheckboxTree } from './examples/checkbox-tree' -export { ContextMenu } from './examples/context-menu' -export { ControlledExpanded } from './examples/controlled-expanded' -export { ControlledSelected } from './examples/controlled-selected' -export { DisabledNode } from './examples/disabled-node' -export { ExpandCollapseAll } from './examples/expand-collapse-all' -export { Filtering } from './examples/filtering' -export { LazyMount } from './examples/lazy-mount' -export { Links } from './examples/links' -export { Mutation } from './examples/mutation' -export { RenameNode } from './examples/rename-node' -export { RootProvider } from './examples/root-provider' -export { Virtualized } from './examples/virtualized' +export { AsyncLoading } from './examples/async-loading.tsx' +export { Basic } from './examples/basic.tsx' +export { CheckboxTree } from './examples/checkbox-tree.tsx' +export { ContextMenu } from './examples/context-menu.tsx' +export { ControlledExpanded } from './examples/controlled-expanded.tsx' +export { ControlledSelected } from './examples/controlled-selected.tsx' +export { DisabledNode } from './examples/disabled-node.tsx' +export { ExpandCollapseAll } from './examples/expand-collapse-all.tsx' +export { Filtering } from './examples/filtering.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Links } from './examples/links.tsx' +export { Mutation } from './examples/mutation.tsx' +export { RenameNode } from './examples/rename-node.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Virtualized } from './examples/virtualized.tsx' diff --git a/packages/react/src/components/tree-view/tree-view.ts b/packages/react/src/components/tree-view/tree-view.ts index 0faeccf016..f65bc6a4a1 100644 --- a/packages/react/src/components/tree-view/tree-view.ts +++ b/packages/react/src/components/tree-view/tree-view.ts @@ -15,97 +15,97 @@ export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, -} from './tree-view-branch' +} from './tree-view-branch.tsx' export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, -} from './tree-view-branch-content' +} from './tree-view-branch-content.tsx' export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, -} from './tree-view-branch-control' +} from './tree-view-branch-control.tsx' export { TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, -} from './tree-view-branch-indent-guide' +} from './tree-view-branch-indent-guide.tsx' export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, type TreeViewBranchIndicatorProps as BranchIndicatorProps, -} from './tree-view-branch-indicator' +} from './tree-view-branch-indicator.tsx' export { TreeViewBranchText as BranchText, type TreeViewBranchTextBaseProps as BranchTextBaseProps, type TreeViewBranchTextProps as BranchTextProps, -} from './tree-view-branch-text' +} from './tree-view-branch-text.tsx' export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, type TreeViewBranchTriggerProps as BranchTriggerProps, -} from './tree-view-branch-trigger' -export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context' +} from './tree-view-branch-trigger.tsx' +export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context.tsx' export { TreeViewItem as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, -} from './tree-view-item' +} from './tree-view-item.tsx' export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, type TreeViewItemIndicatorProps as ItemIndicatorProps, -} from './tree-view-item-indicator' +} from './tree-view-item-indicator.tsx' export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, -} from './tree-view-item-text' +} from './tree-view-item-text.tsx' export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, -} from './tree-view-label' +} from './tree-view-label.tsx' export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, -} from './tree-view-node-context' +} from './tree-view-node-context.tsx' export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, -} from './tree-view-node-provider' +} from './tree-view-node-provider.tsx' export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootProps as RootProps, -} from './tree-view-root' +} from './tree-view-root.tsx' export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, -} from './tree-view-root-provider' +} from './tree-view-root-provider.tsx' export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, -} from './tree-view-tree' +} from './tree-view-tree.tsx' export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, -} from './tree-view-node-checkbox' +} from './tree-view-node-checkbox.tsx' export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, -} from './tree-view-node-checkbox-indicator' +} from './tree-view-node-checkbox-indicator.tsx' export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, -} from './tree-view-node-rename-input' +} from './tree-view-node-rename-input.tsx' diff --git a/packages/react/src/components/tree-view/use-tree-view-context.ts b/packages/react/src/components/tree-view/use-tree-view-context.ts index e8b3d98a88..c11fb80d96 100644 --- a/packages/react/src/components/tree-view/use-tree-view-context.ts +++ b/packages/react/src/components/tree-view/use-tree-view-context.ts @@ -1,8 +1,8 @@ 'use client' -import { createContext } from '../../utils/create-context' -import type { TreeNode } from '../collection' -import type { UseTreeViewReturn } from './use-tree-view' +import { createContext } from '../../utils/create-context.ts' +import type { TreeNode } from '../collection/index.ts' +import type { UseTreeViewReturn } from './use-tree-view.ts' export interface UseTreeViewContext extends UseTreeViewReturn {} diff --git a/packages/react/src/components/tree-view/use-tree-view-node-context.ts b/packages/react/src/components/tree-view/use-tree-view-node-context.ts index 31c5f84c6e..0468b64f27 100644 --- a/packages/react/src/components/tree-view/use-tree-view-node-context.ts +++ b/packages/react/src/components/tree-view/use-tree-view-node-context.ts @@ -1,7 +1,7 @@ 'use client' import type { NodeState } from '@zag-js/tree-view' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTreeViewNodeContext extends NodeState {} diff --git a/packages/react/src/components/tree-view/use-tree-view-node-props-context.ts b/packages/react/src/components/tree-view/use-tree-view-node-props-context.ts index 7ebc9b929a..71ccad69fb 100644 --- a/packages/react/src/components/tree-view/use-tree-view-node-props-context.ts +++ b/packages/react/src/components/tree-view/use-tree-view-node-props-context.ts @@ -1,7 +1,7 @@ 'use client' import type { NodeProps } from '@zag-js/tree-view' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTreeViewNodePropsContext extends NodeProps {} diff --git a/packages/react/src/components/tree-view/use-tree-view.ts b/packages/react/src/components/tree-view/use-tree-view.ts index 86891c478b..2131aad8ac 100644 --- a/packages/react/src/components/tree-view/use-tree-view.ts +++ b/packages/react/src/components/tree-view/use-tree-view.ts @@ -3,9 +3,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/react' import * as treeView from '@zag-js/tree-view' import { useId } from 'react' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import type { TreeCollection, TreeNode } from '../collection' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.ts' +import type { Optional } from '../../types.ts' +import type { TreeCollection, TreeNode } from '../collection/index.ts' export interface UseTreeViewProps extends Optional< Omit, 'dir' | 'getRootNode' | 'collection'>, diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index 9799373284..bf8e4cce92 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -1,4 +1,4 @@ -export * from './components' -export * from './providers' -export * from './utils' -export type { Assign, Optional } from './types' +export * from './components/index.ts' +export * from './providers/index.ts' +export * from './utils/index.ts' +export type { Assign, Optional } from './types.ts' diff --git a/packages/react/src/providers/environment/environment-provider.tsx b/packages/react/src/providers/environment/environment-provider.tsx index 554c6916ae..0ed022f233 100644 --- a/packages/react/src/providers/environment/environment-provider.tsx +++ b/packages/react/src/providers/environment/environment-provider.tsx @@ -2,8 +2,8 @@ import { getDocument, getWindow } from '@zag-js/dom-query' import { type ReactNode, useMemo, useState } from 'react' -import { runIfFn } from '../../utils/run-if-fn' -import { EnvironmentContextProvider, type RootNode } from './use-environment-context' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { EnvironmentContextProvider, type RootNode } from './use-environment-context.ts' export interface EnvironmentProviderProps { children?: ReactNode | undefined diff --git a/packages/react/src/providers/environment/environment.stories.tsx b/packages/react/src/providers/environment/environment.stories.tsx index c16a94ad9c..dcc50558b0 100644 --- a/packages/react/src/providers/environment/environment.stories.tsx +++ b/packages/react/src/providers/environment/environment.stories.tsx @@ -6,5 +6,5 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { ShadowRoot } from './examples/shadow-root' +export { Basic } from './examples/basic.tsx' +export { ShadowRoot } from './examples/shadow-root.tsx' diff --git a/packages/react/src/providers/environment/environment.test.tsx b/packages/react/src/providers/environment/environment.test.tsx index 8992e89394..81e8352bb1 100644 --- a/packages/react/src/providers/environment/environment.test.tsx +++ b/packages/react/src/providers/environment/environment.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@testing-library/react' -import { EnvironmentProvider } from './' -import { useEnvironmentContext } from './use-environment-context' +import { EnvironmentProvider } from './index.ts' +import { useEnvironmentContext } from './use-environment-context.ts' const PrintEnvironment = () => { const { getRootNode } = useEnvironmentContext() diff --git a/packages/react/src/providers/environment/examples/basic.tsx b/packages/react/src/providers/environment/examples/basic.tsx index b3765f3f48..dd0fd937cd 100644 --- a/packages/react/src/providers/environment/examples/basic.tsx +++ b/packages/react/src/providers/environment/examples/basic.tsx @@ -1,6 +1,6 @@ import { EnvironmentProvider } from '@ark-ui/react/environment' import Frame from 'react-frame-component' -import { Usage } from './usage' +import { Usage } from './usage.tsx' export const Basic = () => { return ( diff --git a/packages/react/src/providers/environment/index.ts b/packages/react/src/providers/environment/index.ts index e6cd1093fd..ed7aedd49d 100644 --- a/packages/react/src/providers/environment/index.ts +++ b/packages/react/src/providers/environment/index.ts @@ -1,4 +1,4 @@ -export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider' +export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider.tsx' export { useEnvironmentContext, /** @@ -7,4 +7,4 @@ export { type UseEnvironmentContext as EnvironmentContext, type RootNode, type UseEnvironmentContext, -} from './use-environment-context' +} from './use-environment-context.ts' diff --git a/packages/react/src/providers/environment/use-environment-context.ts b/packages/react/src/providers/environment/use-environment-context.ts index f8a8bcf990..086c050ede 100644 --- a/packages/react/src/providers/environment/use-environment-context.ts +++ b/packages/react/src/providers/environment/use-environment-context.ts @@ -1,6 +1,6 @@ 'use client' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export type RootNode = ShadowRoot | Document | Node diff --git a/packages/react/src/providers/index.ts b/packages/react/src/providers/index.ts index 731ade1980..09bd99f64c 100644 --- a/packages/react/src/providers/index.ts +++ b/packages/react/src/providers/index.ts @@ -1,3 +1,3 @@ -export * from './environment' -export * from './interaction' -export * from './locale' +export * from './environment/index.ts' +export * from './interaction/index.ts' +export * from './locale/index.ts' diff --git a/packages/react/src/providers/interaction/index.ts b/packages/react/src/providers/interaction/index.ts index f973d14957..6e3e2bda37 100644 --- a/packages/react/src/providers/interaction/index.ts +++ b/packages/react/src/providers/interaction/index.ts @@ -1,2 +1,2 @@ -export { useFocusVisible, type UseFocusVisibleProps } from './use-focus-visible' -export { useInteractionModality, type Modality } from './use-interaction-modality' +export { useFocusVisible, type UseFocusVisibleProps } from './use-focus-visible.ts' +export { useInteractionModality, type Modality } from './use-interaction-modality.ts' diff --git a/packages/react/src/providers/interaction/interaction.stories.tsx b/packages/react/src/providers/interaction/interaction.stories.tsx index 6d63cd2af0..e9a409c396 100644 --- a/packages/react/src/providers/interaction/interaction.stories.tsx +++ b/packages/react/src/providers/interaction/interaction.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { InteractionModality } from './examples/interaction' -export { FocusVisible } from './examples/focus-visible' -export { FocusVisibleTextInput } from './examples/focus-visible-text-input' +export { InteractionModality } from './examples/interaction.tsx' +export { FocusVisible } from './examples/focus-visible.tsx' +export { FocusVisibleTextInput } from './examples/focus-visible-text-input.tsx' diff --git a/packages/react/src/providers/interaction/use-focus-visible.ts b/packages/react/src/providers/interaction/use-focus-visible.ts index fc15b33a4d..5d1b575a86 100644 --- a/packages/react/src/providers/interaction/use-focus-visible.ts +++ b/packages/react/src/providers/interaction/use-focus-visible.ts @@ -2,7 +2,7 @@ import { isFocusVisible, trackFocusVisible } from '@zag-js/focus-visible' import { useCallback, useSyncExternalStore } from 'react' -import { useEnvironmentContext } from '../environment' +import { useEnvironmentContext } from '../environment/index.ts' export interface UseFocusVisibleProps { isTextInput?: boolean diff --git a/packages/react/src/providers/interaction/use-interaction-modality.ts b/packages/react/src/providers/interaction/use-interaction-modality.ts index 85dcc5e8fb..f6b64101d4 100644 --- a/packages/react/src/providers/interaction/use-interaction-modality.ts +++ b/packages/react/src/providers/interaction/use-interaction-modality.ts @@ -2,7 +2,7 @@ import { getInteractionModality, trackInteractionModality, type Modality } from '@zag-js/focus-visible' import { useCallback, useSyncExternalStore } from 'react' -import { useEnvironmentContext } from '../environment' +import { useEnvironmentContext } from '../environment/index.ts' export type { Modality } diff --git a/packages/react/src/providers/locale/examples/basic.tsx b/packages/react/src/providers/locale/examples/basic.tsx index b666223bce..4b6feb748f 100644 --- a/packages/react/src/providers/locale/examples/basic.tsx +++ b/packages/react/src/providers/locale/examples/basic.tsx @@ -1,5 +1,5 @@ import { LocaleProvider } from '@ark-ui/react/locale' -import { Usage } from './usage' +import { Usage } from './usage.tsx' export const Basic = () => { return ( diff --git a/packages/react/src/providers/locale/index.ts b/packages/react/src/providers/locale/index.ts index 55592669ba..fe63c82753 100644 --- a/packages/react/src/providers/locale/index.ts +++ b/packages/react/src/providers/locale/index.ts @@ -1,5 +1,5 @@ -export { LocaleProvider, type LocaleProviderProps } from './locale-provider' -export { useCollator, type UseCollatorProps } from './use-collator' -export { useDateFormatter, type UseDateFormatterProps } from './use-date-formatter' -export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter' -export { useLocaleContext, type UseLocaleContext } from './use-locale-context' +export { LocaleProvider, type LocaleProviderProps } from './locale-provider.tsx' +export { useCollator, type UseCollatorProps } from './use-collator.ts' +export { useDateFormatter, type UseDateFormatterProps } from './use-date-formatter.ts' +export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter.ts' +export { useLocaleContext, type UseLocaleContext } from './use-locale-context.ts' diff --git a/packages/react/src/providers/locale/locale-provider.tsx b/packages/react/src/providers/locale/locale-provider.tsx index 0f780e6762..0cbea3ee6e 100644 --- a/packages/react/src/providers/locale/locale-provider.tsx +++ b/packages/react/src/providers/locale/locale-provider.tsx @@ -2,7 +2,7 @@ import { type Locale, isRTL } from '@zag-js/i18n-utils' import type { PropsWithChildren } from 'react' -import { LocaleContextProvider } from './use-locale-context' +import { LocaleContextProvider } from './use-locale-context.ts' export interface LocaleProviderProps extends PropsWithChildren { /** diff --git a/packages/react/src/providers/locale/locale.stories.tsx b/packages/react/src/providers/locale/locale.stories.tsx index 94a5933ff3..97be9bfbcd 100644 --- a/packages/react/src/providers/locale/locale.stories.tsx +++ b/packages/react/src/providers/locale/locale.stories.tsx @@ -6,4 +6,4 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' +export { Basic } from './examples/basic.tsx' diff --git a/packages/react/src/providers/locale/use-collator.ts b/packages/react/src/providers/locale/use-collator.ts index 35de8bed77..fe3115c15f 100644 --- a/packages/react/src/providers/locale/use-collator.ts +++ b/packages/react/src/providers/locale/use-collator.ts @@ -1,7 +1,7 @@ 'use client' import { createCollator } from '@zag-js/i18n-utils' -import { useLocaleContext } from './use-locale-context' +import { useLocaleContext } from './use-locale-context.ts' import { useMemo } from 'react' export interface UseCollatorProps extends Intl.CollatorOptions { diff --git a/packages/react/src/providers/locale/use-date-formatter.ts b/packages/react/src/providers/locale/use-date-formatter.ts index 4a1c2309e2..c1f0e582ae 100644 --- a/packages/react/src/providers/locale/use-date-formatter.ts +++ b/packages/react/src/providers/locale/use-date-formatter.ts @@ -2,7 +2,7 @@ import { DateFormatter } from '@internationalized/date' import { useMemo } from 'react' -import { useLocaleContext } from './use-locale-context' +import { useLocaleContext } from './use-locale-context.ts' export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions { locale?: string diff --git a/packages/react/src/providers/locale/use-filter.ts b/packages/react/src/providers/locale/use-filter.ts index 7d55d0581e..69bb353f45 100644 --- a/packages/react/src/providers/locale/use-filter.ts +++ b/packages/react/src/providers/locale/use-filter.ts @@ -2,7 +2,7 @@ import { type FilterOptions, type FilterReturn, createFilter } from '@zag-js/i18n-utils' import { useMemo } from 'react' -import { useLocaleContext } from './use-locale-context' +import { useLocaleContext } from './use-locale-context.ts' export interface UseFilterProps extends FilterOptions {} diff --git a/packages/react/src/providers/locale/use-locale-context.ts b/packages/react/src/providers/locale/use-locale-context.ts index 7e74bf60c8..0c2a340874 100644 --- a/packages/react/src/providers/locale/use-locale-context.ts +++ b/packages/react/src/providers/locale/use-locale-context.ts @@ -1,7 +1,7 @@ 'use client' import type { Locale } from '@zag-js/i18n-utils' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseLocaleContext extends Locale {} diff --git a/packages/react/src/utils/create-split-props.test.ts b/packages/react/src/utils/create-split-props.test.ts index 67886f5113..f113210aee 100644 --- a/packages/react/src/utils/create-split-props.test.ts +++ b/packages/react/src/utils/create-split-props.test.ts @@ -1,4 +1,4 @@ -import { createSplitProps } from './create-split-props' +import { createSplitProps } from './create-split-props.ts' describe('createSplitProps', () => { type Target = { diff --git a/packages/react/src/utils/index.ts b/packages/react/src/utils/index.ts index da47898787..0d8e0564cc 100644 --- a/packages/react/src/utils/index.ts +++ b/packages/react/src/utils/index.ts @@ -1,2 +1,2 @@ -export { createContext } from './create-context' +export { createContext } from './create-context.ts' export { mergeProps } from '@zag-js/core' diff --git a/packages/react/src/utils/render-strategy.ts b/packages/react/src/utils/render-strategy.ts index 8cce6c3c9f..e668bd1e89 100644 --- a/packages/react/src/utils/render-strategy.ts +++ b/packages/react/src/utils/render-strategy.ts @@ -1,7 +1,7 @@ 'use client' -import { createContext } from './create-context' -import { createSplitProps } from './create-split-props' +import { createContext } from './create-context.ts' +import { createSplitProps } from './create-split-props.ts' export interface RenderStrategyProps { /** diff --git a/packages/react/src/utils/run-if-fn.test.ts b/packages/react/src/utils/run-if-fn.test.ts index a8fd4a5f84..d0eff346df 100644 --- a/packages/react/src/utils/run-if-fn.test.ts +++ b/packages/react/src/utils/run-if-fn.test.ts @@ -1,4 +1,4 @@ -import { runIfFn } from './run-if-fn' +import { runIfFn } from './run-if-fn.ts' describe('Util: runIfFn', () => { it('should pass through a non function value', () => { diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json index c4a4c59fd1..d211832698 100644 --- a/packages/react/tsconfig.json +++ b/packages/react/tsconfig.json @@ -3,7 +3,6 @@ "compilerOptions": { "jsx": "preserve", "jsxImportSource": "react", - "baseUrl": ".", "paths": { "styles/*": ["../../.storybook/modules/*"] }, diff --git a/packages/react/vite.config.mts b/packages/react/vite.config.mts index 9af399980b..99ef3101f6 100644 --- a/packages/react/vite.config.mts +++ b/packages/react/vite.config.mts @@ -16,6 +16,13 @@ export default defineConfig({ entryRoot: 'src', staticImport: true, exclude: ['**/*.stories.tsx', '**/*.test.tsx', '**/tests/*', '**/examples/*', '**/setup-test.ts'], + beforeWriteFile: (filePath, content) => ({ + filePath, + content: content.replace( + /(\bfrom\s*['"])(\.\.?\/[^'"]*?)\.tsx?(['"])/g, + (_m, pre, spec, post) => `${pre}${spec}.js${post}`, + ), + }), afterBuild: () => { globbySync(['dist/**/*.d.ts', 'dist/**.d.ts']).forEach((file) => { copyFileSync(file, file.replace(/\.d\.ts$/, '.d.cts')) diff --git a/packages/solid/biome.json b/packages/solid/biome.json index 5543d63218..06977940e3 100644 --- a/packages/solid/biome.json +++ b/packages/solid/biome.json @@ -1,6 +1,7 @@ { + "root": false, "$schema": "../../node_modules/@biomejs/biome/configuration_schema.json", - "extends": "//", + "extends": ["../../biome.json"], "linter": { "rules": { "style": { @@ -10,7 +11,8 @@ "noAssignInExpressions": "off" }, "correctness": { - "useJsxKeyInIterable": "off" + "useJsxKeyInIterable": "off", + "useImportExtensions": "error" } } } diff --git a/packages/solid/src/components/accordion/accordion-context.tsx b/packages/solid/src/components/accordion/accordion-context.tsx index 6b32b8bb01..e0026b1a15 100644 --- a/packages/solid/src/components/accordion/accordion-context.tsx +++ b/packages/solid/src/components/accordion/accordion-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseAccordionContext, useAccordionContext } from './use-accordion-context' +import { type UseAccordionContext, useAccordionContext } from './use-accordion-context.ts' export interface AccordionContextProps { children: (context: UseAccordionContext) => JSX.Element diff --git a/packages/solid/src/components/accordion/accordion-item-content.tsx b/packages/solid/src/components/accordion/accordion-item-content.tsx index 2707ff2b57..94b674f87a 100644 --- a/packages/solid/src/components/accordion/accordion-item-content.tsx +++ b/packages/solid/src/components/accordion/accordion-item-content.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -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.tsx' +import type { HTMLProps, PolymorphicProps } from '../factory.tsx' +import { useAccordionContext } from './use-accordion-context.ts' +import { useAccordionItemPropsContext } from './use-accordion-item-props-context.ts' export interface AccordionItemContentBaseProps extends PolymorphicProps<'div'> {} export interface AccordionItemContentProps extends HTMLProps<'div'>, AccordionItemContentBaseProps {} diff --git a/packages/solid/src/components/accordion/accordion-item-context.tsx b/packages/solid/src/components/accordion/accordion-item-context.tsx index 24f7a99a7c..b148a42f22 100644 --- a/packages/solid/src/components/accordion/accordion-item-context.tsx +++ b/packages/solid/src/components/accordion/accordion-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -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) => JSX.Element diff --git a/packages/solid/src/components/accordion/accordion-item-indicator.tsx b/packages/solid/src/components/accordion/accordion-item-indicator.tsx index 3b62207952..8298955fa6 100644 --- a/packages/solid/src/components/accordion/accordion-item-indicator.tsx +++ b/packages/solid/src/components/accordion/accordion-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -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.tsx' +import { useAccordionContext } from './use-accordion-context.ts' +import { useAccordionItemPropsContext } from './use-accordion-item-props-context.ts' export interface AccordionItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface AccordionItemIndicatorProps extends HTMLProps<'div'>, AccordionItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/accordion/accordion-item-trigger.tsx b/packages/solid/src/components/accordion/accordion-item-trigger.tsx index 5354aed8cc..1c61761590 100644 --- a/packages/solid/src/components/accordion/accordion-item-trigger.tsx +++ b/packages/solid/src/components/accordion/accordion-item-trigger.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { splitProps } from 'solid-js' -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.tsx' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAccordionContext } from './use-accordion-context.ts' +import { useAccordionItemPropsContext } from './use-accordion-item-props-context.ts' export interface AccordionItemTriggerBaseProps extends PolymorphicProps<'button'> {} export interface AccordionItemTriggerProps extends HTMLProps<'button'>, AccordionItemTriggerBaseProps {} diff --git a/packages/solid/src/components/accordion/accordion-item.tsx b/packages/solid/src/components/accordion/accordion-item.tsx index 9e954cfd30..de397f2198 100644 --- a/packages/solid/src/components/accordion/accordion-item.tsx +++ b/packages/solid/src/components/accordion/accordion-item.tsx @@ -1,13 +1,13 @@ import type { ItemProps } from '@zag-js/accordion' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { Collapsible } from '../collapsible' -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 { createSplitProps } from '../../utils/create-split-props.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { Collapsible } from '../collapsible/index.tsx' +import type { HTMLProps, PolymorphicProps } from '../factory.tsx' +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<'div'> {} export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {} diff --git a/packages/solid/src/components/accordion/accordion-root-provider.tsx b/packages/solid/src/components/accordion/accordion-root-provider.tsx index 0ff08a8990..adfc455ad2 100644 --- a/packages/solid/src/components/accordion/accordion-root-provider.tsx +++ b/packages/solid/src/components/accordion/accordion-root-provider.tsx @@ -1,9 +1,13 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, 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' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseAccordionReturn } from './use-accordion.ts' +import { AccordionProvider } from './use-accordion-context.ts' interface RootProviderProps { value: UseAccordionReturn diff --git a/packages/solid/src/components/accordion/accordion-root.tsx b/packages/solid/src/components/accordion/accordion-root.tsx index befb0edb73..1ef3af2f91 100644 --- a/packages/solid/src/components/accordion/accordion-root.tsx +++ b/packages/solid/src/components/accordion/accordion-root.tsx @@ -1,9 +1,13 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, 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' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseAccordionProps, useAccordion } from './use-accordion.ts' +import { AccordionProvider } from './use-accordion-context.ts' export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<'div'> {} export interface AccordionRootProps extends HTMLProps<'div'>, AccordionRootBaseProps {} diff --git a/packages/solid/src/components/accordion/accordion.stories.tsx b/packages/solid/src/components/accordion/accordion.stories.tsx index ef0de5c45a..0c586d9092 100644 --- a/packages/solid/src/components/accordion/accordion.stories.tsx +++ b/packages/solid/src/components/accordion/accordion.stories.tsx @@ -6,12 +6,12 @@ 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 { Multiple } from './examples/multiple' -export { RootProvider } from './examples/root-provider' +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 { Multiple } from './examples/multiple.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/accordion/accordion.ts b/packages/solid/src/components/accordion/accordion.ts index 29e6b6113a..760a94f0ff 100644 --- a/packages/solid/src/components/accordion/accordion.ts +++ b/packages/solid/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' diff --git a/packages/solid/src/components/accordion/index.tsx b/packages/solid/src/components/accordion/index.tsx index 5ba483357d..3eadf0e3f3 100644 --- a/packages/solid/src/components/accordion/index.tsx +++ b/packages/solid/src/components/accordion/index.tsx @@ -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' diff --git a/packages/solid/src/components/accordion/tests/accordion.test.tsx b/packages/solid/src/components/accordion/tests/accordion.test.tsx index 1d8f0d3a32..743d4f5a41 100644 --- a/packages/solid/src/components/accordion/tests/accordion.test.tsx +++ b/packages/solid/src/components/accordion/tests/accordion.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { LocaleProvider } from '../../../providers' -import { ComponentUnderTest } from './basic' +import { LocaleProvider } from '../../../providers/index.tsx' +import { ComponentUnderTest } from './basic.tsx' describe('Accordion', () => { it('should not have an expanded item by default', async () => { diff --git a/packages/solid/src/components/accordion/tests/basic.tsx b/packages/solid/src/components/accordion/tests/basic.tsx index 584c7c897a..26f88888f6 100644 --- a/packages/solid/src/components/accordion/tests/basic.tsx +++ b/packages/solid/src/components/accordion/tests/basic.tsx @@ -1,6 +1,6 @@ import { ChevronRightIcon } from 'lucide-solid' import { For } from 'solid-js' -import { Accordion } from '../' +import { Accordion } from '../index.tsx' export const ComponentUnderTest = (props: Accordion.RootProps) => { const items = [{ value: 'React' }, { value: 'Solid' }, { value: 'Svelte', disabled: true }, { value: 'Vue' }] diff --git a/packages/solid/src/components/accordion/use-accordion-context.ts b/packages/solid/src/components/accordion/use-accordion-context.ts index 5c7ff4def1..01239c098f 100644 --- a/packages/solid/src/components/accordion/use-accordion-context.ts +++ b/packages/solid/src/components/accordion/use-accordion-context.ts @@ -1,5 +1,5 @@ -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 {} diff --git a/packages/solid/src/components/accordion/use-accordion-item-context.ts b/packages/solid/src/components/accordion/use-accordion-item-context.ts index 6bb87523fa..cfec00648b 100644 --- a/packages/solid/src/components/accordion/use-accordion-item-context.ts +++ b/packages/solid/src/components/accordion/use-accordion-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/accordion' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseAccordionItemContext extends Accessor {} diff --git a/packages/solid/src/components/accordion/use-accordion-item-props-context.ts b/packages/solid/src/components/accordion/use-accordion-item-props-context.ts index b2a45c8c71..f80cbb30b8 100644 --- a/packages/solid/src/components/accordion/use-accordion-item-props-context.ts +++ b/packages/solid/src/components/accordion/use-accordion-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/accordion' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [AccordionItemPropsProvider, useAccordionItemPropsContext] = createContext({ hookName: 'useAccordionItemPropsContext', diff --git a/packages/solid/src/components/accordion/use-accordion.ts b/packages/solid/src/components/accordion/use-accordion.ts index 49eea20021..cbfb7c6eed 100644 --- a/packages/solid/src/components/accordion/use-accordion.ts +++ b/packages/solid/src/components/accordion/use-accordion.ts @@ -1,9 +1,9 @@ import * as accordion from '@zag-js/accordion' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseAccordionProps extends Optional, 'id'> {} export interface UseAccordionReturn extends Accessor> {} diff --git a/packages/solid/src/components/anatomy.ts b/packages/solid/src/components/anatomy.ts index 70a0da37c5..1f6b353f0b 100644 --- a/packages/solid/src/components/anatomy.ts +++ b/packages/solid/src/components/anatomy.ts @@ -1,52 +1,52 @@ export * from '@zag-js/anatomy' -export { accordionAnatomy } from './accordion/accordion.anatomy' -export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy' -export { avatarAnatomy } from './avatar/avatar.anatomy' -export { drawerAnatomy } from './drawer/drawer.anatomy' -export { carouselAnatomy } from './carousel/carousel.anatomy' -export { checkboxAnatomy } from './checkbox/checkbox.anatomy' -export { clipboardAnatomy } from './clipboard/clipboard.anatomy' -export { collapsibleAnatomy } from './collapsible/collapsible.anatomy' -export { colorPickerAnatomy } from './color-picker/color-picker.anatomy' -export { comboboxAnatomy } from './combobox/combobox.anatomy' -export { dateInputAnatomy } from './date-input/date-input.anatomy' -export { datePickerAnatomy } from './date-picker/date-picker.anatomy' -export { dialogAnatomy } from './dialog/dialog.anatomy' -export { editableAnatomy } from './editable/editable.anatomy' -export { fieldAnatomy } from './field/field.anatomy' -export { fieldsetAnatomy } from './fieldset/fieldset.anatomy' -export { fileUploadAnatomy } from './file-upload/file-upload.anatomy' -export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy' -export { hoverCardAnatomy } from './hover-card/hover-card.anatomy' -export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy' -export { listboxAnatomy } from './listbox/listbox.anatomy' -export { marqueeAnatomy } from './marquee/marquee.anatomy' -export { menuAnatomy } from './menu/menu.anatomy' -export { navigationMenuAnatomy } from './navigation-menu/navigation-menu.anatomy' -export { numberInputAnatomy } from './number-input/number-input.anatomy' -export { paginationAnatomy } from './pagination/pagination.anatomy' -export { passwordInputAnatomy } from './password-input/password-input.anatomy' -export { pinInputAnatomy } from './pin-input/pin-input.anatomy' -export { popoverAnatomy } from './popover/popover.anatomy' -export { progressAnatomy } from './progress/progress.anatomy' -export { qrCodeAnatomy } from './qr-code/qr-code.anatomy' -export { radioGroupAnatomy } from './radio-group/radio-group.anatomy' -export { ratingGroupAnatomy } from './rating-group/rating-group.anatomy' -export { scrollAreaAnatomy } from './scroll-area/scroll-area.anatomy' -export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy' -export { selectAnatomy } from './select/select.anatomy' -export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy' -export { sliderAnatomy } from './slider/slider.anatomy' -export { splitterAnatomy } from './splitter/splitter.anatomy' -export { stepsAnatomy } from './steps/steps.anatomy' -export { swapAnatomy } from './swap/swap.anatomy' -export { switchAnatomy } from './switch/switch.anatomy' -export { tabsAnatomy } from './tabs/tabs.anatomy' -export { tagsInputAnatomy } from './tags-input/tags-input.anatomy' -export { timerAnatomy } from './timer/timer.anatomy' -export { toastAnatomy } from './toast/toast.anatomy' -export { toggleAnatomy } from './toggle/toggle.anatomy' -export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy' -export { tooltipAnatomy } from './tooltip/tooltip.anatomy' -export { tourAnatomy } from './tour/tour.anatomy' -export { treeViewAnatomy } from './tree-view/tree-view.anatomy' +export { accordionAnatomy } from './accordion/accordion.anatomy.ts' +export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy.tsx' +export { avatarAnatomy } from './avatar/avatar.anatomy.ts' +export { drawerAnatomy } from './drawer/drawer.anatomy.ts' +export { carouselAnatomy } from './carousel/carousel.anatomy.ts' +export { checkboxAnatomy } from './checkbox/checkbox.anatomy.ts' +export { clipboardAnatomy } from './clipboard/clipboard.anatomy.ts' +export { collapsibleAnatomy } from './collapsible/collapsible.anatomy.ts' +export { colorPickerAnatomy } from './color-picker/color-picker.anatomy.ts' +export { comboboxAnatomy } from './combobox/combobox.anatomy.ts' +export { dateInputAnatomy } from './date-input/date-input.anatomy.ts' +export { datePickerAnatomy } from './date-picker/date-picker.anatomy.ts' +export { dialogAnatomy } from './dialog/dialog.anatomy.ts' +export { editableAnatomy } from './editable/editable.anatomy.ts' +export { fieldAnatomy } from './field/field.anatomy.ts' +export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.ts' +export { fileUploadAnatomy } from './file-upload/file-upload.anatomy.ts' +export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy.ts' +export { hoverCardAnatomy } from './hover-card/hover-card.anatomy.ts' +export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy.ts' +export { listboxAnatomy } from './listbox/listbox.anatomy.ts' +export { marqueeAnatomy } from './marquee/marquee.anatomy.ts' +export { menuAnatomy } from './menu/menu.anatomy.ts' +export { navigationMenuAnatomy } from './navigation-menu/navigation-menu.anatomy.ts' +export { numberInputAnatomy } from './number-input/number-input.anatomy.ts' +export { paginationAnatomy } from './pagination/pagination.anatomy.ts' +export { passwordInputAnatomy } from './password-input/password-input.anatomy.ts' +export { pinInputAnatomy } from './pin-input/pin-input.anatomy.ts' +export { popoverAnatomy } from './popover/popover.anatomy.ts' +export { progressAnatomy } from './progress/progress.anatomy.ts' +export { qrCodeAnatomy } from './qr-code/qr-code.anatomy.ts' +export { radioGroupAnatomy } from './radio-group/radio-group.anatomy.ts' +export { ratingGroupAnatomy } from './rating-group/rating-group.anatomy.ts' +export { scrollAreaAnatomy } from './scroll-area/scroll-area.anatomy.ts' +export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.ts' +export { selectAnatomy } from './select/select.anatomy.ts' +export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy.ts' +export { sliderAnatomy } from './slider/slider.anatomy.ts' +export { splitterAnatomy } from './splitter/splitter.anatomy.ts' +export { stepsAnatomy } from './steps/steps.anatomy.ts' +export { swapAnatomy } from './swap/swap.anatomy.ts' +export { switchAnatomy } from './switch/switch.anatomy.ts' +export { tabsAnatomy } from './tabs/tabs.anatomy.ts' +export { tagsInputAnatomy } from './tags-input/tags-input.anatomy.ts' +export { timerAnatomy } from './timer/timer.anatomy.ts' +export { toastAnatomy } from './toast/toast.anatomy.ts' +export { toggleAnatomy } from './toggle/toggle.anatomy.ts' +export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy.ts' +export { tooltipAnatomy } from './tooltip/tooltip.anatomy.ts' +export { tourAnatomy } from './tour/tour.anatomy.ts' +export { treeViewAnatomy } from './tree-view/tree-view.anatomy.ts' diff --git a/packages/solid/src/components/angle-slider/angle-slider-context.tsx b/packages/solid/src/components/angle-slider/angle-slider-context.tsx index e2cf6ee4df..639a83be16 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-context.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseAngleSliderContext, useAngleSliderContext } from './use-angle-slider-context' +import { type UseAngleSliderContext, useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderContextProps { children: (context: UseAngleSliderContext) => JSX.Element diff --git a/packages/solid/src/components/angle-slider/angle-slider-control.tsx b/packages/solid/src/components/angle-slider/angle-slider-control.tsx index 0f47bdd287..a01257f3fe 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-control.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderControlBaseProps extends PolymorphicProps<'div'> {} export interface AngleSliderControlProps extends HTMLProps<'div'>, AngleSliderControlBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-hidden-input.tsx b/packages/solid/src/components/angle-slider/angle-slider-hidden-input.tsx index 76b203ab44..6ce2ffd951 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-hidden-input.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-hidden-input.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-label.tsx b/packages/solid/src/components/angle-slider/angle-slider-label.tsx index 38ae3b87c7..f935e81c32 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-label.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderLabelBaseProps extends PolymorphicProps<'label'> {} export interface AngleSliderLabelProps extends HTMLProps<'label'>, AngleSliderLabelBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-marker-group.tsx b/packages/solid/src/components/angle-slider/angle-slider-marker-group.tsx index 37a87277d2..04373cca79 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-marker-group.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-marker-group.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps<'div'> {} export interface AngleSliderMarkerGroupProps extends HTMLProps<'div'>, AngleSliderMarkerGroupBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-marker.tsx b/packages/solid/src/components/angle-slider/angle-slider-marker.tsx index 949caa002e..18555f8acb 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-marker.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-marker.tsx @@ -1,8 +1,8 @@ import type { MarkerProps } from '@zag-js/angle-slider' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderMarkerBaseProps extends PolymorphicProps<'div'>, MarkerProps {} export interface AngleSliderMarkerProps extends HTMLProps<'div'>, AngleSliderMarkerBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-root-provider.tsx b/packages/solid/src/components/angle-slider/angle-slider-root-provider.tsx index 8cee21aaca..dec8c5b1c6 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-root-provider.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseAngleSliderReturn } from './use-angle-slider' -import { AngleSliderProvider } from './use-angle-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseAngleSliderReturn } from './use-angle-slider.ts' +import { AngleSliderProvider } from './use-angle-slider-context.ts' interface RootProviderProps { value: UseAngleSliderReturn diff --git a/packages/solid/src/components/angle-slider/angle-slider-root.tsx b/packages/solid/src/components/angle-slider/angle-slider-root.tsx index f4a1d2ef87..824c6bda23 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-root.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseAngleSliderProps, useAngleSlider } from './use-angle-slider' -import { AngleSliderProvider } from './use-angle-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseAngleSliderProps, useAngleSlider } from './use-angle-slider.ts' +import { AngleSliderProvider } from './use-angle-slider-context.ts' export interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps<'div'> {} export interface AngleSliderRootProps extends HTMLProps<'div'>, AngleSliderRootBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-thumb.tsx b/packages/solid/src/components/angle-slider/angle-slider-thumb.tsx index aef66ac5f6..43d4d59295 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-thumb.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-thumb.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderThumbBaseProps extends PolymorphicProps<'div'> {} export interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider-value-text.tsx b/packages/solid/src/components/angle-slider/angle-slider-value-text.tsx index 668c770136..8f228e30ec 100644 --- a/packages/solid/src/components/angle-slider/angle-slider-value-text.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider-value-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAngleSliderContext } from './use-angle-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAngleSliderContext } from './use-angle-slider-context.ts' export interface AngleSliderValueTextBaseProps extends PolymorphicProps<'div'> {} export interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {} diff --git a/packages/solid/src/components/angle-slider/angle-slider.stories.tsx b/packages/solid/src/components/angle-slider/angle-slider.stories.tsx index 954ece3479..1a8b97b399 100644 --- a/packages/solid/src/components/angle-slider/angle-slider.stories.tsx +++ b/packages/solid/src/components/angle-slider/angle-slider.stories.tsx @@ -6,9 +6,9 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Context } from './examples/context' -export { Disabled } from './examples/disabled' -export { RootProvider } from './examples/root-provider' -export { Step } from './examples/step' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Context } from './examples/context.tsx' +export { Disabled } from './examples/disabled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Step } from './examples/step.tsx' diff --git a/packages/solid/src/components/angle-slider/angle-slider.ts b/packages/solid/src/components/angle-slider/angle-slider.ts index dfbbd5b7d7..2e88422216 100644 --- a/packages/solid/src/components/angle-slider/angle-slider.ts +++ b/packages/solid/src/components/angle-slider/angle-slider.ts @@ -1,46 +1,46 @@ -export { AngleSliderContext as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context' +export { AngleSliderContext as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context.tsx' export { AngleSliderRoot as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, -} from './angle-slider-root' +} from './angle-slider-root.tsx' export { AngleSliderRootProvider as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, -} from './angle-slider-root-provider' +} from './angle-slider-root-provider.tsx' export { AngleSliderLabel as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, -} from './angle-slider-label' +} from './angle-slider-label.tsx' export { AngleSliderControl as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, -} from './angle-slider-control' +} from './angle-slider-control.tsx' export { AngleSliderThumb as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, -} from './angle-slider-thumb' +} from './angle-slider-thumb.tsx' export { AngleSliderMarkerGroup as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, -} from './angle-slider-marker-group' +} from './angle-slider-marker-group.tsx' export { AngleSliderMarker as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, -} from './angle-slider-marker' +} from './angle-slider-marker.tsx' export { AngleSliderValueText as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, -} from './angle-slider-value-text' +} from './angle-slider-value-text.tsx' export { AngleSliderHiddenInput as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, -} from './angle-slider-hidden-input' +} from './angle-slider-hidden-input.tsx' diff --git a/packages/solid/src/components/angle-slider/index.tsx b/packages/solid/src/components/angle-slider/index.tsx index 9666f52b01..10e726e9ef 100644 --- a/packages/solid/src/components/angle-slider/index.tsx +++ b/packages/solid/src/components/angle-slider/index.tsx @@ -1,35 +1,39 @@ -export { AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context' +export { AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context.tsx' export { AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, -} from './angle-slider-control' +} from './angle-slider-control.tsx' export { AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, -} from './angle-slider-hidden-input' -export { AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps } from './angle-slider-label' -export { AngleSliderMarker, type AngleSliderMarkerBaseProps, type AngleSliderMarkerProps } from './angle-slider-marker' +} from './angle-slider-hidden-input.tsx' +export { AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps } from './angle-slider-label.tsx' +export { + AngleSliderMarker, + type AngleSliderMarkerBaseProps, + type AngleSliderMarkerProps, +} from './angle-slider-marker.tsx' export { AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, -} from './angle-slider-marker-group' -export { AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps } from './angle-slider-root' +} from './angle-slider-marker-group.tsx' +export { AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps } from './angle-slider-root.tsx' export { AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, -} from './angle-slider-root-provider' -export { AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps } from './angle-slider-thumb' +} from './angle-slider-root-provider.tsx' +export { AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps } from './angle-slider-thumb.tsx' export { AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, -} from './angle-slider-value-text' -export { angleSliderAnatomy } from './angle-slider.anatomy' -export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider' -export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context' +} from './angle-slider-value-text.tsx' +export { angleSliderAnatomy } from './angle-slider.anatomy.tsx' +export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider.ts' +export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context.ts' -export * as AngleSlider from './angle-slider' +export * as AngleSlider from './angle-slider.ts' diff --git a/packages/solid/src/components/angle-slider/use-angle-slider-context.ts b/packages/solid/src/components/angle-slider/use-angle-slider-context.ts index 7b8f55e08b..22a61c4685 100644 --- a/packages/solid/src/components/angle-slider/use-angle-slider-context.ts +++ b/packages/solid/src/components/angle-slider/use-angle-slider-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseAngleSliderReturn } from './use-angle-slider' +import { createContext } from '../../utils/create-context.ts' +import type { UseAngleSliderReturn } from './use-angle-slider.ts' export interface UseAngleSliderContext extends UseAngleSliderReturn {} diff --git a/packages/solid/src/components/angle-slider/use-angle-slider.ts b/packages/solid/src/components/angle-slider/use-angle-slider.ts index 7f50a8cb05..f3fe4b58a1 100644 --- a/packages/solid/src/components/angle-slider/use-angle-slider.ts +++ b/packages/solid/src/components/angle-slider/use-angle-slider.ts @@ -1,9 +1,9 @@ import * as angleSlider from '@zag-js/angle-slider' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseAngleSliderProps extends Optional, 'id'> {} export interface UseAngleSliderReturn extends Accessor> {} diff --git a/packages/solid/src/components/avatar/avatar-context.tsx b/packages/solid/src/components/avatar/avatar-context.tsx index 49cc86ba38..1f75449c3e 100644 --- a/packages/solid/src/components/avatar/avatar-context.tsx +++ b/packages/solid/src/components/avatar/avatar-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseAvatarContext, useAvatarContext } from './use-avatar-context' +import { type UseAvatarContext, useAvatarContext } from './use-avatar-context.ts' export interface AvatarContextProps { children: (context: UseAvatarContext) => JSX.Element diff --git a/packages/solid/src/components/avatar/avatar-fallback.tsx b/packages/solid/src/components/avatar/avatar-fallback.tsx index 8adaa96e60..a31bfcbab5 100644 --- a/packages/solid/src/components/avatar/avatar-fallback.tsx +++ b/packages/solid/src/components/avatar/avatar-fallback.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAvatarContext } from './use-avatar-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAvatarContext } from './use-avatar-context.ts' export interface AvatarFallbackBaseProps extends PolymorphicProps<'span'> {} export interface AvatarFallbackProps extends HTMLProps<'span'>, AvatarFallbackBaseProps {} diff --git a/packages/solid/src/components/avatar/avatar-image.tsx b/packages/solid/src/components/avatar/avatar-image.tsx index 2be9ebf4e1..1fd76884b1 100644 --- a/packages/solid/src/components/avatar/avatar-image.tsx +++ b/packages/solid/src/components/avatar/avatar-image.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useAvatarContext } from './use-avatar-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useAvatarContext } from './use-avatar-context.ts' export interface AvatarImageBaseProps extends PolymorphicProps<'img'> {} export interface AvatarImageProps extends HTMLProps<'img'>, AvatarImageBaseProps {} diff --git a/packages/solid/src/components/avatar/avatar-root-provider.tsx b/packages/solid/src/components/avatar/avatar-root-provider.tsx index c86c8a6ca7..d173c8df4f 100644 --- a/packages/solid/src/components/avatar/avatar-root-provider.tsx +++ b/packages/solid/src/components/avatar/avatar-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseAvatarReturn } from './use-avatar' -import { AvatarProvider } from './use-avatar-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseAvatarReturn } from './use-avatar.ts' +import { AvatarProvider } from './use-avatar-context.ts' interface RootProviderProps { value: UseAvatarReturn diff --git a/packages/solid/src/components/avatar/avatar-root.tsx b/packages/solid/src/components/avatar/avatar-root.tsx index 7a8b775a29..b87976ae32 100644 --- a/packages/solid/src/components/avatar/avatar-root.tsx +++ b/packages/solid/src/components/avatar/avatar-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseAvatarProps, useAvatar } from './use-avatar' -import { AvatarProvider } from './use-avatar-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseAvatarProps, useAvatar } from './use-avatar.ts' +import { AvatarProvider } from './use-avatar-context.ts' export interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps<'div'> {} export interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {} diff --git a/packages/solid/src/components/avatar/avatar.stories.tsx b/packages/solid/src/components/avatar/avatar.stories.tsx index 0b5a9cc77b..c3942958a3 100644 --- a/packages/solid/src/components/avatar/avatar.stories.tsx +++ b/packages/solid/src/components/avatar/avatar.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Events } from './examples/events' -export { Provider } from './examples/provider' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Events } from './examples/events.tsx' +export { Provider } from './examples/provider.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/avatar/avatar.ts b/packages/solid/src/components/avatar/avatar.ts index 28ad67f548..dcff14230d 100644 --- a/packages/solid/src/components/avatar/avatar.ts +++ b/packages/solid/src/components/avatar/avatar.ts @@ -1,22 +1,22 @@ export type { StatusChangeDetails } from '@zag-js/avatar' -export { AvatarContext as Context, type AvatarContextProps as ContextProps } from './avatar-context' +export { AvatarContext as Context, type AvatarContextProps as ContextProps } from './avatar-context.tsx' export { AvatarFallback as Fallback, type AvatarFallbackBaseProps as FallbackBaseProps, type AvatarFallbackProps as FallbackProps, -} from './avatar-fallback' +} from './avatar-fallback.tsx' export { AvatarImage as Image, type AvatarImageBaseProps as ImageBaseProps, type AvatarImageProps as ImageProps, -} from './avatar-image' +} from './avatar-image.tsx' export { AvatarRoot as Root, type AvatarRootBaseProps as RootBaseProps, type AvatarRootProps as RootProps, -} from './avatar-root' +} from './avatar-root.tsx' export { AvatarRootProvider as RootProvider, type AvatarRootProviderBaseProps as RootProviderBaseProps, type AvatarRootProviderProps as RootProviderProps, -} from './avatar-root-provider' +} from './avatar-root-provider.tsx' diff --git a/packages/solid/src/components/avatar/index.tsx b/packages/solid/src/components/avatar/index.tsx index 22eb58cd25..ef2cf140e9 100644 --- a/packages/solid/src/components/avatar/index.tsx +++ b/packages/solid/src/components/avatar/index.tsx @@ -1,15 +1,15 @@ export type { StatusChangeDetails as AvatarStatusChangeDetails } from '@zag-js/avatar' -export { AvatarContext, type AvatarContextProps } from './avatar-context' -export { AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps } from './avatar-fallback' -export { AvatarImage, type AvatarImageBaseProps, type AvatarImageProps } from './avatar-image' -export { AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps } from './avatar-root' +export { AvatarContext, type AvatarContextProps } from './avatar-context.tsx' +export { AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps } from './avatar-fallback.tsx' +export { AvatarImage, type AvatarImageBaseProps, type AvatarImageProps } from './avatar-image.tsx' +export { AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps } from './avatar-root.tsx' export { AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, -} from './avatar-root-provider' -export { avatarAnatomy } from './avatar.anatomy' -export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar' -export { useAvatarContext, type UseAvatarContext } from './use-avatar-context' +} from './avatar-root-provider.tsx' +export { avatarAnatomy } from './avatar.anatomy.ts' +export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar.ts' +export { useAvatarContext, type UseAvatarContext } from './use-avatar-context.ts' -export * as Avatar from './avatar' +export * as Avatar from './avatar.ts' diff --git a/packages/solid/src/components/avatar/tests/avatar.test.tsx b/packages/solid/src/components/avatar/tests/avatar.test.tsx index 6ea99999ee..f77baf472a 100644 --- a/packages/solid/src/components/avatar/tests/avatar.test.tsx +++ b/packages/solid/src/components/avatar/tests/avatar.test.tsx @@ -1,6 +1,6 @@ import { render } from '@solidjs/testing-library' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Avatar', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/avatar/tests/basic.tsx b/packages/solid/src/components/avatar/tests/basic.tsx index 561867807e..ea45bbface 100644 --- a/packages/solid/src/components/avatar/tests/basic.tsx +++ b/packages/solid/src/components/avatar/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Avatar } from '../' +import { Avatar } from '../index.tsx' export const ComponentUnderTest = (props: Avatar.RootProps) => { return ( diff --git a/packages/solid/src/components/avatar/use-avatar-context.ts b/packages/solid/src/components/avatar/use-avatar-context.ts index b62afb96c4..74e7498673 100644 --- a/packages/solid/src/components/avatar/use-avatar-context.ts +++ b/packages/solid/src/components/avatar/use-avatar-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseAvatarReturn } from './use-avatar' +import { createContext } from '../../utils/create-context.ts' +import type { UseAvatarReturn } from './use-avatar.ts' export interface UseAvatarContext extends UseAvatarReturn {} diff --git a/packages/solid/src/components/avatar/use-avatar.ts b/packages/solid/src/components/avatar/use-avatar.ts index d81b92fa99..a1c79db782 100644 --- a/packages/solid/src/components/avatar/use-avatar.ts +++ b/packages/solid/src/components/avatar/use-avatar.ts @@ -1,9 +1,9 @@ import * as avatar from '@zag-js/avatar' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseAvatarProps extends Optional, 'id'> {} export interface UseAvatarReturn extends Accessor> {} diff --git a/packages/solid/src/components/carousel/carousel-autoplay-indicator.tsx b/packages/solid/src/components/carousel/carousel-autoplay-indicator.tsx index 44e5d6f393..e65a8e1858 100644 --- a/packages/solid/src/components/carousel/carousel-autoplay-indicator.tsx +++ b/packages/solid/src/components/carousel/carousel-autoplay-indicator.tsx @@ -1,7 +1,7 @@ import { Show, type JSX } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { carouselAnatomy } from './carousel.anatomy' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { carouselAnatomy } from './carousel.anatomy.ts' +import { useCarouselContext } from './use-carousel-context.ts' const parts = carouselAnatomy.build() diff --git a/packages/solid/src/components/carousel/carousel-autoplay-trigger.tsx b/packages/solid/src/components/carousel/carousel-autoplay-trigger.tsx index 3e70f92ecb..6dde0b0284 100644 --- a/packages/solid/src/components/carousel/carousel-autoplay-trigger.tsx +++ b/packages/solid/src/components/carousel/carousel-autoplay-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<'button'> {} export interface CarouselAutoplayTriggerProps extends HTMLProps<'button'>, CarouselAutoplayTriggerBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-context.tsx b/packages/solid/src/components/carousel/carousel-context.tsx index a15049ac11..f7a83896cc 100644 --- a/packages/solid/src/components/carousel/carousel-context.tsx +++ b/packages/solid/src/components/carousel/carousel-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseCarouselContext, useCarouselContext } from './use-carousel-context' +import { type UseCarouselContext, useCarouselContext } from './use-carousel-context.ts' export interface CarouselContextProps { children: (context: UseCarouselContext) => JSX.Element diff --git a/packages/solid/src/components/carousel/carousel-control.tsx b/packages/solid/src/components/carousel/carousel-control.tsx index 52d1fa35e9..1736f6ebeb 100644 --- a/packages/solid/src/components/carousel/carousel-control.tsx +++ b/packages/solid/src/components/carousel/carousel-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselControlBaseProps extends PolymorphicProps<'div'> {} export interface CarouselControlProps extends HTMLProps<'div'>, CarouselControlBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-indicator-group.tsx b/packages/solid/src/components/carousel/carousel-indicator-group.tsx index d2051fdbdd..6290be3563 100644 --- a/packages/solid/src/components/carousel/carousel-indicator-group.tsx +++ b/packages/solid/src/components/carousel/carousel-indicator-group.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselIndicatorGroupBaseProps extends PolymorphicProps<'div'> {} export interface CarouselIndicatorGroupProps extends HTMLProps<'div'>, CarouselIndicatorGroupBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-indicator.tsx b/packages/solid/src/components/carousel/carousel-indicator.tsx index fdde6f871f..e6c27b0419 100644 --- a/packages/solid/src/components/carousel/carousel-indicator.tsx +++ b/packages/solid/src/components/carousel/carousel-indicator.tsx @@ -1,8 +1,8 @@ import type { IndicatorProps } from '@zag-js/carousel' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps<'button'> {} export interface CarouselIndicatorProps extends HTMLProps<'button'>, CarouselIndicatorBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-item-group.tsx b/packages/solid/src/components/carousel/carousel-item-group.tsx index 8284fc3288..4ab43c74dd 100644 --- a/packages/solid/src/components/carousel/carousel-item-group.tsx +++ b/packages/solid/src/components/carousel/carousel-item-group.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselItemGroupBaseProps extends PolymorphicProps<'div'> {} export interface CarouselItemGroupProps extends HTMLProps<'div'>, CarouselItemGroupBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-item.tsx b/packages/solid/src/components/carousel/carousel-item.tsx index d691a3388a..443f603b23 100644 --- a/packages/solid/src/components/carousel/carousel-item.tsx +++ b/packages/solid/src/components/carousel/carousel-item.tsx @@ -1,8 +1,8 @@ import type { ItemProps } from '@zag-js/carousel' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface CarouselItemProps extends HTMLProps<'div'>, CarouselItemBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-next-trigger.tsx b/packages/solid/src/components/carousel/carousel-next-trigger.tsx index 6ecae11a00..ba35c7e2e7 100644 --- a/packages/solid/src/components/carousel/carousel-next-trigger.tsx +++ b/packages/solid/src/components/carousel/carousel-next-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselNextTriggerBaseProps extends PolymorphicProps<'button'> {} export interface CarouselNextTriggerProps extends HTMLProps<'button'>, CarouselNextTriggerBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-prev-trigger.tsx b/packages/solid/src/components/carousel/carousel-prev-trigger.tsx index 55b199a4ac..a85490db5c 100644 --- a/packages/solid/src/components/carousel/carousel-prev-trigger.tsx +++ b/packages/solid/src/components/carousel/carousel-prev-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCarouselContext } from './use-carousel-context.ts' export interface CarouselPrevTriggerBaseProps extends PolymorphicProps<'button'> {} export interface CarouselPrevTriggerProps extends HTMLProps<'button'>, CarouselPrevTriggerBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel-progress-text.tsx b/packages/solid/src/components/carousel/carousel-progress-text.tsx index c589889c9f..c7b7b994af 100644 --- a/packages/solid/src/components/carousel/carousel-progress-text.tsx +++ b/packages/solid/src/components/carousel/carousel-progress-text.tsx @@ -1,7 +1,7 @@ import { createMemo } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { carouselAnatomy } from './carousel.anatomy' -import { useCarouselContext } from './use-carousel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { carouselAnatomy } from './carousel.anatomy.ts' +import { useCarouselContext } from './use-carousel-context.ts' const parts = carouselAnatomy.build() diff --git a/packages/solid/src/components/carousel/carousel-root-provider.tsx b/packages/solid/src/components/carousel/carousel-root-provider.tsx index 6c4c919bd9..6adf3c2d5e 100644 --- a/packages/solid/src/components/carousel/carousel-root-provider.tsx +++ b/packages/solid/src/components/carousel/carousel-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseCarouselReturn } from './use-carousel' -import { CarouselProvider } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseCarouselReturn } from './use-carousel.ts' +import { CarouselProvider } from './use-carousel-context.ts' interface RootProviderProps { value: UseCarouselReturn diff --git a/packages/solid/src/components/carousel/carousel-root.tsx b/packages/solid/src/components/carousel/carousel-root.tsx index d8bbc38dd9..db413c1a6f 100644 --- a/packages/solid/src/components/carousel/carousel-root.tsx +++ b/packages/solid/src/components/carousel/carousel-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseCarouselProps, useCarousel } from './use-carousel' -import { CarouselProvider } from './use-carousel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseCarouselProps, useCarousel } from './use-carousel.ts' +import { CarouselProvider } from './use-carousel-context.ts' export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps<'div'> {} export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {} diff --git a/packages/solid/src/components/carousel/carousel.stories.tsx b/packages/solid/src/components/carousel/carousel.stories.tsx index 2407c502c5..4e4aabf714 100644 --- a/packages/solid/src/components/carousel/carousel.stories.tsx +++ b/packages/solid/src/components/carousel/carousel.stories.tsx @@ -6,15 +6,15 @@ const meta: Meta = { export default meta -export { Autoplay } from './examples/autoplay' -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { ThumbnailIndicator } from './examples/thumbnail-indicator' -export { DynamicSlides } from './examples/dynamic-slides' -export { PauseOnHover } from './examples/pause-on-hover' -export { RootProvider } from './examples/root-provider' -export { ScrollTo } from './examples/scroll-to' -export { SlidesPerPage } from './examples/slides-per-page' -export { Spacing } from './examples/spacing' -export { VariableSize } from './examples/variable-size' -export { Vertical } from './examples/vertical' +export { Autoplay } from './examples/autoplay.tsx' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { ThumbnailIndicator } from './examples/thumbnail-indicator.tsx' +export { DynamicSlides } from './examples/dynamic-slides.tsx' +export { PauseOnHover } from './examples/pause-on-hover.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { ScrollTo } from './examples/scroll-to.tsx' +export { SlidesPerPage } from './examples/slides-per-page.tsx' +export { Spacing } from './examples/spacing.tsx' +export { VariableSize } from './examples/variable-size.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/solid/src/components/carousel/carousel.test.tsx b/packages/solid/src/components/carousel/carousel.test.tsx index 1560d2a12e..7dafa4c889 100644 --- a/packages/solid/src/components/carousel/carousel.test.tsx +++ b/packages/solid/src/components/carousel/carousel.test.tsx @@ -1,5 +1,5 @@ import { render, screen, waitFor } from '@solidjs/testing-library' -import { Basic as ComponentUnderTest } from './examples/basic' +import { Basic as ComponentUnderTest } from './examples/basic.tsx' describe('Carousel', () => { it.skip('should have the correct disabled / enabled states for control buttons', async () => { diff --git a/packages/solid/src/components/carousel/carousel.ts b/packages/solid/src/components/carousel/carousel.ts index e9c9e45819..ef22285e22 100644 --- a/packages/solid/src/components/carousel/carousel.ts +++ b/packages/solid/src/components/carousel/carousel.ts @@ -3,60 +3,60 @@ export { CarouselAutoplayIndicator as AutoplayIndicator, type CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, -} from './carousel-autoplay-indicator' +} from './carousel-autoplay-indicator.tsx' export { CarouselProgressText as ProgressText, type CarouselProgressTextBaseProps as ProgressTextBaseProps, type CarouselProgressTextProps as ProgressTextProps, -} from './carousel-progress-text' +} from './carousel-progress-text.tsx' export { CarouselAutoplayTrigger as AutoplayTrigger, type CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps as AutoplayTriggerProps, -} from './carousel-autoplay-trigger' -export { CarouselContext as Context, type CarouselContextProps as ContextProps } from './carousel-context' +} from './carousel-autoplay-trigger.tsx' +export { CarouselContext as Context, type CarouselContextProps as ContextProps } from './carousel-context.tsx' export { CarouselControl as Control, type CarouselControlBaseProps as ControlBaseProps, type CarouselControlProps as ControlProps, -} from './carousel-control' +} from './carousel-control.tsx' export { CarouselIndicator as Indicator, type CarouselIndicatorBaseProps as IndicatorBaseProps, type CarouselIndicatorProps as IndicatorProps, -} from './carousel-indicator' +} from './carousel-indicator.tsx' export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, type CarouselIndicatorGroupProps as IndicatorGroupProps, -} from './carousel-indicator-group' +} from './carousel-indicator-group.tsx' export { CarouselItem as Item, type CarouselItemBaseProps as ItemBaseProps, type CarouselItemProps as ItemProps, -} from './carousel-item' +} from './carousel-item.tsx' export { CarouselItemGroup as ItemGroup, type CarouselItemGroupBaseProps as ItemGroupBaseProps, type CarouselItemGroupProps as ItemGroupProps, -} from './carousel-item-group' +} from './carousel-item-group.tsx' export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, type CarouselNextTriggerProps as NextTriggerProps, -} from './carousel-next-trigger' +} from './carousel-next-trigger.tsx' export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, type CarouselPrevTriggerProps as PrevTriggerProps, -} from './carousel-prev-trigger' +} from './carousel-prev-trigger.tsx' export { CarouselRoot as Root, type CarouselRootBaseProps as RootBaseProps, type CarouselRootProps as RootProps, -} from './carousel-root' +} from './carousel-root.tsx' export { CarouselRootProvider as RootProvider, type CarouselRootProviderBaseProps as RootProviderBaseProps, type CarouselRootProviderProps as RootProviderProps, -} from './carousel-root-provider' +} from './carousel-root-provider.tsx' diff --git a/packages/solid/src/components/carousel/index.tsx b/packages/solid/src/components/carousel/index.tsx index 998370b5dc..520a21ac0c 100644 --- a/packages/solid/src/components/carousel/index.tsx +++ b/packages/solid/src/components/carousel/index.tsx @@ -7,45 +7,53 @@ export { CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, -} from './carousel-autoplay-indicator' +} from './carousel-autoplay-indicator.tsx' export { CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, -} from './carousel-progress-text' +} from './carousel-progress-text.tsx' export { CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, -} from './carousel-autoplay-trigger' -export { CarouselContext, type CarouselContextProps } from './carousel-context' -export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps } from './carousel-control' -export { CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps } from './carousel-indicator' +} from './carousel-autoplay-trigger.tsx' +export { CarouselContext, type CarouselContextProps } from './carousel-context.tsx' +export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps } from './carousel-control.tsx' +export { + CarouselIndicator, + type CarouselIndicatorBaseProps, + type CarouselIndicatorProps, +} from './carousel-indicator.tsx' export { CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, -} from './carousel-indicator-group' -export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps } from './carousel-item' -export { CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps } from './carousel-item-group' +} from './carousel-indicator-group.tsx' +export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps } from './carousel-item.tsx' +export { + CarouselItemGroup, + type CarouselItemGroupBaseProps, + type CarouselItemGroupProps, +} from './carousel-item-group.tsx' export { CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, -} from './carousel-next-trigger' +} from './carousel-next-trigger.tsx' export { CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, -} from './carousel-prev-trigger' -export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps } from './carousel-root' +} from './carousel-prev-trigger.tsx' +export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps } from './carousel-root.tsx' export { CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, -} from './carousel-root-provider' -export { carouselAnatomy } from './carousel.anatomy' -export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel' -export { useCarouselContext, type UseCarouselContext } from './use-carousel-context' +} from './carousel-root-provider.tsx' +export { carouselAnatomy } from './carousel.anatomy.ts' +export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel.ts' +export { useCarouselContext, type UseCarouselContext } from './use-carousel-context.ts' -export * as Carousel from './carousel' +export * as Carousel from './carousel.ts' diff --git a/packages/solid/src/components/carousel/use-carousel-context.ts b/packages/solid/src/components/carousel/use-carousel-context.ts index 4f4fd71778..4055860e9d 100644 --- a/packages/solid/src/components/carousel/use-carousel-context.ts +++ b/packages/solid/src/components/carousel/use-carousel-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseCarouselReturn } from './use-carousel' +import { createContext } from '../../utils/create-context.ts' +import type { UseCarouselReturn } from './use-carousel.ts' export interface UseCarouselContext extends UseCarouselReturn {} diff --git a/packages/solid/src/components/carousel/use-carousel.ts b/packages/solid/src/components/carousel/use-carousel.ts index ea8c06fe7e..0fed779bee 100644 --- a/packages/solid/src/components/carousel/use-carousel.ts +++ b/packages/solid/src/components/carousel/use-carousel.ts @@ -1,9 +1,9 @@ import * as carousel from '@zag-js/carousel' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseCarouselProps extends Optional, 'id'> {} export interface UseCarouselReturn extends Accessor> {} diff --git a/packages/solid/src/components/checkbox/checkbox-context.tsx b/packages/solid/src/components/checkbox/checkbox-context.tsx index c97d46751e..f1198586e8 100644 --- a/packages/solid/src/components/checkbox/checkbox-context.tsx +++ b/packages/solid/src/components/checkbox/checkbox-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseCheckboxContext, useCheckboxContext } from './use-checkbox-context' +import { type UseCheckboxContext, useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxContextProps { children: (context: UseCheckboxContext) => JSX.Element diff --git a/packages/solid/src/components/checkbox/checkbox-control.tsx b/packages/solid/src/components/checkbox/checkbox-control.tsx index f0f4c8e39f..423ad156a2 100644 --- a/packages/solid/src/components/checkbox/checkbox-control.tsx +++ b/packages/solid/src/components/checkbox/checkbox-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxControlBaseProps extends PolymorphicProps<'div'> {} export interface CheckboxControlProps extends HTMLProps<'div'>, CheckboxControlBaseProps {} diff --git a/packages/solid/src/components/checkbox/checkbox-group-provider.tsx b/packages/solid/src/components/checkbox/checkbox-group-provider.tsx index cf1ba1f406..4e68b312c5 100644 --- a/packages/solid/src/components/checkbox/checkbox-group-provider.tsx +++ b/packages/solid/src/components/checkbox/checkbox-group-provider.tsx @@ -1,8 +1,8 @@ -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { checkboxAnatomy } from './checkbox.anatomy' -import { CheckboxGroupContextProvider, type UseCheckboxGroupContext } from './use-checkbox-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { checkboxAnatomy } from './checkbox.anatomy.ts' +import { CheckboxGroupContextProvider, type UseCheckboxGroupContext } from './use-checkbox-group-context.tsx' interface ProviderProps { value: UseCheckboxGroupContext diff --git a/packages/solid/src/components/checkbox/checkbox-group.tsx b/packages/solid/src/components/checkbox/checkbox-group.tsx index 54e48bef62..be00c2ff0f 100644 --- a/packages/solid/src/components/checkbox/checkbox-group.tsx +++ b/packages/solid/src/components/checkbox/checkbox-group.tsx @@ -1,8 +1,8 @@ -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { checkboxAnatomy } from './checkbox.anatomy' -import { type UseCheckboxGroupProps, useCheckboxGroup } from './use-checkbox-group' -import { CheckboxGroupContextProvider } from './use-checkbox-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { checkboxAnatomy } from './checkbox.anatomy.ts' +import { type UseCheckboxGroupProps, useCheckboxGroup } from './use-checkbox-group.ts' +import { CheckboxGroupContextProvider } from './use-checkbox-group-context.tsx' export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps<'div'> {} export interface CheckboxGroupProps extends HTMLProps<'div'>, CheckboxGroupBaseProps {} diff --git a/packages/solid/src/components/checkbox/checkbox-hidden-input.tsx b/packages/solid/src/components/checkbox/checkbox-hidden-input.tsx index 15c40e2ccf..9513aa811f 100644 --- a/packages/solid/src/components/checkbox/checkbox-hidden-input.tsx +++ b/packages/solid/src/components/checkbox/checkbox-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface CheckboxHiddenInputProps extends HTMLProps<'input'>, CheckboxHiddenInputBaseProps {} diff --git a/packages/solid/src/components/checkbox/checkbox-indicator.tsx b/packages/solid/src/components/checkbox/checkbox-indicator.tsx index 9571a6ca0f..f852dd2487 100644 --- a/packages/solid/src/components/checkbox/checkbox-indicator.tsx +++ b/packages/solid/src/components/checkbox/checkbox-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCheckboxContext } from './use-checkbox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCheckboxContext } from './use-checkbox-context.ts' interface IndicatorProps { indeterminate?: boolean diff --git a/packages/solid/src/components/checkbox/checkbox-label.tsx b/packages/solid/src/components/checkbox/checkbox-label.tsx index 3625676da4..d953f89165 100644 --- a/packages/solid/src/components/checkbox/checkbox-label.tsx +++ b/packages/solid/src/components/checkbox/checkbox-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCheckboxContext } from './use-checkbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCheckboxContext } from './use-checkbox-context.ts' export interface CheckboxLabelBaseProps extends PolymorphicProps<'span'> {} export interface CheckboxLabelProps extends HTMLProps<'span'>, CheckboxLabelBaseProps {} diff --git a/packages/solid/src/components/checkbox/checkbox-root-provider.tsx b/packages/solid/src/components/checkbox/checkbox-root-provider.tsx index 0cebb1cf5b..f79c1aef8a 100644 --- a/packages/solid/src/components/checkbox/checkbox-root-provider.tsx +++ b/packages/solid/src/components/checkbox/checkbox-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseCheckboxReturn } from './use-checkbox' -import { CheckboxProvider } from './use-checkbox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseCheckboxReturn } from './use-checkbox.ts' +import { CheckboxProvider } from './use-checkbox-context.ts' interface RootProviderProps { value: UseCheckboxReturn diff --git a/packages/solid/src/components/checkbox/checkbox-root.tsx b/packages/solid/src/components/checkbox/checkbox-root.tsx index a4549d914f..43b2cf4607 100644 --- a/packages/solid/src/components/checkbox/checkbox-root.tsx +++ b/packages/solid/src/components/checkbox/checkbox-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseCheckboxProps, useCheckbox } from './use-checkbox' -import { CheckboxProvider } from './use-checkbox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseCheckboxProps, useCheckbox } from './use-checkbox.ts' +import { CheckboxProvider } from './use-checkbox-context.ts' export interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps<'label'> {} export interface CheckboxRootProps extends HTMLProps<'label'>, CheckboxRootBaseProps {} diff --git a/packages/solid/src/components/checkbox/checkbox.stories.tsx b/packages/solid/src/components/checkbox/checkbox.stories.tsx index 471f18b59d..71dae52723 100644 --- a/packages/solid/src/components/checkbox/checkbox.stories.tsx +++ b/packages/solid/src/components/checkbox/checkbox.stories.tsx @@ -6,20 +6,20 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DefaultChecked } from './examples/default-checked' -export { Disabled } from './examples/disabled' -export { Group } from './examples/group' -export { GroupControlled } from './examples/group-controlled' -export { GroupProvider } from './examples/group-provider' -export { GroupWithForm } from './examples/group-with-form' -export { GroupWithInvalid } from './examples/group-with-invalid' -export { GroupWithMaxSelected } from './examples/group-with-max-selected' -export { GroupWithSelectAll } from './examples/group-with-select-all' -export { Indeterminate } from './examples/indeterminate' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { GroupWithFieldset } from './examples/group-with-fieldset' -export { WithForm } from './examples/with-form' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DefaultChecked } from './examples/default-checked.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Group } from './examples/group.tsx' +export { GroupControlled } from './examples/group-controlled.tsx' +export { GroupProvider } from './examples/group-provider.tsx' +export { GroupWithForm } from './examples/group-with-form.tsx' +export { GroupWithInvalid } from './examples/group-with-invalid.tsx' +export { GroupWithMaxSelected } from './examples/group-with-max-selected.tsx' +export { GroupWithSelectAll } from './examples/group-with-select-all.tsx' +export { Indeterminate } from './examples/indeterminate.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { GroupWithFieldset } from './examples/group-with-fieldset.tsx' +export { WithForm } from './examples/with-form.tsx' diff --git a/packages/solid/src/components/checkbox/checkbox.ts b/packages/solid/src/components/checkbox/checkbox.ts index 410d594831..4a0fc39287 100644 --- a/packages/solid/src/components/checkbox/checkbox.ts +++ b/packages/solid/src/components/checkbox/checkbox.ts @@ -1,42 +1,42 @@ export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox' -export { CheckboxContext as Context, type CheckboxContextProps as ContextProps } from './checkbox-context' +export { CheckboxContext as Context, type CheckboxContextProps as ContextProps } from './checkbox-context.tsx' export { CheckboxControl as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, -} from './checkbox-control' +} from './checkbox-control.tsx' export { CheckboxGroup as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, -} from './checkbox-group' +} from './checkbox-group.tsx' export { CheckboxGroupProvider as GroupProvider, type CheckboxGroupProviderBaseProps as GroupProviderBaseProps, type CheckboxGroupProviderProps as GroupProviderProps, -} from './checkbox-group-provider' +} from './checkbox-group-provider.tsx' export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, -} from './checkbox-hidden-input' +} from './checkbox-hidden-input.tsx' export { CheckboxIndicator as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, -} from './checkbox-indicator' +} from './checkbox-indicator.tsx' export { CheckboxLabel as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, -} from './checkbox-label' +} from './checkbox-label.tsx' export { CheckboxRoot as Root, type CheckboxRootBaseProps as RootBaseProps, type CheckboxRootProps as RootProps, -} from './checkbox-root' +} from './checkbox-root.tsx' export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderBaseProps as RootProviderBaseProps, type CheckboxRootProviderProps as RootProviderProps, -} from './checkbox-root-provider' +} from './checkbox-root-provider.tsx' diff --git a/packages/solid/src/components/checkbox/index.tsx b/packages/solid/src/components/checkbox/index.tsx index 43df011a37..b3b27e56d1 100644 --- a/packages/solid/src/components/checkbox/index.tsx +++ b/packages/solid/src/components/checkbox/index.tsx @@ -2,31 +2,35 @@ export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox' -export { CheckboxContext, type CheckboxContextProps } from './checkbox-context' -export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps } from './checkbox-control' -export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './checkbox-group' +export { CheckboxContext, type CheckboxContextProps } from './checkbox-context.tsx' +export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps } from './checkbox-control.tsx' +export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './checkbox-group.tsx' export { CheckboxGroupProvider, type CheckboxGroupProviderBaseProps, type CheckboxGroupProviderProps, -} from './checkbox-group-provider' +} from './checkbox-group-provider.tsx' export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, -} from './checkbox-hidden-input' -export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps } from './checkbox-indicator' -export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './checkbox-label' -export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps } from './checkbox-root' +} from './checkbox-hidden-input.tsx' +export { + CheckboxIndicator, + type CheckboxIndicatorBaseProps, + type CheckboxIndicatorProps, +} from './checkbox-indicator.tsx' +export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './checkbox-label.tsx' +export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps } from './checkbox-root.tsx' export { CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, -} from './checkbox-root-provider' -export { checkboxAnatomy } from './checkbox.anatomy' -export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox' -export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context' -export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn } from './use-checkbox-group' -export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context' +} from './checkbox-root-provider.tsx' +export { checkboxAnatomy } from './checkbox.anatomy.ts' +export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox.ts' +export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context.ts' +export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn } from './use-checkbox-group.ts' +export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context.tsx' -export * as Checkbox from './checkbox' +export * as Checkbox from './checkbox.ts' diff --git a/packages/solid/src/components/checkbox/tests/basic.tsx b/packages/solid/src/components/checkbox/tests/basic.tsx index 7d517fc68c..071103916f 100644 --- a/packages/solid/src/components/checkbox/tests/basic.tsx +++ b/packages/solid/src/components/checkbox/tests/basic.tsx @@ -1,5 +1,5 @@ import { CheckIcon, MinusIcon } from 'lucide-solid' -import { Checkbox } from '../' +import { Checkbox } from '../index.tsx' export const ComponentUnderTest = (props: Checkbox.RootProps) => ( diff --git a/packages/solid/src/components/checkbox/tests/checkbox.test.tsx b/packages/solid/src/components/checkbox/tests/checkbox.test.tsx index 25b84903da..a268d21f56 100644 --- a/packages/solid/src/components/checkbox/tests/checkbox.test.tsx +++ b/packages/solid/src/components/checkbox/tests/checkbox.test.tsx @@ -1,9 +1,9 @@ import { fireEvent, render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { Checkbox } from '../' -import { CheckboxWithField } from './field' -import { ComponentUnderTest } from './basic' -import { ControlledComponentUnderTest } from './controlled' +import { Checkbox } from '../index.tsx' +import { CheckboxWithField } from './field.tsx' +import { ComponentUnderTest } from './basic.tsx' +import { ControlledComponentUnderTest } from './controlled.tsx' describe('Checkbox', () => { it('should handle check and unchecked', async () => { diff --git a/packages/solid/src/components/checkbox/tests/controlled.tsx b/packages/solid/src/components/checkbox/tests/controlled.tsx index 23cc01c479..f27bd8474e 100644 --- a/packages/solid/src/components/checkbox/tests/controlled.tsx +++ b/packages/solid/src/components/checkbox/tests/controlled.tsx @@ -1,5 +1,5 @@ import { createSignal } from 'solid-js' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' export const ControlledComponentUnderTest = () => { const [checked, setChecked] = createSignal(false) diff --git a/packages/solid/src/components/checkbox/use-checkbox-context.ts b/packages/solid/src/components/checkbox/use-checkbox-context.ts index 43bb8d6cc1..f9543d1e61 100644 --- a/packages/solid/src/components/checkbox/use-checkbox-context.ts +++ b/packages/solid/src/components/checkbox/use-checkbox-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseCheckboxReturn } from './use-checkbox' +import { createContext } from '../../utils/create-context.ts' +import type { UseCheckboxReturn } from './use-checkbox.ts' export interface UseCheckboxContext extends UseCheckboxReturn {} diff --git a/packages/solid/src/components/checkbox/use-checkbox-group-context.tsx b/packages/solid/src/components/checkbox/use-checkbox-group-context.tsx index 5012b44593..40d87bb5a0 100644 --- a/packages/solid/src/components/checkbox/use-checkbox-group-context.tsx +++ b/packages/solid/src/components/checkbox/use-checkbox-group-context.tsx @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseCheckboxGroupReturn } from './use-checkbox-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseCheckboxGroupReturn } from './use-checkbox-group.ts' export interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {} diff --git a/packages/solid/src/components/checkbox/use-checkbox-group.ts b/packages/solid/src/components/checkbox/use-checkbox-group.ts index db3875d855..49292bc66c 100644 --- a/packages/solid/src/components/checkbox/use-checkbox-group.ts +++ b/packages/solid/src/components/checkbox/use-checkbox-group.ts @@ -1,6 +1,6 @@ import { type Accessor, createMemo } from 'solid-js' -import { useControllableState } from '../../utils/use-controllable-state' -import { useFieldsetContext } from '../fieldset' +import { useControllableState } from '../../utils/use-controllable-state.ts' +import { useFieldsetContext } from '../fieldset/index.tsx' export interface UseCheckboxGroupProps { /** diff --git a/packages/solid/src/components/checkbox/use-checkbox.ts b/packages/solid/src/components/checkbox/use-checkbox.ts index 7aa5e70fba..5b471f3931 100644 --- a/packages/solid/src/components/checkbox/use-checkbox.ts +++ b/packages/solid/src/components/checkbox/use-checkbox.ts @@ -1,11 +1,11 @@ import * as checkbox from '@zag-js/checkbox' import { type PropTypes, mergeProps, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' -import { useCheckboxGroupContext } from './use-checkbox-group-context' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' +import { useCheckboxGroupContext } from './use-checkbox-group-context.tsx' export interface UseCheckboxProps extends Optional, 'id'> {} export interface UseCheckboxReturn extends Accessor> {} diff --git a/packages/solid/src/components/client-only/client-only.stories.tsx b/packages/solid/src/components/client-only/client-only.stories.tsx index 1cc0450936..d93cd144f8 100644 --- a/packages/solid/src/components/client-only/client-only.stories.tsx +++ b/packages/solid/src/components/client-only/client-only.stories.tsx @@ -6,5 +6,5 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { WithFallback } from './examples/with-fallback' +export { Basic } from './examples/basic.tsx' +export { WithFallback } from './examples/with-fallback.tsx' diff --git a/packages/solid/src/components/client-only/index.tsx b/packages/solid/src/components/client-only/index.tsx index 90cf724f3b..3f07baeda9 100644 --- a/packages/solid/src/components/client-only/index.tsx +++ b/packages/solid/src/components/client-only/index.tsx @@ -1 +1 @@ -export { ClientOnly, type ClientOnlyProps } from './client-only' +export { ClientOnly, type ClientOnlyProps } from './client-only.tsx' diff --git a/packages/solid/src/components/clipboard/clipboard-context.tsx b/packages/solid/src/components/clipboard/clipboard-context.tsx index b1b9a743f1..d5cd734fdc 100644 --- a/packages/solid/src/components/clipboard/clipboard-context.tsx +++ b/packages/solid/src/components/clipboard/clipboard-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseClipboardContext, useClipboardContext } from './use-clipboard-context' +import { type UseClipboardContext, useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardContextProps { children: (context: UseClipboardContext) => JSX.Element diff --git a/packages/solid/src/components/clipboard/clipboard-control.tsx b/packages/solid/src/components/clipboard/clipboard-control.tsx index 748e6d029c..f90f7d84a2 100644 --- a/packages/solid/src/components/clipboard/clipboard-control.tsx +++ b/packages/solid/src/components/clipboard/clipboard-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardControlBaseProps extends PolymorphicProps<'div'> {} export interface ClipboardControlProps extends HTMLProps<'div'>, ClipboardControlBaseProps {} diff --git a/packages/solid/src/components/clipboard/clipboard-indicator.tsx b/packages/solid/src/components/clipboard/clipboard-indicator.tsx index d9a623e212..cfa0cf1c17 100644 --- a/packages/solid/src/components/clipboard/clipboard-indicator.tsx +++ b/packages/solid/src/components/clipboard/clipboard-indicator.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { type JSX, Show, children } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useClipboardContext } from './use-clipboard-context.ts' interface IndicatorProps { copied?: JSX.Element diff --git a/packages/solid/src/components/clipboard/clipboard-input.tsx b/packages/solid/src/components/clipboard/clipboard-input.tsx index 32380ee0a5..5053192c83 100644 --- a/packages/solid/src/components/clipboard/clipboard-input.tsx +++ b/packages/solid/src/components/clipboard/clipboard-input.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardInputBaseProps extends PolymorphicProps<'input'> {} export interface ClipboardInputProps extends HTMLProps<'input'>, ClipboardInputBaseProps {} diff --git a/packages/solid/src/components/clipboard/clipboard-label.tsx b/packages/solid/src/components/clipboard/clipboard-label.tsx index 66d6b79aeb..3622f97e7a 100644 --- a/packages/solid/src/components/clipboard/clipboard-label.tsx +++ b/packages/solid/src/components/clipboard/clipboard-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardLabelBaseProps extends PolymorphicProps<'label'> {} export interface ClipboardLabelProps extends HTMLProps<'label'>, ClipboardLabelBaseProps {} diff --git a/packages/solid/src/components/clipboard/clipboard-root-provider.tsx b/packages/solid/src/components/clipboard/clipboard-root-provider.tsx index b992dbbca4..be75ed5ea9 100644 --- a/packages/solid/src/components/clipboard/clipboard-root-provider.tsx +++ b/packages/solid/src/components/clipboard/clipboard-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseClipboardReturn } from './use-clipboard' -import { ClipboardProvider } from './use-clipboard-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseClipboardReturn } from './use-clipboard.ts' +import { ClipboardProvider } from './use-clipboard-context.ts' interface RootProviderProps { value: UseClipboardReturn diff --git a/packages/solid/src/components/clipboard/clipboard-root.tsx b/packages/solid/src/components/clipboard/clipboard-root.tsx index 9d6670ccf5..54a12d70ee 100644 --- a/packages/solid/src/components/clipboard/clipboard-root.tsx +++ b/packages/solid/src/components/clipboard/clipboard-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseClipboardProps, useClipboard } from './use-clipboard' -import { ClipboardProvider } from './use-clipboard-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseClipboardProps, useClipboard } from './use-clipboard.ts' +import { ClipboardProvider } from './use-clipboard-context.ts' export interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps<'div'> {} export interface ClipboardRootProps extends HTMLProps<'div'>, ClipboardRootBaseProps {} diff --git a/packages/solid/src/components/clipboard/clipboard-trigger.tsx b/packages/solid/src/components/clipboard/clipboard-trigger.tsx index 6da5359f0e..d133470dbf 100644 --- a/packages/solid/src/components/clipboard/clipboard-trigger.tsx +++ b/packages/solid/src/components/clipboard/clipboard-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ClipboardTriggerProps extends HTMLProps<'button'>, ClipboardTriggerBaseProps {} diff --git a/packages/solid/src/components/clipboard/clipboard-value-text.tsx b/packages/solid/src/components/clipboard/clipboard-value-text.tsx index 792ccda1b7..cb41ee3164 100644 --- a/packages/solid/src/components/clipboard/clipboard-value-text.tsx +++ b/packages/solid/src/components/clipboard/clipboard-value-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useClipboardContext } from './use-clipboard-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useClipboardContext } from './use-clipboard-context.ts' export interface ClipboardValueTextBaseProps extends PolymorphicProps<'span'> {} export interface ClipboardValueTextProps extends HTMLProps<'span'>, ClipboardValueTextBaseProps {} diff --git a/packages/solid/src/components/clipboard/clipboard.stories.tsx b/packages/solid/src/components/clipboard/clipboard.stories.tsx index 5bc003f013..8d5eda3ce9 100644 --- a/packages/solid/src/components/clipboard/clipboard.stories.tsx +++ b/packages/solid/src/components/clipboard/clipboard.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { CopyStatus } from './examples/copy-status' -export { Timeout } from './examples/timeout' -export { RootProvider } from './examples/root-provider' -export { ValueText } from './examples/value-text' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { CopyStatus } from './examples/copy-status.tsx' +export { Timeout } from './examples/timeout.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { ValueText } from './examples/value-text.tsx' diff --git a/packages/solid/src/components/clipboard/clipboard.ts b/packages/solid/src/components/clipboard/clipboard.ts index 5c8a2375db..49182b9515 100644 --- a/packages/solid/src/components/clipboard/clipboard.ts +++ b/packages/solid/src/components/clipboard/clipboard.ts @@ -1,42 +1,42 @@ export type { CopyStatusDetails } from '@zag-js/clipboard' -export { ClipboardContext as Context, type ClipboardContextProps as ContextProps } from './clipboard-context' +export { ClipboardContext as Context, type ClipboardContextProps as ContextProps } from './clipboard-context.tsx' export { ClipboardControl as Control, type ClipboardControlBaseProps as ControlBaseProps, type ClipboardControlProps as ControlProps, -} from './clipboard-control' +} from './clipboard-control.tsx' export { ClipboardIndicator as Indicator, type ClipboardIndicatorBaseProps as IndicatorBaseProps, type ClipboardIndicatorProps as IndicatorProps, -} from './clipboard-indicator' +} from './clipboard-indicator.tsx' export { ClipboardInput as Input, type ClipboardInputBaseProps as InputBaseProps, type ClipboardInputProps as InputProps, -} from './clipboard-input' +} from './clipboard-input.tsx' export { ClipboardLabel as Label, type ClipboardLabelBaseProps as LabelBaseProps, type ClipboardLabelProps as LabelProps, -} from './clipboard-label' +} from './clipboard-label.tsx' export { ClipboardRoot as Root, type ClipboardRootBaseProps as RootBaseProps, type ClipboardRootProps as RootProps, -} from './clipboard-root' +} from './clipboard-root.tsx' export { ClipboardRootProvider as RootProvider, type ClipboardRootProviderBaseProps as RootProviderBaseProps, type ClipboardRootProviderProps as RootProviderProps, -} from './clipboard-root-provider' +} from './clipboard-root-provider.tsx' export { ClipboardTrigger as Trigger, type ClipboardTriggerBaseProps as TriggerBaseProps, type ClipboardTriggerProps as TriggerProps, -} from './clipboard-trigger' +} from './clipboard-trigger.tsx' export { ClipboardValueText as ValueText, type ClipboardValueTextBaseProps as ValueTextBaseProps, type ClipboardValueTextProps as ValueTextProps, -} from './clipboard-value-text' +} from './clipboard-value-text.tsx' diff --git a/packages/solid/src/components/clipboard/index.tsx b/packages/solid/src/components/clipboard/index.tsx index abc49b82b6..2500310a30 100644 --- a/packages/solid/src/components/clipboard/index.tsx +++ b/packages/solid/src/components/clipboard/index.tsx @@ -1,27 +1,27 @@ export type { CopyStatusDetails as ClipboardCopyStatusDetails } from '@zag-js/clipboard' -export { ClipboardContext, type ClipboardContextProps } from './clipboard-context' -export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps } from './clipboard-control' +export { ClipboardContext, type ClipboardContextProps } from './clipboard-context.tsx' +export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps } from './clipboard-control.tsx' export { ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, -} from './clipboard-indicator' -export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps } from './clipboard-input' -export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps } from './clipboard-label' -export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps } from './clipboard-root' +} from './clipboard-indicator.tsx' +export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps } from './clipboard-input.tsx' +export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps } from './clipboard-label.tsx' +export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps } from './clipboard-root.tsx' export { ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, -} from './clipboard-root-provider' -export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps } from './clipboard-trigger' +} from './clipboard-root-provider.tsx' +export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps } from './clipboard-trigger.tsx' export { ClipboardValueText, type ClipboardValueTextBaseProps, type ClipboardValueTextProps, -} from './clipboard-value-text' -export { clipboardAnatomy } from './clipboard.anatomy' -export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard' -export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context' +} from './clipboard-value-text.tsx' +export { clipboardAnatomy } from './clipboard.anatomy.ts' +export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard.ts' +export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context.ts' -export * as Clipboard from './clipboard' +export * as Clipboard from './clipboard.ts' diff --git a/packages/solid/src/components/clipboard/tests/clipboard.test.tsx b/packages/solid/src/components/clipboard/tests/clipboard.test.tsx index 271bfc14d8..85ec660655 100644 --- a/packages/solid/src/components/clipboard/tests/clipboard.test.tsx +++ b/packages/solid/src/components/clipboard/tests/clipboard.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' import { CheckIcon, ClipboardCopyIcon } from 'lucide-solid' -import { Clipboard } from '../' +import { Clipboard } from '../index.tsx' const ComponentUnderTest = () => ( diff --git a/packages/solid/src/components/clipboard/use-clipboard-context.ts b/packages/solid/src/components/clipboard/use-clipboard-context.ts index f3ff4dc771..f15275c8d7 100644 --- a/packages/solid/src/components/clipboard/use-clipboard-context.ts +++ b/packages/solid/src/components/clipboard/use-clipboard-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseClipboardReturn } from './use-clipboard' +import { createContext } from '../../utils/create-context.ts' +import type { UseClipboardReturn } from './use-clipboard.ts' export interface UseClipboardContext extends UseClipboardReturn {} diff --git a/packages/solid/src/components/clipboard/use-clipboard.ts b/packages/solid/src/components/clipboard/use-clipboard.ts index 07c398da90..52dd84284f 100644 --- a/packages/solid/src/components/clipboard/use-clipboard.ts +++ b/packages/solid/src/components/clipboard/use-clipboard.ts @@ -1,9 +1,9 @@ import * as clipboard from '@zag-js/clipboard' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseClipboardProps extends Optional, 'id'> {} export interface UseClipboardReturn extends Accessor> {} diff --git a/packages/solid/src/components/collapsible/collapsible-content.tsx b/packages/solid/src/components/collapsible/collapsible-content.tsx index faa6254d9a..92126cadb1 100644 --- a/packages/solid/src/components/collapsible/collapsible-content.tsx +++ b/packages/solid/src/components/collapsible/collapsible-content.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCollapsibleContext } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleContentBaseProps extends PolymorphicProps<'div'> {} export interface CollapsibleContentProps extends HTMLProps<'div'>, CollapsibleContentBaseProps {} diff --git a/packages/solid/src/components/collapsible/collapsible-context.tsx b/packages/solid/src/components/collapsible/collapsible-context.tsx index 9ecb64bb1f..1ca56ba914 100644 --- a/packages/solid/src/components/collapsible/collapsible-context.tsx +++ b/packages/solid/src/components/collapsible/collapsible-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseCollapsibleContext, useCollapsibleContext } from './use-collapsible-context' +import { type UseCollapsibleContext, useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleContextProps { children: (context: UseCollapsibleContext) => JSX.Element diff --git a/packages/solid/src/components/collapsible/collapsible-indicator.tsx b/packages/solid/src/components/collapsible/collapsible-indicator.tsx index dca4646089..73c64bedbd 100644 --- a/packages/solid/src/components/collapsible/collapsible-indicator.tsx +++ b/packages/solid/src/components/collapsible/collapsible-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCollapsibleContext } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface CollapsibleIndicatorProps extends HTMLProps<'div'>, CollapsibleIndicatorBaseProps {} diff --git a/packages/solid/src/components/collapsible/collapsible-root-provider.tsx b/packages/solid/src/components/collapsible/collapsible-root-provider.tsx index dca29afbcc..d0ccc96cfb 100644 --- a/packages/solid/src/components/collapsible/collapsible-root-provider.tsx +++ b/packages/solid/src/components/collapsible/collapsible-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseCollapsibleReturn } from './use-collapsible' -import { CollapsibleProvider } from './use-collapsible-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseCollapsibleReturn } from './use-collapsible.ts' +import { CollapsibleProvider } from './use-collapsible-context.ts' interface RootProviderProps { value: UseCollapsibleReturn diff --git a/packages/solid/src/components/collapsible/collapsible-root.tsx b/packages/solid/src/components/collapsible/collapsible-root.tsx index 27b144923b..37de3fd554 100644 --- a/packages/solid/src/components/collapsible/collapsible-root.tsx +++ b/packages/solid/src/components/collapsible/collapsible-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseCollapsibleProps, useCollapsible } from './use-collapsible' -import { CollapsibleProvider } from './use-collapsible-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseCollapsibleProps, useCollapsible } from './use-collapsible.ts' +import { CollapsibleProvider } from './use-collapsible-context.ts' export interface CollapsibleRootBaseProps extends UseCollapsibleProps, PolymorphicProps<'div'> {} export interface CollapsibleRootProps extends HTMLProps<'div'>, CollapsibleRootBaseProps {} diff --git a/packages/solid/src/components/collapsible/collapsible-trigger.tsx b/packages/solid/src/components/collapsible/collapsible-trigger.tsx index 27111eb7ff..ddcb7a6baa 100644 --- a/packages/solid/src/components/collapsible/collapsible-trigger.tsx +++ b/packages/solid/src/components/collapsible/collapsible-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useCollapsibleContext } from './use-collapsible-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useCollapsibleContext } from './use-collapsible-context.ts' export interface CollapsibleTriggerBaseProps extends PolymorphicProps<'button'> {} export interface CollapsibleTriggerProps extends HTMLProps<'button'>, CollapsibleTriggerBaseProps {} diff --git a/packages/solid/src/components/collapsible/collapsible.stories.tsx b/packages/solid/src/components/collapsible/collapsible.stories.tsx index f135e233c0..c99b6afae8 100644 --- a/packages/solid/src/components/collapsible/collapsible.stories.tsx +++ b/packages/solid/src/components/collapsible/collapsible.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Disabled } from './examples/disabled' -export { InitialOpen } from './examples/initial-open' -export { LazyMount } from './examples/lazy-mount' -export { Nested } from './examples/nested' -export { PartialCollapse } from './examples/partial-collapse' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Disabled } from './examples/disabled.tsx' +export { InitialOpen } from './examples/initial-open.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Nested } from './examples/nested.tsx' +export { PartialCollapse } from './examples/partial-collapse.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/collapsible/collapsible.ts b/packages/solid/src/components/collapsible/collapsible.ts index 05e31e9252..f76f7e6165 100644 --- a/packages/solid/src/components/collapsible/collapsible.ts +++ b/packages/solid/src/components/collapsible/collapsible.ts @@ -3,25 +3,25 @@ export { CollapsibleContent as Content, type CollapsibleContentBaseProps as ContentBaseProps, type CollapsibleContentProps as ContentProps, -} from './collapsible-content' -export { CollapsibleContext as Context, type CollapsibleContextProps as ContextProps } from './collapsible-context' +} from './collapsible-content.tsx' +export { CollapsibleContext as Context, type CollapsibleContextProps as ContextProps } from './collapsible-context.tsx' export { CollapsibleRoot as Root, type CollapsibleRootBaseProps as RootBaseProps, type CollapsibleRootProps as RootProps, -} from './collapsible-root' +} from './collapsible-root.tsx' export { CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderBaseProps as RootProviderBaseProps, type CollapsibleRootProviderProps as RootProviderProps, -} from './collapsible-root-provider' +} from './collapsible-root-provider.tsx' export { CollapsibleTrigger as Trigger, type CollapsibleTriggerBaseProps as TriggerBaseProps, type CollapsibleTriggerProps as TriggerProps, -} from './collapsible-trigger' +} from './collapsible-trigger.tsx' export { CollapsibleIndicator as Indicator, type CollapsibleIndicatorBaseProps as IndicatorBaseProps, type CollapsibleIndicatorProps as IndicatorProps, -} from './collapsible-indicator' +} from './collapsible-indicator.tsx' diff --git a/packages/solid/src/components/collapsible/index.tsx b/packages/solid/src/components/collapsible/index.tsx index 429677af7d..b518bb4f87 100644 --- a/packages/solid/src/components/collapsible/index.tsx +++ b/packages/solid/src/components/collapsible/index.tsx @@ -3,26 +3,26 @@ export { CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, -} from './collapsible-content' -export { CollapsibleContext, type CollapsibleContextProps } from './collapsible-context' -export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps } from './collapsible-root' +} from './collapsible-content.tsx' +export { CollapsibleContext, type CollapsibleContextProps } from './collapsible-context.tsx' +export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps } from './collapsible-root.tsx' export { CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, -} from './collapsible-root-provider' +} from './collapsible-root-provider.tsx' export { CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, -} from './collapsible-trigger' +} from './collapsible-trigger.tsx' export { CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, -} from './collapsible-indicator' -export { collapsibleAnatomy } from './collapsible.anatomy' -export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn } from './use-collapsible' -export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context' +} from './collapsible-indicator.tsx' +export { collapsibleAnatomy } from './collapsible.anatomy.ts' +export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn } from './use-collapsible.ts' +export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context.ts' -export * as Collapsible from './collapsible' +export * as Collapsible from './collapsible.ts' diff --git a/packages/solid/src/components/collapsible/tests/collapsible.test.tsx b/packages/solid/src/components/collapsible/tests/collapsible.test.tsx index e5ed9e6501..288c1d9fb4 100644 --- a/packages/solid/src/components/collapsible/tests/collapsible.test.tsx +++ b/packages/solid/src/components/collapsible/tests/collapsible.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' import { ChevronDownIcon } from 'lucide-solid' -import { Collapsible } from '../' +import { Collapsible } from '../index.tsx' const ComponentUnderTest = (props: Collapsible.RootProps) => ( diff --git a/packages/solid/src/components/collapsible/use-collapsible-context.ts b/packages/solid/src/components/collapsible/use-collapsible-context.ts index eb0fca18d4..401e867149 100644 --- a/packages/solid/src/components/collapsible/use-collapsible-context.ts +++ b/packages/solid/src/components/collapsible/use-collapsible-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseCollapsibleReturn } from './use-collapsible' +import { createContext } from '../../utils/create-context.ts' +import type { UseCollapsibleReturn } from './use-collapsible.ts' export interface UseCollapsibleContext extends UseCollapsibleReturn {} diff --git a/packages/solid/src/components/collapsible/use-collapsible.ts b/packages/solid/src/components/collapsible/use-collapsible.ts index dc856275d6..7485dd9ca6 100644 --- a/packages/solid/src/components/collapsible/use-collapsible.ts +++ b/packages/solid/src/components/collapsible/use-collapsible.ts @@ -1,10 +1,10 @@ import * as collapsible from '@zag-js/collapsible' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createEffect, createMemo, createSignal, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { type RenderStrategyProps, splitRenderStrategyProps } from '../../utils/render-strategy' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { type RenderStrategyProps, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseCollapsibleProps extends Optional, 'id'>, RenderStrategyProps {} diff --git a/packages/solid/src/components/collection/async-list.stories.tsx b/packages/solid/src/components/collection/async-list.stories.tsx index a1d7c32703..eace9d12a0 100644 --- a/packages/solid/src/components/collection/async-list.stories.tsx +++ b/packages/solid/src/components/collection/async-list.stories.tsx @@ -6,9 +6,9 @@ const meta: Meta = { export default meta -export { Dependencies } from './examples/async-list/dependencies' -export { InfiniteLoading } from './examples/async-list/infinite-loading' -export { Reload } from './examples/async-list/reload' -export { Filter } from './examples/async-list/filter' -export { SortClientSide } from './examples/async-list/sort-client-side' -export { SortServerSide } from './examples/async-list/sort-server-side' +export { Dependencies } from './examples/async-list/dependencies.tsx' +export { InfiniteLoading } from './examples/async-list/infinite-loading.tsx' +export { Reload } from './examples/async-list/reload.tsx' +export { Filter } from './examples/async-list/filter.tsx' +export { SortClientSide } from './examples/async-list/sort-client-side.tsx' +export { SortServerSide } from './examples/async-list/sort-server-side.tsx' diff --git a/packages/solid/src/components/collection/index.tsx b/packages/solid/src/components/collection/index.tsx index 9e8d96ca61..724e4627f5 100644 --- a/packages/solid/src/components/collection/index.tsx +++ b/packages/solid/src/components/collection/index.tsx @@ -1,10 +1,10 @@ -export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection' +export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection.ts' export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, -} from './list-collection' +} from './list-collection.ts' export { createFileTreeCollection, createTreeCollection, @@ -13,7 +13,7 @@ export { type TreeCollection, type TreeCollectionOptions, type TreeNode, -} from './tree-collection' -export { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list' -export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection' -export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection' +} from './tree-collection.ts' +export { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list.ts' +export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection.ts' +export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection.ts' diff --git a/packages/solid/src/components/collection/list-selection.stories.tsx b/packages/solid/src/components/collection/list-selection.stories.tsx index e2a89398b1..5ed06a5a2b 100644 --- a/packages/solid/src/components/collection/list-selection.stories.tsx +++ b/packages/solid/src/components/collection/list-selection.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/list-selection/basic' -export { Multiple } from './examples/list-selection/multiple' -export { Range } from './examples/list-selection/range' +export { Basic } from './examples/list-selection/basic.tsx' +export { Multiple } from './examples/list-selection/multiple.tsx' +export { Range } from './examples/list-selection/range.tsx' diff --git a/packages/solid/src/components/collection/use-async-list.ts b/packages/solid/src/components/collection/use-async-list.ts index 79a541e842..a69fc74eac 100644 --- a/packages/solid/src/components/collection/use-async-list.ts +++ b/packages/solid/src/components/collection/use-async-list.ts @@ -1,8 +1,8 @@ import * as asyncList from '@zag-js/async-list' import { useMachine } from '@zag-js/solid' import { type Accessor, createMemo } from 'solid-js' -import type { MaybeAccessor } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import type { MaybeAccessor } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseAsyncListProps extends asyncList.Props {} export interface UseAsyncListReturn extends Accessor> {} diff --git a/packages/solid/src/components/collection/use-list-collection.ts b/packages/solid/src/components/collection/use-list-collection.ts index 3f6d011452..27c224bee3 100644 --- a/packages/solid/src/components/collection/use-list-collection.ts +++ b/packages/solid/src/components/collection/use-list-collection.ts @@ -1,6 +1,6 @@ import { createMemo, createSignal, splitProps } from 'solid-js' -import type { MaybeAccessor } from '../../types' -import { type CollectionOptions, type ListCollection, createListCollection } from './list-collection' +import type { MaybeAccessor } from '../../types.ts' +import { type CollectionOptions, type ListCollection, createListCollection } from './list-collection.ts' export interface UseListCollectionProps extends Omit, 'items'> { /** diff --git a/packages/solid/src/components/collection/use-list-selection.ts b/packages/solid/src/components/collection/use-list-selection.ts index 1c49151e02..582f2a2a7d 100644 --- a/packages/solid/src/components/collection/use-list-selection.ts +++ b/packages/solid/src/components/collection/use-list-selection.ts @@ -1,7 +1,7 @@ import { Selection, type SelectionMode } from '@zag-js/collection' import { createEffect, createMemo, createSignal, on, splitProps } from 'solid-js' -import type { MaybeAccessor } from '../../types' -import type { CollectionItem, ListCollection } from './list-collection' +import type { MaybeAccessor } from '../../types.ts' +import type { CollectionItem, ListCollection } from './list-collection.ts' export interface UseListSelectionProps { /** diff --git a/packages/solid/src/components/color-picker/color-picker-area-background.tsx b/packages/solid/src/components/color-picker/color-picker-area-background.tsx index 5ad05909d9..6c224f4f60 100644 --- a/packages/solid/src/components/color-picker/color-picker-area-background.tsx +++ b/packages/solid/src/components/color-picker/color-picker-area-background.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerAreaBackgroundProps extends HTMLProps<'div'>, ColorPickerAreaBackgroundBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-area-thumb.tsx b/packages/solid/src/components/color-picker/color-picker-area-thumb.tsx index 28c31b5cbc..7b151837b0 100644 --- a/packages/solid/src/components/color-picker/color-picker-area-thumb.tsx +++ b/packages/solid/src/components/color-picker/color-picker-area-thumb.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerAreaPropsContext } from './use-color-picker-area-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerAreaThumbBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerAreaThumbProps extends HTMLProps<'div'>, ColorPickerAreaThumbBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-area.tsx b/packages/solid/src/components/color-picker/color-picker-area.tsx index 9b0006c3ed..41ed84a4fe 100644 --- a/packages/solid/src/components/color-picker/color-picker-area.tsx +++ b/packages/solid/src/components/color-picker/color-picker-area.tsx @@ -1,9 +1,9 @@ import type { AreaProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { ColorPickerAreaPropsProvider } from './use-color-picker-area-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { ColorPickerAreaPropsProvider } from './use-color-picker-area-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps<'div'> {} export interface ColorPickerAreaProps extends HTMLProps<'div'>, ColorPickerAreaBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-channel-input.tsx b/packages/solid/src/components/color-picker/color-picker-channel-input.tsx index 5128514f90..006680b0c2 100644 --- a/packages/solid/src/components/color-picker/color-picker-channel-input.tsx +++ b/packages/solid/src/components/color-picker/color-picker-channel-input.tsx @@ -1,8 +1,8 @@ import type { ChannelInputProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps<'input'> {} export interface ColorPickerChannelInputProps extends HTMLProps<'input'>, ColorPickerChannelInputBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-channel-slider-label.tsx b/packages/solid/src/components/color-picker/color-picker-channel-slider-label.tsx index f147a190b9..54fb7bb55c 100644 --- a/packages/solid/src/components/color-picker/color-picker-channel-slider-label.tsx +++ b/packages/solid/src/components/color-picker/color-picker-channel-slider-label.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps<'label'> {} export interface ColorPickerChannelSliderLabelProps diff --git a/packages/solid/src/components/color-picker/color-picker-channel-slider-thumb.tsx b/packages/solid/src/components/color-picker/color-picker-channel-slider-thumb.tsx index 5c254a15fd..a66756e236 100644 --- a/packages/solid/src/components/color-picker/color-picker-channel-slider-thumb.tsx +++ b/packages/solid/src/components/color-picker/color-picker-channel-slider-thumb.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerFormatPropsContext } from './use-color-picker-format-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.ts' export interface ColorPickerChannelSliderThumbBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerChannelSliderThumbProps extends HTMLProps<'div'>, ColorPickerChannelSliderThumbBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-channel-slider-track.tsx b/packages/solid/src/components/color-picker/color-picker-channel-slider-track.tsx index d6632b1d19..6fc7d9b4de 100644 --- a/packages/solid/src/components/color-picker/color-picker-channel-slider-track.tsx +++ b/packages/solid/src/components/color-picker/color-picker-channel-slider-track.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerFormatPropsContext } from './use-color-picker-format-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.ts' export interface ColorPickerChannelSliderTrackBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerChannelSliderTrackProps extends HTMLProps<'div'>, ColorPickerChannelSliderTrackBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-channel-slider-value-text.tsx b/packages/solid/src/components/color-picker/color-picker-channel-slider-value-text.tsx index 781fab1576..8785c2c2bf 100644 --- a/packages/solid/src/components/color-picker/color-picker-channel-slider-value-text.tsx +++ b/packages/solid/src/components/color-picker/color-picker-channel-slider-value-text.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { useLocaleContext } from '../../providers' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' +import { useLocaleContext } from '../../providers/index.tsx' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps<'span'> {} export interface ColorPickerChannelSliderValueTextProps diff --git a/packages/solid/src/components/color-picker/color-picker-channel-slider.tsx b/packages/solid/src/components/color-picker/color-picker-channel-slider.tsx index a513240200..7a23df65be 100644 --- a/packages/solid/src/components/color-picker/color-picker-channel-slider.tsx +++ b/packages/solid/src/components/color-picker/color-picker-channel-slider.tsx @@ -1,10 +1,10 @@ import type { ChannelProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { ColorPickerChannelPropsProvider } from './use-color-picker-channel-props-context' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerFormatPropsContext } from './use-color-picker-format-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { ColorPickerChannelPropsProvider } from './use-color-picker-channel-props-context.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.ts' export interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps<'div'> {} export interface ColorPickerChannelSliderProps extends HTMLProps<'div'>, ColorPickerChannelSliderBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-content.tsx b/packages/solid/src/components/color-picker/color-picker-content.tsx index bbc4908466..5569a7f5b3 100644 --- a/packages/solid/src/components/color-picker/color-picker-content.tsx +++ b/packages/solid/src/components/color-picker/color-picker-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useColorPickerContext } from './use-color-picker-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerContentBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerContentProps extends HTMLProps<'div'>, ColorPickerContentBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-context.tsx b/packages/solid/src/components/color-picker/color-picker-context.tsx index d0bdc47836..a508bfa121 100644 --- a/packages/solid/src/components/color-picker/color-picker-context.tsx +++ b/packages/solid/src/components/color-picker/color-picker-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseColorPickerContext, useColorPickerContext } from './use-color-picker-context' +import { type UseColorPickerContext, useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerContextProps { children: (context: UseColorPickerContext) => JSX.Element diff --git a/packages/solid/src/components/color-picker/color-picker-control.tsx b/packages/solid/src/components/color-picker/color-picker-control.tsx index 1da4db3e9a..5ef413397c 100644 --- a/packages/solid/src/components/color-picker/color-picker-control.tsx +++ b/packages/solid/src/components/color-picker/color-picker-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerControlBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerControlProps extends HTMLProps<'div'>, ColorPickerControlBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-eye-dropper-trigger.tsx b/packages/solid/src/components/color-picker/color-picker-eye-dropper-trigger.tsx index 354a479b05..62e784cbf6 100644 --- a/packages/solid/src/components/color-picker/color-picker-eye-dropper-trigger.tsx +++ b/packages/solid/src/components/color-picker/color-picker-eye-dropper-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerEyeDropperTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ColorPickerEyeDropperTriggerProps extends HTMLProps<'button'>, ColorPickerEyeDropperTriggerBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-format-select.tsx b/packages/solid/src/components/color-picker/color-picker-format-select.tsx index 98daaabf79..a3cc86b66b 100644 --- a/packages/solid/src/components/color-picker/color-picker-format-select.tsx +++ b/packages/solid/src/components/color-picker/color-picker-format-select.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Index } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerFormatSelectBaseProps extends PolymorphicProps<'select'> {} export interface ColorPickerFormatSelectProps extends HTMLProps<'select'>, ColorPickerFormatSelectBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-format-trigger.tsx b/packages/solid/src/components/color-picker/color-picker-format-trigger.tsx index e0feda9458..7028956fda 100644 --- a/packages/solid/src/components/color-picker/color-picker-format-trigger.tsx +++ b/packages/solid/src/components/color-picker/color-picker-format-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerFormatTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ColorPickerFormatTriggerProps extends HTMLProps<'button'>, ColorPickerFormatTriggerBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-hidden-input.tsx b/packages/solid/src/components/color-picker/color-picker-hidden-input.tsx index e2e06f99f0..504cc531c6 100644 --- a/packages/solid/src/components/color-picker/color-picker-hidden-input.tsx +++ b/packages/solid/src/components/color-picker/color-picker-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface ColorPickerHiddenInputProps extends HTMLProps<'input'>, ColorPickerHiddenInputBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-label.tsx b/packages/solid/src/components/color-picker/color-picker-label.tsx index e3ce8e2794..87cfa7b28b 100644 --- a/packages/solid/src/components/color-picker/color-picker-label.tsx +++ b/packages/solid/src/components/color-picker/color-picker-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerLabelBaseProps extends PolymorphicProps<'label'> {} export interface ColorPickerLabelProps extends HTMLProps<'label'>, ColorPickerLabelBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-positioner.tsx b/packages/solid/src/components/color-picker/color-picker-positioner.tsx index 2d61221ea0..4ddf09c621 100644 --- a/packages/solid/src/components/color-picker/color-picker-positioner.tsx +++ b/packages/solid/src/components/color-picker/color-picker-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerPositionerBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerPositionerProps extends HTMLProps<'div'>, ColorPickerPositionerBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-root-provider.tsx b/packages/solid/src/components/color-picker/color-picker-root-provider.tsx index f85fd33df8..7ecc64d055 100644 --- a/packages/solid/src/components/color-picker/color-picker-root-provider.tsx +++ b/packages/solid/src/components/color-picker/color-picker-root-provider.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseColorPickerReturn } from './use-color-picker' -import { ColorPickerProvider } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseColorPickerReturn } from './use-color-picker.ts' +import { ColorPickerProvider } from './use-color-picker-context.ts' interface RootProviderProps { value: UseColorPickerReturn diff --git a/packages/solid/src/components/color-picker/color-picker-root.tsx b/packages/solid/src/components/color-picker/color-picker-root.tsx index b5ae93b702..1f618e4b71 100644 --- a/packages/solid/src/components/color-picker/color-picker-root.tsx +++ b/packages/solid/src/components/color-picker/color-picker-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseColorPickerProps, useColorPicker } from './use-color-picker' -import { ColorPickerProvider } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseColorPickerProps, useColorPicker } from './use-color-picker.ts' +import { ColorPickerProvider } from './use-color-picker-context.ts' export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps<'div'> {} export interface ColorPickerRootProps extends HTMLProps<'div'>, ColorPickerRootBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-swatch-group.tsx b/packages/solid/src/components/color-picker/color-picker-swatch-group.tsx index 3fed9ea3db..1170dfa2a0 100644 --- a/packages/solid/src/components/color-picker/color-picker-swatch-group.tsx +++ b/packages/solid/src/components/color-picker/color-picker-swatch-group.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerSwatchGroupBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerSwatchGroupProps extends HTMLProps<'div'>, ColorPickerSwatchGroupBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-swatch-indicator.tsx b/packages/solid/src/components/color-picker/color-picker-swatch-indicator.tsx index b2112fd2ed..c6d88ec616 100644 --- a/packages/solid/src/components/color-picker/color-picker-swatch-indicator.tsx +++ b/packages/solid/src/components/color-picker/color-picker-swatch-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' -import { useColorPickerSwatchPropsContext } from './use-color-picker-swatch-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { useColorPickerSwatchPropsContext } from './use-color-picker-swatch-props-context.ts' export interface ColorPickerSwatchIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface ColorPickerSwatchIndicatorProps extends HTMLProps<'div'>, ColorPickerSwatchIndicatorBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-swatch-trigger.tsx b/packages/solid/src/components/color-picker/color-picker-swatch-trigger.tsx index 039529eead..db0298206d 100644 --- a/packages/solid/src/components/color-picker/color-picker-swatch-trigger.tsx +++ b/packages/solid/src/components/color-picker/color-picker-swatch-trigger.tsx @@ -1,9 +1,9 @@ import type { SwatchTriggerProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps<'button'> {} export interface ColorPickerSwatchTriggerProps extends Assign, ColorPickerSwatchTriggerBaseProps> {} diff --git a/packages/solid/src/components/color-picker/color-picker-swatch.tsx b/packages/solid/src/components/color-picker/color-picker-swatch.tsx index 1f25c6c403..5adde5d685 100644 --- a/packages/solid/src/components/color-picker/color-picker-swatch.tsx +++ b/packages/solid/src/components/color-picker/color-picker-swatch.tsx @@ -1,9 +1,9 @@ import type { SwatchProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' -import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.ts' export interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps<'div'> {} export interface ColorPickerSwatchProps extends HTMLProps<'div'>, ColorPickerSwatchBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-transparency-grid.tsx b/packages/solid/src/components/color-picker/color-picker-transparency-grid.tsx index affe9c3fc3..02a47e2104 100644 --- a/packages/solid/src/components/color-picker/color-picker-transparency-grid.tsx +++ b/packages/solid/src/components/color-picker/color-picker-transparency-grid.tsx @@ -1,8 +1,8 @@ import type { TransparencyGridProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps<'div'> {} export interface ColorPickerTransparencyGridProps extends HTMLProps<'div'>, ColorPickerTransparencyGridBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-trigger.tsx b/packages/solid/src/components/color-picker/color-picker-trigger.tsx index 07f652c0c0..4b92d1e2f3 100644 --- a/packages/solid/src/components/color-picker/color-picker-trigger.tsx +++ b/packages/solid/src/components/color-picker/color-picker-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' export interface ColorPickerTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {} diff --git a/packages/solid/src/components/color-picker/color-picker-value-swatch.tsx b/packages/solid/src/components/color-picker/color-picker-value-swatch.tsx index 5c14b2c2cf..9d757d8767 100644 --- a/packages/solid/src/components/color-picker/color-picker-value-swatch.tsx +++ b/packages/solid/src/components/color-picker/color-picker-value-swatch.tsx @@ -1,10 +1,10 @@ import type { SwatchProps } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' -import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { ColorPickerSwatchPropsProvider } from './use-color-picker-swatch-props-context.ts' interface ValueSwatchProps extends Omit {} diff --git a/packages/solid/src/components/color-picker/color-picker-value-text.tsx b/packages/solid/src/components/color-picker/color-picker-value-text.tsx index c5358895c6..5c5dda6942 100644 --- a/packages/solid/src/components/color-picker/color-picker-value-text.tsx +++ b/packages/solid/src/components/color-picker/color-picker-value-text.tsx @@ -1,9 +1,9 @@ import type { ColorStringFormat } from '@zag-js/color-utils' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useColorPickerContext } from './use-color-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useColorPickerContext } from './use-color-picker-context.ts' interface FormatProps { format?: ColorStringFormat diff --git a/packages/solid/src/components/color-picker/color-picker-view.tsx b/packages/solid/src/components/color-picker/color-picker-view.tsx index 9145dd5527..d2cb53a122 100644 --- a/packages/solid/src/components/color-picker/color-picker-view.tsx +++ b/packages/solid/src/components/color-picker/color-picker-view.tsx @@ -1,11 +1,11 @@ import type { ColorFormat } from '@zag-js/color-picker' import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { colorPickerAnatomy } from './color-picker.anatomy' -import { useColorPickerContext } from './use-color-picker-context' -import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { colorPickerAnatomy } from './color-picker.anatomy.ts' +import { useColorPickerContext } from './use-color-picker-context.ts' +import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context.ts' interface FormatOptions { format: ColorFormat diff --git a/packages/solid/src/components/color-picker/color-picker.stories.tsx b/packages/solid/src/components/color-picker/color-picker.stories.tsx index fbc35604d6..d8973cd566 100644 --- a/packages/solid/src/components/color-picker/color-picker.stories.tsx +++ b/packages/solid/src/components/color-picker/color-picker.stories.tsx @@ -6,16 +6,16 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { Inline } from './examples/inline' -export { InsideDialog } from './examples/inside-dialog' -export { InputOnly } from './examples/input-only' -export { OpenControlled } from './examples/open-controlled' -export { RootProvider } from './examples/root-provider' -export { SliderOnly } from './examples/slider-only' -export { SwatchOnly } from './examples/swatch-only' -export { Swatches } from './examples/swatches' -export { ValueSwatch } from './examples/value-swatch' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Inline } from './examples/inline.tsx' +export { InsideDialog } from './examples/inside-dialog.tsx' +export { InputOnly } from './examples/input-only.tsx' +export { OpenControlled } from './examples/open-controlled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SliderOnly } from './examples/slider-only.tsx' +export { SwatchOnly } from './examples/swatch-only.tsx' +export { Swatches } from './examples/swatches.tsx' +export { ValueSwatch } from './examples/value-swatch.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/color-picker/color-picker.ts b/packages/solid/src/components/color-picker/color-picker.ts index 81c72849b5..760f73edab 100644 --- a/packages/solid/src/components/color-picker/color-picker.ts +++ b/packages/solid/src/components/color-picker/color-picker.ts @@ -12,140 +12,140 @@ export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, -} from './color-picker-area' +} from './color-picker-area.tsx' export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, -} from './color-picker-area-background' +} from './color-picker-area-background.tsx' export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, -} from './color-picker-area-thumb' +} from './color-picker-area-thumb.tsx' export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputBaseProps as ChannelInputBaseProps, type ColorPickerChannelInputProps as ChannelInputProps, -} from './color-picker-channel-input' +} from './color-picker-channel-input.tsx' export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, type ColorPickerChannelSliderProps as ChannelSliderProps, -} from './color-picker-channel-slider' +} from './color-picker-channel-slider.tsx' export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, -} from './color-picker-channel-slider-label' +} from './color-picker-channel-slider-label.tsx' export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, -} from './color-picker-channel-slider-thumb' +} from './color-picker-channel-slider-thumb.tsx' export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, -} from './color-picker-channel-slider-track' +} from './color-picker-channel-slider-track.tsx' export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, -} from './color-picker-channel-slider-value-text' +} from './color-picker-channel-slider-value-text.tsx' export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, -} from './color-picker-content' -export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps } from './color-picker-context' +} from './color-picker-content.tsx' +export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps } from './color-picker-context.tsx' export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, -} from './color-picker-control' +} from './color-picker-control.tsx' export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, -} from './color-picker-eye-dropper-trigger' +} from './color-picker-eye-dropper-trigger.tsx' export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, type ColorPickerFormatSelectProps as FormatSelectProps, -} from './color-picker-format-select' +} from './color-picker-format-select.tsx' export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, type ColorPickerFormatTriggerProps as FormatTriggerProps, -} from './color-picker-format-trigger' +} from './color-picker-format-trigger.tsx' export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, -} from './color-picker-hidden-input' +} from './color-picker-hidden-input.tsx' export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, -} from './color-picker-label' +} from './color-picker-label.tsx' export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, -} from './color-picker-positioner' +} from './color-picker-positioner.tsx' export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, -} from './color-picker-root' +} from './color-picker-root.tsx' export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, -} from './color-picker-root-provider' +} from './color-picker-root-provider.tsx' export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, -} from './color-picker-swatch' +} from './color-picker-swatch.tsx' export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, -} from './color-picker-swatch-group' +} from './color-picker-swatch-group.tsx' export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, -} from './color-picker-swatch-indicator' +} from './color-picker-swatch-indicator.tsx' export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, -} from './color-picker-swatch-trigger' +} from './color-picker-swatch-trigger.tsx' export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, -} from './color-picker-transparency-grid' +} from './color-picker-transparency-grid.tsx' export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, -} from './color-picker-trigger' +} from './color-picker-trigger.tsx' export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, -} from './color-picker-value-swatch' +} from './color-picker-value-swatch.tsx' export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, -} from './color-picker-value-text' +} from './color-picker-value-text.tsx' export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, -} from './color-picker-view' +} from './color-picker-view.tsx' diff --git a/packages/solid/src/components/color-picker/index.tsx b/packages/solid/src/components/color-picker/index.tsx index ae59d0782b..14681c627c 100644 --- a/packages/solid/src/components/color-picker/index.tsx +++ b/packages/solid/src/components/color-picker/index.tsx @@ -9,129 +9,133 @@ export type { PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker' -export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps } from './color-picker-area' +export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps } from './color-picker-area.tsx' export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, -} from './color-picker-area-background' +} from './color-picker-area-background.tsx' export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, -} from './color-picker-area-thumb' +} from './color-picker-area-thumb.tsx' export { ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, -} from './color-picker-channel-input' +} from './color-picker-channel-input.tsx' export { ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, type ColorPickerChannelSliderProps, -} from './color-picker-channel-slider' +} from './color-picker-channel-slider.tsx' export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, -} from './color-picker-channel-slider-label' +} from './color-picker-channel-slider-label.tsx' export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, -} from './color-picker-channel-slider-thumb' +} from './color-picker-channel-slider-thumb.tsx' export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, -} from './color-picker-channel-slider-track' +} from './color-picker-channel-slider-track.tsx' export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, -} from './color-picker-channel-slider-value-text' +} from './color-picker-channel-slider-value-text.tsx' export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, -} from './color-picker-content' -export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context' +} from './color-picker-content.tsx' +export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context.tsx' export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, -} from './color-picker-control' +} from './color-picker-control.tsx' export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, -} from './color-picker-eye-dropper-trigger' +} from './color-picker-eye-dropper-trigger.tsx' export { ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, -} from './color-picker-format-select' +} from './color-picker-format-select.tsx' export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, -} from './color-picker-format-trigger' +} from './color-picker-format-trigger.tsx' export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, -} from './color-picker-hidden-input' -export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps } from './color-picker-label' +} from './color-picker-hidden-input.tsx' +export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps } from './color-picker-label.tsx' export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, -} from './color-picker-positioner' -export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps } from './color-picker-root' +} from './color-picker-positioner.tsx' +export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps } from './color-picker-root.tsx' export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, -} from './color-picker-root-provider' -export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps } from './color-picker-swatch' +} from './color-picker-root-provider.tsx' +export { + ColorPickerSwatch, + type ColorPickerSwatchBaseProps, + type ColorPickerSwatchProps, +} from './color-picker-swatch.tsx' export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, -} from './color-picker-swatch-group' +} from './color-picker-swatch-group.tsx' export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, -} from './color-picker-swatch-indicator' +} from './color-picker-swatch-indicator.tsx' export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, -} from './color-picker-swatch-trigger' +} from './color-picker-swatch-trigger.tsx' export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, -} from './color-picker-transparency-grid' +} from './color-picker-transparency-grid.tsx' export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, -} from './color-picker-trigger' +} from './color-picker-trigger.tsx' export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, -} from './color-picker-value-swatch' +} from './color-picker-value-swatch.tsx' export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, -} from './color-picker-value-text' -export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps } from './color-picker-view' -export { colorPickerAnatomy } from './color-picker.anatomy' -export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker' -export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context' +} from './color-picker-value-text.tsx' +export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps } from './color-picker-view.tsx' +export { colorPickerAnatomy } from './color-picker.anatomy.ts' +export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker.ts' +export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context.ts' -export * as ColorPicker from './color-picker' +export * as ColorPicker from './color-picker.ts' diff --git a/packages/solid/src/components/color-picker/tests/basic.tsx b/packages/solid/src/components/color-picker/tests/basic.tsx index 9b53619ada..42498eeecf 100644 --- a/packages/solid/src/components/color-picker/tests/basic.tsx +++ b/packages/solid/src/components/color-picker/tests/basic.tsx @@ -1,4 +1,4 @@ -import { ColorPicker, parseColor } from '../' +import { ColorPicker, parseColor } from '../index.tsx' export const ComponentUnderTest = (props: ColorPicker.RootProps) => ( diff --git a/packages/solid/src/components/color-picker/tests/color-picker.test.tsx b/packages/solid/src/components/color-picker/tests/color-picker.test.tsx index 87fb2f3a2e..42eed638ff 100644 --- a/packages/solid/src/components/color-picker/tests/color-picker.test.tsx +++ b/packages/solid/src/components/color-picker/tests/color-picker.test.tsx @@ -1,8 +1,8 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ColorPicker, parseColor } from '../' -import { Field } from '../../field' -import { ComponentUnderTest } from './basic' +import { ColorPicker, parseColor } from '../index.tsx' +import { Field } from '../../field/index.tsx' +import { ComponentUnderTest } from './basic.tsx' describe('ColorPicker', () => { it('should be able to lazy mount', async () => { diff --git a/packages/solid/src/components/color-picker/use-color-picker-area-props-context.ts b/packages/solid/src/components/color-picker/use-color-picker-area-props-context.ts index 75d9c1fc24..fbcfa34d23 100644 --- a/packages/solid/src/components/color-picker/use-color-picker-area-props-context.ts +++ b/packages/solid/src/components/color-picker/use-color-picker-area-props-context.ts @@ -1,5 +1,5 @@ import type { AreaProps } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerAreaContext extends AreaProps {} diff --git a/packages/solid/src/components/color-picker/use-color-picker-channel-props-context.ts b/packages/solid/src/components/color-picker/use-color-picker-channel-props-context.ts index 7fc1ee3892..86deacc53b 100644 --- a/packages/solid/src/components/color-picker/use-color-picker-channel-props-context.ts +++ b/packages/solid/src/components/color-picker/use-color-picker-channel-props-context.ts @@ -1,5 +1,5 @@ import type { ChannelProps } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerChannelPropsContext extends ChannelProps {} diff --git a/packages/solid/src/components/color-picker/use-color-picker-context.ts b/packages/solid/src/components/color-picker/use-color-picker-context.ts index 6204cfea7e..19a0abe4cf 100644 --- a/packages/solid/src/components/color-picker/use-color-picker-context.ts +++ b/packages/solid/src/components/color-picker/use-color-picker-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseColorPickerReturn } from './use-color-picker' +import { createContext } from '../../utils/create-context.ts' +import type { UseColorPickerReturn } from './use-color-picker.ts' export interface UseColorPickerContext extends UseColorPickerReturn {} diff --git a/packages/solid/src/components/color-picker/use-color-picker-format-context.ts b/packages/solid/src/components/color-picker/use-color-picker-format-context.ts index df7ce86283..8873e8291d 100644 --- a/packages/solid/src/components/color-picker/use-color-picker-format-context.ts +++ b/packages/solid/src/components/color-picker/use-color-picker-format-context.ts @@ -1,5 +1,5 @@ import type { ColorFormat } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerSwatchPropsContext { format: ColorFormat diff --git a/packages/solid/src/components/color-picker/use-color-picker-swatch-props-context.ts b/packages/solid/src/components/color-picker/use-color-picker-swatch-props-context.ts index 4bcb784d1d..7df289473b 100644 --- a/packages/solid/src/components/color-picker/use-color-picker-swatch-props-context.ts +++ b/packages/solid/src/components/color-picker/use-color-picker-swatch-props-context.ts @@ -1,5 +1,5 @@ import type { SwatchProps } from '@zag-js/color-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseColorPickerSwatchPropsContext extends SwatchProps {} diff --git a/packages/solid/src/components/color-picker/use-color-picker.ts b/packages/solid/src/components/color-picker/use-color-picker.ts index a1ba724cdb..2a79f70702 100644 --- a/packages/solid/src/components/color-picker/use-color-picker.ts +++ b/packages/solid/src/components/color-picker/use-color-picker.ts @@ -1,10 +1,10 @@ import * as colorPicker from '@zag-js/color-picker' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseColorPickerProps extends Optional, 'id'> {} export interface UseColorPickerReturn extends Accessor> {} diff --git a/packages/solid/src/components/combobox/combobox-clear-trigger.tsx b/packages/solid/src/components/combobox/combobox-clear-trigger.tsx index ef1b40d2c7..1ecbbb34a1 100644 --- a/packages/solid/src/components/combobox/combobox-clear-trigger.tsx +++ b/packages/solid/src/components/combobox/combobox-clear-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxClearTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ComboboxClearTriggerProps extends HTMLProps<'button'>, ComboboxClearTriggerBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-content.tsx b/packages/solid/src/components/combobox/combobox-content.tsx index 125940263a..a0969f5648 100644 --- a/packages/solid/src/components/combobox/combobox-content.tsx +++ b/packages/solid/src/components/combobox/combobox-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useComboboxContext } from './use-combobox-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxContentBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxContentProps extends HTMLProps<'div'>, ComboboxContentBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-context.tsx b/packages/solid/src/components/combobox/combobox-context.tsx index b7e18afc3b..3f88bec9f9 100644 --- a/packages/solid/src/components/combobox/combobox-context.tsx +++ b/packages/solid/src/components/combobox/combobox-context.tsx @@ -1,6 +1,6 @@ import type { JSX } from 'solid-js' -import type { CollectionItem } from '../collection' -import { type UseComboboxContext, useComboboxContext } from './use-combobox-context' +import type { CollectionItem } from '../collection/index.tsx' +import { type UseComboboxContext, useComboboxContext } from './use-combobox-context.ts' export interface ComboboxContextProps { children: (context: UseComboboxContext) => JSX.Element diff --git a/packages/solid/src/components/combobox/combobox-control.tsx b/packages/solid/src/components/combobox/combobox-control.tsx index 62cddf075f..976869aad0 100644 --- a/packages/solid/src/components/combobox/combobox-control.tsx +++ b/packages/solid/src/components/combobox/combobox-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxControlBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxControlProps extends HTMLProps<'div'>, ComboboxControlBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-empty.tsx b/packages/solid/src/components/combobox/combobox-empty.tsx index 0afdeed5e3..b65e5146d0 100644 --- a/packages/solid/src/components/combobox/combobox-empty.tsx +++ b/packages/solid/src/components/combobox/combobox-empty.tsx @@ -1,7 +1,7 @@ import { createMemo, Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { comboboxAnatomy } from './combobox.anatomy' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { comboboxAnatomy } from './combobox.anatomy.ts' +import { useComboboxContext } from './use-combobox-context.ts' const parts = comboboxAnatomy.build() diff --git a/packages/solid/src/components/combobox/combobox-input.tsx b/packages/solid/src/components/combobox/combobox-input.tsx index acb87a4345..4c276d6daa 100644 --- a/packages/solid/src/components/combobox/combobox-input.tsx +++ b/packages/solid/src/components/combobox/combobox-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxInputBaseProps extends PolymorphicProps<'input'> {} export interface ComboboxInputProps extends HTMLProps<'input'>, ComboboxInputBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-item-context.tsx b/packages/solid/src/components/combobox/combobox-item-context.tsx index 13d6ee03ef..442e4db7c9 100644 --- a/packages/solid/src/components/combobox/combobox-item-context.tsx +++ b/packages/solid/src/components/combobox/combobox-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseComboboxItemContext, useComboboxItemContext } from './use-combobox-item-context' +import { type UseComboboxItemContext, useComboboxItemContext } from './use-combobox-item-context.ts' export interface ComboboxItemContextProps { children: (context: UseComboboxItemContext) => JSX.Element diff --git a/packages/solid/src/components/combobox/combobox-item-group-label.tsx b/packages/solid/src/components/combobox/combobox-item-group-label.tsx index c19b117679..dab7dc4344 100644 --- a/packages/solid/src/components/combobox/combobox-item-group-label.tsx +++ b/packages/solid/src/components/combobox/combobox-item-group-label.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { useComboboxItemGroupPropsContext } from './use-combobox-item-group-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' +import { useComboboxItemGroupPropsContext } from './use-combobox-item-group-props-context.ts' export interface ComboboxItemGroupLabelBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxItemGroupLabelProps extends HTMLProps<'div'>, ComboboxItemGroupLabelBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-item-group.tsx b/packages/solid/src/components/combobox/combobox-item-group.tsx index 4f50fca137..d13694d5a0 100644 --- a/packages/solid/src/components/combobox/combobox-item-group.tsx +++ b/packages/solid/src/components/combobox/combobox-item-group.tsx @@ -1,10 +1,10 @@ import type { ItemGroupProps } from '@zag-js/combobox' import { mergeProps } from '@zag-js/solid' import { createUniqueId } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { ComboboxItemGroupPropsProvider } from './use-combobox-item-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' +import { ComboboxItemGroupPropsProvider } from './use-combobox-item-group-props-context.ts' export interface ComboboxItemGroupBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxItemGroupProps extends HTMLProps<'div'>, ComboboxItemGroupBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-item-indicator.tsx b/packages/solid/src/components/combobox/combobox-item-indicator.tsx index 5499ba27e5..ead2593a06 100644 --- a/packages/solid/src/components/combobox/combobox-item-indicator.tsx +++ b/packages/solid/src/components/combobox/combobox-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { useComboboxItemPropsContext } from './use-combobox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' +import { useComboboxItemPropsContext } from './use-combobox-item-props-context.ts' export interface ComboboxItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxItemIndicatorProps extends HTMLProps<'div'>, ComboboxItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-item-text.tsx b/packages/solid/src/components/combobox/combobox-item-text.tsx index f0fd6fa7c5..aac602dd90 100644 --- a/packages/solid/src/components/combobox/combobox-item-text.tsx +++ b/packages/solid/src/components/combobox/combobox-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { useComboboxItemPropsContext } from './use-combobox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' +import { useComboboxItemPropsContext } from './use-combobox-item-props-context.ts' export interface ComboboxItemTextBaseProps extends PolymorphicProps<'span'> {} export interface ComboboxItemTextProps extends HTMLProps<'span'>, ComboboxItemTextBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-item.tsx b/packages/solid/src/components/combobox/combobox-item.tsx index 428dfbed3a..0e02da854f 100644 --- a/packages/solid/src/components/combobox/combobox-item.tsx +++ b/packages/solid/src/components/combobox/combobox-item.tsx @@ -1,11 +1,11 @@ import type { ItemProps } from '@zag-js/combobox' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' -import { ComboboxItemProvider } from './use-combobox-item-context' -import { ComboboxItemPropsProvider } from './use-combobox-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' +import { ComboboxItemProvider } from './use-combobox-item-context.ts' +import { ComboboxItemPropsProvider } from './use-combobox-item-props-context.ts' export interface ComboboxItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface ComboboxItemProps extends HTMLProps<'div'>, ComboboxItemBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-label.tsx b/packages/solid/src/components/combobox/combobox-label.tsx index 2fa1a8db49..23671fcefa 100644 --- a/packages/solid/src/components/combobox/combobox-label.tsx +++ b/packages/solid/src/components/combobox/combobox-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxLabelBaseProps extends PolymorphicProps<'label'> {} export interface ComboboxLabelProps extends HTMLProps<'label'>, ComboboxLabelBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-list.tsx b/packages/solid/src/components/combobox/combobox-list.tsx index 78d4062ee1..dc3941a2a0 100644 --- a/packages/solid/src/components/combobox/combobox-list.tsx +++ b/packages/solid/src/components/combobox/combobox-list.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxListBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxListProps extends HTMLProps<'div'>, ComboboxListBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-positioner.tsx b/packages/solid/src/components/combobox/combobox-positioner.tsx index d2f39ea903..9eaf5226b4 100644 --- a/packages/solid/src/components/combobox/combobox-positioner.tsx +++ b/packages/solid/src/components/combobox/combobox-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useComboboxContext } from './use-combobox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxPositionerBaseProps extends PolymorphicProps<'div'> {} export interface ComboboxPositionerProps extends HTMLProps<'div'>, ComboboxPositionerBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox-root-provider.tsx b/packages/solid/src/components/combobox/combobox-root-provider.tsx index ad9313da7d..c86aa5a65f 100644 --- a/packages/solid/src/components/combobox/combobox-root-provider.tsx +++ b/packages/solid/src/components/combobox/combobox-root-provider.tsx @@ -1,12 +1,12 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js/jsx-runtime' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseComboboxReturn } from './use-combobox' -import { ComboboxProvider } from './use-combobox-context' -import type { CollectionItem } from '../collection' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseComboboxReturn } from './use-combobox.ts' +import { ComboboxProvider } from './use-combobox-context.ts' +import type { CollectionItem } from '../collection/index.tsx' interface RootProviderProps { value: UseComboboxReturn diff --git a/packages/solid/src/components/combobox/combobox-root.tsx b/packages/solid/src/components/combobox/combobox-root.tsx index 7c8b67e297..9d19b486c4 100644 --- a/packages/solid/src/components/combobox/combobox-root.tsx +++ b/packages/solid/src/components/combobox/combobox-root.tsx @@ -1,12 +1,12 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js/jsx-runtime' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseComboboxProps, useCombobox } from './use-combobox' -import { ComboboxProvider } from './use-combobox-context' -import type { CollectionItem } from '../collection' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseComboboxProps, useCombobox } from './use-combobox.ts' +import { ComboboxProvider } from './use-combobox-context.ts' +import type { CollectionItem } from '../collection/index.tsx' export interface ComboboxRootBaseProps extends UseComboboxProps, UsePresenceProps, PolymorphicProps<'div'> {} diff --git a/packages/solid/src/components/combobox/combobox-trigger.tsx b/packages/solid/src/components/combobox/combobox-trigger.tsx index c7f77fc47a..fa2db6af82 100644 --- a/packages/solid/src/components/combobox/combobox-trigger.tsx +++ b/packages/solid/src/components/combobox/combobox-trigger.tsx @@ -1,8 +1,8 @@ import type { TriggerProps } from '@zag-js/combobox' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useComboboxContext } from './use-combobox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useComboboxContext } from './use-combobox-context.ts' export interface ComboboxTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface ComboboxTriggerProps extends HTMLProps<'button'>, ComboboxTriggerBaseProps {} diff --git a/packages/solid/src/components/combobox/combobox.stories.tsx b/packages/solid/src/components/combobox/combobox.stories.tsx index c3d0253759..93909c3d62 100644 --- a/packages/solid/src/components/combobox/combobox.stories.tsx +++ b/packages/solid/src/components/combobox/combobox.stories.tsx @@ -6,19 +6,19 @@ const meta: Meta = { export default meta -export { Grouping } from './examples/grouping' -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Creatable } from './examples/creatable' -export { Dynamic } from './examples/dynamic' -export { Links } from './examples/links' -export { Context } from './examples/context' -export { RehydrateValue } from './examples/rehydrate-value' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { Multiple } from './examples/multiple' -export { HighlightMatchingText } from './examples/highlight-matching-text' -export { CustomObject } from './examples/custom-object' -export { AutoHighlight } from './examples/auto-highlight' -export { InlineAutocomplete } from './examples/inline-autocomplete' -export { LimitResults } from './examples/limit-results' +export { Grouping } from './examples/grouping.tsx' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Creatable } from './examples/creatable.tsx' +export { Dynamic } from './examples/dynamic.tsx' +export { Links } from './examples/links.tsx' +export { Context } from './examples/context.tsx' +export { RehydrateValue } from './examples/rehydrate-value.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { Multiple } from './examples/multiple.tsx' +export { HighlightMatchingText } from './examples/highlight-matching-text.tsx' +export { CustomObject } from './examples/custom-object.tsx' +export { AutoHighlight } from './examples/auto-highlight.tsx' +export { InlineAutocomplete } from './examples/inline-autocomplete.tsx' +export { LimitResults } from './examples/limit-results.tsx' diff --git a/packages/solid/src/components/combobox/combobox.ts b/packages/solid/src/components/combobox/combobox.ts index be7b1c9914..ffe78ecc72 100644 --- a/packages/solid/src/components/combobox/combobox.ts +++ b/packages/solid/src/components/combobox/combobox.ts @@ -8,92 +8,92 @@ export type { SelectionDetails, ValueChangeDetails, } from '@zag-js/combobox' -export type { CollectionItem } from '../collection' +export type { CollectionItem } from '../collection/index.tsx' export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, -} from './combobox-clear-trigger' +} from './combobox-clear-trigger.tsx' export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, -} from './combobox-content' +} from './combobox-content.tsx' export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, -} from './combobox-empty' -export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context' +} from './combobox-empty.tsx' +export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context.tsx' export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, -} from './combobox-control' +} from './combobox-control.tsx' export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, -} from './combobox-input' +} from './combobox-input.tsx' export { ComboboxItem as Item, type ComboboxItemBaseProps as ItemBaseProps, type ComboboxItemProps as ItemProps, -} from './combobox-item' +} from './combobox-item.tsx' export { ComboboxItemContext as ItemContext, type ComboboxItemContextProps as ItemContextProps, -} from './combobox-item-context' +} from './combobox-item-context.tsx' export { ComboboxItemGroup as ItemGroup, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, type ComboboxItemGroupProps as ItemGroupProps, -} from './combobox-item-group' +} from './combobox-item-group.tsx' export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, -} from './combobox-item-group-label' +} from './combobox-item-group-label.tsx' export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ComboboxItemIndicatorProps as ItemIndicatorProps, -} from './combobox-item-indicator' +} from './combobox-item-indicator.tsx' export { ComboboxItemText as ItemText, type ComboboxItemTextBaseProps as ItemTextBaseProps, type ComboboxItemTextProps as ItemTextProps, -} from './combobox-item-text' +} from './combobox-item-text.tsx' export { ComboboxLabel as Label, type ComboboxLabelBaseProps as LabelBaseProps, type ComboboxLabelProps as LabelProps, -} from './combobox-label' +} from './combobox-label.tsx' export { ComboboxList as List, type ComboboxListBaseProps as ListBaseProps, type ComboboxListProps as ListProps, -} from './combobox-list' +} from './combobox-list.tsx' export { ComboboxPositioner as Positioner, type ComboboxPositionerBaseProps as PositionerBaseProps, type ComboboxPositionerProps as PositionerProps, -} from './combobox-positioner' +} from './combobox-positioner.tsx' export { ComboboxRoot as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, -} from './combobox-root' +} from './combobox-root.tsx' export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, -} from './combobox-root-provider' +} from './combobox-root-provider.tsx' export { ComboboxTrigger as Trigger, type ComboboxTriggerBaseProps as TriggerBaseProps, type ComboboxTriggerProps as TriggerProps, -} from './combobox-trigger' +} from './combobox-trigger.tsx' diff --git a/packages/solid/src/components/combobox/examples/rehydrate-value.tsx b/packages/solid/src/components/combobox/examples/rehydrate-value.tsx index a21f54a2e3..f37fb2f11f 100644 --- a/packages/solid/src/components/combobox/examples/rehydrate-value.tsx +++ b/packages/solid/src/components/combobox/examples/rehydrate-value.tsx @@ -2,7 +2,7 @@ import { Combobox, useCombobox, useComboboxContext, useListCollection } from '@a import { For, createEffect, createRenderEffect, createSignal, on } from 'solid-js' import { Portal } from 'solid-js/web' import styles from 'styles/combobox.module.css' -import { useAsync } from './use-async' +import { useAsync } from './use-async.ts' function ComboboxRehydrateValue() { const combobox = useComboboxContext() diff --git a/packages/solid/src/components/combobox/index.tsx b/packages/solid/src/components/combobox/index.tsx index e479229f82..5d523cb566 100644 --- a/packages/solid/src/components/combobox/index.tsx +++ b/packages/solid/src/components/combobox/index.tsx @@ -14,55 +14,59 @@ export { type ListCollection, useListCollection, type UseListCollectionProps, -} from '../collection' +} from '../collection/index.tsx' export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, -} from './combobox-clear-trigger' -export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content' -export { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty' -export { ComboboxContext, type ComboboxContextProps } from './combobox-context' -export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control' -export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input' -export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item' -export { ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context' -export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps } from './combobox-item-group' +} from './combobox-clear-trigger.tsx' +export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content.tsx' +export { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.tsx' +export { ComboboxContext, type ComboboxContextProps } from './combobox-context.tsx' +export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control.tsx' +export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.tsx' +export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps } from './combobox-item.tsx' +export { ComboboxItemContext, type ComboboxItemContextProps } from './combobox-item-context.tsx' +export { + ComboboxItemGroup, + type ComboboxItemGroupBaseProps, + type ComboboxItemGroupProps, +} from './combobox-item-group.tsx' export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, -} from './combobox-item-group-label' +} from './combobox-item-group-label.tsx' export { ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, -} from './combobox-item-indicator' -export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps } from './combobox-item-text' -export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label' -export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list' +} from './combobox-item-indicator.tsx' +export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps } from './combobox-item-text.tsx' +export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.tsx' +export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.tsx' export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, -} from './combobox-positioner' +} from './combobox-positioner.tsx' export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, type ComboboxRootComponent, type ComboboxRootComponentProps, -} from './combobox-root' +} from './combobox-root.tsx' export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, -} from './combobox-root-provider' -export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger' -export { comboboxAnatomy } from './combobox.anatomy' -export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox' -export { useComboboxContext, type UseComboboxContext } from './use-combobox-context' -export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context' +} from './combobox-root-provider.tsx' +export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps } from './combobox-trigger.tsx' +export { comboboxAnatomy } from './combobox.anatomy.ts' +export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox.ts' +export { useComboboxContext, type UseComboboxContext } from './use-combobox-context.ts' +export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context.ts' -export * as Combobox from './combobox' +export * as Combobox from './combobox.ts' diff --git a/packages/solid/src/components/combobox/tests/basic.tsx b/packages/solid/src/components/combobox/tests/basic.tsx index 3db103c91d..add9d64851 100644 --- a/packages/solid/src/components/combobox/tests/basic.tsx +++ b/packages/solid/src/components/combobox/tests/basic.tsx @@ -1,8 +1,8 @@ import { For } from 'solid-js' import { Portal } from 'solid-js/web' -import { Field } from '../../field' -import { Combobox, createListCollection } from '../' -import type { Optional } from '../../../types' +import { Field } from '../../field/index.tsx' +import { Combobox, createListCollection } from '../index.tsx' +import type { Optional } from '../../../types.ts' interface Item { label: string diff --git a/packages/solid/src/components/combobox/tests/combobox.test.tsx b/packages/solid/src/components/combobox/tests/combobox.test.tsx index 82b682eb8a..1d8873f964 100644 --- a/packages/solid/src/components/combobox/tests/combobox.test.tsx +++ b/packages/solid/src/components/combobox/tests/combobox.test.tsx @@ -1,6 +1,6 @@ import { fireEvent, render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComboboxWithField, ComponentUnderTest } from './basic' +import { ComboboxWithField, ComponentUnderTest } from './basic.tsx' describe('Combobox', () => { it('should show options on click', async () => { diff --git a/packages/solid/src/components/combobox/use-combobox-context.ts b/packages/solid/src/components/combobox/use-combobox-context.ts index c041b66819..cc4f30b5b2 100644 --- a/packages/solid/src/components/combobox/use-combobox-context.ts +++ b/packages/solid/src/components/combobox/use-combobox-context.ts @@ -1,6 +1,6 @@ -import { createContext } from '../../utils/create-context' -import type { CollectionItem } from '../collection' -import type { UseComboboxReturn } from './use-combobox' +import { createContext } from '../../utils/create-context.ts' +import type { CollectionItem } from '../collection/index.tsx' +import type { UseComboboxReturn } from './use-combobox.ts' export interface UseComboboxContext extends UseComboboxReturn {} diff --git a/packages/solid/src/components/combobox/use-combobox-item-context.ts b/packages/solid/src/components/combobox/use-combobox-item-context.ts index 2168f9fbce..71c0509c6b 100644 --- a/packages/solid/src/components/combobox/use-combobox-item-context.ts +++ b/packages/solid/src/components/combobox/use-combobox-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/combobox' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseComboboxItemContext extends Accessor {} diff --git a/packages/solid/src/components/combobox/use-combobox-item-group-props-context.ts b/packages/solid/src/components/combobox/use-combobox-item-group-props-context.ts index 26e3c2cd87..b777b2522f 100644 --- a/packages/solid/src/components/combobox/use-combobox-item-group-props-context.ts +++ b/packages/solid/src/components/combobox/use-combobox-item-group-props-context.ts @@ -1,5 +1,5 @@ import type { ItemGroupProps } from '@zag-js/combobox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseComboboxItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/solid/src/components/combobox/use-combobox-item-props-context.ts b/packages/solid/src/components/combobox/use-combobox-item-props-context.ts index c7b387e26e..63885f0299 100644 --- a/packages/solid/src/components/combobox/use-combobox-item-props-context.ts +++ b/packages/solid/src/components/combobox/use-combobox-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/combobox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseComboboxItemPropsContext extends ItemProps {} diff --git a/packages/solid/src/components/combobox/use-combobox.ts b/packages/solid/src/components/combobox/use-combobox.ts index c16ab65551..b5aef7df0a 100644 --- a/packages/solid/src/components/combobox/use-combobox.ts +++ b/packages/solid/src/components/combobox/use-combobox.ts @@ -1,11 +1,11 @@ import * as combobox from '@zag-js/combobox' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import type { CollectionItem, ListCollection } from '../collection' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import type { CollectionItem, ListCollection } from '../collection/index.tsx' +import { useFieldContext } from '../field/index.tsx' export interface UseComboboxProps extends Optional< Omit, 'collection' | 'dir' | 'getRootNode'>, diff --git a/packages/solid/src/components/date-input/date-input-context.tsx b/packages/solid/src/components/date-input/date-input-context.tsx index 0d89194cc1..a7569fc946 100644 --- a/packages/solid/src/components/date-input/date-input-context.tsx +++ b/packages/solid/src/components/date-input/date-input-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseDateInputContext, useDateInputContext } from './use-date-input-context' +import { type UseDateInputContext, useDateInputContext } from './use-date-input-context.ts' export interface DateInputContextProps { children: (context: UseDateInputContext) => JSX.Element diff --git a/packages/solid/src/components/date-input/date-input-control.tsx b/packages/solid/src/components/date-input/date-input-control.tsx index 06d1b1736f..f5622d32a4 100644 --- a/packages/solid/src/components/date-input/date-input-control.tsx +++ b/packages/solid/src/components/date-input/date-input-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDateInputContext } from './use-date-input-context.ts' export interface DateInputControlBaseProps extends PolymorphicProps<'div'> {} export interface DateInputControlProps extends HTMLProps<'div'>, DateInputControlBaseProps {} diff --git a/packages/solid/src/components/date-input/date-input-hidden-input.tsx b/packages/solid/src/components/date-input/date-input-hidden-input.tsx index de5e068a68..3387d5c18d 100644 --- a/packages/solid/src/components/date-input/date-input-hidden-input.tsx +++ b/packages/solid/src/components/date-input/date-input-hidden-input.tsx @@ -1,8 +1,8 @@ import type { HiddenInputProps } from '@zag-js/date-input' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDateInputContext } from './use-date-input-context.ts' export interface DateInputHiddenInputBaseProps extends PolymorphicProps<'input'>, HiddenInputProps {} export interface DateInputHiddenInputProps extends HTMLProps<'input'>, DateInputHiddenInputBaseProps {} diff --git a/packages/solid/src/components/date-input/date-input-label.tsx b/packages/solid/src/components/date-input/date-input-label.tsx index 9023f1cfdc..26a4b89c64 100644 --- a/packages/solid/src/components/date-input/date-input-label.tsx +++ b/packages/solid/src/components/date-input/date-input-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDateInputContext } from './use-date-input-context.ts' export interface DateInputLabelBaseProps extends PolymorphicProps<'label'> {} export interface DateInputLabelProps extends HTMLProps<'label'>, DateInputLabelBaseProps {} diff --git a/packages/solid/src/components/date-input/date-input-root-provider.tsx b/packages/solid/src/components/date-input/date-input-root-provider.tsx index 43177dc277..03d46f26cf 100644 --- a/packages/solid/src/components/date-input/date-input-root-provider.tsx +++ b/packages/solid/src/components/date-input/date-input-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseDateInputReturn } from './use-date-input' -import { DateInputProvider } from './use-date-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseDateInputReturn } from './use-date-input.ts' +import { DateInputProvider } from './use-date-input-context.ts' interface RootProviderProps { value: UseDateInputReturn diff --git a/packages/solid/src/components/date-input/date-input-root.tsx b/packages/solid/src/components/date-input/date-input-root.tsx index c7aa31b49d..165d0d8caa 100644 --- a/packages/solid/src/components/date-input/date-input-root.tsx +++ b/packages/solid/src/components/date-input/date-input-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseDateInputProps, useDateInput } from './use-date-input' -import { DateInputProvider } from './use-date-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseDateInputProps, useDateInput } from './use-date-input.ts' +import { DateInputProvider } from './use-date-input-context.ts' export interface DateInputRootBaseProps extends UseDateInputProps, PolymorphicProps<'div'> {} export interface DateInputRootProps extends HTMLProps<'div'>, DateInputRootBaseProps {} diff --git a/packages/solid/src/components/date-input/date-input-segment-context.tsx b/packages/solid/src/components/date-input/date-input-segment-context.tsx index c050418a7e..ad2c9db9f6 100644 --- a/packages/solid/src/components/date-input/date-input-segment-context.tsx +++ b/packages/solid/src/components/date-input/date-input-segment-context.tsx @@ -1,7 +1,7 @@ import type { DateSegment } from '@zag-js/date-input' import { Index, type JSX } from 'solid-js' -import { useDateInputContext } from './use-date-input-context' -import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context' +import { useDateInputContext } from './use-date-input-context.ts' +import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context.ts' export interface DateInputSegmentContextProps { children: (segment: DateSegment) => JSX.Element diff --git a/packages/solid/src/components/date-input/date-input-segment-group.tsx b/packages/solid/src/components/date-input/date-input-segment-group.tsx index 64bfea21d9..e87c0dcbe7 100644 --- a/packages/solid/src/components/date-input/date-input-segment-group.tsx +++ b/packages/solid/src/components/date-input/date-input-segment-group.tsx @@ -1,9 +1,9 @@ import type { SegmentGroupProps } from '@zag-js/date-input' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' -import { DateInputSegmentGroupPropsProvider } from './use-date-input-segment-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDateInputContext } from './use-date-input-context.ts' +import { DateInputSegmentGroupPropsProvider } from './use-date-input-segment-group-props-context.ts' export interface DateInputSegmentGroupBaseProps extends PolymorphicProps<'div'>, SegmentGroupProps {} export interface DateInputSegmentGroupProps extends HTMLProps<'div'>, DateInputSegmentGroupBaseProps {} diff --git a/packages/solid/src/components/date-input/date-input-segment.tsx b/packages/solid/src/components/date-input/date-input-segment.tsx index dc5e07fa75..8024011f24 100644 --- a/packages/solid/src/components/date-input/date-input-segment.tsx +++ b/packages/solid/src/components/date-input/date-input-segment.tsx @@ -1,10 +1,10 @@ import type { SegmentProps } from '@zag-js/date-input' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDateInputContext } from './use-date-input-context' -import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDateInputContext } from './use-date-input-context.ts' +import { useDateInputSegmentGroupPropsContext } from './use-date-input-segment-group-props-context.ts' export interface DateInputSegmentBaseProps extends PolymorphicProps<'span'>, Pick {} export interface DateInputSegmentProps extends HTMLProps<'span'>, DateInputSegmentBaseProps {} diff --git a/packages/solid/src/components/date-input/date-input.stories.tsx b/packages/solid/src/components/date-input/date-input.stories.tsx index d6dc7853e5..1ea354ca37 100644 --- a/packages/solid/src/components/date-input/date-input.stories.tsx +++ b/packages/solid/src/components/date-input/date-input.stories.tsx @@ -6,20 +6,20 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DefaultValue } from './examples/default-value' -export { Disabled } from './examples/disabled' -export { Granularity } from './examples/granularity' -export { Invalid } from './examples/invalid' -export { LeadingZeros } from './examples/leading-zeros' -export { Localized } from './examples/localized' -export { MinMax } from './examples/min-max' -export { Range } from './examples/range' -export { ReadOnly } from './examples/read-only' -export { RootProvider } from './examples/root-provider' -export { RTL } from './examples/rtl' -export { TimeOnly } from './examples/time-only' -export { TimeZone } from './examples/time-zone' -export { WithClearButton } from './examples/with-clear-button' -export { WithDatePicker } from './examples/with-date-picker' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DefaultValue } from './examples/default-value.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Granularity } from './examples/granularity.tsx' +export { Invalid } from './examples/invalid.tsx' +export { LeadingZeros } from './examples/leading-zeros.tsx' +export { Localized } from './examples/localized.tsx' +export { MinMax } from './examples/min-max.tsx' +export { Range } from './examples/range.tsx' +export { ReadOnly } from './examples/read-only.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { RTL } from './examples/rtl.tsx' +export { TimeOnly } from './examples/time-only.tsx' +export { TimeZone } from './examples/time-zone.tsx' +export { WithClearButton } from './examples/with-clear-button.tsx' +export { WithDatePicker } from './examples/with-date-picker.tsx' diff --git a/packages/solid/src/components/date-input/date-input.ts b/packages/solid/src/components/date-input/date-input.ts index 05e95fe2f3..21ae4e81d2 100644 --- a/packages/solid/src/components/date-input/date-input.ts +++ b/packages/solid/src/components/date-input/date-input.ts @@ -1,40 +1,40 @@ -export { DateInputContext as Context, type DateInputContextProps as ContextProps } from './date-input-context' +export { DateInputContext as Context, type DateInputContextProps as ContextProps } from './date-input-context.tsx' export { DateInputLabel as Label, type DateInputLabelBaseProps as LabelBaseProps, type DateInputLabelProps as LabelProps, -} from './date-input-label' +} from './date-input-label.tsx' export { DateInputRoot as Root, type DateInputRootBaseProps as RootBaseProps, type DateInputRootProps as RootProps, -} from './date-input-root' +} from './date-input-root.tsx' export { DateInputRootProvider as RootProvider, type DateInputRootProviderBaseProps as RootProviderBaseProps, type DateInputRootProviderProps as RootProviderProps, -} from './date-input-root-provider' +} from './date-input-root-provider.tsx' export { DateInputSegment as Segment, type DateInputSegmentBaseProps as SegmentBaseProps, type DateInputSegmentProps as SegmentProps, -} from './date-input-segment' +} from './date-input-segment.tsx' export { DateInputSegmentGroup as SegmentGroup, type DateInputSegmentGroupBaseProps as SegmentGroupBaseProps, type DateInputSegmentGroupProps as SegmentGroupProps, -} from './date-input-segment-group' +} from './date-input-segment-group.tsx' export { DateInputHiddenInput as HiddenInput, type DateInputHiddenInputBaseProps as HiddenInputBaseProps, type DateInputHiddenInputProps as HiddenInputProps, -} from './date-input-hidden-input' +} from './date-input-hidden-input.tsx' export { DateInputControl as Control, type DateInputControlBaseProps as ControlBaseProps, type DateInputControlProps as ControlProps, -} from './date-input-control' +} from './date-input-control.tsx' export { DateInputSegmentContext as SegmentContext, type DateInputSegmentContextProps as SegmentContextProps, -} from './date-input-segment-context' +} from './date-input-segment-context.tsx' diff --git a/packages/solid/src/components/date-input/index.tsx b/packages/solid/src/components/date-input/index.tsx index a12057f27d..c3fd4f687d 100644 --- a/packages/solid/src/components/date-input/index.tsx +++ b/packages/solid/src/components/date-input/index.tsx @@ -4,29 +4,29 @@ export type { SelectionMode as DateInputSelectionMode, ValueChangeDetails as DateInputValueChangeDetails, } from '@zag-js/date-input' -export { useDateInput, type UseDateInputProps, type UseDateInputReturn } from './use-date-input' -export { useDateInputContext, type UseDateInputContext } from './use-date-input-context' -export { DateInputContext, type DateInputContextProps } from './date-input-context' -export { DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps } from './date-input-label' -export { DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps } from './date-input-root' +export { useDateInput, type UseDateInputProps, type UseDateInputReturn } from './use-date-input.ts' +export { useDateInputContext, type UseDateInputContext } from './use-date-input-context.ts' +export { DateInputContext, type DateInputContextProps } from './date-input-context.tsx' +export { DateInputLabel, type DateInputLabelBaseProps, type DateInputLabelProps } from './date-input-label.tsx' +export { DateInputRoot, type DateInputRootBaseProps, type DateInputRootProps } from './date-input-root.tsx' export { DateInputRootProvider, type DateInputRootProviderBaseProps, type DateInputRootProviderProps, -} from './date-input-root-provider' -export { DateInputSegment, type DateInputSegmentBaseProps, type DateInputSegmentProps } from './date-input-segment' +} from './date-input-root-provider.tsx' +export { DateInputSegment, type DateInputSegmentBaseProps, type DateInputSegmentProps } from './date-input-segment.tsx' export { DateInputSegmentGroup, type DateInputSegmentGroupBaseProps, type DateInputSegmentGroupProps, -} from './date-input-segment-group' +} from './date-input-segment-group.tsx' export { DateInputHiddenInput, type DateInputHiddenInputBaseProps, type DateInputHiddenInputProps, -} from './date-input-hidden-input' -export { DateInputControl, type DateInputControlBaseProps, type DateInputControlProps } from './date-input-control' -export { DateInputSegmentContext, type DateInputSegmentContextProps } from './date-input-segment-context' -export { dateInputAnatomy } from './date-input.anatomy' +} from './date-input-hidden-input.tsx' +export { DateInputControl, type DateInputControlBaseProps, type DateInputControlProps } from './date-input-control.tsx' +export { DateInputSegmentContext, type DateInputSegmentContextProps } from './date-input-segment-context.tsx' +export { dateInputAnatomy } from './date-input.anatomy.ts' -export * as DateInput from './date-input' +export * as DateInput from './date-input.ts' diff --git a/packages/solid/src/components/date-input/tests/basic.tsx b/packages/solid/src/components/date-input/tests/basic.tsx index 5f639dfc97..2a770fdad4 100644 --- a/packages/solid/src/components/date-input/tests/basic.tsx +++ b/packages/solid/src/components/date-input/tests/basic.tsx @@ -1,4 +1,4 @@ -import { DateInput } from '../' +import { DateInput } from '../index.tsx' export const ComponentUnderTest = (props: DateInput.RootProps) => ( diff --git a/packages/solid/src/components/date-input/tests/date-input.test.tsx b/packages/solid/src/components/date-input/tests/date-input.test.tsx index 9248eb78bf..edb0516912 100644 --- a/packages/solid/src/components/date-input/tests/date-input.test.tsx +++ b/packages/solid/src/components/date-input/tests/date-input.test.tsx @@ -2,8 +2,8 @@ import { parseDate, parseZonedDateTime } from '@internationalized/date' import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { DateInput } from '../' -import { ComponentUnderTest } from './basic' +import { DateInput } from '../index.tsx' +import { ComponentUnderTest } from './basic.tsx' describe('Date Input', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/date-input/use-date-input-context.ts b/packages/solid/src/components/date-input/use-date-input-context.ts index 8f25555138..3d9d33560f 100644 --- a/packages/solid/src/components/date-input/use-date-input-context.ts +++ b/packages/solid/src/components/date-input/use-date-input-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseDateInputReturn } from './use-date-input' +import { createContext } from '../../utils/create-context.ts' +import type { UseDateInputReturn } from './use-date-input.ts' export interface UseDateInputContext extends UseDateInputReturn {} diff --git a/packages/solid/src/components/date-input/use-date-input-segment-group-props-context.ts b/packages/solid/src/components/date-input/use-date-input-segment-group-props-context.ts index b954424fea..4807131fae 100644 --- a/packages/solid/src/components/date-input/use-date-input-segment-group-props-context.ts +++ b/packages/solid/src/components/date-input/use-date-input-segment-group-props-context.ts @@ -1,4 +1,4 @@ -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' import type { SegmentGroupProps } from '@zag-js/date-input' export interface UseDateInputSegmentGroupPropsContext extends SegmentGroupProps {} diff --git a/packages/solid/src/components/date-input/use-date-input.ts b/packages/solid/src/components/date-input/use-date-input.ts index 213dd5afa7..0839733d67 100644 --- a/packages/solid/src/components/date-input/use-date-input.ts +++ b/packages/solid/src/components/date-input/use-date-input.ts @@ -1,9 +1,9 @@ import * as dateInput from '@zag-js/date-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseDateInputProps extends Optional, 'id'> {} export interface UseDateInputReturn extends Accessor> {} diff --git a/packages/solid/src/components/date-picker/date-picker-clear-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-clear-trigger.tsx index ed13443932..1abf4be4cf 100644 --- a/packages/solid/src/components/date-picker/date-picker-clear-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-clear-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerClearTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DatePickerClearTriggerProps extends HTMLProps<'button'>, DatePickerClearTriggerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-content.tsx b/packages/solid/src/components/date-picker/date-picker-content.tsx index 40f5d67ab9..e25ab4c831 100644 --- a/packages/solid/src/components/date-picker/date-picker-content.tsx +++ b/packages/solid/src/components/date-picker/date-picker-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDatePickerContext } from './use-date-picker-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerContentBaseProps extends PolymorphicProps<'div'> {} export interface DatePickerContentProps extends HTMLProps<'div'>, DatePickerContentBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-context.tsx b/packages/solid/src/components/date-picker/date-picker-context.tsx index f048086a92..fb0b7e1947 100644 --- a/packages/solid/src/components/date-picker/date-picker-context.tsx +++ b/packages/solid/src/components/date-picker/date-picker-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseDatePickerContext, useDatePickerContext } from './use-date-picker-context' +import { type UseDatePickerContext, useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerContextProps { children: (context: UseDatePickerContext) => JSX.Element diff --git a/packages/solid/src/components/date-picker/date-picker-control.tsx b/packages/solid/src/components/date-picker/date-picker-control.tsx index 3e6a499374..411114771d 100644 --- a/packages/solid/src/components/date-picker/date-picker-control.tsx +++ b/packages/solid/src/components/date-picker/date-picker-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerControlBaseProps extends PolymorphicProps<'div'> {} export interface DatePickerControlProps extends HTMLProps<'div'>, DatePickerControlBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-input.tsx b/packages/solid/src/components/date-picker/date-picker-input.tsx index b984d47038..d41cb524f2 100644 --- a/packages/solid/src/components/date-picker/date-picker-input.tsx +++ b/packages/solid/src/components/date-picker/date-picker-input.tsx @@ -1,8 +1,8 @@ import type { InputProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerInputBaseProps extends InputProps, PolymorphicProps<'input'> {} export interface DatePickerInputProps extends HTMLProps<'input'>, DatePickerInputBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-label.tsx b/packages/solid/src/components/date-picker/date-picker-label.tsx index de7e0721ba..274c74a3a0 100644 --- a/packages/solid/src/components/date-picker/date-picker-label.tsx +++ b/packages/solid/src/components/date-picker/date-picker-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerLabelBaseProps extends PolymorphicProps<'label'> {} export interface DatePickerLabelProps extends HTMLProps<'label'>, DatePickerLabelBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-month-select.tsx b/packages/solid/src/components/date-picker/date-picker-month-select.tsx index 0ef05d6f1a..b34dc291c2 100644 --- a/packages/solid/src/components/date-picker/date-picker-month-select.tsx +++ b/packages/solid/src/components/date-picker/date-picker-month-select.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Index } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerMonthSelectBaseProps extends PolymorphicProps<'select'> {} export interface DatePickerMonthSelectProps extends HTMLProps<'select'>, DatePickerMonthSelectBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-next-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-next-trigger.tsx index d79176b360..efd100caaf 100644 --- a/packages/solid/src/components/date-picker/date-picker-next-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-next-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerNextTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DatePickerNextTriggerProps extends HTMLProps<'button'>, DatePickerNextTriggerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-positioner.tsx b/packages/solid/src/components/date-picker/date-picker-positioner.tsx index 27ec7642a7..5ce670ca92 100644 --- a/packages/solid/src/components/date-picker/date-picker-positioner.tsx +++ b/packages/solid/src/components/date-picker/date-picker-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerPositionerBaseProps extends PolymorphicProps<'div'> {} export interface DatePickerPositionerProps extends HTMLProps<'div'>, DatePickerPositionerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-preset-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-preset-trigger.tsx index 8c4d497273..0242e0b639 100644 --- a/packages/solid/src/components/date-picker/date-picker-preset-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-preset-trigger.tsx @@ -1,9 +1,9 @@ import type { PresetTriggerProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerPresetTriggerBaseProps extends PresetTriggerProps, PolymorphicProps<'button'> {} export interface DatePickerPresetTriggerProps extends Assign, DatePickerPresetTriggerBaseProps> {} diff --git a/packages/solid/src/components/date-picker/date-picker-prev-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-prev-trigger.tsx index e1effd412b..65dbf4c4ef 100644 --- a/packages/solid/src/components/date-picker/date-picker-prev-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-prev-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerPrevTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DatePickerPrevTriggerProps extends HTMLProps<'button'>, DatePickerPrevTriggerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-range-text.tsx b/packages/solid/src/components/date-picker/date-picker-range-text.tsx index 59959b32f3..a400de75f3 100644 --- a/packages/solid/src/components/date-picker/date-picker-range-text.tsx +++ b/packages/solid/src/components/date-picker/date-picker-range-text.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { uniq } from '@zag-js/utils' import { createMemo } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerRangeTextBaseProps extends PolymorphicProps<'div'> {} export interface DatePickerRangeTextProps extends HTMLProps<'div'>, DatePickerRangeTextBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-root-provider.tsx b/packages/solid/src/components/date-picker/date-picker-root-provider.tsx index 44c3bac591..2ef17ff508 100644 --- a/packages/solid/src/components/date-picker/date-picker-root-provider.tsx +++ b/packages/solid/src/components/date-picker/date-picker-root-provider.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseDatePickerReturn } from './use-date-picker' -import { DatePickerProvider } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseDatePickerReturn } from './use-date-picker.ts' +import { DatePickerProvider } from './use-date-picker-context.ts' interface RootProviderProps { value: UseDatePickerReturn diff --git a/packages/solid/src/components/date-picker/date-picker-root.tsx b/packages/solid/src/components/date-picker/date-picker-root.tsx index 341025c13c..ba2b23fb79 100644 --- a/packages/solid/src/components/date-picker/date-picker-root.tsx +++ b/packages/solid/src/components/date-picker/date-picker-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseDatePickerProps, useDatePicker } from './use-date-picker' -import { DatePickerProvider } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseDatePickerProps, useDatePicker } from './use-date-picker.ts' +import { DatePickerProvider } from './use-date-picker-context.ts' export interface DatePickerRootBaseProps extends UseDatePickerProps, UsePresenceProps, PolymorphicProps<'div'> {} export interface DatePickerRootProps extends HTMLProps<'div'>, DatePickerRootBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table-body.tsx b/packages/solid/src/components/date-picker/date-picker-table-body.tsx index b4db8833ad..68a41bbd2d 100644 --- a/packages/solid/src/components/date-picker/date-picker-table-body.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table-body.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableBodyBaseProps extends PolymorphicProps<'tbody'> {} export interface DatePickerTableBodyProps extends HTMLProps<'tbody'>, DatePickerTableBodyBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table-cell-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-table-cell-trigger.tsx index a84789d660..c380753b41 100644 --- a/packages/solid/src/components/date-picker/date-picker-table-cell-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table-cell-trigger.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableCellContext } from './use-date-picker-table-cell-props-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableCellContext } from './use-date-picker-table-cell-props-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerTableCellTriggerBaseProps extends PolymorphicProps<'div'> {} export interface DatePickerTableCellTriggerProps extends HTMLProps<'div'>, DatePickerTableCellTriggerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table-cell.tsx b/packages/solid/src/components/date-picker/date-picker-table-cell.tsx index 717415c11d..0bf0b5950c 100644 --- a/packages/solid/src/components/date-picker/date-picker-table-cell.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table-cell.tsx @@ -1,13 +1,13 @@ import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' import { DatePickerTableCellProvider, type UseDatePickerTableCellContext, -} from './use-date-picker-table-cell-props-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +} from './use-date-picker-table-cell-props-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerTableCellBaseProps extends UseDatePickerTableCellContext, PolymorphicProps<'td'> {} export interface DatePickerTableCellProps extends HTMLProps<'td'>, DatePickerTableCellBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table-head.tsx b/packages/solid/src/components/date-picker/date-picker-table-head.tsx index 435d8866df..e7759d2840 100644 --- a/packages/solid/src/components/date-picker/date-picker-table-head.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table-head.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableHeadBaseProps extends PolymorphicProps<'thead'> {} export interface DatePickerTableHeadProps extends HTMLProps<'thead'>, DatePickerTableHeadBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table-header.tsx b/packages/solid/src/components/date-picker/date-picker-table-header.tsx index fbd285a804..1e832f60c1 100644 --- a/packages/solid/src/components/date-picker/date-picker-table-header.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table-header.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableHeaderBaseProps extends PolymorphicProps<'th'> {} export interface DatePickerTableHeaderProps extends HTMLProps<'th'>, DatePickerTableHeaderBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table-row.tsx b/packages/solid/src/components/date-picker/date-picker-table-row.tsx index 421e7b0c9d..40eb7210bc 100644 --- a/packages/solid/src/components/date-picker/date-picker-table-row.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table-row.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableContext } from './use-date-picker-table-props-context.ts' export interface DatePickerTableRowBaseProps extends PolymorphicProps<'tr'> {} export interface DatePickerTableRowProps extends HTMLProps<'tr'>, DatePickerTableRowBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-table.tsx b/packages/solid/src/components/date-picker/date-picker-table.tsx index 22f68c2c24..9b3dc2ac92 100644 --- a/packages/solid/src/components/date-picker/date-picker-table.tsx +++ b/packages/solid/src/components/date-picker/date-picker-table.tsx @@ -1,11 +1,11 @@ import type { TableProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/solid' import { createUniqueId } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { DatePickerTableProvider } from './use-date-picker-table-props-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { DatePickerTableProvider } from './use-date-picker-table-props-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerTableBaseProps extends Pick, PolymorphicProps<'table'> {} export interface DatePickerTableProps extends HTMLProps<'table'>, DatePickerTableBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-trigger.tsx index 3215517403..d7e70439ae 100644 --- a/packages/solid/src/components/date-picker/date-picker-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DatePickerTriggerProps extends HTMLProps<'button'>, DatePickerTriggerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-value-text.tsx b/packages/solid/src/components/date-picker/date-picker-value-text.tsx index b03a62ab2a..578f454370 100644 --- a/packages/solid/src/components/date-picker/date-picker-value-text.tsx +++ b/packages/solid/src/components/date-picker/date-picker-value-text.tsx @@ -1,9 +1,9 @@ import type { DateValue } from '@zag-js/date-picker' import { type JSX, For, Show } from 'solid-js' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { datePickerAnatomy } from './date-picker.anatomy' -import { useDatePickerContext } from './use-date-picker-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { datePickerAnatomy } from './date-picker.anatomy.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerValueTextRenderProps { value: DateValue diff --git a/packages/solid/src/components/date-picker/date-picker-view-control.tsx b/packages/solid/src/components/date-picker/date-picker-view-control.tsx index 4f45ce218c..793bafbbc6 100644 --- a/packages/solid/src/components/date-picker/date-picker-view-control.tsx +++ b/packages/solid/src/components/date-picker/date-picker-view-control.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerViewControlBaseProps extends PolymorphicProps<'div'> {} export interface DatePickerViewControlProps extends HTMLProps<'div'>, DatePickerViewControlBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-view-trigger.tsx b/packages/solid/src/components/date-picker/date-picker-view-trigger.tsx index 2d756c6b50..fe8536d5e4 100644 --- a/packages/solid/src/components/date-picker/date-picker-view-trigger.tsx +++ b/packages/solid/src/components/date-picker/date-picker-view-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerViewContext } from './use-date-picker-view-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerViewContext } from './use-date-picker-view-props-context.ts' export interface DatePickerViewTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DatePickerViewTriggerProps extends HTMLProps<'button'>, DatePickerViewTriggerBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-view.tsx b/packages/solid/src/components/date-picker/date-picker-view.tsx index b4a56dd28d..2b57ec92d1 100644 --- a/packages/solid/src/components/date-picker/date-picker-view.tsx +++ b/packages/solid/src/components/date-picker/date-picker-view.tsx @@ -1,10 +1,10 @@ import type { ViewProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { datePickerAnatomy } from './date-picker.anatomy' -import { useDatePickerContext } from './use-date-picker-context' -import { DatePickerViewProvider } from './use-date-picker-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { datePickerAnatomy } from './date-picker.anatomy.ts' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { DatePickerViewProvider } from './use-date-picker-view-props-context.ts' export interface DatePickerViewBaseProps extends Required, PolymorphicProps<'div'> {} export interface DatePickerViewProps extends HTMLProps<'div'>, DatePickerViewBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-week-number-cell.tsx b/packages/solid/src/components/date-picker/date-picker-week-number-cell.tsx index afb0e43afb..82e05e035f 100644 --- a/packages/solid/src/components/date-picker/date-picker-week-number-cell.tsx +++ b/packages/solid/src/components/date-picker/date-picker-week-number-cell.tsx @@ -1,8 +1,8 @@ import type { DateValue, WeekNumberCellProps } from '@zag-js/date-picker' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' import type { JSX } from 'solid-js' export interface DatePickerWeekNumberCellBaseProps extends PolymorphicProps<'td'> { diff --git a/packages/solid/src/components/date-picker/date-picker-week-number-header-cell.tsx b/packages/solid/src/components/date-picker/date-picker-week-number-header-cell.tsx index adcf2a3a4d..02634faf60 100644 --- a/packages/solid/src/components/date-picker/date-picker-week-number-header-cell.tsx +++ b/packages/solid/src/components/date-picker/date-picker-week-number-header-cell.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' -import { useDatePickerTableContext } from './use-date-picker-table-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' +import { useDatePickerTableContext } from './use-date-picker-table-props-context.ts' export interface DatePickerWeekNumberHeaderCellBaseProps extends PolymorphicProps<'th'> {} export interface DatePickerWeekNumberHeaderCellProps extends HTMLProps<'th'>, DatePickerWeekNumberHeaderCellBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker-year-select.tsx b/packages/solid/src/components/date-picker/date-picker-year-select.tsx index d4af5e0df2..dcc0dc4fba 100644 --- a/packages/solid/src/components/date-picker/date-picker-year-select.tsx +++ b/packages/solid/src/components/date-picker/date-picker-year-select.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Index } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDatePickerContext } from './use-date-picker-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDatePickerContext } from './use-date-picker-context.ts' export interface DatePickerYearSelectBaseProps extends PolymorphicProps<'select'> {} export interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearSelectBaseProps {} diff --git a/packages/solid/src/components/date-picker/date-picker.stories.tsx b/packages/solid/src/components/date-picker/date-picker.stories.tsx index 0d0b77931e..4b6ae75dc7 100644 --- a/packages/solid/src/components/date-picker/date-picker.stories.tsx +++ b/packages/solid/src/components/date-picker/date-picker.stories.tsx @@ -6,28 +6,28 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DefaultValue } from './examples/default-value' -export { DefaultView } from './examples/default-view' -export { MonthYearSelect } from './examples/month-year-select' -export { Inline } from './examples/inline' -export { Locale } from './examples/locale' -export { MinMax } from './examples/min-max' -export { MonthPicker } from './examples/month-picker' -export { MultipleMonths } from './examples/multiple-months' -export { MultiSelection } from './examples/multi-selection' -export { Presets } from './examples/presets' -export { RangeSelection } from './examples/range-selection' -export { RootProvider } from './examples/root-provider' -export { TriggerValue } from './examples/trigger-value' -export { Unavailable } from './examples/unavailable' -export { WithTime } from './examples/with-time' -export { YearPicker } from './examples/year-picker' -export { OpenOnClick } from './examples/open-on-click' -export { WeekNumbers } from './examples/week-numbers' -export { SelectToday } from './examples/select-today' -export { FixedWeeks } from './examples/fixed-weeks' -export { Form } from './examples/form' -export { MaxSelectedDates } from './examples/max-selected-dates' -export { CustomCalendar } from './examples/custom-calendar' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DefaultValue } from './examples/default-value.tsx' +export { DefaultView } from './examples/default-view.tsx' +export { MonthYearSelect } from './examples/month-year-select.tsx' +export { Inline } from './examples/inline.tsx' +export { Locale } from './examples/locale.tsx' +export { MinMax } from './examples/min-max.tsx' +export { MonthPicker } from './examples/month-picker.tsx' +export { MultipleMonths } from './examples/multiple-months.tsx' +export { MultiSelection } from './examples/multi-selection.tsx' +export { Presets } from './examples/presets.tsx' +export { RangeSelection } from './examples/range-selection.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { TriggerValue } from './examples/trigger-value.tsx' +export { Unavailable } from './examples/unavailable.tsx' +export { WithTime } from './examples/with-time.tsx' +export { YearPicker } from './examples/year-picker.tsx' +export { OpenOnClick } from './examples/open-on-click.tsx' +export { WeekNumbers } from './examples/week-numbers.tsx' +export { SelectToday } from './examples/select-today.tsx' +export { FixedWeeks } from './examples/fixed-weeks.tsx' +export { Form } from './examples/form.tsx' +export { MaxSelectedDates } from './examples/max-selected-dates.tsx' +export { CustomCalendar } from './examples/custom-calendar.tsx' diff --git a/packages/solid/src/components/date-picker/date-picker.ts b/packages/solid/src/components/date-picker/date-picker.ts index 8470c5d185..06a19f8988 100644 --- a/packages/solid/src/components/date-picker/date-picker.ts +++ b/packages/solid/src/components/date-picker/date-picker.ts @@ -13,141 +13,141 @@ export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, -} from './date-picker-clear-trigger' +} from './date-picker-clear-trigger.tsx' export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, -} from './date-picker-content' -export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context' +} from './date-picker-content.tsx' +export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context.tsx' export { DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, -} from './date-picker-control' +} from './date-picker-control.tsx' export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, -} from './date-picker-input' +} from './date-picker-input.tsx' export { DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, -} from './date-picker-label' +} from './date-picker-label.tsx' export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, -} from './date-picker-month-select' +} from './date-picker-month-select.tsx' export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, -} from './date-picker-next-trigger' +} from './date-picker-next-trigger.tsx' export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps as PositionerBaseProps, type DatePickerPositionerProps as PositionerProps, -} from './date-picker-positioner' +} from './date-picker-positioner.tsx' export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, -} from './date-picker-preset-trigger' +} from './date-picker-preset-trigger.tsx' export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, -} from './date-picker-prev-trigger' +} from './date-picker-prev-trigger.tsx' export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, -} from './date-picker-range-text' +} from './date-picker-range-text.tsx' export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, -} from './date-picker-value-text' +} from './date-picker-value-text.tsx' export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, -} from './date-picker-root' +} from './date-picker-root.tsx' export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, -} from './date-picker-root-provider' +} from './date-picker-root-provider.tsx' export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, -} from './date-picker-table' +} from './date-picker-table.tsx' export { DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, -} from './date-picker-table-body' +} from './date-picker-table-body.tsx' export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, -} from './date-picker-table-cell' +} from './date-picker-table-cell.tsx' export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, -} from './date-picker-table-cell-trigger' +} from './date-picker-table-cell-trigger.tsx' export { DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, -} from './date-picker-table-head' +} from './date-picker-table-head.tsx' export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, -} from './date-picker-table-header' +} from './date-picker-table-header.tsx' export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, -} from './date-picker-table-row' +} from './date-picker-table-row.tsx' export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, -} from './date-picker-trigger' +} from './date-picker-trigger.tsx' export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, -} from './date-picker-view' +} from './date-picker-view.tsx' export { DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, -} from './date-picker-view-control' +} from './date-picker-view-control.tsx' export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, -} from './date-picker-view-trigger' +} from './date-picker-view-trigger.tsx' export { DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, -} from './date-picker-week-number-cell' +} from './date-picker-week-number-cell.tsx' export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, -} from './date-picker-week-number-header-cell' +} from './date-picker-week-number-header-cell.tsx' export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectBaseProps as YearSelectBaseProps, type DatePickerYearSelectProps as YearSelectProps, -} from './date-picker-year-select' +} from './date-picker-year-select.tsx' diff --git a/packages/solid/src/components/date-picker/index.tsx b/packages/solid/src/components/date-picker/index.tsx index 1d04a22d34..d971ba4eae 100644 --- a/packages/solid/src/components/date-picker/index.tsx +++ b/packages/solid/src/components/date-picker/index.tsx @@ -14,114 +14,126 @@ export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, -} from './date-picker-clear-trigger' -export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps } from './date-picker-content' -export { DatePickerContext, type DatePickerContextProps } from './date-picker-context' -export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps } from './date-picker-control' -export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input' -export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label' +} from './date-picker-clear-trigger.tsx' +export { + DatePickerContent, + type DatePickerContentBaseProps, + type DatePickerContentProps, +} from './date-picker-content.tsx' +export { DatePickerContext, type DatePickerContextProps } from './date-picker-context.tsx' +export { + DatePickerControl, + type DatePickerControlBaseProps, + type DatePickerControlProps, +} from './date-picker-control.tsx' +export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps } from './date-picker-input.tsx' +export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps } from './date-picker-label.tsx' export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, -} from './date-picker-month-select' +} from './date-picker-month-select.tsx' export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, -} from './date-picker-next-trigger' +} from './date-picker-next-trigger.tsx' export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, -} from './date-picker-positioner' +} from './date-picker-positioner.tsx' export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, -} from './date-picker-preset-trigger' +} from './date-picker-preset-trigger.tsx' export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, -} from './date-picker-prev-trigger' +} from './date-picker-prev-trigger.tsx' export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, -} from './date-picker-range-text' +} from './date-picker-range-text.tsx' export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, -} from './date-picker-value-text' -export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root' +} from './date-picker-value-text.tsx' +export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root.tsx' export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, -} from './date-picker-root-provider' -export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table' +} from './date-picker-root-provider.tsx' +export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table.tsx' export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, -} from './date-picker-table-body' +} from './date-picker-table-body.tsx' export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, -} from './date-picker-table-cell' +} from './date-picker-table-cell.tsx' export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, -} from './date-picker-table-cell-trigger' +} from './date-picker-table-cell-trigger.tsx' export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, -} from './date-picker-table-head' +} from './date-picker-table-head.tsx' export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, -} from './date-picker-table-header' +} from './date-picker-table-header.tsx' export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, -} from './date-picker-table-row' -export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps } from './date-picker-trigger' -export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view' +} from './date-picker-table-row.tsx' +export { + DatePickerTrigger, + type DatePickerTriggerBaseProps, + type DatePickerTriggerProps, +} from './date-picker-trigger.tsx' +export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view.tsx' export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, -} from './date-picker-view-control' +} from './date-picker-view-control.tsx' export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, -} from './date-picker-view-trigger' +} from './date-picker-view-trigger.tsx' export { DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, -} from './date-picker-week-number-cell' +} from './date-picker-week-number-cell.tsx' export { DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, -} from './date-picker-week-number-header-cell' +} from './date-picker-week-number-header-cell.tsx' export { DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, -} from './date-picker-year-select' -export { datePickerAnatomy } from './date-picker.anatomy' -export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker' -export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context' +} from './date-picker-year-select.tsx' +export { datePickerAnatomy } from './date-picker.anatomy.ts' +export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker.ts' +export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context.ts' -export * as DatePicker from './date-picker' +export * as DatePicker from './date-picker.ts' diff --git a/packages/solid/src/components/date-picker/tests/basic.tsx b/packages/solid/src/components/date-picker/tests/basic.tsx index aca02f1b4c..1aedf1cb01 100644 --- a/packages/solid/src/components/date-picker/tests/basic.tsx +++ b/packages/solid/src/components/date-picker/tests/basic.tsx @@ -1,5 +1,5 @@ import { Portal } from 'solid-js/web' -import { DatePicker } from '../' +import { DatePicker } from '../index.tsx' export const ComponentUnderTest = (props: DatePicker.RootProps) => ( diff --git a/packages/solid/src/components/date-picker/tests/date-picker.test.tsx b/packages/solid/src/components/date-picker/tests/date-picker.test.tsx index 12b6353633..cce877e0ab 100644 --- a/packages/solid/src/components/date-picker/tests/date-picker.test.tsx +++ b/packages/solid/src/components/date-picker/tests/date-picker.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Date Picker', () => { it('should be able to lazy mount', async () => { diff --git a/packages/solid/src/components/date-picker/use-date-picker-context.ts b/packages/solid/src/components/date-picker/use-date-picker-context.ts index e6dc27a834..c72eb34c16 100644 --- a/packages/solid/src/components/date-picker/use-date-picker-context.ts +++ b/packages/solid/src/components/date-picker/use-date-picker-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseDatePickerReturn } from './use-date-picker' +import { createContext } from '../../utils/create-context.ts' +import type { UseDatePickerReturn } from './use-date-picker.ts' export interface UseDatePickerContext extends UseDatePickerReturn {} diff --git a/packages/solid/src/components/date-picker/use-date-picker-table-cell-props-context.ts b/packages/solid/src/components/date-picker/use-date-picker-table-cell-props-context.ts index 9077a340ae..8299e35220 100644 --- a/packages/solid/src/components/date-picker/use-date-picker-table-cell-props-context.ts +++ b/packages/solid/src/components/date-picker/use-date-picker-table-cell-props-context.ts @@ -1,5 +1,5 @@ import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' type Union = { [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K] diff --git a/packages/solid/src/components/date-picker/use-date-picker-table-props-context.ts b/packages/solid/src/components/date-picker/use-date-picker-table-props-context.ts index 0954cb9047..c6fbca7447 100644 --- a/packages/solid/src/components/date-picker/use-date-picker-table-props-context.ts +++ b/packages/solid/src/components/date-picker/use-date-picker-table-props-context.ts @@ -1,5 +1,5 @@ import type { TableProps } from '@zag-js/date-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseDatePickerTableContext extends TableProps {} diff --git a/packages/solid/src/components/date-picker/use-date-picker-view-props-context.ts b/packages/solid/src/components/date-picker/use-date-picker-view-props-context.ts index 36e3cc4cf2..22c2ac7c3e 100644 --- a/packages/solid/src/components/date-picker/use-date-picker-view-props-context.ts +++ b/packages/solid/src/components/date-picker/use-date-picker-view-props-context.ts @@ -1,5 +1,5 @@ import type { ViewProps } from '@zag-js/date-picker' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseDatePickerViewContext extends Required {} diff --git a/packages/solid/src/components/date-picker/use-date-picker.ts b/packages/solid/src/components/date-picker/use-date-picker.ts index 816635e72a..3d300b1797 100644 --- a/packages/solid/src/components/date-picker/use-date-picker.ts +++ b/packages/solid/src/components/date-picker/use-date-picker.ts @@ -1,9 +1,9 @@ import * as datePicker from '@zag-js/date-picker' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseDatePickerProps extends Optional, 'id'> {} export interface UseDatePickerReturn extends Accessor> {} diff --git a/packages/solid/src/components/dialog/dialog-backdrop.tsx b/packages/solid/src/components/dialog/dialog-backdrop.tsx index 59a3206d1f..1596992f7f 100644 --- a/packages/solid/src/components/dialog/dialog-backdrop.tsx +++ b/packages/solid/src/components/dialog/dialog-backdrop.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useDialogContext } from './use-dialog-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresence } from '../presence/index.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogBackdropBaseProps extends PolymorphicProps<'div'> {} export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {} diff --git a/packages/solid/src/components/dialog/dialog-close-trigger.tsx b/packages/solid/src/components/dialog/dialog-close-trigger.tsx index cc3af3db4a..0886494575 100644 --- a/packages/solid/src/components/dialog/dialog-close-trigger.tsx +++ b/packages/solid/src/components/dialog/dialog-close-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogCloseTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DialogCloseTriggerProps extends HTMLProps<'button'>, DialogCloseTriggerBaseProps {} diff --git a/packages/solid/src/components/dialog/dialog-content.tsx b/packages/solid/src/components/dialog/dialog-content.tsx index ca9b773bb0..4aca7f7939 100644 --- a/packages/solid/src/components/dialog/dialog-content.tsx +++ b/packages/solid/src/components/dialog/dialog-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDialogContext } from './use-dialog-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogContentBaseProps extends PolymorphicProps<'div'> {} export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {} diff --git a/packages/solid/src/components/dialog/dialog-context.tsx b/packages/solid/src/components/dialog/dialog-context.tsx index a717543fd3..9fda30e839 100644 --- a/packages/solid/src/components/dialog/dialog-context.tsx +++ b/packages/solid/src/components/dialog/dialog-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseDialogContext, useDialogContext } from './use-dialog-context' +import { type UseDialogContext, useDialogContext } from './use-dialog-context.ts' export interface DialogContextProps { children: (context: UseDialogContext) => JSX.Element diff --git a/packages/solid/src/components/dialog/dialog-description.tsx b/packages/solid/src/components/dialog/dialog-description.tsx index e9ba711dfa..ebc02b22bd 100644 --- a/packages/solid/src/components/dialog/dialog-description.tsx +++ b/packages/solid/src/components/dialog/dialog-description.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogDescriptionBaseProps extends PolymorphicProps<'div'> {} export interface DialogDescriptionProps extends HTMLProps<'div'>, DialogDescriptionBaseProps {} diff --git a/packages/solid/src/components/dialog/dialog-positioner.tsx b/packages/solid/src/components/dialog/dialog-positioner.tsx index 60d58ab927..2b8124a8ff 100644 --- a/packages/solid/src/components/dialog/dialog-positioner.tsx +++ b/packages/solid/src/components/dialog/dialog-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogPositionerBaseProps extends PolymorphicProps<'div'> {} export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {} diff --git a/packages/solid/src/components/dialog/dialog-root-provider.tsx b/packages/solid/src/components/dialog/dialog-root-provider.tsx index 3c9f7f5553..35eff00598 100644 --- a/packages/solid/src/components/dialog/dialog-root-provider.tsx +++ b/packages/solid/src/components/dialog/dialog-root-provider.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseDialogReturn } from './use-dialog' -import { DialogProvider } from './use-dialog-context' +import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseDialogReturn } from './use-dialog.ts' +import { DialogProvider } from './use-dialog-context.ts' interface RootProviderProps { value: UseDialogReturn diff --git a/packages/solid/src/components/dialog/dialog-root.tsx b/packages/solid/src/components/dialog/dialog-root.tsx index b14bbfca04..7b7c5f65b5 100644 --- a/packages/solid/src/components/dialog/dialog-root.tsx +++ b/packages/solid/src/components/dialog/dialog-root.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseDialogProps, useDialog } from './use-dialog' -import { DialogProvider } from './use-dialog-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseDialogProps, useDialog } from './use-dialog.ts' +import { DialogProvider } from './use-dialog-context.ts' export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {} export interface DialogRootProps extends DialogRootBaseProps { diff --git a/packages/solid/src/components/dialog/dialog-title.tsx b/packages/solid/src/components/dialog/dialog-title.tsx index 946fafcf8e..40c6b820e7 100644 --- a/packages/solid/src/components/dialog/dialog-title.tsx +++ b/packages/solid/src/components/dialog/dialog-title.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDialogContext } from './use-dialog-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogTitleBaseProps extends PolymorphicProps<'h2'> {} export interface DialogTitleProps extends HTMLProps<'h2'>, DialogTitleBaseProps {} diff --git a/packages/solid/src/components/dialog/dialog-trigger.tsx b/packages/solid/src/components/dialog/dialog-trigger.tsx index cc1b17f956..ea92d52298 100644 --- a/packages/solid/src/components/dialog/dialog-trigger.tsx +++ b/packages/solid/src/components/dialog/dialog-trigger.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/dialog' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDialogContext } from './use-dialog-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDialogContext } from './use-dialog-context.ts' export interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface DialogTriggerProps extends Assign, DialogTriggerBaseProps> {} diff --git a/packages/solid/src/components/dialog/dialog.stories.tsx b/packages/solid/src/components/dialog/dialog.stories.tsx index 349c1dcfdb..ba5010df56 100644 --- a/packages/solid/src/components/dialog/dialog.stories.tsx +++ b/packages/solid/src/components/dialog/dialog.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { AlertDialog } from './examples/alert-dialog' -export { Basic } from './examples/basic' -export { Confirmation } from './examples/confirmation' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { FinalFocus } from './examples/final-focus' -export { InitialFocus } from './examples/initial-focus' -export { InsideScroll } from './examples/inside-scroll' -export { LazyMount } from './examples/lazy-mount' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Nested } from './examples/nested' -export { NonModal } from './examples/non-modal' -export { OpenFromMenu } from './examples/open-from-menu' -export { OutsideScroll } from './examples/outside-scroll' -export { RootProvider } from './examples/root-provider' +export { AlertDialog } from './examples/alert-dialog.tsx' +export { Basic } from './examples/basic.tsx' +export { Confirmation } from './examples/confirmation.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { FinalFocus } from './examples/final-focus.tsx' +export { InitialFocus } from './examples/initial-focus.tsx' +export { InsideScroll } from './examples/inside-scroll.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Nested } from './examples/nested.tsx' +export { NonModal } from './examples/non-modal.tsx' +export { OpenFromMenu } from './examples/open-from-menu.tsx' +export { OutsideScroll } from './examples/outside-scroll.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/dialog/dialog.ts b/packages/solid/src/components/dialog/dialog.ts index 8f49ff25da..1e73d3f2fc 100644 --- a/packages/solid/src/components/dialog/dialog.ts +++ b/packages/solid/src/components/dialog/dialog.ts @@ -9,45 +9,45 @@ export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, -} from './dialog-backdrop' +} from './dialog-backdrop.tsx' export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, -} from './dialog-close-trigger' +} from './dialog-close-trigger.tsx' export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, -} from './dialog-content' -export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context' +} from './dialog-content.tsx' +export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context.tsx' export { DialogDescription as Description, type DialogDescriptionBaseProps as DescriptionBaseProps, type DialogDescriptionProps as DescriptionProps, -} from './dialog-description' +} from './dialog-description.tsx' export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, -} from './dialog-positioner' +} from './dialog-positioner.tsx' export { DialogRoot as Root, type DialogRootBaseProps as RootBaseProps, type DialogRootProps as RootProps, -} from './dialog-root' +} from './dialog-root.tsx' export { DialogRootProvider as RootProvider, type DialogRootProviderBaseProps as RootProviderBaseProps, type DialogRootProviderProps as RootProviderProps, -} from './dialog-root-provider' +} from './dialog-root-provider.tsx' export { DialogTitle as Title, type DialogTitleBaseProps as TitleBaseProps, type DialogTitleProps as TitleProps, -} from './dialog-title' +} from './dialog-title.tsx' export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, -} from './dialog-trigger' +} from './dialog-trigger.tsx' diff --git a/packages/solid/src/components/dialog/index.tsx b/packages/solid/src/components/dialog/index.tsx index 176231d95e..06e96bf4ea 100644 --- a/packages/solid/src/components/dialog/index.tsx +++ b/packages/solid/src/components/dialog/index.tsx @@ -5,26 +5,30 @@ export type { PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, } from '@zag-js/dialog' -export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop' +export { DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps } from './dialog-backdrop.tsx' export { DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, -} from './dialog-close-trigger' -export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content' -export { DialogContext, type DialogContextProps } from './dialog-context' -export { DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps } from './dialog-description' -export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps } from './dialog-positioner' -export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root' +} from './dialog-close-trigger.tsx' +export { DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content.tsx' +export { DialogContext, type DialogContextProps } from './dialog-context.tsx' +export { + DialogDescription, + type DialogDescriptionBaseProps, + type DialogDescriptionProps, +} from './dialog-description.tsx' +export { DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps } from './dialog-positioner.tsx' +export { DialogRoot, type DialogRootBaseProps, type DialogRootProps } from './dialog-root.tsx' export { DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, -} from './dialog-root-provider' -export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title' -export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger' -export { dialogAnatomy } from './dialog.anatomy' -export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog' -export { useDialogContext, type UseDialogContext } from './use-dialog-context' +} from './dialog-root-provider.tsx' +export { DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.tsx' +export { DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.tsx' +export { dialogAnatomy } from './dialog.anatomy.ts' +export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog.ts' +export { useDialogContext, type UseDialogContext } from './use-dialog-context.ts' -export * as Dialog from './dialog' +export * as Dialog from './dialog.ts' diff --git a/packages/solid/src/components/dialog/tests/basic.tsx b/packages/solid/src/components/dialog/tests/basic.tsx index d2d7e24519..becc814c0f 100644 --- a/packages/solid/src/components/dialog/tests/basic.tsx +++ b/packages/solid/src/components/dialog/tests/basic.tsx @@ -1,5 +1,5 @@ import { Portal } from 'solid-js/web' -import { Dialog } from '../' +import { Dialog } from '../index.tsx' export const ComponentUnderTest = (props: Dialog.RootProps) => ( diff --git a/packages/solid/src/components/dialog/tests/dialog.test.tsx b/packages/solid/src/components/dialog/tests/dialog.test.tsx index 8fce67cd37..ac9de2d62d 100644 --- a/packages/solid/src/components/dialog/tests/dialog.test.tsx +++ b/packages/solid/src/components/dialog/tests/dialog.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Dialog', () => { it('should show dialog content when opened', async () => { diff --git a/packages/solid/src/components/dialog/use-dialog-context.ts b/packages/solid/src/components/dialog/use-dialog-context.ts index 580cb9976f..9621e0a6f3 100644 --- a/packages/solid/src/components/dialog/use-dialog-context.ts +++ b/packages/solid/src/components/dialog/use-dialog-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseDialogReturn } from './use-dialog' +import { createContext } from '../../utils/create-context.ts' +import type { UseDialogReturn } from './use-dialog.ts' export interface UseDialogContext extends UseDialogReturn {} diff --git a/packages/solid/src/components/dialog/use-dialog.ts b/packages/solid/src/components/dialog/use-dialog.ts index e0c14324bd..c71989c6ed 100644 --- a/packages/solid/src/components/dialog/use-dialog.ts +++ b/packages/solid/src/components/dialog/use-dialog.ts @@ -1,9 +1,9 @@ import * as dialog from '@zag-js/dialog' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseDialogProps extends Optional, 'id'> {} export interface UseDialogReturn extends Accessor> {} diff --git a/packages/solid/src/components/download-trigger/download-trigger.stories.tsx b/packages/solid/src/components/download-trigger/download-trigger.stories.tsx index 53ed008d70..86df71f4c0 100644 --- a/packages/solid/src/components/download-trigger/download-trigger.stories.tsx +++ b/packages/solid/src/components/download-trigger/download-trigger.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Svg } from './examples/svg' -export { WithPromise } from './examples/with-promise' +export { Basic } from './examples/basic.tsx' +export { Svg } from './examples/svg.tsx' +export { WithPromise } from './examples/with-promise.tsx' diff --git a/packages/solid/src/components/download-trigger/download-trigger.tsx b/packages/solid/src/components/download-trigger/download-trigger.tsx index 835b53dd9c..dbd79acc55 100644 --- a/packages/solid/src/components/download-trigger/download-trigger.tsx +++ b/packages/solid/src/components/download-trigger/download-trigger.tsx @@ -1,7 +1,7 @@ import { type JSX, splitProps } from 'solid-js' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import { type UseDownloadProps, useDownload } from './use-download' +import type { HTMLProps, PolymorphicProps } from '../factory.tsx' +import { ark } from '../factory.tsx' +import { type UseDownloadProps, useDownload } from './use-download.ts' export interface DownloadTriggerBaseProps extends PolymorphicProps<'button'>, UseDownloadProps {} diff --git a/packages/solid/src/components/download-trigger/index.tsx b/packages/solid/src/components/download-trigger/index.tsx index 13828726ff..3aea8db97d 100644 --- a/packages/solid/src/components/download-trigger/index.tsx +++ b/packages/solid/src/components/download-trigger/index.tsx @@ -1,4 +1,4 @@ -export { DownloadTrigger } from './download-trigger' -export type { DownloadTriggerBaseProps, DownloadTriggerProps } from './download-trigger' -export { useDownload } from './use-download' -export type { DownloadableData, UseDownloadProps, UseDownloadReturn } from './use-download' +export { DownloadTrigger } from './download-trigger.tsx' +export type { DownloadTriggerBaseProps, DownloadTriggerProps } from './download-trigger.tsx' +export { useDownload } from './use-download.ts' +export type { DownloadableData, UseDownloadProps, UseDownloadReturn } from './use-download.ts' diff --git a/packages/solid/src/components/download-trigger/use-download.ts b/packages/solid/src/components/download-trigger/use-download.ts index 7271a523d4..13dea49021 100644 --- a/packages/solid/src/components/download-trigger/use-download.ts +++ b/packages/solid/src/components/download-trigger/use-download.ts @@ -1,8 +1,8 @@ import { type FileMimeType, downloadFile } from '@zag-js/file-utils' import { isFunction } from '@zag-js/utils' -import { useEnvironmentContext } from '../../providers' -import type { MaybeAccessor, MaybePromise } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext } from '../../providers/index.tsx' +import type { MaybeAccessor, MaybePromise } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export type DownloadableData = string | Blob | File diff --git a/packages/solid/src/components/drawer/drawer-backdrop.tsx b/packages/solid/src/components/drawer/drawer-backdrop.tsx index 2a62520d9b..f72d61e2c0 100644 --- a/packages/solid/src/components/drawer/drawer-backdrop.tsx +++ b/packages/solid/src/components/drawer/drawer-backdrop.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useDrawerContext } from './use-drawer-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresence } from '../presence/index.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerBackdropBaseProps extends PolymorphicProps<'div'> {} export interface DrawerBackdropProps extends HTMLProps<'div'>, DrawerBackdropBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-close-trigger.tsx b/packages/solid/src/components/drawer/drawer-close-trigger.tsx index cc45ae6bc8..c18802f3c7 100644 --- a/packages/solid/src/components/drawer/drawer-close-trigger.tsx +++ b/packages/solid/src/components/drawer/drawer-close-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerCloseTriggerBaseProps extends PolymorphicProps<'button'> {} export interface DrawerCloseTriggerProps extends HTMLProps<'button'>, DrawerCloseTriggerBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-content.tsx b/packages/solid/src/components/drawer/drawer-content.tsx index a0782ff978..1e9451be60 100644 --- a/packages/solid/src/components/drawer/drawer-content.tsx +++ b/packages/solid/src/components/drawer/drawer-content.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' import type { ContentProps } from '@zag-js/drawer' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' -import { usePresenceContext } from '../presence' -import { composeRefs } from '../../utils/compose-refs' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' +import { usePresenceContext } from '../presence/index.tsx' +import { composeRefs } from '../../utils/compose-refs.ts' export interface DrawerContentBaseProps extends PolymorphicProps<'div'>, ContentProps {} export interface DrawerContentProps extends Omit, 'draggable'>, DrawerContentBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-context.tsx b/packages/solid/src/components/drawer/drawer-context.tsx index 56b80491a2..626c28e0e1 100644 --- a/packages/solid/src/components/drawer/drawer-context.tsx +++ b/packages/solid/src/components/drawer/drawer-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseDrawerContext, useDrawerContext } from './use-drawer-context' +import { type UseDrawerContext, useDrawerContext } from './use-drawer-context.ts' export interface DrawerContextProps { children: (context: UseDrawerContext) => JSX.Element diff --git a/packages/solid/src/components/drawer/drawer-description.tsx b/packages/solid/src/components/drawer/drawer-description.tsx index 916b543cf4..8d382026e1 100644 --- a/packages/solid/src/components/drawer/drawer-description.tsx +++ b/packages/solid/src/components/drawer/drawer-description.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerDescriptionBaseProps extends PolymorphicProps<'div'> {} export interface DrawerDescriptionProps extends HTMLProps<'div'>, DrawerDescriptionBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-grabber-indicator.tsx b/packages/solid/src/components/drawer/drawer-grabber-indicator.tsx index d1274f3875..66e10378ef 100644 --- a/packages/solid/src/components/drawer/drawer-grabber-indicator.tsx +++ b/packages/solid/src/components/drawer/drawer-grabber-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface DrawerGrabberIndicatorProps extends HTMLProps<'div'>, DrawerGrabberIndicatorBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-grabber.tsx b/packages/solid/src/components/drawer/drawer-grabber.tsx index b656ca3395..0a95023650 100644 --- a/packages/solid/src/components/drawer/drawer-grabber.tsx +++ b/packages/solid/src/components/drawer/drawer-grabber.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerGrabberBaseProps extends PolymorphicProps<'div'> {} export interface DrawerGrabberProps extends HTMLProps<'div'>, DrawerGrabberBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-indent-background.tsx b/packages/solid/src/components/drawer/drawer-indent-background.tsx index a5c65073cf..079682429e 100644 --- a/packages/solid/src/components/drawer/drawer-indent-background.tsx +++ b/packages/solid/src/components/drawer/drawer-indent-background.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerStackContext } from './use-drawer-stack-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerStackContext } from './use-drawer-stack-context.ts' export interface DrawerIndentBackgroundBaseProps extends PolymorphicProps<'div'> {} export interface DrawerIndentBackgroundProps extends HTMLProps<'div'>, DrawerIndentBackgroundBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-indent.tsx b/packages/solid/src/components/drawer/drawer-indent.tsx index 4d97da264d..cf0a3d00eb 100644 --- a/packages/solid/src/components/drawer/drawer-indent.tsx +++ b/packages/solid/src/components/drawer/drawer-indent.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerStackContext } from './use-drawer-stack-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerStackContext } from './use-drawer-stack-context.ts' export interface DrawerIndentBaseProps extends PolymorphicProps<'div'> {} export interface DrawerIndentProps extends HTMLProps<'div'>, DrawerIndentBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-positioner.tsx b/packages/solid/src/components/drawer/drawer-positioner.tsx index 46af32fd6f..ca11d85876 100644 --- a/packages/solid/src/components/drawer/drawer-positioner.tsx +++ b/packages/solid/src/components/drawer/drawer-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerPositionerBaseProps extends PolymorphicProps<'div'> {} export interface DrawerPositionerProps extends HTMLProps<'div'>, DrawerPositionerBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-root-provider.tsx b/packages/solid/src/components/drawer/drawer-root-provider.tsx index 75e4a1551c..98e50d1801 100644 --- a/packages/solid/src/components/drawer/drawer-root-provider.tsx +++ b/packages/solid/src/components/drawer/drawer-root-provider.tsx @@ -1,8 +1,8 @@ import type { JSX } from 'solid-js' -import { PresenceProvider, splitPresenceProps, usePresence, type UsePresenceProps } from '../presence' -import type { UseDrawerReturn } from './use-drawer' -import { DrawerProvider } from './use-drawer-context' -import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' +import { PresenceProvider, splitPresenceProps, usePresence, type UsePresenceProps } from '../presence/index.tsx' +import type { UseDrawerReturn } from './use-drawer.ts' +import { DrawerProvider } from './use-drawer-context.ts' +import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' import { mergeProps } from '@zag-js/solid' interface RootProviderProps { diff --git a/packages/solid/src/components/drawer/drawer-root.tsx b/packages/solid/src/components/drawer/drawer-root.tsx index 57010cfa95..93edf34a48 100644 --- a/packages/solid/src/components/drawer/drawer-root.tsx +++ b/packages/solid/src/components/drawer/drawer-root.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { useDrawer, type UseDrawerProps } from './use-drawer' -import { DrawerProvider } from './use-drawer-context' -import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { createSplitProps } from '../../utils/create-split-props' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { useDrawer, type UseDrawerProps } from './use-drawer.ts' +import { DrawerProvider } from './use-drawer-context.ts' +import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' export interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {} export interface DrawerRootProps extends DrawerRootBaseProps { diff --git a/packages/solid/src/components/drawer/drawer-stack.tsx b/packages/solid/src/components/drawer/drawer-stack.tsx index df4d2508a1..20738f4f9d 100644 --- a/packages/solid/src/components/drawer/drawer-stack.tsx +++ b/packages/solid/src/components/drawer/drawer-stack.tsx @@ -3,8 +3,8 @@ import { normalizeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' import { createMemo } from 'solid-js' import { createStore, reconcile } from 'solid-js/store' -import { DrawerStackProvider } from './use-drawer-stack-context' -import { DrawerStackStoreProvider } from './use-drawer-stack-store' +import { DrawerStackProvider } from './use-drawer-stack-context.ts' +import { DrawerStackStoreProvider } from './use-drawer-stack-store.ts' export interface DrawerStackProps { children?: JSX.Element diff --git a/packages/solid/src/components/drawer/drawer-swipe-area.tsx b/packages/solid/src/components/drawer/drawer-swipe-area.tsx index 7c6567ebf8..d5056f863d 100644 --- a/packages/solid/src/components/drawer/drawer-swipe-area.tsx +++ b/packages/solid/src/components/drawer/drawer-swipe-area.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerSwipeAreaBaseProps extends PolymorphicProps<'div'> {} export interface DrawerSwipeAreaProps extends HTMLProps<'div'>, DrawerSwipeAreaBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-title.tsx b/packages/solid/src/components/drawer/drawer-title.tsx index 5e52afc897..dd8aecb05e 100644 --- a/packages/solid/src/components/drawer/drawer-title.tsx +++ b/packages/solid/src/components/drawer/drawer-title.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useDrawerContext } from './use-drawer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerTitleBaseProps extends PolymorphicProps<'h2'> {} export interface DrawerTitleProps extends HTMLProps<'h2'>, DrawerTitleBaseProps {} diff --git a/packages/solid/src/components/drawer/drawer-trigger.tsx b/packages/solid/src/components/drawer/drawer-trigger.tsx index b8290ab66e..1cc63bfcb2 100644 --- a/packages/solid/src/components/drawer/drawer-trigger.tsx +++ b/packages/solid/src/components/drawer/drawer-trigger.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/drawer' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useDrawerContext } from './use-drawer-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useDrawerContext } from './use-drawer-context.ts' export interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface DrawerTriggerProps extends Assign, DrawerTriggerBaseProps> {} diff --git a/packages/solid/src/components/drawer/drawer.stories.tsx b/packages/solid/src/components/drawer/drawer.stories.tsx index 55bdbe4329..71b25a2377 100644 --- a/packages/solid/src/components/drawer/drawer.stories.tsx +++ b/packages/solid/src/components/drawer/drawer.stories.tsx @@ -6,14 +6,14 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { SnapPoints } from './examples/snap-points' -export { Controlled } from './examples/controlled' -export { Modal } from './examples/modal' -export { MultipleTriggers } from './examples/multiple-triggers' -export { RootProvider } from './examples/root-provider' -export { Scrollable } from './examples/scrollable' -export { NoDragArea } from './examples/no-drag-area' -export { NonDraggable } from './examples/non-draggable' -export { IndentBackground } from './examples/indent-background' -export { SwipeDirection } from './examples/swipe-direction' +export { Basic } from './examples/basic.tsx' +export { SnapPoints } from './examples/snap-points.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Modal } from './examples/modal.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Scrollable } from './examples/scrollable.tsx' +export { NoDragArea } from './examples/no-drag-area.tsx' +export { NonDraggable } from './examples/non-draggable.tsx' +export { IndentBackground } from './examples/indent-background.tsx' +export { SwipeDirection } from './examples/swipe-direction.tsx' diff --git a/packages/solid/src/components/drawer/drawer.ts b/packages/solid/src/components/drawer/drawer.ts index f35ad155cb..e9756d3b4c 100644 --- a/packages/solid/src/components/drawer/drawer.ts +++ b/packages/solid/src/components/drawer/drawer.ts @@ -3,71 +3,71 @@ export { DrawerBackdrop as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, -} from './drawer-backdrop' +} from './drawer-backdrop.tsx' export { DrawerCloseTrigger as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, -} from './drawer-close-trigger' +} from './drawer-close-trigger.tsx' export { DrawerContent as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, -} from './drawer-content' +} from './drawer-content.tsx' export { DrawerDescription as Description, type DrawerDescriptionBaseProps as DescriptionBaseProps, type DrawerDescriptionProps as DescriptionProps, -} from './drawer-description' -export { DrawerContext as Context, type DrawerContextProps as ContextProps } from './drawer-context' +} from './drawer-description.tsx' +export { DrawerContext as Context, type DrawerContextProps as ContextProps } from './drawer-context.tsx' export { DrawerIndent as Indent, type DrawerIndentBaseProps as IndentBaseProps, type DrawerIndentProps as IndentProps, -} from './drawer-indent' +} from './drawer-indent.tsx' export { DrawerIndentBackground as IndentBackground, type DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, type DrawerIndentBackgroundProps as IndentBackgroundProps, -} from './drawer-indent-background' +} from './drawer-indent-background.tsx' export { DrawerPositioner as Positioner, type DrawerPositionerBaseProps as PositionerBaseProps, type DrawerPositionerProps as PositionerProps, -} from './drawer-positioner' +} from './drawer-positioner.tsx' export { DrawerGrabber as Grabber, type DrawerGrabberBaseProps as GrabberBaseProps, type DrawerGrabberProps as GrabberProps, -} from './drawer-grabber' +} from './drawer-grabber.tsx' export { DrawerGrabberIndicator as GrabberIndicator, type DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps as GrabberIndicatorProps, -} from './drawer-grabber-indicator' +} from './drawer-grabber-indicator.tsx' export { DrawerRoot as Root, type DrawerRootBaseProps as RootBaseProps, type DrawerRootProps as RootProps, -} from './drawer-root' +} from './drawer-root.tsx' export { DrawerRootProvider as RootProvider, type DrawerRootProviderBaseProps as RootProviderBaseProps, type DrawerRootProviderProps as RootProviderProps, -} from './drawer-root-provider' -export { DrawerStack as Stack, type DrawerStackProps as StackProps } from './drawer-stack' +} from './drawer-root-provider.tsx' +export { DrawerStack as Stack, type DrawerStackProps as StackProps } from './drawer-stack.tsx' export { DrawerSwipeArea as SwipeArea, type DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, type DrawerSwipeAreaProps as SwipeAreaProps, -} from './drawer-swipe-area' +} from './drawer-swipe-area.tsx' export { DrawerTitle as Title, type DrawerTitleBaseProps as TitleBaseProps, type DrawerTitleProps as TitleProps, -} from './drawer-title' +} from './drawer-title.tsx' export { DrawerTrigger as Trigger, type DrawerTriggerBaseProps as TriggerBaseProps, type DrawerTriggerProps as TriggerProps, -} from './drawer-trigger' +} from './drawer-trigger.tsx' diff --git a/packages/solid/src/components/drawer/index.tsx b/packages/solid/src/components/drawer/index.tsx index 398c2f42e8..36319bc887 100644 --- a/packages/solid/src/components/drawer/index.tsx +++ b/packages/solid/src/components/drawer/index.tsx @@ -3,41 +3,45 @@ export type { SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, } from '@zag-js/drawer' -export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop' +export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop.tsx' export { DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, -} from './drawer-close-trigger' -export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content' -export { DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps } from './drawer-description' -export { DrawerContext, type DrawerContextProps } from './drawer-context' -export { DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps } from './drawer-positioner' -export { DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps } from './drawer-grabber' +} from './drawer-close-trigger.tsx' +export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content.tsx' +export { + DrawerDescription, + type DrawerDescriptionBaseProps, + type DrawerDescriptionProps, +} from './drawer-description.tsx' +export { DrawerContext, type DrawerContextProps } from './drawer-context.tsx' +export { DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps } from './drawer-positioner.tsx' +export { DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps } from './drawer-grabber.tsx' export { DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, -} from './drawer-grabber-indicator' -export { DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps } from './drawer-root' +} from './drawer-grabber-indicator.tsx' +export { DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps } from './drawer-root.tsx' export { DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, -} from './drawer-root-provider' -export { DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps } from './drawer-title' -export { DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps } from './drawer-trigger' -export { DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps } from './drawer-indent' +} from './drawer-root-provider.tsx' +export { DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps } from './drawer-title.tsx' +export { DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps } from './drawer-trigger.tsx' +export { DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps } from './drawer-indent.tsx' export { DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, -} from './drawer-indent-background' -export { DrawerStack, type DrawerStackProps } from './drawer-stack' -export { DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps } from './drawer-swipe-area' -export { drawerAnatomy } from './drawer.anatomy' -export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from './use-drawer' -export { useDrawerContext, type UseDrawerContext } from './use-drawer-context' -export { useDrawerStackContext, type UseDrawerStackContext } from './use-drawer-stack-context' +} from './drawer-indent-background.tsx' +export { DrawerStack, type DrawerStackProps } from './drawer-stack.tsx' +export { DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps } from './drawer-swipe-area.tsx' +export { drawerAnatomy } from './drawer.anatomy.ts' +export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from './use-drawer.ts' +export { useDrawerContext, type UseDrawerContext } from './use-drawer-context.ts' +export { useDrawerStackContext, type UseDrawerStackContext } from './use-drawer-stack-context.ts' -export * as Drawer from './drawer' +export * as Drawer from './drawer.ts' diff --git a/packages/solid/src/components/drawer/use-drawer-context.ts b/packages/solid/src/components/drawer/use-drawer-context.ts index 9776861b0d..685cfcd05f 100644 --- a/packages/solid/src/components/drawer/use-drawer-context.ts +++ b/packages/solid/src/components/drawer/use-drawer-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseDrawerReturn } from './use-drawer' +import { createContext } from '../../utils/create-context.ts' +import type { UseDrawerReturn } from './use-drawer.ts' export interface UseDrawerContext extends UseDrawerReturn {} diff --git a/packages/solid/src/components/drawer/use-drawer-stack-context.ts b/packages/solid/src/components/drawer/use-drawer-stack-context.ts index e38d4c51db..33ff5845e6 100644 --- a/packages/solid/src/components/drawer/use-drawer-stack-context.ts +++ b/packages/solid/src/components/drawer/use-drawer-stack-context.ts @@ -1,7 +1,7 @@ import type { DrawerStackApi } from '@zag-js/drawer' import type { PropTypes } from '@zag-js/solid' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseDrawerStackContext extends Accessor> {} diff --git a/packages/solid/src/components/drawer/use-drawer.ts b/packages/solid/src/components/drawer/use-drawer.ts index 8311e7cd14..c5f2c1f0ff 100644 --- a/packages/solid/src/components/drawer/use-drawer.ts +++ b/packages/solid/src/components/drawer/use-drawer.ts @@ -1,10 +1,10 @@ import * as drawer from '@zag-js/drawer' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useDrawerStackStore } from './use-drawer-stack-store' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useDrawerStackStore } from './use-drawer-stack-store.ts' export interface UseDrawerProps extends Optional, 'id'> { defaultSnapPoint?: drawer.SnapPoint | undefined diff --git a/packages/solid/src/components/editable/editable-area.tsx b/packages/solid/src/components/editable/editable-area.tsx index b44c15024d..9942b6f718 100644 --- a/packages/solid/src/components/editable/editable-area.tsx +++ b/packages/solid/src/components/editable/editable-area.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableAreaBaseProps extends PolymorphicProps<'div'> {} export interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {} diff --git a/packages/solid/src/components/editable/editable-cancel-trigger.tsx b/packages/solid/src/components/editable/editable-cancel-trigger.tsx index af93990e82..3927c8db36 100644 --- a/packages/solid/src/components/editable/editable-cancel-trigger.tsx +++ b/packages/solid/src/components/editable/editable-cancel-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableCancelTriggerBaseProps extends PolymorphicProps<'button'> {} export interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {} diff --git a/packages/solid/src/components/editable/editable-context.tsx b/packages/solid/src/components/editable/editable-context.tsx index 277ce08a90..c511186212 100644 --- a/packages/solid/src/components/editable/editable-context.tsx +++ b/packages/solid/src/components/editable/editable-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseEditableContext, useEditableContext } from './use-editable-context' +import { type UseEditableContext, useEditableContext } from './use-editable-context.ts' export interface EditableContextProps { children: (context: UseEditableContext) => JSX.Element diff --git a/packages/solid/src/components/editable/editable-control.tsx b/packages/solid/src/components/editable/editable-control.tsx index 03d820cf3b..3974cf02ec 100644 --- a/packages/solid/src/components/editable/editable-control.tsx +++ b/packages/solid/src/components/editable/editable-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableControlBaseProps extends PolymorphicProps<'div'> {} export interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {} diff --git a/packages/solid/src/components/editable/editable-edit-trigger.tsx b/packages/solid/src/components/editable/editable-edit-trigger.tsx index 71a4adc0b5..a12ebbcf43 100644 --- a/packages/solid/src/components/editable/editable-edit-trigger.tsx +++ b/packages/solid/src/components/editable/editable-edit-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableEditTriggerBaseProps extends PolymorphicProps<'button'> {} export interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {} diff --git a/packages/solid/src/components/editable/editable-input.tsx b/packages/solid/src/components/editable/editable-input.tsx index 88f0294617..f5df9730ac 100644 --- a/packages/solid/src/components/editable/editable-input.tsx +++ b/packages/solid/src/components/editable/editable-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableInputBaseProps extends PolymorphicProps<'input'> {} export interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {} diff --git a/packages/solid/src/components/editable/editable-label.tsx b/packages/solid/src/components/editable/editable-label.tsx index 79da5665a8..6615cee95b 100644 --- a/packages/solid/src/components/editable/editable-label.tsx +++ b/packages/solid/src/components/editable/editable-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableLabelBaseProps extends PolymorphicProps<'label'> {} export interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {} diff --git a/packages/solid/src/components/editable/editable-preview.tsx b/packages/solid/src/components/editable/editable-preview.tsx index c5e1343746..25d532839a 100644 --- a/packages/solid/src/components/editable/editable-preview.tsx +++ b/packages/solid/src/components/editable/editable-preview.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditablePreviewBaseProps extends PolymorphicProps<'span'> {} export interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {} diff --git a/packages/solid/src/components/editable/editable-root-provider.tsx b/packages/solid/src/components/editable/editable-root-provider.tsx index bba4bd755a..626708ee68 100644 --- a/packages/solid/src/components/editable/editable-root-provider.tsx +++ b/packages/solid/src/components/editable/editable-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseEditableReturn } from './use-editable' -import { EditableProvider } from './use-editable-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseEditableReturn } from './use-editable.ts' +import { EditableProvider } from './use-editable-context.ts' interface RootProviderProps { value: UseEditableReturn diff --git a/packages/solid/src/components/editable/editable-root.tsx b/packages/solid/src/components/editable/editable-root.tsx index 23052b42f0..6fd4d12aff 100644 --- a/packages/solid/src/components/editable/editable-root.tsx +++ b/packages/solid/src/components/editable/editable-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseEditableProps, useEditable } from './use-editable' -import { EditableProvider } from './use-editable-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseEditableProps, useEditable } from './use-editable.ts' +import { EditableProvider } from './use-editable-context.ts' export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps<'div'> {} export interface EditableRootProps extends HTMLProps<'div'>, EditableRootBaseProps {} diff --git a/packages/solid/src/components/editable/editable-submit-trigger.tsx b/packages/solid/src/components/editable/editable-submit-trigger.tsx index 621d66d0de..624db045df 100644 --- a/packages/solid/src/components/editable/editable-submit-trigger.tsx +++ b/packages/solid/src/components/editable/editable-submit-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useEditableContext } from './use-editable-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useEditableContext } from './use-editable-context.ts' export interface EditableSubmitTriggerBaseProps extends PolymorphicProps<'button'> {} export interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {} diff --git a/packages/solid/src/components/editable/editable.stories.tsx b/packages/solid/src/components/editable/editable.stories.tsx index 2682a8f0e9..8ebf58a5b9 100644 --- a/packages/solid/src/components/editable/editable.stories.tsx +++ b/packages/solid/src/components/editable/editable.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Controls } from './examples/controls' -export { DoubleClick } from './examples/double-click' -export { RootProvider } from './examples/root-provider' -export { Textarea } from './examples/textarea' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Controls } from './examples/controls.tsx' +export { DoubleClick } from './examples/double-click.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Textarea } from './examples/textarea.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/editable/editable.ts b/packages/solid/src/components/editable/editable.ts index 5021ebfc4f..51d0217ff0 100644 --- a/packages/solid/src/components/editable/editable.ts +++ b/packages/solid/src/components/editable/editable.ts @@ -8,50 +8,50 @@ export { EditableArea as Area, type EditableAreaBaseProps as AreaBaseProps, type EditableAreaProps as AreaProps, -} from './editable-area' +} from './editable-area.tsx' export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, type EditableCancelTriggerProps as CancelTriggerProps, -} from './editable-cancel-trigger' -export { EditableContext as Context, type EditableContextProps as ContextProps } from './editable-context' +} from './editable-cancel-trigger.tsx' +export { EditableContext as Context, type EditableContextProps as ContextProps } from './editable-context.tsx' export { EditableControl as Control, type EditableControlBaseProps as ControlBaseProps, type EditableControlProps as ControlProps, -} from './editable-control' +} from './editable-control.tsx' export { EditableEditTrigger as EditTrigger, type EditableEditTriggerBaseProps as EditTriggerBaseProps, type EditableEditTriggerProps as EditTriggerProps, -} from './editable-edit-trigger' +} from './editable-edit-trigger.tsx' export { EditableInput as Input, type EditableInputBaseProps as InputBaseProps, type EditableInputProps as InputProps, -} from './editable-input' +} from './editable-input.tsx' export { EditableLabel as Label, type EditableLabelBaseProps as LabelBaseProps, type EditableLabelProps as LabelProps, -} from './editable-label' +} from './editable-label.tsx' export { EditablePreview as Preview, type EditablePreviewBaseProps as PreviewBaseProps, type EditablePreviewProps as PreviewProps, -} from './editable-preview' +} from './editable-preview.tsx' export { EditableRoot as Root, type EditableRootBaseProps as RootBaseProps, type EditableRootProps as RootProps, -} from './editable-root' +} from './editable-root.tsx' export { EditableRootProvider as RootProvider, type EditableRootProviderBaseProps as RootProviderBaseProps, type EditableRootProviderProps as RootProviderProps, -} from './editable-root-provider' +} from './editable-root-provider.tsx' export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, type EditableSubmitTriggerProps as SubmitTriggerProps, -} from './editable-submit-trigger' +} from './editable-submit-trigger.tsx' diff --git a/packages/solid/src/components/editable/index.tsx b/packages/solid/src/components/editable/index.tsx index 139f56481d..3516f39fa6 100644 --- a/packages/solid/src/components/editable/index.tsx +++ b/packages/solid/src/components/editable/index.tsx @@ -5,35 +5,35 @@ export type { PointerDownOutsideEvent as EditablePointerDownOutsideEvent, ValueChangeDetails as EditableValueChangeDetails, } from '@zag-js/editable' -export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps } from './editable-area' +export { EditableArea, type EditableAreaBaseProps, type EditableAreaProps } from './editable-area.tsx' export { EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, -} from './editable-cancel-trigger' -export { EditableContext, type EditableContextProps } from './editable-context' -export { EditableControl, type EditableControlBaseProps, type EditableControlProps } from './editable-control' +} from './editable-cancel-trigger.tsx' +export { EditableContext, type EditableContextProps } from './editable-context.tsx' +export { EditableControl, type EditableControlBaseProps, type EditableControlProps } from './editable-control.tsx' export { EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, -} from './editable-edit-trigger' -export { EditableInput, type EditableInputBaseProps, type EditableInputProps } from './editable-input' -export { EditableLabel, type EditableLabelBaseProps, type EditableLabelProps } from './editable-label' -export { EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps } from './editable-preview' -export { EditableRoot, type EditableRootBaseProps, type EditableRootProps } from './editable-root' +} from './editable-edit-trigger.tsx' +export { EditableInput, type EditableInputBaseProps, type EditableInputProps } from './editable-input.tsx' +export { EditableLabel, type EditableLabelBaseProps, type EditableLabelProps } from './editable-label.tsx' +export { EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps } from './editable-preview.tsx' +export { EditableRoot, type EditableRootBaseProps, type EditableRootProps } from './editable-root.tsx' export { EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, -} from './editable-root-provider' +} from './editable-root-provider.tsx' export { EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, -} from './editable-submit-trigger' -export { editableAnatomy } from './editable.anatomy' -export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable' -export { useEditableContext, type UseEditableContext } from './use-editable-context' +} from './editable-submit-trigger.tsx' +export { editableAnatomy } from './editable.anatomy.ts' +export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable.ts' +export { useEditableContext, type UseEditableContext } from './use-editable-context.ts' -export * as Editable from './editable' +export * as Editable from './editable.ts' diff --git a/packages/solid/src/components/editable/tests/basic.tsx b/packages/solid/src/components/editable/tests/basic.tsx index a9be7da7ca..eb4dd2d846 100644 --- a/packages/solid/src/components/editable/tests/basic.tsx +++ b/packages/solid/src/components/editable/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Editable } from '../' +import { Editable } from '../index.tsx' export const ComponentUnderTest = (props: Editable.RootProps) => ( diff --git a/packages/solid/src/components/editable/tests/controlled.tsx b/packages/solid/src/components/editable/tests/controlled.tsx index 670fa890ca..aef2fc9997 100644 --- a/packages/solid/src/components/editable/tests/controlled.tsx +++ b/packages/solid/src/components/editable/tests/controlled.tsx @@ -1,5 +1,5 @@ -import { Editable } from '../' -import { Field } from '../../field' +import { Editable } from '../index.tsx' +import { Field } from '../../field/index.tsx' export const ControlledComponentUnderTest = (props: Editable.RootProps) => ( diff --git a/packages/solid/src/components/editable/tests/editable.test.tsx b/packages/solid/src/components/editable/tests/editable.test.tsx index 9b92f9852a..a936192cc1 100644 --- a/packages/solid/src/components/editable/tests/editable.test.tsx +++ b/packages/solid/src/components/editable/tests/editable.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ControlledComponentUnderTest, EditableWithField } from './controlled' +import { ControlledComponentUnderTest, EditableWithField } from './controlled.tsx' describe('Editable', () => { it('should render controlled component', async () => { diff --git a/packages/solid/src/components/editable/use-editable-context.ts b/packages/solid/src/components/editable/use-editable-context.ts index 28e66f809e..cc3e6e4bb6 100644 --- a/packages/solid/src/components/editable/use-editable-context.ts +++ b/packages/solid/src/components/editable/use-editable-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseEditableReturn } from './use-editable' +import { createContext } from '../../utils/create-context.ts' +import type { UseEditableReturn } from './use-editable.ts' export interface UseEditableContext extends UseEditableReturn {} diff --git a/packages/solid/src/components/editable/use-editable.ts b/packages/solid/src/components/editable/use-editable.ts index 8b948da695..a92941164d 100644 --- a/packages/solid/src/components/editable/use-editable.ts +++ b/packages/solid/src/components/editable/use-editable.ts @@ -1,10 +1,10 @@ import * as editable from '@zag-js/editable' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseEditableProps extends Optional, 'id'> {} export interface UseEditableReturn extends Accessor> {} diff --git a/packages/solid/src/components/factory.test.tsx b/packages/solid/src/components/factory.test.tsx index 55e8b29b4b..051af8059a 100644 --- a/packages/solid/src/components/factory.test.tsx +++ b/packages/solid/src/components/factory.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ark } from './factory' +import { ark } from './factory.tsx' const ComponentUnderTest = () => ( JSX.Element diff --git a/packages/solid/src/components/field/field-error-text.tsx b/packages/solid/src/components/field/field-error-text.tsx index 88b38596df..0b6d3bd818 100644 --- a/packages/solid/src/components/field/field-error-text.tsx +++ b/packages/solid/src/components/field/field-error-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldErrorTextBaseProps extends PolymorphicProps<'span'> {} export interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {} diff --git a/packages/solid/src/components/field/field-helper-text.tsx b/packages/solid/src/components/field/field-helper-text.tsx index 6c8ee0f049..83f2e7a352 100644 --- a/packages/solid/src/components/field/field-helper-text.tsx +++ b/packages/solid/src/components/field/field-helper-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldHelperTextBaseProps extends PolymorphicProps<'span'> {} export interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {} diff --git a/packages/solid/src/components/field/field-input.tsx b/packages/solid/src/components/field/field-input.tsx index 1d4f5b9378..9cb7c2786f 100644 --- a/packages/solid/src/components/field/field-input.tsx +++ b/packages/solid/src/components/field/field-input.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldInputBaseProps extends PolymorphicProps<'input'> {} export interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {} diff --git a/packages/solid/src/components/field/field-item.tsx b/packages/solid/src/components/field/field-item.tsx index 15277e2dd6..e93a55be37 100644 --- a/packages/solid/src/components/field/field-item.tsx +++ b/packages/solid/src/components/field/field-item.tsx @@ -1,6 +1,6 @@ import { createMemo, type JSX } from 'solid-js' -import { parts } from './field.anatomy' -import { FieldProvider, useFieldContext, type UseFieldContext } from './use-field-context' +import { parts } from './field.anatomy.ts' +import { FieldProvider, useFieldContext, type UseFieldContext } from './use-field-context.ts' export interface FieldItemBaseProps { value: string diff --git a/packages/solid/src/components/field/field-label.tsx b/packages/solid/src/components/field/field-label.tsx index c2e65740be..9b9003cf41 100644 --- a/packages/solid/src/components/field/field-label.tsx +++ b/packages/solid/src/components/field/field-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldLabelBaseProps extends PolymorphicProps<'label'> {} export interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {} diff --git a/packages/solid/src/components/field/field-required-indicator.tsx b/packages/solid/src/components/field/field-required-indicator.tsx index d1aa8b6d53..736c92acb2 100644 --- a/packages/solid/src/components/field/field-required-indicator.tsx +++ b/packages/solid/src/components/field/field-required-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { type JSX, Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldRequiredIndicatorBaseProps extends PolymorphicProps<'span'> { fallback?: JSX.Element diff --git a/packages/solid/src/components/field/field-root-provider.tsx b/packages/solid/src/components/field/field-root-provider.tsx index b8de742bf8..6950068e4c 100644 --- a/packages/solid/src/components/field/field-root-provider.tsx +++ b/packages/solid/src/components/field/field-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseFieldReturn } from './use-field' -import { FieldProvider } from './use-field-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseFieldReturn } from './use-field.ts' +import { FieldProvider } from './use-field-context.ts' interface RootProviderProps { value: UseFieldReturn diff --git a/packages/solid/src/components/field/field-root.tsx b/packages/solid/src/components/field/field-root.tsx index 04824c6128..15440bfd04 100644 --- a/packages/solid/src/components/field/field-root.tsx +++ b/packages/solid/src/components/field/field-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseFieldProps, useField } from './use-field' -import { FieldProvider } from './use-field-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseFieldProps, useField } from './use-field.ts' +import { FieldProvider } from './use-field-context.ts' export interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<'div'> {} export interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {} diff --git a/packages/solid/src/components/field/field-select.tsx b/packages/solid/src/components/field/field-select.tsx index f4482aa010..39843a8203 100644 --- a/packages/solid/src/components/field/field-select.tsx +++ b/packages/solid/src/components/field/field-select.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldSelectBaseProps extends PolymorphicProps<'select'> {} export interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {} diff --git a/packages/solid/src/components/field/field-textarea.tsx b/packages/solid/src/components/field/field-textarea.tsx index c974209259..e5fdfb2659 100644 --- a/packages/solid/src/components/field/field-textarea.tsx +++ b/packages/solid/src/components/field/field-textarea.tsx @@ -1,9 +1,9 @@ import { autoresizeTextarea } from '@zag-js/auto-resize' import { mergeProps } from '@zag-js/solid' import { onCleanup, onMount, splitProps } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from './use-field-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from './use-field-context.ts' export interface FieldTextareaBaseProps extends PolymorphicProps<'textarea'> { /** diff --git a/packages/solid/src/components/field/field.stories.tsx b/packages/solid/src/components/field/field.stories.tsx index 5b248c807a..dacea4d9fd 100644 --- a/packages/solid/src/components/field/field.stories.tsx +++ b/packages/solid/src/components/field/field.stories.tsx @@ -6,16 +6,16 @@ const meta: Meta = { export default meta -export { Input } from './examples/input' -export { InputControlled } from './examples/input-controlled' -export { Invalid } from './examples/invalid' -export { ReactiveInvalid } from './examples/reactive-invalid' -export { Required } from './examples/required' -export { RequiredIndicator } from './examples/required-indicator' -export { Select } from './examples/select' -export { SelectControlled } from './examples/select-controlled' -export { Textarea } from './examples/textarea' -export { TextareaControlled } from './examples/textarea-controlled' -export { TextareaAutoresize } from './examples/textarea-autoresize' -export { Disabled } from './examples/disabled' -export { CustomControl } from './examples/custom-control' +export { Input } from './examples/input.tsx' +export { InputControlled } from './examples/input-controlled.tsx' +export { Invalid } from './examples/invalid.tsx' +export { ReactiveInvalid } from './examples/reactive-invalid.tsx' +export { Required } from './examples/required.tsx' +export { RequiredIndicator } from './examples/required-indicator.tsx' +export { Select } from './examples/select.tsx' +export { SelectControlled } from './examples/select-controlled.tsx' +export { Textarea } from './examples/textarea.tsx' +export { TextareaControlled } from './examples/textarea-controlled.tsx' +export { TextareaAutoresize } from './examples/textarea-autoresize.tsx' +export { Disabled } from './examples/disabled.tsx' +export { CustomControl } from './examples/custom-control.tsx' diff --git a/packages/solid/src/components/field/field.test.tsx b/packages/solid/src/components/field/field.test.tsx index 5ac40e02e6..cfa61dd078 100644 --- a/packages/solid/src/components/field/field.test.tsx +++ b/packages/solid/src/components/field/field.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { Field } from '../' +import { Field } from '../index.tsx' const ComponentUnderTest = (props: Field.RootProps) => ( diff --git a/packages/solid/src/components/field/field.ts b/packages/solid/src/components/field/field.ts index 4ae375925b..d8c7ecce99 100644 --- a/packages/solid/src/components/field/field.ts +++ b/packages/solid/src/components/field/field.ts @@ -1,51 +1,51 @@ -export { FieldContext as Context, type FieldContextProps as ContextProps } from './field-context' +export { FieldContext as Context, type FieldContextProps as ContextProps } from './field-context.tsx' export { FieldErrorText as ErrorText, type FieldErrorTextBaseProps as ErrorTextBaseProps, type FieldErrorTextProps as ErrorTextProps, -} from './field-error-text' +} from './field-error-text.tsx' export { FieldHelperText as HelperText, type FieldHelperTextBaseProps as HelperTextBaseProps, type FieldHelperTextProps as HelperTextProps, -} from './field-helper-text' +} from './field-helper-text.tsx' export { FieldInput as Input, type FieldInputBaseProps as InputBaseProps, type FieldInputProps as InputProps, -} from './field-input' +} from './field-input.tsx' export { FieldItem as Item, type FieldItemBaseProps as ItemBaseProps, type FieldItemProps as ItemProps, -} from './field-item' +} from './field-item.tsx' export { FieldLabel as Label, type FieldLabelBaseProps as LabelBaseProps, type FieldLabelProps as LabelProps, -} from './field-label' +} from './field-label.tsx' export { FieldRequiredIndicator as RequiredIndicator, type FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, type FieldRequiredIndicatorProps as RequiredIndicatorProps, -} from './field-required-indicator' +} from './field-required-indicator.tsx' export { FieldRoot as Root, type FieldRootBaseProps as RootBaseProps, type FieldRootProps as RootProps, -} from './field-root' +} from './field-root.tsx' export { FieldRootProvider as RootProvider, type FieldRootProviderBaseProps as RootProviderBaseProps, type FieldRootProviderProps as RootProviderProps, -} from './field-root-provider' +} from './field-root-provider.tsx' export { FieldSelect as Select, type FieldSelectBaseProps as SelectBaseProps, type FieldSelectProps as SelectProps, -} from './field-select' +} from './field-select.tsx' export { FieldTextarea as Textarea, type FieldTextareaBaseProps as TextareaBaseProps, type FieldTextareaProps as TextareaProps, -} from './field-textarea' +} from './field-textarea.tsx' diff --git a/packages/solid/src/components/field/index.tsx b/packages/solid/src/components/field/index.tsx index 5fc0a6ce81..d152847f1d 100644 --- a/packages/solid/src/components/field/index.tsx +++ b/packages/solid/src/components/field/index.tsx @@ -1,20 +1,24 @@ -export { FieldContext, type FieldContextProps } from './field-context' -export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps } from './field-error-text' -export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps } from './field-helper-text' -export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input' -export { FieldItem, type FieldItemBaseProps, type FieldItemProps } from './field-item' -export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label' +export { FieldContext, type FieldContextProps } from './field-context.tsx' +export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps } from './field-error-text.tsx' +export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps } from './field-helper-text.tsx' +export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input.tsx' +export { FieldItem, type FieldItemBaseProps, type FieldItemProps } from './field-item.tsx' +export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label.tsx' export { FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, -} from './field-required-indicator' -export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root' -export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps } from './field-root-provider' -export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select' -export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps } from './field-textarea' -export { fieldAnatomy } from './field.anatomy' -export { useField, type UseFieldProps, type UseFieldReturn } from './use-field' -export { useFieldContext, type UseFieldContext } from './use-field-context' +} from './field-required-indicator.tsx' +export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root.tsx' +export { + FieldRootProvider, + type FieldRootProviderBaseProps, + type FieldRootProviderProps, +} from './field-root-provider.tsx' +export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select.tsx' +export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps } from './field-textarea.tsx' +export { fieldAnatomy } from './field.anatomy.ts' +export { useField, type UseFieldProps, type UseFieldReturn } from './use-field.ts' +export { useFieldContext, type UseFieldContext } from './use-field-context.ts' -export * as Field from './field' +export * as Field from './field.ts' diff --git a/packages/solid/src/components/field/use-field-context.ts b/packages/solid/src/components/field/use-field-context.ts index de2acfab73..f535271735 100644 --- a/packages/solid/src/components/field/use-field-context.ts +++ b/packages/solid/src/components/field/use-field-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseFieldReturn } from './use-field' +import { createContext } from '../../utils/create-context.ts' +import type { UseFieldReturn } from './use-field.ts' export interface UseFieldContext extends UseFieldReturn {} diff --git a/packages/solid/src/components/field/use-field.ts b/packages/solid/src/components/field/use-field.ts index daae3e6899..cf1a4575f9 100644 --- a/packages/solid/src/components/field/use-field.ts +++ b/packages/solid/src/components/field/use-field.ts @@ -1,10 +1,10 @@ import { ariaAttr, dataAttr } from '@zag-js/dom-query' import { createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount } from 'solid-js' -import { useEnvironmentContext } from '../../providers' -import type { MaybeAccessor } from '../../types' -import { useFieldsetContext } from '../fieldset' -import type { UseFieldsetReturn } from '../fieldset/use-fieldset' -import { parts } from './field.anatomy' +import { useEnvironmentContext } from '../../providers/index.tsx' +import type { MaybeAccessor } from '../../types.ts' +import { useFieldsetContext } from '../fieldset/index.tsx' +import type { UseFieldsetReturn } from '../fieldset/use-fieldset.ts' +import { parts } from './field.anatomy.ts' export interface ElementIds { root?: string diff --git a/packages/solid/src/components/fieldset/fieldset-context.tsx b/packages/solid/src/components/fieldset/fieldset-context.tsx index 70382cf006..cdebf3b160 100644 --- a/packages/solid/src/components/fieldset/fieldset-context.tsx +++ b/packages/solid/src/components/fieldset/fieldset-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseFieldsetContext, useFieldsetContext } from './use-fieldset-context' +import { type UseFieldsetContext, useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetContextProps { children: (context: UseFieldsetContext) => JSX.Element diff --git a/packages/solid/src/components/fieldset/fieldset-error-text.tsx b/packages/solid/src/components/fieldset/fieldset-error-text.tsx index 4c3b6166cc..c481a2a40a 100644 --- a/packages/solid/src/components/fieldset/fieldset-error-text.tsx +++ b/packages/solid/src/components/fieldset/fieldset-error-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldsetContext } from './use-fieldset-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetErrorTextBaseProps extends PolymorphicProps<'span'> {} export interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {} diff --git a/packages/solid/src/components/fieldset/fieldset-helper-text.tsx b/packages/solid/src/components/fieldset/fieldset-helper-text.tsx index 073e100beb..6c4c94666b 100644 --- a/packages/solid/src/components/fieldset/fieldset-helper-text.tsx +++ b/packages/solid/src/components/fieldset/fieldset-helper-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldsetContext } from './use-fieldset-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetHelperTextBaseProps extends PolymorphicProps<'span'> {} export interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {} diff --git a/packages/solid/src/components/fieldset/fieldset-legend.tsx b/packages/solid/src/components/fieldset/fieldset-legend.tsx index a9179702ab..e777cb40c1 100644 --- a/packages/solid/src/components/fieldset/fieldset-legend.tsx +++ b/packages/solid/src/components/fieldset/fieldset-legend.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldsetContext } from './use-fieldset-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldsetContext } from './use-fieldset-context.ts' export interface FieldsetLegendBaseProps extends PolymorphicProps<'legend'> {} export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {} diff --git a/packages/solid/src/components/fieldset/fieldset-root-provider.tsx b/packages/solid/src/components/fieldset/fieldset-root-provider.tsx index 90ed02ea5c..c79fd87d7f 100644 --- a/packages/solid/src/components/fieldset/fieldset-root-provider.tsx +++ b/packages/solid/src/components/fieldset/fieldset-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseFieldsetReturn } from './use-fieldset' -import { FieldsetProvider } from './use-fieldset-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseFieldsetReturn } from './use-fieldset.ts' +import { FieldsetProvider } from './use-fieldset-context.ts' interface RootProviderProps { value: UseFieldsetReturn diff --git a/packages/solid/src/components/fieldset/fieldset-root.tsx b/packages/solid/src/components/fieldset/fieldset-root.tsx index 566e0672e7..ae7ad88673 100644 --- a/packages/solid/src/components/fieldset/fieldset-root.tsx +++ b/packages/solid/src/components/fieldset/fieldset-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseFieldsetProps, useFieldset } from './use-fieldset' -import { FieldsetProvider } from './use-fieldset-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseFieldsetProps, useFieldset } from './use-fieldset.ts' +import { FieldsetProvider } from './use-fieldset-context.ts' export interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<'fieldset'> {} export interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {} diff --git a/packages/solid/src/components/fieldset/fieldset.stories.tsx b/packages/solid/src/components/fieldset/fieldset.stories.tsx index 9d1273a68e..9779ec2888 100644 --- a/packages/solid/src/components/fieldset/fieldset.stories.tsx +++ b/packages/solid/src/components/fieldset/fieldset.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Disabled } from './examples/disabled' -export { Invalid } from './examples/invalid' -export { PhoneInput } from './examples/phone-input' -export { RootProvider } from './examples/root-provider' -export { WithCheckbox } from './examples/with-checkbox' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Invalid } from './examples/invalid.tsx' +export { PhoneInput } from './examples/phone-input.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithCheckbox } from './examples/with-checkbox.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/fieldset/fieldset.test.tsx b/packages/solid/src/components/fieldset/fieldset.test.tsx index c45fbdba2a..d00bb71bc7 100644 --- a/packages/solid/src/components/fieldset/fieldset.test.tsx +++ b/packages/solid/src/components/fieldset/fieldset.test.tsx @@ -1,5 +1,5 @@ import { render, screen, waitFor } from '@solidjs/testing-library' -import { Field, Fieldset } from '../' +import { Field, Fieldset } from '../index.tsx' const ComponentUnderTest = (props: Fieldset.RootProps) => ( diff --git a/packages/solid/src/components/fieldset/fieldset.ts b/packages/solid/src/components/fieldset/fieldset.ts index 8b777662b0..8c236bc593 100644 --- a/packages/solid/src/components/fieldset/fieldset.ts +++ b/packages/solid/src/components/fieldset/fieldset.ts @@ -1,26 +1,26 @@ -export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context' +export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context.tsx' export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, -} from './fieldset-error-text' +} from './fieldset-error-text.tsx' export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, -} from './fieldset-helper-text' +} from './fieldset-helper-text.tsx' export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, -} from './fieldset-legend' +} from './fieldset-legend.tsx' export { FieldsetRoot as Root, type FieldsetRootBaseProps as RootBaseProps, type FieldsetRootProps as RootProps, -} from './fieldset-root' +} from './fieldset-root.tsx' export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderBaseProps as RootProviderBaseProps, type FieldsetRootProviderProps as RootProviderProps, -} from './fieldset-root-provider' +} from './fieldset-root-provider.tsx' diff --git a/packages/solid/src/components/fieldset/fieldset.tsx b/packages/solid/src/components/fieldset/fieldset.tsx index 8b777662b0..8c236bc593 100644 --- a/packages/solid/src/components/fieldset/fieldset.tsx +++ b/packages/solid/src/components/fieldset/fieldset.tsx @@ -1,26 +1,26 @@ -export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context' +export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context.tsx' export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, -} from './fieldset-error-text' +} from './fieldset-error-text.tsx' export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, -} from './fieldset-helper-text' +} from './fieldset-helper-text.tsx' export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, -} from './fieldset-legend' +} from './fieldset-legend.tsx' export { FieldsetRoot as Root, type FieldsetRootBaseProps as RootBaseProps, type FieldsetRootProps as RootProps, -} from './fieldset-root' +} from './fieldset-root.tsx' export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderBaseProps as RootProviderBaseProps, type FieldsetRootProviderProps as RootProviderProps, -} from './fieldset-root-provider' +} from './fieldset-root-provider.tsx' diff --git a/packages/solid/src/components/fieldset/index.tsx b/packages/solid/src/components/fieldset/index.tsx index 8a6151158e..e671a1759e 100644 --- a/packages/solid/src/components/fieldset/index.tsx +++ b/packages/solid/src/components/fieldset/index.tsx @@ -1,19 +1,23 @@ -export { FieldsetContext, type FieldsetContextProps } from './fieldset-context' -export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps } from './fieldset-error-text' +export { FieldsetContext, type FieldsetContextProps } from './fieldset-context.tsx' +export { + FieldsetErrorText, + type FieldsetErrorTextBaseProps, + type FieldsetErrorTextProps, +} from './fieldset-error-text.tsx' export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, -} from './fieldset-helper-text' -export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend' -export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root' +} from './fieldset-helper-text.tsx' +export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend.tsx' +export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root.tsx' export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, -} from './fieldset-root-provider' -export { fieldsetAnatomy } from './fieldset.anatomy' -export { useFieldset, type UseFieldsetProps, type UseFieldsetReturn } from './use-fieldset' -export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context' +} from './fieldset-root-provider.tsx' +export { fieldsetAnatomy } from './fieldset.anatomy.ts' +export { useFieldset, type UseFieldsetProps, type UseFieldsetReturn } from './use-fieldset.ts' +export { useFieldsetContext, type UseFieldsetContext } from './use-fieldset-context.ts' -export * as Fieldset from './fieldset' +export * as Fieldset from './fieldset.ts' diff --git a/packages/solid/src/components/fieldset/use-fieldset-context.ts b/packages/solid/src/components/fieldset/use-fieldset-context.ts index 3741486f13..48fa9efbe6 100644 --- a/packages/solid/src/components/fieldset/use-fieldset-context.ts +++ b/packages/solid/src/components/fieldset/use-fieldset-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseFieldsetReturn } from './use-fieldset' +import { createContext } from '../../utils/create-context.ts' +import type { UseFieldsetReturn } from './use-fieldset.ts' export interface UseFieldsetContext extends UseFieldsetReturn {} diff --git a/packages/solid/src/components/fieldset/use-fieldset.ts b/packages/solid/src/components/fieldset/use-fieldset.ts index 050084a4bb..44eeda5399 100644 --- a/packages/solid/src/components/fieldset/use-fieldset.ts +++ b/packages/solid/src/components/fieldset/use-fieldset.ts @@ -1,9 +1,9 @@ import { dataAttr } from '@zag-js/dom-query' import { createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount } from 'solid-js' -import { useEnvironmentContext } from '../../providers' -import type { MaybeAccessor } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { parts } from './fieldset.anatomy' +import { useEnvironmentContext } from '../../providers/index.tsx' +import type { MaybeAccessor } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { parts } from './fieldset.anatomy.ts' export interface UseFieldsetProps { /** diff --git a/packages/solid/src/components/file-upload/file-upload-clear-trigger.tsx b/packages/solid/src/components/file-upload/file-upload-clear-trigger.tsx index fe924e5b83..98c80880e3 100644 --- a/packages/solid/src/components/file-upload/file-upload-clear-trigger.tsx +++ b/packages/solid/src/components/file-upload/file-upload-clear-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadClearTriggerBaseProps extends PolymorphicProps<'button'> {} export interface FileUploadClearTriggerProps extends HTMLProps<'button'>, FileUploadClearTriggerBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-context.tsx b/packages/solid/src/components/file-upload/file-upload-context.tsx index b58bed6361..c355af908e 100644 --- a/packages/solid/src/components/file-upload/file-upload-context.tsx +++ b/packages/solid/src/components/file-upload/file-upload-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context' +import { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadContextProps { children: (context: UseFileUploadContext) => JSX.Element diff --git a/packages/solid/src/components/file-upload/file-upload-dropzone.tsx b/packages/solid/src/components/file-upload/file-upload-dropzone.tsx index 83cc977514..0cdc90bea2 100644 --- a/packages/solid/src/components/file-upload/file-upload-dropzone.tsx +++ b/packages/solid/src/components/file-upload/file-upload-dropzone.tsx @@ -1,8 +1,8 @@ import type { DropzoneProps } from '@zag-js/file-upload' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadDropzoneBaseProps extends PolymorphicProps<'div'>, DropzoneProps {} export interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-hidden-input.tsx b/packages/solid/src/components/file-upload/file-upload-hidden-input.tsx index a92375ff72..8bdf4086dd 100644 --- a/packages/solid/src/components/file-upload/file-upload-hidden-input.tsx +++ b/packages/solid/src/components/file-upload/file-upload-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface FileUploadHiddenInputProps extends HTMLProps<'input'>, FileUploadHiddenInputBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-item-delete-trigger.tsx b/packages/solid/src/components/file-upload/file-upload-item-delete-trigger.tsx index 856be98ca4..e43a0aa6c4 100644 --- a/packages/solid/src/components/file-upload/file-upload-item-delete-trigger.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item-delete-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemDeleteTriggerBaseProps extends PolymorphicProps<'button'> {} export interface FileUploadItemDeleteTriggerProps extends HTMLProps<'button'>, FileUploadItemDeleteTriggerBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-item-group.tsx b/packages/solid/src/components/file-upload/file-upload-item-group.tsx index 1e0f3d70c7..ddc2d9e60b 100644 --- a/packages/solid/src/components/file-upload/file-upload-item-group.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item-group.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { ItemGroupProps } from '@zag-js/file-upload' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context.ts' export interface FileUploadItemGroupBaseProps extends PolymorphicProps<'ul'>, ItemGroupProps {} export interface FileUploadItemGroupProps extends HTMLProps<'ul'>, FileUploadItemGroupBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-item-name.tsx b/packages/solid/src/components/file-upload/file-upload-item-name.tsx index 103daa14b0..a1143f42a9 100644 --- a/packages/solid/src/components/file-upload/file-upload-item-name.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item-name.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemNameBaseProps extends PolymorphicProps<'div'> {} export interface FileUploadItemNameProps extends HTMLProps<'div'>, FileUploadItemNameBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-item-preview-image.tsx b/packages/solid/src/components/file-upload/file-upload-item-preview-image.tsx index 6adf5aded5..fe9603d774 100644 --- a/packages/solid/src/components/file-upload/file-upload-item-preview-image.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item-preview-image.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show, createEffect, createSignal, onCleanup } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps<'img'> {} export interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-item-preview.tsx b/packages/solid/src/components/file-upload/file-upload-item-preview.tsx index b086bacea4..a6da4f681f 100644 --- a/packages/solid/src/components/file-upload/file-upload-item-preview.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item-preview.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemPreviewBaseProps extends PolymorphicProps<'div'> { /** diff --git a/packages/solid/src/components/file-upload/file-upload-item-size-text.tsx b/packages/solid/src/components/file-upload/file-upload-item-size-text.tsx index c2950a96b9..181456c458 100644 --- a/packages/solid/src/components/file-upload/file-upload-item-size-text.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item-size-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.ts' export interface FileUploadItemSizeTextBaseProps extends PolymorphicProps<'div'> {} export interface FileUploadItemSizeTextProps extends HTMLProps<'div'>, FileUploadItemSizeTextBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-item.tsx b/packages/solid/src/components/file-upload/file-upload-item.tsx index 124a216ba9..c09f160899 100644 --- a/packages/solid/src/components/file-upload/file-upload-item.tsx +++ b/packages/solid/src/components/file-upload/file-upload-item.tsx @@ -1,11 +1,11 @@ import type { ItemProps } from '@zag-js/file-upload' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' -import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context' -import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' +import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context.ts' +import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context.ts' type ItemBaseProps = Omit diff --git a/packages/solid/src/components/file-upload/file-upload-label.tsx b/packages/solid/src/components/file-upload/file-upload-label.tsx index 310fcccf8f..b1ad9bf5ce 100644 --- a/packages/solid/src/components/file-upload/file-upload-label.tsx +++ b/packages/solid/src/components/file-upload/file-upload-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadLabelBaseProps extends PolymorphicProps<'label'> {} export interface FileUploadLabelProps extends HTMLProps<'label'>, FileUploadLabelBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-root-provider.tsx b/packages/solid/src/components/file-upload/file-upload-root-provider.tsx index b945b3bd02..761cad534e 100644 --- a/packages/solid/src/components/file-upload/file-upload-root-provider.tsx +++ b/packages/solid/src/components/file-upload/file-upload-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseFileUploadReturn } from './use-file-upload' -import { FileUploadProvider } from './use-file-upload-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseFileUploadReturn } from './use-file-upload.ts' +import { FileUploadProvider } from './use-file-upload-context.ts' interface RootProviderProps { value: UseFileUploadReturn diff --git a/packages/solid/src/components/file-upload/file-upload-root.tsx b/packages/solid/src/components/file-upload/file-upload-root.tsx index 88eb4e07c8..43a96b586e 100644 --- a/packages/solid/src/components/file-upload/file-upload-root.tsx +++ b/packages/solid/src/components/file-upload/file-upload-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseFileUploadProps, useFileUpload } from './use-file-upload' -import { FileUploadProvider } from './use-file-upload-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseFileUploadProps, useFileUpload } from './use-file-upload.ts' +import { FileUploadProvider } from './use-file-upload-context.ts' export interface FileUploadRootBaseProps extends UseFileUploadProps, PolymorphicProps<'div'> {} export interface FileUploadRootProps extends HTMLProps<'div'>, FileUploadRootBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload-trigger.tsx b/packages/solid/src/components/file-upload/file-upload-trigger.tsx index facf3cb757..1ec1079ffe 100644 --- a/packages/solid/src/components/file-upload/file-upload-trigger.tsx +++ b/packages/solid/src/components/file-upload/file-upload-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFileUploadContext } from './use-file-upload-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFileUploadContext } from './use-file-upload-context.ts' export interface FileUploadTriggerBaseProps extends PolymorphicProps<'button'> {} export interface FileUploadTriggerProps extends HTMLProps<'button'>, FileUploadTriggerBaseProps {} diff --git a/packages/solid/src/components/file-upload/file-upload.stories.tsx b/packages/solid/src/components/file-upload/file-upload.stories.tsx index 2e6fdb1663..2a2646b40d 100644 --- a/packages/solid/src/components/file-upload/file-upload.stories.tsx +++ b/packages/solid/src/components/file-upload/file-upload.stories.tsx @@ -6,17 +6,17 @@ const meta: Meta = { export default meta -export { AcceptedFileTypes } from './examples/accepted-file-types' -export { Basic } from './examples/basic' -export { ClearTrigger } from './examples/clear-trigger' -export { DirectoryUpload } from './examples/directory-upload' -export { Dropzone } from './examples/dropzone' -export { ErrorHandling } from './examples/error-handling' -export { FormUsage } from './examples/form-usage' -export { InitialFiles } from './examples/initial-files' -export { MediaCapture } from './examples/media-capture' -export { PastingFiles } from './examples/pasting-files' -export { RejectedFiles } from './examples/rejected-files' -export { RootProvider } from './examples/root-provider' -export { TransformFiles } from './examples/transform-files' -export { WithField } from './examples/with-field' +export { AcceptedFileTypes } from './examples/accepted-file-types.tsx' +export { Basic } from './examples/basic.tsx' +export { ClearTrigger } from './examples/clear-trigger.tsx' +export { DirectoryUpload } from './examples/directory-upload.tsx' +export { Dropzone } from './examples/dropzone.tsx' +export { ErrorHandling } from './examples/error-handling.tsx' +export { FormUsage } from './examples/form-usage.tsx' +export { InitialFiles } from './examples/initial-files.tsx' +export { MediaCapture } from './examples/media-capture.tsx' +export { PastingFiles } from './examples/pasting-files.tsx' +export { RejectedFiles } from './examples/rejected-files.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { TransformFiles } from './examples/transform-files.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/file-upload/file-upload.ts b/packages/solid/src/components/file-upload/file-upload.ts index b1a51974b1..303e285e27 100644 --- a/packages/solid/src/components/file-upload/file-upload.ts +++ b/packages/solid/src/components/file-upload/file-upload.ts @@ -11,70 +11,70 @@ export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, -} from './file-upload-clear-trigger' -export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context' +} from './file-upload-clear-trigger.tsx' +export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context.tsx' export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, -} from './file-upload-dropzone' +} from './file-upload-dropzone.tsx' export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputBaseProps as HiddenInputBaseProps, type FileUploadHiddenInputProps as HiddenInputProps, -} from './file-upload-hidden-input' +} from './file-upload-hidden-input.tsx' export { FileUploadItem as Item, type FileUploadItemBaseProps as ItemBaseProps, type FileUploadItemProps as ItemProps, -} from './file-upload-item' +} from './file-upload-item.tsx' export { FileUploadItemDeleteTrigger as ItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps as ItemDeleteTriggerProps, -} from './file-upload-item-delete-trigger' +} from './file-upload-item-delete-trigger.tsx' export { FileUploadItemGroup as ItemGroup, type FileUploadItemGroupBaseProps as ItemGroupBaseProps, type FileUploadItemGroupProps as ItemGroupProps, -} from './file-upload-item-group' +} from './file-upload-item-group.tsx' export { FileUploadItemName as ItemName, type FileUploadItemNameBaseProps as ItemNameBaseProps, type FileUploadItemNameProps as ItemNameProps, -} from './file-upload-item-name' +} from './file-upload-item-name.tsx' export { FileUploadItemPreview as ItemPreview, type FileUploadItemPreviewBaseProps as ItemPreviewBaseProps, type FileUploadItemPreviewProps as ItemPreviewProps, -} from './file-upload-item-preview' +} from './file-upload-item-preview.tsx' export { FileUploadItemPreviewImage as ItemPreviewImage, type FileUploadItemPreviewImageBaseProps as ItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps as ItemPreviewImageProps, -} from './file-upload-item-preview-image' +} from './file-upload-item-preview-image.tsx' export { FileUploadItemSizeText as ItemSizeText, type FileUploadItemSizeTextBaseProps as ItemSizeTextBaseProps, type FileUploadItemSizeTextProps as ItemSizeTextProps, -} from './file-upload-item-size-text' +} from './file-upload-item-size-text.tsx' export { FileUploadLabel as Label, type FileUploadLabelBaseProps as LabelBaseProps, type FileUploadLabelProps as LabelProps, -} from './file-upload-label' +} from './file-upload-label.tsx' export { FileUploadRoot as Root, type FileUploadRootBaseProps as RootBaseProps, type FileUploadRootProps as RootProps, -} from './file-upload-root' +} from './file-upload-root.tsx' export { FileUploadRootProvider as RootProvider, type FileUploadRootProviderBaseProps as RootProviderBaseProps, type FileUploadRootProviderProps as RootProviderProps, -} from './file-upload-root-provider' +} from './file-upload-root-provider.tsx' export { FileUploadTrigger as Trigger, type FileUploadTriggerBaseProps as TriggerBaseProps, type FileUploadTriggerProps as TriggerProps, -} from './file-upload-trigger' +} from './file-upload-trigger.tsx' diff --git a/packages/solid/src/components/file-upload/index.tsx b/packages/solid/src/components/file-upload/index.tsx index 609c24c1fb..d5602108bd 100644 --- a/packages/solid/src/components/file-upload/index.tsx +++ b/packages/solid/src/components/file-upload/index.tsx @@ -11,59 +11,63 @@ export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, -} from './file-upload-clear-trigger' -export { FileUploadContext, type FileUploadContextProps } from './file-upload-context' +} from './file-upload-clear-trigger.tsx' +export { FileUploadContext, type FileUploadContextProps } from './file-upload-context.tsx' export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, -} from './file-upload-dropzone' +} from './file-upload-dropzone.tsx' export { FileUploadHiddenInput, type FileUploadHiddenInputBaseProps, type FileUploadHiddenInputProps, -} from './file-upload-hidden-input' -export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps } from './file-upload-item' +} from './file-upload-hidden-input.tsx' +export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps } from './file-upload-item.tsx' export { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps, -} from './file-upload-item-delete-trigger' +} from './file-upload-item-delete-trigger.tsx' export { FileUploadItemGroup, type FileUploadItemGroupBaseProps, type FileUploadItemGroupProps, -} from './file-upload-item-group' +} from './file-upload-item-group.tsx' export { FileUploadItemName, type FileUploadItemNameBaseProps, type FileUploadItemNameProps, -} from './file-upload-item-name' +} from './file-upload-item-name.tsx' export { FileUploadItemPreview, type FileUploadItemPreviewBaseProps, type FileUploadItemPreviewProps, -} from './file-upload-item-preview' +} from './file-upload-item-preview.tsx' export { FileUploadItemPreviewImage, type FileUploadItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps, -} from './file-upload-item-preview-image' +} from './file-upload-item-preview-image.tsx' export { FileUploadItemSizeText, type FileUploadItemSizeTextBaseProps, type FileUploadItemSizeTextProps, -} from './file-upload-item-size-text' -export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps } from './file-upload-label' -export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps } from './file-upload-root' +} from './file-upload-item-size-text.tsx' +export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps } from './file-upload-label.tsx' +export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps } from './file-upload-root.tsx' export { FileUploadRootProvider, type FileUploadRootProviderBaseProps, type FileUploadRootProviderProps, -} from './file-upload-root-provider' -export { FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps } from './file-upload-trigger' -export { fileUploadAnatomy } from './file-upload.anatomy' -export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload' -export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context' +} from './file-upload-root-provider.tsx' +export { + FileUploadTrigger, + type FileUploadTriggerBaseProps, + type FileUploadTriggerProps, +} from './file-upload-trigger.tsx' +export { fileUploadAnatomy } from './file-upload.anatomy.ts' +export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload.ts' +export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context.ts' -export * as FileUpload from './file-upload' +export * as FileUpload from './file-upload.ts' diff --git a/packages/solid/src/components/file-upload/tests/basic.tsx b/packages/solid/src/components/file-upload/tests/basic.tsx index 2a6bbd19e9..674333bfaa 100644 --- a/packages/solid/src/components/file-upload/tests/basic.tsx +++ b/packages/solid/src/components/file-upload/tests/basic.tsx @@ -1,5 +1,5 @@ import { For } from 'solid-js' -import { FileUpload } from '../' +import { FileUpload } from '../index.tsx' export const ComponentUnderTest = (props: FileUpload.RootProps) => ( diff --git a/packages/solid/src/components/file-upload/tests/file-upload.test.tsx b/packages/solid/src/components/file-upload/tests/file-upload.test.tsx index c4b712bfe5..fb7a58534a 100644 --- a/packages/solid/src/components/file-upload/tests/file-upload.test.tsx +++ b/packages/solid/src/components/file-upload/tests/file-upload.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { WithField } from '../examples/with-field' +import { WithField } from '../examples/with-field.tsx' describe('File Upload / Field', () => { it('should set file upload as required', async () => { diff --git a/packages/solid/src/components/file-upload/use-file-upload-context.ts b/packages/solid/src/components/file-upload/use-file-upload-context.ts index e943f5fb33..0714e96b53 100644 --- a/packages/solid/src/components/file-upload/use-file-upload-context.ts +++ b/packages/solid/src/components/file-upload/use-file-upload-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseFileUploadReturn } from './use-file-upload' +import { createContext } from '../../utils/create-context.ts' +import type { UseFileUploadReturn } from './use-file-upload.ts' export interface UseFileUploadContext extends UseFileUploadReturn {} diff --git a/packages/solid/src/components/file-upload/use-file-upload-item-group-props-context.ts b/packages/solid/src/components/file-upload/use-file-upload-item-group-props-context.ts index ea47f8a868..1e624204d9 100644 --- a/packages/solid/src/components/file-upload/use-file-upload-item-group-props-context.ts +++ b/packages/solid/src/components/file-upload/use-file-upload-item-group-props-context.ts @@ -1,5 +1,5 @@ import type { ItemGroupProps } from '@zag-js/file-upload' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseFileUploadItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/solid/src/components/file-upload/use-file-upload-item-props-context.ts b/packages/solid/src/components/file-upload/use-file-upload-item-props-context.ts index 9547c9f143..c82f2364bc 100644 --- a/packages/solid/src/components/file-upload/use-file-upload-item-props-context.ts +++ b/packages/solid/src/components/file-upload/use-file-upload-item-props-context.ts @@ -1,6 +1,6 @@ import type { ItemProps } from '@zag-js/file-upload' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseFileUploadItemPropsContext extends Accessor {} diff --git a/packages/solid/src/components/file-upload/use-file-upload.ts b/packages/solid/src/components/file-upload/use-file-upload.ts index a801a4a571..64056a9cb0 100644 --- a/packages/solid/src/components/file-upload/use-file-upload.ts +++ b/packages/solid/src/components/file-upload/use-file-upload.ts @@ -1,10 +1,10 @@ import * as fileUpload from '@zag-js/file-upload' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseFileUploadProps extends Optional, 'id'> {} export interface UseFileUploadReturn extends Accessor> {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-body.tsx b/packages/solid/src/components/floating-panel/floating-panel-body.tsx index e8dcf0960c..38afd1466f 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-body.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-body.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelBodyBaseProps extends PolymorphicProps<'div'> {} export interface FloatingPanelBodyProps extends HTMLProps<'div'>, FloatingPanelBodyBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-close-trigger.tsx b/packages/solid/src/components/floating-panel/floating-panel-close-trigger.tsx index ba5bb499d0..ad88b8ad8f 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-close-trigger.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-close-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelCloseTriggerBaseProps extends PolymorphicProps<'button'> {} export interface FloatingPanelCloseTriggerProps extends HTMLProps<'button'>, FloatingPanelCloseTriggerBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-content.tsx b/packages/solid/src/components/floating-panel/floating-panel-content.tsx index b33c501cbd..730397e0a8 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-content.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-content.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelContentBaseProps extends PolymorphicProps<'div'> {} export interface FloatingPanelContentProps extends HTMLProps<'div'>, FloatingPanelContentBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-context.tsx b/packages/solid/src/components/floating-panel/floating-panel-context.tsx index e24d2943b1..f55a15d93c 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-context.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseFloatingPanelContext, useFloatingPanelContext } from './use-floating-panel-context' +import { type UseFloatingPanelContext, useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelContextProps { children: (context: UseFloatingPanelContext) => JSX.Element diff --git a/packages/solid/src/components/floating-panel/floating-panel-control.tsx b/packages/solid/src/components/floating-panel/floating-panel-control.tsx index 2836ad5a7c..04d59c7715 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-control.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelControlBaseProps extends PolymorphicProps<'div'> {} export interface FloatingPanelControlProps extends HTMLProps<'div'>, FloatingPanelControlBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-drag-trigger.tsx b/packages/solid/src/components/floating-panel/floating-panel-drag-trigger.tsx index 34d0fec93e..d87b684aa6 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-drag-trigger.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-drag-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelDragTriggerBaseProps extends PolymorphicProps<'div'> {} export interface FloatingPanelDragTriggerProps extends HTMLProps<'div'>, FloatingPanelDragTriggerBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-header.tsx b/packages/solid/src/components/floating-panel/floating-panel-header.tsx index 1cff4e3f95..778c73b6a4 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-header.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-header.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelHeaderBaseProps extends PolymorphicProps<'div'> {} export interface FloatingPanelHeaderProps extends HTMLProps<'div'>, FloatingPanelHeaderBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-positioner.tsx b/packages/solid/src/components/floating-panel/floating-panel-positioner.tsx index 22fe43abdc..8aa98ef66f 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-positioner.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-positioner.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelPositionerBaseProps extends PolymorphicProps<'div'> {} export interface FloatingPanelPositionerProps extends HTMLProps<'div'>, FloatingPanelPositionerBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-resize-trigger.tsx b/packages/solid/src/components/floating-panel/floating-panel-resize-trigger.tsx index 0d80bc9d4c..2ba85186b7 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-resize-trigger.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-resize-trigger.tsx @@ -1,8 +1,8 @@ import type { ResizeTriggerProps } from '@zag-js/floating-panel' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<'div'> {} export interface FloatingPanelResizeTriggerProps extends HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-root-provider.tsx b/packages/solid/src/components/floating-panel/floating-panel-root-provider.tsx index 2c3a1c506a..e02067651f 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-root-provider.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-root-provider.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, splitPresenceProps, usePresence } from '../presence' -import type { UseFloatingPanelReturn } from './use-floating-panel' -import { FloatingPanelProvider } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UsePresenceProps } from '../presence/index.tsx' +import { PresenceProvider, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseFloatingPanelReturn } from './use-floating-panel.ts' +import { FloatingPanelProvider } from './use-floating-panel-context.ts' interface RootProviderProps { value: UseFloatingPanelReturn diff --git a/packages/solid/src/components/floating-panel/floating-panel-root.tsx b/packages/solid/src/components/floating-panel/floating-panel-root.tsx index 341721e1ec..6fa149e682 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-root.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-root.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import type { UsePresenceProps } from '../presence' -import { PresenceProvider, usePresence } from '../presence' -import { splitPresenceProps } from '../presence/split-presence-props' -import { type UseFloatingPanelProps, useFloatingPanel } from './use-floating-panel' -import { FloatingPanelProvider } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UsePresenceProps } from '../presence/index.tsx' +import { PresenceProvider, usePresence } from '../presence/index.tsx' +import { splitPresenceProps } from '../presence/split-presence-props.ts' +import { type UseFloatingPanelProps, useFloatingPanel } from './use-floating-panel.ts' +import { FloatingPanelProvider } from './use-floating-panel-context.ts' export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps {} export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps { diff --git a/packages/solid/src/components/floating-panel/floating-panel-stage-trigger.tsx b/packages/solid/src/components/floating-panel/floating-panel-stage-trigger.tsx index 7509a0d2f7..a0cdffae54 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-stage-trigger.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-stage-trigger.tsx @@ -1,8 +1,8 @@ import type { StageTriggerProps } from '@zag-js/floating-panel' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelStageTriggerBaseProps extends PolymorphicProps<'button'>, StageTriggerProps {} export interface FloatingPanelStageTriggerProps extends HTMLProps<'button'>, FloatingPanelStageTriggerBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-title.tsx b/packages/solid/src/components/floating-panel/floating-panel-title.tsx index 6d91e7f568..29a4293e29 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-title.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-title.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelTitleBaseProps extends PolymorphicProps<'h2'> {} export interface FloatingPanelTitleProps extends HTMLProps<'h2'>, FloatingPanelTitleBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel-trigger.tsx b/packages/solid/src/components/floating-panel/floating-panel-trigger.tsx index 9af84febea..7e177571a9 100644 --- a/packages/solid/src/components/floating-panel/floating-panel-trigger.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useFloatingPanelContext } from './use-floating-panel-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useFloatingPanelContext } from './use-floating-panel-context.ts' export interface FloatingPanelTriggerBaseProps extends PolymorphicProps<'button'> {} export interface FloatingPanelTriggerProps extends HTMLProps<'button'>, FloatingPanelTriggerBaseProps {} diff --git a/packages/solid/src/components/floating-panel/floating-panel.stories.tsx b/packages/solid/src/components/floating-panel/floating-panel.stories.tsx index aa7ec83586..4597c982e8 100644 --- a/packages/solid/src/components/floating-panel/floating-panel.stories.tsx +++ b/packages/solid/src/components/floating-panel/floating-panel.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { AnchorPosition } from './examples/anchor-position' -export { Basic } from './examples/basic' -export { ControlledOpen } from './examples/controlled-open' -export { ControlledPosition } from './examples/controlled-position' -export { ControlledSize } from './examples/controlled-size' -export { LazyMount } from './examples/lazy-mount' -export { Context } from './examples/context' +export { AnchorPosition } from './examples/anchor-position.tsx' +export { Basic } from './examples/basic.tsx' +export { ControlledOpen } from './examples/controlled-open.tsx' +export { ControlledPosition } from './examples/controlled-position.tsx' +export { ControlledSize } from './examples/controlled-size.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Context } from './examples/context.tsx' diff --git a/packages/solid/src/components/floating-panel/floating-panel.ts b/packages/solid/src/components/floating-panel/floating-panel.ts index f1c888383d..47bbc886f6 100644 --- a/packages/solid/src/components/floating-panel/floating-panel.ts +++ b/packages/solid/src/components/floating-panel/floating-panel.ts @@ -16,68 +16,68 @@ export { FloatingPanelBody as Body, type FloatingPanelBodyBaseProps as BodyBaseProps, type FloatingPanelBodyProps as BodyProps, -} from './floating-panel-body' +} from './floating-panel-body.tsx' export { FloatingPanelCloseTrigger as CloseTrigger, type FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, type FloatingPanelCloseTriggerProps as CloseTriggerProps, -} from './floating-panel-close-trigger' +} from './floating-panel-close-trigger.tsx' export { FloatingPanelContent as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, -} from './floating-panel-content' +} from './floating-panel-content.tsx' export { FloatingPanelContext as Context, type FloatingPanelContextProps as ContextProps, -} from './floating-panel-context' +} from './floating-panel-context.tsx' export { FloatingPanelControl as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, -} from './floating-panel-control' +} from './floating-panel-control.tsx' export { FloatingPanelDragTrigger as DragTrigger, type FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, type FloatingPanelDragTriggerProps as DragTriggerProps, -} from './floating-panel-drag-trigger' +} from './floating-panel-drag-trigger.tsx' export { FloatingPanelHeader as Header, type FloatingPanelHeaderBaseProps as HeaderBaseProps, type FloatingPanelHeaderProps as HeaderProps, -} from './floating-panel-header' +} from './floating-panel-header.tsx' export { FloatingPanelPositioner as Positioner, type FloatingPanelPositionerBaseProps as PositionerBaseProps, type FloatingPanelPositionerProps as PositionerProps, -} from './floating-panel-positioner' +} from './floating-panel-positioner.tsx' export { FloatingPanelResizeTrigger as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, -} from './floating-panel-resize-trigger' +} from './floating-panel-resize-trigger.tsx' export { FloatingPanelRoot as Root, type FloatingPanelRootBaseProps as RootBaseProps, type FloatingPanelRootProps as RootProps, -} from './floating-panel-root' +} from './floating-panel-root.tsx' export { FloatingPanelRootProvider as RootProvider, type FloatingPanelRootProviderBaseProps as RootProviderBaseProps, type FloatingPanelRootProviderProps as RootProviderProps, -} from './floating-panel-root-provider' +} from './floating-panel-root-provider.tsx' export { FloatingPanelStageTrigger as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, -} from './floating-panel-stage-trigger' +} from './floating-panel-stage-trigger.tsx' export { FloatingPanelTitle as Title, type FloatingPanelTitleBaseProps as TitleBaseProps, type FloatingPanelTitleProps as TitleProps, -} from './floating-panel-title' +} from './floating-panel-title.tsx' export { FloatingPanelTrigger as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, -} from './floating-panel-trigger' +} from './floating-panel-trigger.tsx' diff --git a/packages/solid/src/components/floating-panel/index.tsx b/packages/solid/src/components/floating-panel/index.tsx index fb79ccd565..f6543a8b99 100644 --- a/packages/solid/src/components/floating-panel/index.tsx +++ b/packages/solid/src/components/floating-panel/index.tsx @@ -11,67 +11,75 @@ export type { Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@zag-js/floating-panel' -export { FloatingPanelBody, type FloatingPanelBodyProps, type FloatingPanelBodyBaseProps } from './floating-panel-body' +export { + FloatingPanelBody, + type FloatingPanelBodyProps, + type FloatingPanelBodyBaseProps, +} from './floating-panel-body.tsx' export { FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerProps, type FloatingPanelCloseTriggerBaseProps, -} from './floating-panel-close-trigger' +} from './floating-panel-close-trigger.tsx' export { FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, -} from './floating-panel-content' -export { FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context' +} from './floating-panel-content.tsx' +export { FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context.tsx' export { FloatingPanelDragTrigger, type FloatingPanelDragTriggerProps, type FloatingPanelDragTriggerBaseProps, -} from './floating-panel-drag-trigger' +} from './floating-panel-drag-trigger.tsx' export { FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelHeaderBaseProps, -} from './floating-panel-header' +} from './floating-panel-header.tsx' export { FloatingPanelPositioner, type FloatingPanelPositionerProps, type FloatingPanelPositionerBaseProps, -} from './floating-panel-positioner' +} from './floating-panel-positioner.tsx' export { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, -} from './floating-panel-resize-trigger' +} from './floating-panel-resize-trigger.tsx' export { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, -} from './floating-panel-stage-trigger' -export { FloatingPanelRoot, type FloatingPanelRootProps, type FloatingPanelRootBaseProps } from './floating-panel-root' +} from './floating-panel-stage-trigger.tsx' +export { + FloatingPanelRoot, + type FloatingPanelRootProps, + type FloatingPanelRootBaseProps, +} from './floating-panel-root.tsx' export { FloatingPanelRootProvider, type FloatingPanelRootProviderProps, type FloatingPanelRootProviderBaseProps, -} from './floating-panel-root-provider' +} from './floating-panel-root-provider.tsx' export { FloatingPanelTitle, type FloatingPanelTitleProps, type FloatingPanelTitleBaseProps, -} from './floating-panel-title' +} from './floating-panel-title.tsx' export { FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, -} from './floating-panel-trigger' +} from './floating-panel-trigger.tsx' export { FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, -} from './floating-panel-control' +} from './floating-panel-control.tsx' -export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel' -export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context' -export { floatingPanelAnatomy } from './floating-panel.anatomy' +export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel.ts' +export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context.ts' +export { floatingPanelAnatomy } from './floating-panel.anatomy.ts' -export * as FloatingPanel from './floating-panel' +export * as FloatingPanel from './floating-panel.ts' diff --git a/packages/solid/src/components/floating-panel/use-floating-panel-context.ts b/packages/solid/src/components/floating-panel/use-floating-panel-context.ts index 03eae964ee..afbb30a705 100644 --- a/packages/solid/src/components/floating-panel/use-floating-panel-context.ts +++ b/packages/solid/src/components/floating-panel/use-floating-panel-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseFloatingPanelReturn } from './use-floating-panel' +import { createContext } from '../../utils/create-context.ts' +import type { UseFloatingPanelReturn } from './use-floating-panel.ts' export interface UseFloatingPanelContext extends UseFloatingPanelReturn {} diff --git a/packages/solid/src/components/floating-panel/use-floating-panel.ts b/packages/solid/src/components/floating-panel/use-floating-panel.ts index 8a8a779fcf..0c2455c931 100644 --- a/packages/solid/src/components/floating-panel/use-floating-panel.ts +++ b/packages/solid/src/components/floating-panel/use-floating-panel.ts @@ -1,9 +1,9 @@ import * as floatingPanel from '@zag-js/floating-panel' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseFloatingPanelProps extends Optional, 'id'> {} diff --git a/packages/solid/src/components/focus-trap/focus-trap.stories.tsx b/packages/solid/src/components/focus-trap/focus-trap.stories.tsx index 95987d30da..a2dd707163 100644 --- a/packages/solid/src/components/focus-trap/focus-trap.stories.tsx +++ b/packages/solid/src/components/focus-trap/focus-trap.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { InitialFocus } from './examples/initial-focus' -export { Autofocus } from './examples/autofocus' +export { Basic } from './examples/basic.tsx' +export { InitialFocus } from './examples/initial-focus.tsx' +export { Autofocus } from './examples/autofocus.tsx' diff --git a/packages/solid/src/components/focus-trap/focus-trap.tsx b/packages/solid/src/components/focus-trap/focus-trap.tsx index cb52a71534..ba3da6c199 100644 --- a/packages/solid/src/components/focus-trap/focus-trap.tsx +++ b/packages/solid/src/components/focus-trap/focus-trap.tsx @@ -1,9 +1,9 @@ import { type FocusTrapOptions, trapFocus } from '@zag-js/focus-trap' import { createEffect, onCleanup } from 'solid-js' -import type { Assign } from '../../types' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' +import type { Assign } from '../../types.ts' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' export interface TrapOptions extends Pick< FocusTrapOptions, diff --git a/packages/solid/src/components/focus-trap/index.tsx b/packages/solid/src/components/focus-trap/index.tsx index 849d82c129..917c5741ef 100644 --- a/packages/solid/src/components/focus-trap/index.tsx +++ b/packages/solid/src/components/focus-trap/index.tsx @@ -1,2 +1,2 @@ -export { FocusTrap } from './focus-trap' -export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap' +export { FocusTrap } from './focus-trap.tsx' +export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap.tsx' diff --git a/packages/solid/src/components/format/format-byte.tsx b/packages/solid/src/components/format/format-byte.tsx index 47945f4091..18a79db96b 100644 --- a/packages/solid/src/components/format/format-byte.tsx +++ b/packages/solid/src/components/format/format-byte.tsx @@ -1,6 +1,6 @@ import { formatBytes } from '@zag-js/i18n-utils' import { createMemo } from 'solid-js' -import { useLocaleContext } from '../../providers' +import { useLocaleContext } from '../../providers/index.tsx' export interface FormatByteProps { /** diff --git a/packages/solid/src/components/format/format-number.tsx b/packages/solid/src/components/format/format-number.tsx index 223b0b7f28..82f2653bdd 100644 --- a/packages/solid/src/components/format/format-number.tsx +++ b/packages/solid/src/components/format/format-number.tsx @@ -1,6 +1,6 @@ import { formatNumber } from '@zag-js/i18n-utils' import { createMemo } from 'solid-js' -import { useLocaleContext } from '../../providers' +import { useLocaleContext } from '../../providers/index.tsx' export interface FormatNumberProps extends Intl.NumberFormatOptions { /** diff --git a/packages/solid/src/components/format/format-relative-time.tsx b/packages/solid/src/components/format/format-relative-time.tsx index 522c5dc3e0..3acd6f25f9 100644 --- a/packages/solid/src/components/format/format-relative-time.tsx +++ b/packages/solid/src/components/format/format-relative-time.tsx @@ -1,6 +1,6 @@ import { formatRelativeTime } from '@zag-js/i18n-utils' import { createMemo } from 'solid-js' -import { useLocaleContext } from '../../providers/locale' +import { useLocaleContext } from '../../providers/locale/index.tsx' export interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions { /** diff --git a/packages/solid/src/components/format/format-time.tsx b/packages/solid/src/components/format/format-time.tsx index 566ef25f7a..c227a28f4f 100644 --- a/packages/solid/src/components/format/format-time.tsx +++ b/packages/solid/src/components/format/format-time.tsx @@ -1,6 +1,6 @@ import { formatTime, type FormatTimeOptions } from '@zag-js/i18n-utils' import { createMemo } from 'solid-js' -import { useLocaleContext } from '../../providers' +import { useLocaleContext } from '../../providers/index.tsx' export interface FormatTimeProps extends FormatTimeOptions { /** diff --git a/packages/solid/src/components/format/format.stories.tsx b/packages/solid/src/components/format/format.stories.tsx index ad717c8266..cbc6536cd3 100644 --- a/packages/solid/src/components/format/format.stories.tsx +++ b/packages/solid/src/components/format/format.stories.tsx @@ -6,24 +6,24 @@ const meta: Meta = { export default meta -export { ByteBasic } from './examples/byte-basic' -export { ByteSizes } from './examples/byte-sizes' -export { ByteWithLocale } from './examples/byte-with-locale' -export { ByteWithUnit } from './examples/byte-with-unit' -export { ByteWithUnitDisplay } from './examples/byte-with-unit-display' -export { ByteWithUnitSystem } from './examples/byte-with-unit-system' +export { ByteBasic } from './examples/byte-basic.tsx' +export { ByteSizes } from './examples/byte-sizes.tsx' +export { ByteWithLocale } from './examples/byte-with-locale.tsx' +export { ByteWithUnit } from './examples/byte-with-unit.tsx' +export { ByteWithUnitDisplay } from './examples/byte-with-unit-display.tsx' +export { ByteWithUnitSystem } from './examples/byte-with-unit-system.tsx' -export { NumberBasic } from './examples/number-basic' -export { NumberWithCompact } from './examples/number-with-compact' -export { NumberWithCurrency } from './examples/number-with-currency' -export { NumberWithLocale } from './examples/number-with-locale' -export { NumberWithPercentage } from './examples/number-with-percentage' -export { NumberWithUnit } from './examples/number-with-unit' +export { NumberBasic } from './examples/number-basic.tsx' +export { NumberWithCompact } from './examples/number-with-compact.tsx' +export { NumberWithCurrency } from './examples/number-with-currency.tsx' +export { NumberWithLocale } from './examples/number-with-locale.tsx' +export { NumberWithPercentage } from './examples/number-with-percentage.tsx' +export { NumberWithUnit } from './examples/number-with-unit.tsx' -export { RelativeTimeBasic } from './examples/relative-time-basic' -export { RelativeTimeShort } from './examples/relative-time-short' -export { TimeBasic } from './examples/time-basic' -export { TimeWithAmPmLabels } from './examples/time-with-am-pm-labels' -export { TimeWithDate } from './examples/time-with-date' -export { TimeWithLocale } from './examples/time-with-locale' -export { TimeWithSeconds } from './examples/time-with-seconds' +export { RelativeTimeBasic } from './examples/relative-time-basic.tsx' +export { RelativeTimeShort } from './examples/relative-time-short.tsx' +export { TimeBasic } from './examples/time-basic.tsx' +export { TimeWithAmPmLabels } from './examples/time-with-am-pm-labels.tsx' +export { TimeWithDate } from './examples/time-with-date.tsx' +export { TimeWithLocale } from './examples/time-with-locale.tsx' +export { TimeWithSeconds } from './examples/time-with-seconds.tsx' diff --git a/packages/solid/src/components/format/format.ts b/packages/solid/src/components/format/format.ts index fb1b303638..6a2021f975 100644 --- a/packages/solid/src/components/format/format.ts +++ b/packages/solid/src/components/format/format.ts @@ -1,7 +1,7 @@ -export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte' -export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number' +export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte.tsx' +export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number.tsx' export { FormatRelativeTime as RelativeTime, type FormatRelativeTimeProps as RelativeTimeProps, -} from './format-relative-time' -export { FormatTime as Time, type FormatTimeProps as TimeProps } from './format-time' +} from './format-relative-time.tsx' +export { FormatTime as Time, type FormatTimeProps as TimeProps } from './format-time.tsx' diff --git a/packages/solid/src/components/format/index.tsx b/packages/solid/src/components/format/index.tsx index 94afb98c7d..4904da97b4 100644 --- a/packages/solid/src/components/format/index.tsx +++ b/packages/solid/src/components/format/index.tsx @@ -1,6 +1,6 @@ -export { FormatByte, type FormatByteProps } from './format-byte' -export { FormatNumber, type FormatNumberProps } from './format-number' -export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time' -export { FormatTime, type FormatTimeProps } from './format-time' +export { FormatByte, type FormatByteProps } from './format-byte.tsx' +export { FormatNumber, type FormatNumberProps } from './format-number.tsx' +export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time.tsx' +export { FormatTime, type FormatTimeProps } from './format-time.tsx' -export * as Format from './format' +export * as Format from './format.ts' diff --git a/packages/solid/src/components/frame/frame.stories.tsx b/packages/solid/src/components/frame/frame.stories.tsx index 9ea3d55270..304f533e36 100644 --- a/packages/solid/src/components/frame/frame.stories.tsx +++ b/packages/solid/src/components/frame/frame.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Script } from './examples/script' -export { SrcDoc } from './examples/src-doc' +export { Basic } from './examples/basic.tsx' +export { Script } from './examples/script.tsx' +export { SrcDoc } from './examples/src-doc.tsx' diff --git a/packages/solid/src/components/frame/frame.tsx b/packages/solid/src/components/frame/frame.tsx index 09a620ba8e..3a076e4df4 100644 --- a/packages/solid/src/components/frame/frame.tsx +++ b/packages/solid/src/components/frame/frame.tsx @@ -1,11 +1,11 @@ import type { JSX } from 'solid-js' import { Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from 'solid-js' import { Portal } from 'solid-js/web' -import { EnvironmentProvider } from '../../providers' -import type { Assign } from '../../types' -import { composeRefs } from '../../utils/compose-refs' -import { ark } from '../factory' -import { FrameContent } from './frame-content' +import { EnvironmentProvider } from '../../providers/index.tsx' +import type { Assign } from '../../types.ts' +import { composeRefs } from '../../utils/compose-refs.ts' +import { ark } from '../factory.tsx' +import { FrameContent } from './frame-content.tsx' export interface FrameBaseProps { /** Additional content to be inserted into the frame's */ diff --git a/packages/solid/src/components/frame/index.tsx b/packages/solid/src/components/frame/index.tsx index 911e5dff99..b96a2355c6 100644 --- a/packages/solid/src/components/frame/index.tsx +++ b/packages/solid/src/components/frame/index.tsx @@ -1,2 +1,2 @@ -export { Frame } from './frame' -export type { FrameBaseProps, FrameProps } from './frame' +export { Frame } from './frame.tsx' +export type { FrameBaseProps, FrameProps } from './frame.tsx' diff --git a/packages/solid/src/components/highlight/highlight.stories.tsx b/packages/solid/src/components/highlight/highlight.stories.tsx index ff5d8b9fb6..1de8a393e7 100644 --- a/packages/solid/src/components/highlight/highlight.stories.tsx +++ b/packages/solid/src/components/highlight/highlight.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { DynamicQuery } from './examples/dynamic-query' -export { ExactMatch } from './examples/exact-match' -export { IgnoreCase } from './examples/ignore-case' -export { MatchAll } from './examples/match-all' -export { Multiple } from './examples/multiple' -export { RepeatingText } from './examples/repeating-text' +export { Basic } from './examples/basic.tsx' +export { DynamicQuery } from './examples/dynamic-query.tsx' +export { ExactMatch } from './examples/exact-match.tsx' +export { IgnoreCase } from './examples/ignore-case.tsx' +export { MatchAll } from './examples/match-all.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RepeatingText } from './examples/repeating-text.tsx' diff --git a/packages/solid/src/components/highlight/highlight.tsx b/packages/solid/src/components/highlight/highlight.tsx index ab025ad742..57a621bc2c 100644 --- a/packages/solid/src/components/highlight/highlight.tsx +++ b/packages/solid/src/components/highlight/highlight.tsx @@ -1,9 +1,9 @@ import type { ComponentProps } from 'solid-js' import { For, Show } from 'solid-js' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { ark } from '../factory' -import { type UseHighlightProps, useHighlight } from './use-highlight' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { ark } from '../factory.tsx' +import { type UseHighlightProps, useHighlight } from './use-highlight.ts' export interface HighlightBaseProps extends UseHighlightProps {} diff --git a/packages/solid/src/components/highlight/index.tsx b/packages/solid/src/components/highlight/index.tsx index b83f4b4ce6..00cc70a204 100644 --- a/packages/solid/src/components/highlight/index.tsx +++ b/packages/solid/src/components/highlight/index.tsx @@ -1,2 +1,2 @@ -export { Highlight, type HighlightProps } from './highlight' -export { useHighlight, type HighlightChunk, type UseHighlightProps } from './use-highlight' +export { Highlight, type HighlightProps } from './highlight.tsx' +export { useHighlight, type HighlightChunk, type UseHighlightProps } from './use-highlight.ts' diff --git a/packages/solid/src/components/highlight/use-highlight.ts b/packages/solid/src/components/highlight/use-highlight.ts index 03ce16d3eb..04cf2062e7 100644 --- a/packages/solid/src/components/highlight/use-highlight.ts +++ b/packages/solid/src/components/highlight/use-highlight.ts @@ -1,8 +1,8 @@ import { type HighlightChunk, type HighlightWordProps, highlightWord } from '@zag-js/highlight-word' import type { Accessor } from 'solid-js' import { createMemo } from 'solid-js' -import type { MaybeAccessor } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import type { MaybeAccessor } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseHighlightProps extends HighlightWordProps {} diff --git a/packages/solid/src/components/hover-card/hover-card-arrow-tip.tsx b/packages/solid/src/components/hover-card/hover-card-arrow-tip.tsx index 42f508190f..29de7ef616 100644 --- a/packages/solid/src/components/hover-card/hover-card-arrow-tip.tsx +++ b/packages/solid/src/components/hover-card/hover-card-arrow-tip.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useHoverCardContext } from './use-hover-card-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardArrowTipBaseProps extends PolymorphicProps<'div'> {} export interface HoverCardArrowTipProps extends HTMLProps<'div'>, HoverCardArrowTipBaseProps {} diff --git a/packages/solid/src/components/hover-card/hover-card-arrow.tsx b/packages/solid/src/components/hover-card/hover-card-arrow.tsx index 3136c19a24..7b060e375b 100644 --- a/packages/solid/src/components/hover-card/hover-card-arrow.tsx +++ b/packages/solid/src/components/hover-card/hover-card-arrow.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useHoverCardContext } from './use-hover-card-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardArrowBaseProps extends PolymorphicProps<'div'> {} export interface HoverCardArrowProps extends HTMLProps<'div'>, HoverCardArrowBaseProps {} diff --git a/packages/solid/src/components/hover-card/hover-card-content.tsx b/packages/solid/src/components/hover-card/hover-card-content.tsx index 8b85796857..c457945f91 100644 --- a/packages/solid/src/components/hover-card/hover-card-content.tsx +++ b/packages/solid/src/components/hover-card/hover-card-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useHoverCardContext } from './use-hover-card-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardContentBaseProps extends PolymorphicProps<'div'> {} export interface HoverCardContentProps extends HTMLProps<'div'>, HoverCardContentBaseProps {} diff --git a/packages/solid/src/components/hover-card/hover-card-context.tsx b/packages/solid/src/components/hover-card/hover-card-context.tsx index 671cb91bd5..2b73b87dd8 100644 --- a/packages/solid/src/components/hover-card/hover-card-context.tsx +++ b/packages/solid/src/components/hover-card/hover-card-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseHoverCardContext, useHoverCardContext } from './use-hover-card-context' +import { type UseHoverCardContext, useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardContextProps { children: (context: UseHoverCardContext) => JSX.Element diff --git a/packages/solid/src/components/hover-card/hover-card-positioner.tsx b/packages/solid/src/components/hover-card/hover-card-positioner.tsx index 0cb5dc46ec..1cfc5dcdc0 100644 --- a/packages/solid/src/components/hover-card/hover-card-positioner.tsx +++ b/packages/solid/src/components/hover-card/hover-card-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useHoverCardContext } from './use-hover-card-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardPositionerBaseProps extends PolymorphicProps<'div'> {} export interface HoverCardPositionerProps extends HTMLProps<'div'>, HoverCardPositionerBaseProps {} diff --git a/packages/solid/src/components/hover-card/hover-card-root-provider.tsx b/packages/solid/src/components/hover-card/hover-card-root-provider.tsx index f22fb75ea6..efb9d32e75 100644 --- a/packages/solid/src/components/hover-card/hover-card-root-provider.tsx +++ b/packages/solid/src/components/hover-card/hover-card-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseHoverCardReturn } from './use-hover-card' -import { HoverCardProvider } from './use-hover-card-context' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseHoverCardReturn } from './use-hover-card.ts' +import { HoverCardProvider } from './use-hover-card-context.ts' interface RootProviderProps { value: UseHoverCardReturn diff --git a/packages/solid/src/components/hover-card/hover-card-root.tsx b/packages/solid/src/components/hover-card/hover-card-root.tsx index 50d419c586..4ed3b7a109 100644 --- a/packages/solid/src/components/hover-card/hover-card-root.tsx +++ b/packages/solid/src/components/hover-card/hover-card-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseHoverCardProps, useHoverCard } from './use-hover-card' -import { HoverCardProvider } from './use-hover-card-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseHoverCardProps, useHoverCard } from './use-hover-card.ts' +import { HoverCardProvider } from './use-hover-card-context.ts' export interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {} export interface HoverCardRootProps extends HoverCardRootBaseProps { diff --git a/packages/solid/src/components/hover-card/hover-card-trigger.tsx b/packages/solid/src/components/hover-card/hover-card-trigger.tsx index 3f0aa502c8..fcc9ff2184 100644 --- a/packages/solid/src/components/hover-card/hover-card-trigger.tsx +++ b/packages/solid/src/components/hover-card/hover-card-trigger.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/hover-card' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useHoverCardContext } from './use-hover-card-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useHoverCardContext } from './use-hover-card-context.ts' export interface HoverCardTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface HoverCardTriggerProps extends Assign, HoverCardTriggerBaseProps> {} diff --git a/packages/solid/src/components/hover-card/hover-card.stories.tsx b/packages/solid/src/components/hover-card/hover-card.stories.tsx index 27368d154d..8dc6fd14d9 100644 --- a/packages/solid/src/components/hover-card/hover-card.stories.tsx +++ b/packages/solid/src/components/hover-card/hover-card.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Delay } from './examples/delay' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Positioning } from './examples/positioning' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Delay } from './examples/delay.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Positioning } from './examples/positioning.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/hover-card/hover-card.ts b/packages/solid/src/components/hover-card/hover-card.ts index 3bfb555212..4378192226 100644 --- a/packages/solid/src/components/hover-card/hover-card.ts +++ b/packages/solid/src/components/hover-card/hover-card.ts @@ -9,35 +9,35 @@ export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, -} from './hover-card-arrow' +} from './hover-card-arrow.tsx' export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, -} from './hover-card-arrow-tip' +} from './hover-card-arrow-tip.tsx' export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, -} from './hover-card-content' -export { HoverCardContext as Context, type HoverCardContextProps as ContextProps } from './hover-card-context' +} from './hover-card-content.tsx' +export { HoverCardContext as Context, type HoverCardContextProps as ContextProps } from './hover-card-context.tsx' export { HoverCardPositioner as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, -} from './hover-card-positioner' +} from './hover-card-positioner.tsx' export { HoverCardRoot as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, -} from './hover-card-root' +} from './hover-card-root.tsx' export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, -} from './hover-card-root-provider' +} from './hover-card-root-provider.tsx' export { HoverCardTrigger as Trigger, type HoverCardTriggerBaseProps as TriggerBaseProps, type HoverCardTriggerProps as TriggerProps, -} from './hover-card-trigger' +} from './hover-card-trigger.tsx' diff --git a/packages/solid/src/components/hover-card/index.tsx b/packages/solid/src/components/hover-card/index.tsx index bdd3432b7a..82dbabf88c 100644 --- a/packages/solid/src/components/hover-card/index.tsx +++ b/packages/solid/src/components/hover-card/index.tsx @@ -5,24 +5,28 @@ export type { PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, TriggerValueChangeDetails as HoverCardTriggerValueChangeDetails, } from '@zag-js/hover-card' -export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow' -export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip' -export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content' -export { HoverCardContext, type HoverCardContextProps } from './hover-card-context' +export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow.tsx' +export { + HoverCardArrowTip, + type HoverCardArrowTipBaseProps, + type HoverCardArrowTipProps, +} from './hover-card-arrow-tip.tsx' +export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content.tsx' +export { HoverCardContext, type HoverCardContextProps } from './hover-card-context.tsx' export { HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, -} from './hover-card-positioner' -export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps } from './hover-card-root' +} from './hover-card-positioner.tsx' +export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps } from './hover-card-root.tsx' export { HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, -} from './hover-card-root-provider' -export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps } from './hover-card-trigger' -export { hoverCardAnatomy } from './hover-card.anatomy' -export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card' -export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context' +} from './hover-card-root-provider.tsx' +export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps } from './hover-card-trigger.tsx' +export { hoverCardAnatomy } from './hover-card.anatomy.ts' +export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card.ts' +export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context.ts' -export * as HoverCard from './hover-card' +export * as HoverCard from './hover-card.ts' diff --git a/packages/solid/src/components/hover-card/tests/basic.tsx b/packages/solid/src/components/hover-card/tests/basic.tsx index 90fe0969a0..1d2f1de2e8 100644 --- a/packages/solid/src/components/hover-card/tests/basic.tsx +++ b/packages/solid/src/components/hover-card/tests/basic.tsx @@ -1,5 +1,5 @@ import { Portal } from 'solid-js/web' -import { HoverCard } from '../' +import { HoverCard } from '../index.tsx' export const ComponentUnderTest = (props: HoverCard.RootProps) => ( diff --git a/packages/solid/src/components/hover-card/tests/hover-card.test.tsx b/packages/solid/src/components/hover-card/tests/hover-card.test.tsx index 3221b31129..87626e618d 100644 --- a/packages/solid/src/components/hover-card/tests/hover-card.test.tsx +++ b/packages/solid/src/components/hover-card/tests/hover-card.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('HoverCard', () => { it('should open on hover', async () => { diff --git a/packages/solid/src/components/hover-card/use-hover-card-context.ts b/packages/solid/src/components/hover-card/use-hover-card-context.ts index fe3b620cef..ae32419d2e 100644 --- a/packages/solid/src/components/hover-card/use-hover-card-context.ts +++ b/packages/solid/src/components/hover-card/use-hover-card-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseHoverCardReturn } from './use-hover-card' +import { createContext } from '../../utils/create-context.ts' +import type { UseHoverCardReturn } from './use-hover-card.ts' export interface UseHoverCardContext extends UseHoverCardReturn {} diff --git a/packages/solid/src/components/hover-card/use-hover-card.ts b/packages/solid/src/components/hover-card/use-hover-card.ts index a4e76e96d6..7bffe9935d 100644 --- a/packages/solid/src/components/hover-card/use-hover-card.ts +++ b/packages/solid/src/components/hover-card/use-hover-card.ts @@ -1,9 +1,9 @@ import * as hoverCard from '@zag-js/hover-card' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseHoverCardProps extends Optional, 'id'> {} export interface UseHoverCardReturn extends Accessor> {} diff --git a/packages/solid/src/components/image-cropper/image-cropper-context.tsx b/packages/solid/src/components/image-cropper/image-cropper-context.tsx index bea635270e..3fbbe134ec 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-context.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseImageCropperContext, useImageCropperContext } from './use-image-cropper-context' +import { type UseImageCropperContext, useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperContextProps { children: (context: UseImageCropperContext) => JSX.Element diff --git a/packages/solid/src/components/image-cropper/image-cropper-grid.tsx b/packages/solid/src/components/image-cropper/image-cropper-grid.tsx index 4ac5bb5192..411fe966b7 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-grid.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-grid.tsx @@ -1,7 +1,7 @@ import type { GridProps } from '@zag-js/image-cropper' import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperGridBaseProps extends PolymorphicProps<'div'>, GridProps {} export interface ImageCropperGridProps extends HTMLProps<'div'>, ImageCropperGridBaseProps {} diff --git a/packages/solid/src/components/image-cropper/image-cropper-handle.tsx b/packages/solid/src/components/image-cropper/image-cropper-handle.tsx index 7c3841aa9a..cdedf97d0d 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-handle.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-handle.tsx @@ -1,7 +1,7 @@ import type { HandleProps } from '@zag-js/image-cropper' import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperHandleBaseProps extends PolymorphicProps<'div'>, HandleProps {} export interface ImageCropperHandleProps extends HTMLProps<'div'>, ImageCropperHandleBaseProps {} diff --git a/packages/solid/src/components/image-cropper/image-cropper-image.tsx b/packages/solid/src/components/image-cropper/image-cropper-image.tsx index 88f9c86a55..c8d87fea18 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-image.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-image.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperImageBaseProps extends PolymorphicProps<'img'> {} export interface ImageCropperImageProps extends HTMLProps<'img'>, ImageCropperImageBaseProps {} diff --git a/packages/solid/src/components/image-cropper/image-cropper-root-provider.tsx b/packages/solid/src/components/image-cropper/image-cropper-root-provider.tsx index 837c044865..d9f3f92f1a 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-root-provider.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseImageCropperReturn } from './use-image-cropper' -import { ImageCropperProvider } from './use-image-cropper-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseImageCropperReturn } from './use-image-cropper.ts' +import { ImageCropperProvider } from './use-image-cropper-context.ts' interface RootProviderProps { value: UseImageCropperReturn diff --git a/packages/solid/src/components/image-cropper/image-cropper-root.tsx b/packages/solid/src/components/image-cropper/image-cropper-root.tsx index 719b1bee8f..c5d79347c9 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-root.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseImageCropperProps, useImageCropper } from './use-image-cropper' -import { ImageCropperProvider } from './use-image-cropper-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseImageCropperProps, useImageCropper } from './use-image-cropper.ts' +import { ImageCropperProvider } from './use-image-cropper-context.ts' export interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps<'div'> {} export interface ImageCropperRootProps extends HTMLProps<'div'>, ImageCropperRootBaseProps {} diff --git a/packages/solid/src/components/image-cropper/image-cropper-selection.tsx b/packages/solid/src/components/image-cropper/image-cropper-selection.tsx index 2715d7e394..8ca5a89e40 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-selection.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-selection.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperSelectionBaseProps extends PolymorphicProps<'div'> {} export interface ImageCropperSelectionProps extends HTMLProps<'div'>, ImageCropperSelectionBaseProps {} diff --git a/packages/solid/src/components/image-cropper/image-cropper-viewport.tsx b/packages/solid/src/components/image-cropper/image-cropper-viewport.tsx index 43ab3cb4d1..2349005538 100644 --- a/packages/solid/src/components/image-cropper/image-cropper-viewport.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper-viewport.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useImageCropperContext } from './use-image-cropper-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useImageCropperContext } from './use-image-cropper-context.ts' export interface ImageCropperViewportBaseProps extends PolymorphicProps<'div'> {} export interface ImageCropperViewportProps extends HTMLProps<'div'>, ImageCropperViewportBaseProps {} diff --git a/packages/solid/src/components/image-cropper/image-cropper.stories.tsx b/packages/solid/src/components/image-cropper/image-cropper.stories.tsx index 32dec774ec..c5563d4270 100644 --- a/packages/solid/src/components/image-cropper/image-cropper.stories.tsx +++ b/packages/solid/src/components/image-cropper/image-cropper.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { AspectRatio } from './examples/aspect-ratio' -export { Basic } from './examples/basic' -export { Circle } from './examples/circle' -export { Context } from './examples/context' -export { ControlledZoom } from './examples/controlled-zoom' -export { Events } from './examples/events' -export { Fixed } from './examples/fixed' -export { Flip } from './examples/flip' -export { CropPreview } from './examples/crop-preview' -export { InitialCrop } from './examples/initial-crop' -export { MinMaxSize } from './examples/min-max-size' -export { Reset } from './examples/reset' -export { RootProvider } from './examples/root-provider' -export { Rotation } from './examples/rotation' -export { ZoomLimits } from './examples/zoom-limits' +export { AspectRatio } from './examples/aspect-ratio.tsx' +export { Basic } from './examples/basic.tsx' +export { Circle } from './examples/circle.tsx' +export { Context } from './examples/context.tsx' +export { ControlledZoom } from './examples/controlled-zoom.tsx' +export { Events } from './examples/events.tsx' +export { Fixed } from './examples/fixed.tsx' +export { Flip } from './examples/flip.tsx' +export { CropPreview } from './examples/crop-preview.tsx' +export { InitialCrop } from './examples/initial-crop.tsx' +export { MinMaxSize } from './examples/min-max-size.tsx' +export { Reset } from './examples/reset.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Rotation } from './examples/rotation.tsx' +export { ZoomLimits } from './examples/zoom-limits.tsx' diff --git a/packages/solid/src/components/image-cropper/image-cropper.ts b/packages/solid/src/components/image-cropper/image-cropper.ts index 83ce711222..96df763fea 100644 --- a/packages/solid/src/components/image-cropper/image-cropper.ts +++ b/packages/solid/src/components/image-cropper/image-cropper.ts @@ -7,39 +7,42 @@ export type { ZoomChangeDetails, } from '@zag-js/image-cropper' export { handles } from '@zag-js/image-cropper' -export { ImageCropperContext as Context, type ImageCropperContextProps as ContextProps } from './image-cropper-context' +export { + ImageCropperContext as Context, + type ImageCropperContextProps as ContextProps, +} from './image-cropper-context.tsx' export { ImageCropperGrid as Grid, type ImageCropperGridBaseProps as GridBaseProps, type ImageCropperGridProps as GridProps, -} from './image-cropper-grid' +} from './image-cropper-grid.tsx' export { ImageCropperHandle as Handle, type ImageCropperHandleBaseProps as HandleBaseProps, type ImageCropperHandleProps as HandleProps, -} from './image-cropper-handle' +} from './image-cropper-handle.tsx' export { ImageCropperImage as Image, type ImageCropperImageBaseProps as ImageBaseProps, type ImageCropperImageProps as ImageProps, -} from './image-cropper-image' +} from './image-cropper-image.tsx' export { ImageCropperRoot as Root, type ImageCropperRootBaseProps as RootBaseProps, type ImageCropperRootProps as RootProps, -} from './image-cropper-root' +} from './image-cropper-root.tsx' export { ImageCropperRootProvider as RootProvider, type ImageCropperRootProviderBaseProps as RootProviderBaseProps, type ImageCropperRootProviderProps as RootProviderProps, -} from './image-cropper-root-provider' +} from './image-cropper-root-provider.tsx' export { ImageCropperSelection as Selection, type ImageCropperSelectionBaseProps as SelectionBaseProps, type ImageCropperSelectionProps as SelectionProps, -} from './image-cropper-selection' +} from './image-cropper-selection.tsx' export { ImageCropperViewport as Viewport, type ImageCropperViewportBaseProps as ViewportBaseProps, type ImageCropperViewportProps as ViewportProps, -} from './image-cropper-viewport' +} from './image-cropper-viewport.tsx' diff --git a/packages/solid/src/components/image-cropper/index.tsx b/packages/solid/src/components/image-cropper/index.tsx index 88e9cedf1f..7e6351480d 100644 --- a/packages/solid/src/components/image-cropper/index.tsx +++ b/packages/solid/src/components/image-cropper/index.tsx @@ -6,32 +6,36 @@ export type { RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper' -export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context' -export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid' +export { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.tsx' +export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid.tsx' export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, -} from './image-cropper-handle' -export { ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps } from './image-cropper-image' -export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root' +} from './image-cropper-handle.tsx' +export { + ImageCropperImage, + type ImageCropperImageBaseProps, + type ImageCropperImageProps, +} from './image-cropper-image.tsx' +export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root.tsx' export { ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, -} from './image-cropper-root-provider' +} from './image-cropper-root-provider.tsx' export { ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, -} from './image-cropper-selection' +} from './image-cropper-selection.tsx' export { ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, -} from './image-cropper-viewport' -export { imageCropperAnatomy } from './image-cropper.anatomy' -export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper' -export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context' +} from './image-cropper-viewport.tsx' +export { imageCropperAnatomy } from './image-cropper.anatomy.ts' +export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper.ts' +export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context.ts' -export * as ImageCropper from './image-cropper' +export * as ImageCropper from './image-cropper.ts' diff --git a/packages/solid/src/components/image-cropper/use-image-cropper-context.ts b/packages/solid/src/components/image-cropper/use-image-cropper-context.ts index 22d59a3d5c..80304f5f83 100644 --- a/packages/solid/src/components/image-cropper/use-image-cropper-context.ts +++ b/packages/solid/src/components/image-cropper/use-image-cropper-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseImageCropperReturn } from './use-image-cropper' +import { createContext } from '../../utils/create-context.ts' +import type { UseImageCropperReturn } from './use-image-cropper.ts' export interface UseImageCropperContext extends UseImageCropperReturn {} diff --git a/packages/solid/src/components/image-cropper/use-image-cropper.ts b/packages/solid/src/components/image-cropper/use-image-cropper.ts index 6b66b8c356..7a1e128c30 100644 --- a/packages/solid/src/components/image-cropper/use-image-cropper.ts +++ b/packages/solid/src/components/image-cropper/use-image-cropper.ts @@ -1,9 +1,9 @@ import * as imageCropper from '@zag-js/image-cropper' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseImageCropperProps extends Optional, 'id'> {} diff --git a/packages/solid/src/components/index.tsx b/packages/solid/src/components/index.tsx index 9f918231ff..36a180536a 100644 --- a/packages/solid/src/components/index.tsx +++ b/packages/solid/src/components/index.tsx @@ -1,60 +1,60 @@ -export * from './accordion' -export * from './angle-slider' -export * from './avatar' -export * from './drawer' -export * from './carousel' -export * from './checkbox' -export * from './client-only' -export * from './clipboard' -export * from './collapsible' -export * from './collection' -export * from './color-picker' -export * from './combobox' -export * from './date-input' -export * from './date-picker' -export * from './dialog' -export * from './download-trigger' -export * from './editable' -export * from './factory' -export * from './field' -export * from './fieldset' -export * from './file-upload' -export * from './floating-panel' -export * from './focus-trap' -export * from './format' -export * from './frame' -export * from './highlight' -export * from './hover-card' -export * from './image-cropper' -export * from './json-tree-view' -export * from './listbox' -export * from './marquee' -export * from './menu' -export * from './number-input' -export * from './pagination' -export * from './password-input' -export * from './pin-input' -export * from './popover' -export * from './presence' -export * from './progress' -export * from './qr-code' -export * from './radio-group' -export * from './rating-group' -export * from './scroll-area' -export * from './segment-group' -export * from './select' -export * from './signature-pad' -export * from './slider' -export * from './splitter' -export * from './steps' -export * from './swap' -export * from './switch' -export * from './tabs' -export * from './tags-input' -export * from './timer' -export * from './toast' -export * from './toggle-group' -export * from './toggle' -export * from './tooltip' -export * from './tour' -export * from './tree-view' +export * from './accordion/index.tsx' +export * from './angle-slider/index.tsx' +export * from './avatar/index.tsx' +export * from './drawer/index.tsx' +export * from './carousel/index.tsx' +export * from './checkbox/index.tsx' +export * from './client-only/index.tsx' +export * from './clipboard/index.tsx' +export * from './collapsible/index.tsx' +export * from './collection/index.tsx' +export * from './color-picker/index.tsx' +export * from './combobox/index.tsx' +export * from './date-input/index.tsx' +export * from './date-picker/index.tsx' +export * from './dialog/index.tsx' +export * from './download-trigger/index.tsx' +export * from './editable/index.tsx' +export * from './factory.tsx' +export * from './field/index.tsx' +export * from './fieldset/index.tsx' +export * from './file-upload/index.tsx' +export * from './floating-panel/index.tsx' +export * from './focus-trap/index.tsx' +export * from './format/index.tsx' +export * from './frame/index.tsx' +export * from './highlight/index.tsx' +export * from './hover-card/index.tsx' +export * from './image-cropper/index.tsx' +export * from './json-tree-view/index.tsx' +export * from './listbox/index.tsx' +export * from './marquee/index.tsx' +export * from './menu/index.tsx' +export * from './number-input/index.tsx' +export * from './pagination/index.tsx' +export * from './password-input/index.tsx' +export * from './pin-input/index.tsx' +export * from './popover/index.tsx' +export * from './presence/index.tsx' +export * from './progress/index.tsx' +export * from './qr-code/index.tsx' +export * from './radio-group/index.tsx' +export * from './rating-group/index.tsx' +export * from './scroll-area/index.tsx' +export * from './segment-group/index.tsx' +export * from './select/index.tsx' +export * from './signature-pad/index.tsx' +export * from './slider/index.tsx' +export * from './splitter/index.tsx' +export * from './steps/index.tsx' +export * from './swap/index.tsx' +export * from './switch/index.tsx' +export * from './tabs/index.tsx' +export * from './tags-input/index.tsx' +export * from './timer/index.tsx' +export * from './toast/index.tsx' +export * from './toggle-group/index.tsx' +export * from './toggle/index.tsx' +export * from './tooltip/index.tsx' +export * from './tour/index.tsx' +export * from './tree-view/index.tsx' diff --git a/packages/solid/src/components/json-tree-view/index.tsx b/packages/solid/src/components/json-tree-view/index.tsx index c35346d498..b49cf0f2c5 100644 --- a/packages/solid/src/components/json-tree-view/index.tsx +++ b/packages/solid/src/components/json-tree-view/index.tsx @@ -1,6 +1,6 @@ -export { JsonTreeViewRoot, type JsonTreeViewRootProps } from './json-tree-view-root' -export { JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps } from './json-tree-view-root-provider' -export { JsonTreeViewTree, type JsonTreeViewTreeProps } from './json-tree-view-tree' -export { useJsonTreeView, type UseJsonTreeViewProps, type UseJsonTreeViewReturn } from './use-json-tree-view' +export { JsonTreeViewRoot, type JsonTreeViewRootProps } from './json-tree-view-root.tsx' +export { JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps } from './json-tree-view-root-provider.tsx' +export { JsonTreeViewTree, type JsonTreeViewTreeProps } from './json-tree-view-tree.tsx' +export { useJsonTreeView, type UseJsonTreeViewProps, type UseJsonTreeViewReturn } from './use-json-tree-view.ts' -export * as JsonTreeView from './json-tree-view' +export * as JsonTreeView from './json-tree-view.tsx' diff --git a/packages/solid/src/components/json-tree-view/json-tree-view-key-node.tsx b/packages/solid/src/components/json-tree-view/json-tree-view-key-node.tsx index bb84a944e2..c0f8cd2df6 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view-key-node.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view-key-node.tsx @@ -1,6 +1,6 @@ import { type JsonNode, keyPathToKey } from '@zag-js/json-tree-utils' import { type JSX, createMemo } from 'solid-js' -import { ark } from '../factory' +import { ark } from '../factory.tsx' interface JsonTreeViewKeyNodeProps { /** diff --git a/packages/solid/src/components/json-tree-view/json-tree-view-node.tsx b/packages/solid/src/components/json-tree-view/json-tree-view-node.tsx index a7808f387e..4c9f6aad12 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view-node.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view-node.tsx @@ -7,10 +7,10 @@ import { } from '@zag-js/json-tree-utils' import { type JSX, createMemo } from 'solid-js' import { Index, Show } from 'solid-js/web' -import { TreeView, useTreeViewContext } from '../tree-view' -import { JsonTreeViewKeyNode } from './json-tree-view-key-node' -import { useJsonTreeViewPropsContext } from './json-tree-view-props-context' -import { JsonTreeViewValueNode } from './json-tree-view-value-node' +import { TreeView, useTreeViewContext } from '../tree-view/index.tsx' +import { JsonTreeViewKeyNode } from './json-tree-view-key-node.tsx' +import { useJsonTreeViewPropsContext } from './json-tree-view-props-context.ts' +import { JsonTreeViewValueNode } from './json-tree-view-value-node.tsx' export interface JsonTreeViewNodeBaseProps { /** diff --git a/packages/solid/src/components/json-tree-view/json-tree-view-props-context.ts b/packages/solid/src/components/json-tree-view/json-tree-view-props-context.ts index 137ae9b846..643e2cb2e1 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view-props-context.ts +++ b/packages/solid/src/components/json-tree-view/json-tree-view-props-context.ts @@ -1,5 +1,5 @@ import type { JsonNodePreviewOptions } from '@zag-js/json-tree-utils' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface JsonTreeViewOptions extends Partial { /** diff --git a/packages/solid/src/components/json-tree-view/json-tree-view-root-provider.tsx b/packages/solid/src/components/json-tree-view/json-tree-view-root-provider.tsx index 146016b754..d036d43b5b 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view-root-provider.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view-root-provider.tsx @@ -1,8 +1,8 @@ import type { JsonNode } from '@zag-js/json-tree-utils' import { type JSX, createMemo, splitProps } from 'solid-js' -import { TreeView } from '../tree-view' -import { JsonTreeViewPropsProvider } from './json-tree-view-props-context' -import type { UseJsonTreeViewReturn } from './use-json-tree-view' +import { TreeView } from '../tree-view/index.tsx' +import { JsonTreeViewPropsProvider } from './json-tree-view-props-context.ts' +import type { UseJsonTreeViewReturn } from './use-json-tree-view.ts' export interface JsonTreeViewRootProviderProps extends Omit, 'value'> { value: UseJsonTreeViewReturn diff --git a/packages/solid/src/components/json-tree-view/json-tree-view-root.tsx b/packages/solid/src/components/json-tree-view/json-tree-view-root.tsx index e0b199c599..ac02c1440a 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view-root.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view-root.tsx @@ -1,9 +1,9 @@ import { type JsonNode, getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils' import { type JSX, createMemo, splitProps } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { TreeView, createTreeCollection } from '../tree-view' -import { getBranchValues } from './get-branch-value' -import { type JsonTreeViewOptions, JsonTreeViewPropsProvider } from './json-tree-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { TreeView, createTreeCollection } from '../tree-view/index.tsx' +import { getBranchValues } from './get-branch-value.ts' +import { type JsonTreeViewOptions, JsonTreeViewPropsProvider } from './json-tree-view-props-context.ts' export interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions { /** diff --git a/packages/solid/src/components/json-tree-view/json-tree-view-tree.tsx b/packages/solid/src/components/json-tree-view/json-tree-view-tree.tsx index 863e8216ac..7ce99c6256 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view-tree.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view-tree.tsx @@ -1,7 +1,7 @@ import { Index, type JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { TreeView, useTreeViewContext } from '../tree-view' -import { JsonTreeViewNode, type JsonTreeViewNodeBaseProps } from './json-tree-view-node' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { TreeView, useTreeViewContext } from '../tree-view/index.tsx' +import { JsonTreeViewNode, type JsonTreeViewNodeBaseProps } from './json-tree-view-node.tsx' export interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {} diff --git a/packages/solid/src/components/json-tree-view/json-tree-view.stories.tsx b/packages/solid/src/components/json-tree-view/json-tree-view.stories.tsx index 19349e3fce..8a5f5b0df0 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view.stories.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { ArrayData } from './examples/array-data' -export { MapAndSet } from './examples/map-and-set' -export { Regex } from './examples/regex' -export { Functions } from './examples/functions' -export { ExpandLevel } from './examples/expand-level' -export { RenderValue } from './examples/render-value' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { ArrayData } from './examples/array-data.tsx' +export { MapAndSet } from './examples/map-and-set.tsx' +export { Regex } from './examples/regex.tsx' +export { Functions } from './examples/functions.tsx' +export { ExpandLevel } from './examples/expand-level.tsx' +export { RenderValue } from './examples/render-value.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/json-tree-view/json-tree-view.tsx b/packages/solid/src/components/json-tree-view/json-tree-view.tsx index 92d8947ebb..ff8337de9d 100644 --- a/packages/solid/src/components/json-tree-view/json-tree-view.tsx +++ b/packages/solid/src/components/json-tree-view/json-tree-view.tsx @@ -1,6 +1,6 @@ -export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps } from './json-tree-view-root' +export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps } from './json-tree-view-root.tsx' export { JsonTreeViewRootProvider as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, -} from './json-tree-view-root-provider' -export { JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps } from './json-tree-view-tree' +} from './json-tree-view-root-provider.tsx' +export { JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps } from './json-tree-view-tree.tsx' diff --git a/packages/solid/src/components/json-tree-view/use-json-tree-view.ts b/packages/solid/src/components/json-tree-view/use-json-tree-view.ts index 467bf278ae..2d9ee5db72 100644 --- a/packages/solid/src/components/json-tree-view/use-json-tree-view.ts +++ b/packages/solid/src/components/json-tree-view/use-json-tree-view.ts @@ -3,10 +3,10 @@ import type * as treeView from '@zag-js/tree-view' import { type JsonNode, getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils' import { type Accessor, createMemo, splitProps } from 'solid-js' import { untrack } from 'solid-js/web' -import { createSplitProps } from '../../utils/create-split-props' -import { type UseTreeViewProps, createTreeCollection, useTreeView } from '../tree-view' -import { getBranchValues } from './get-branch-value' -import type { JsonTreeViewOptions } from './json-tree-view-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type UseTreeViewProps, createTreeCollection, useTreeView } from '../tree-view/index.tsx' +import { getBranchValues } from './get-branch-value.ts' +import type { JsonTreeViewOptions } from './json-tree-view-props-context.ts' export interface UseJsonTreeViewProps extends Omit, 'collection'>, JsonTreeViewOptions { data: unknown diff --git a/packages/solid/src/components/listbox/index.tsx b/packages/solid/src/components/listbox/index.tsx index f12c399a0e..b69e3ee3d5 100644 --- a/packages/solid/src/components/listbox/index.tsx +++ b/packages/solid/src/components/listbox/index.tsx @@ -5,43 +5,43 @@ export type { SelectionMode as ListboxSelectionMode, ValueChangeDetails as ListboxValueChangeDetails, } from '@zag-js/listbox' -export { createListCollection, type CollectionItem, type ListCollection } from '../collection' -export { ListboxContext, type ListboxContextProps } from './listbox-context' -export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content' -export { ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps } from './listbox-empty' -export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input' -export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item' -export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context' -export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group' +export { createListCollection, type CollectionItem, type ListCollection } from '../collection/index.tsx' +export { ListboxContext, type ListboxContextProps } from './listbox-context.tsx' +export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content.tsx' +export { ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps } from './listbox-empty.tsx' +export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.tsx' +export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.tsx' +export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.tsx' +export { ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps } from './listbox-item-group.tsx' export { ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, -} from './listbox-item-group-label' +} from './listbox-item-group-label.tsx' export { ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, -} from './listbox-item-indicator' -export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text' -export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label' +} from './listbox-item-indicator.tsx' +export { ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps } from './listbox-item-text.tsx' +export { ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label.tsx' export { ListboxRoot, type ListboxRootBaseProps, type ListboxRootProps, type ListboxRootComponent, type ListboxRootComponentProps, -} from './listbox-root' +} from './listbox-root.tsx' export { ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, -} from './listbox-root-provider' -export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text' -export { listboxAnatomy } from './listbox.anatomy' -export { useListbox, type UseListboxProps, type UseListboxReturn } from './use-listbox' -export { useListboxContext, type UseListboxContext } from './use-listbox-context' -export { useListboxItemContext, type UseListboxItemContext } from './use-listbox-item-context' +} from './listbox-root-provider.tsx' +export { ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps } from './listbox-value-text.tsx' +export { listboxAnatomy } from './listbox.anatomy.ts' +export { useListbox, type UseListboxProps, type UseListboxReturn } from './use-listbox.ts' +export { useListboxContext, type UseListboxContext } from './use-listbox-context.ts' +export { useListboxItemContext, type UseListboxItemContext } from './use-listbox-item-context.ts' -export * as Listbox from './listbox' +export * as Listbox from './listbox.ts' diff --git a/packages/solid/src/components/listbox/listbox-content.tsx b/packages/solid/src/components/listbox/listbox-content.tsx index e30c2d7fad..d4a2db9de7 100644 --- a/packages/solid/src/components/listbox/listbox-content.tsx +++ b/packages/solid/src/components/listbox/listbox-content.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxContentBaseProps extends PolymorphicProps<'div'> {} export interface ListboxContentProps extends HTMLProps<'div'>, ListboxContentBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-context.tsx b/packages/solid/src/components/listbox/listbox-context.tsx index 0e4b9fbf65..65f1ff7669 100644 --- a/packages/solid/src/components/listbox/listbox-context.tsx +++ b/packages/solid/src/components/listbox/listbox-context.tsx @@ -1,6 +1,6 @@ import type { JSX } from 'solid-js' -import type { CollectionItem } from '../collection' -import { type UseListboxContext, useListboxContext } from './use-listbox-context' +import type { CollectionItem } from '../collection/index.tsx' +import { type UseListboxContext, useListboxContext } from './use-listbox-context.ts' export interface ListboxContextProps { children: (context: UseListboxContext) => JSX.Element diff --git a/packages/solid/src/components/listbox/listbox-empty.tsx b/packages/solid/src/components/listbox/listbox-empty.tsx index 70a2c1a646..adf4ee3cfc 100644 --- a/packages/solid/src/components/listbox/listbox-empty.tsx +++ b/packages/solid/src/components/listbox/listbox-empty.tsx @@ -1,7 +1,7 @@ import { createMemo, Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { listboxAnatomy } from './listbox.anatomy' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { listboxAnatomy } from './listbox.anatomy.ts' +import { useListboxContext } from './use-listbox-context.ts' const parts = listboxAnatomy.build() diff --git a/packages/solid/src/components/listbox/listbox-input.tsx b/packages/solid/src/components/listbox/listbox-input.tsx index 486f399d3e..e1528ae32c 100644 --- a/packages/solid/src/components/listbox/listbox-input.tsx +++ b/packages/solid/src/components/listbox/listbox-input.tsx @@ -1,8 +1,8 @@ import type { InputProps } from '@zag-js/listbox' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxInputBaseProps extends InputProps, PolymorphicProps<'input'> {} export interface ListboxInputProps extends HTMLProps<'input'>, ListboxInputBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-item-context.tsx b/packages/solid/src/components/listbox/listbox-item-context.tsx index a90a7b9644..58065ee73f 100644 --- a/packages/solid/src/components/listbox/listbox-item-context.tsx +++ b/packages/solid/src/components/listbox/listbox-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseListboxItemContext, useListboxItemContext } from './use-listbox-item-context' +import { type UseListboxItemContext, useListboxItemContext } from './use-listbox-item-context.ts' export interface ListboxItemContextProps { children: (context: UseListboxItemContext) => JSX.Element diff --git a/packages/solid/src/components/listbox/listbox-item-group-label.tsx b/packages/solid/src/components/listbox/listbox-item-group-label.tsx index 0f146023f9..bba39714cc 100644 --- a/packages/solid/src/components/listbox/listbox-item-group-label.tsx +++ b/packages/solid/src/components/listbox/listbox-item-group-label.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { useListboxItemGroupPropsContext } from './use-listbox-item-group-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' +import { useListboxItemGroupPropsContext } from './use-listbox-item-group-props-context.ts' export interface ListboxItemGroupLabelBaseProps extends PolymorphicProps<'div'> {} export interface ListboxItemGroupLabelProps extends HTMLProps<'div'>, ListboxItemGroupLabelBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-item-group.tsx b/packages/solid/src/components/listbox/listbox-item-group.tsx index fc4e46a0e3..d77bc5c46e 100644 --- a/packages/solid/src/components/listbox/listbox-item-group.tsx +++ b/packages/solid/src/components/listbox/listbox-item-group.tsx @@ -1,10 +1,10 @@ import type { ItemGroupProps } from '@zag-js/listbox' import { mergeProps } from '@zag-js/solid' import { createUniqueId } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { ListboxItemGroupPropsProvider } from './use-listbox-item-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' +import { ListboxItemGroupPropsProvider } from './use-listbox-item-group-props-context.ts' export interface ListboxItemGroupBaseProps extends PolymorphicProps<'div'> {} export interface ListboxItemGroupProps extends HTMLProps<'div'>, ListboxItemGroupBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-item-indicator.tsx b/packages/solid/src/components/listbox/listbox-item-indicator.tsx index 81a0c29bfc..5347c046fe 100644 --- a/packages/solid/src/components/listbox/listbox-item-indicator.tsx +++ b/packages/solid/src/components/listbox/listbox-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { useListboxItemPropsContext } from './use-listbox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' +import { useListboxItemPropsContext } from './use-listbox-item-props-context.ts' export interface ListboxItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface ListboxItemIndicatorProps extends HTMLProps<'div'>, ListboxItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-item-text.tsx b/packages/solid/src/components/listbox/listbox-item-text.tsx index b2fb2c9f32..d9adf3405c 100644 --- a/packages/solid/src/components/listbox/listbox-item-text.tsx +++ b/packages/solid/src/components/listbox/listbox-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { useListboxItemPropsContext } from './use-listbox-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' +import { useListboxItemPropsContext } from './use-listbox-item-props-context.ts' export interface ListboxItemTextBaseProps extends PolymorphicProps<'div'> {} export interface ListboxItemTextProps extends HTMLProps<'div'>, ListboxItemTextBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-item.tsx b/packages/solid/src/components/listbox/listbox-item.tsx index 4b10e0ba38..f210a0a1ec 100644 --- a/packages/solid/src/components/listbox/listbox-item.tsx +++ b/packages/solid/src/components/listbox/listbox-item.tsx @@ -1,10 +1,10 @@ import type { ItemProps } from '@zag-js/listbox' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' -import { ListboxItemProvider } from './use-listbox-item-context' -import { ListboxItemPropsProvider } from './use-listbox-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' +import { ListboxItemProvider } from './use-listbox-item-context.ts' +import { ListboxItemPropsProvider } from './use-listbox-item-props-context.ts' export interface ListboxItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface ListboxItemProps extends HTMLProps<'div'>, ListboxItemBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-label.tsx b/packages/solid/src/components/listbox/listbox-label.tsx index 91245621c2..17a026dac3 100644 --- a/packages/solid/src/components/listbox/listbox-label.tsx +++ b/packages/solid/src/components/listbox/listbox-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxLabelBaseProps extends PolymorphicProps<'span'> {} export interface ListboxLabelProps extends HTMLProps<'span'>, ListboxLabelBaseProps {} diff --git a/packages/solid/src/components/listbox/listbox-root-provider.tsx b/packages/solid/src/components/listbox/listbox-root-provider.tsx index abac512194..46ea4fcf29 100644 --- a/packages/solid/src/components/listbox/listbox-root-provider.tsx +++ b/packages/solid/src/components/listbox/listbox-root-provider.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js/jsx-runtime' -import { createSplitProps } from '../../utils/create-split-props' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseListboxReturn } from './use-listbox' -import { ListboxProvider } from './use-listbox-context' -import type { CollectionItem } from '../collection' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseListboxReturn } from './use-listbox.ts' +import { ListboxProvider } from './use-listbox-context.ts' +import type { CollectionItem } from '../collection/index.tsx' interface RootProviderProps { value: UseListboxReturn diff --git a/packages/solid/src/components/listbox/listbox-root.tsx b/packages/solid/src/components/listbox/listbox-root.tsx index 10a618275f..bb5a8fcf52 100644 --- a/packages/solid/src/components/listbox/listbox-root.tsx +++ b/packages/solid/src/components/listbox/listbox-root.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import type { CollectionItem } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseListboxProps, useListbox } from './use-listbox' -import { ListboxProvider } from './use-listbox-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { CollectionItem } from '../collection/index.tsx' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseListboxProps, useListbox } from './use-listbox.ts' +import { ListboxProvider } from './use-listbox-context.ts' export interface ListboxRootBaseProps extends UseListboxProps, PolymorphicProps<'div'> {} export interface ListboxRootProps extends Assign, ListboxRootBaseProps> {} diff --git a/packages/solid/src/components/listbox/listbox-value-text.tsx b/packages/solid/src/components/listbox/listbox-value-text.tsx index 4fd1face5c..cbdb4609b4 100644 --- a/packages/solid/src/components/listbox/listbox-value-text.tsx +++ b/packages/solid/src/components/listbox/listbox-value-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { children } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useListboxContext } from './use-listbox-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useListboxContext } from './use-listbox-context.ts' export interface ListboxValueTextBaseProps extends PolymorphicProps<'span'> { /** diff --git a/packages/solid/src/components/listbox/listbox.stories.tsx b/packages/solid/src/components/listbox/listbox.stories.tsx index aeb99e191c..fe1725927c 100644 --- a/packages/solid/src/components/listbox/listbox.stories.tsx +++ b/packages/solid/src/components/listbox/listbox.stories.tsx @@ -6,15 +6,15 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DisabledItem } from './examples/disabled-item' -export { ExtendedSelect } from './examples/extended-select' -export { Filtering } from './examples/filtering' -export { Grid } from './examples/grid' -export { Group } from './examples/group' -export { Horizontal } from './examples/horizontal' -export { Multiple } from './examples/multiple' -export { RootProvider } from './examples/root-provider' -export { SelectAll } from './examples/select-all' -export { ValueText } from './examples/value-text' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DisabledItem } from './examples/disabled-item.tsx' +export { ExtendedSelect } from './examples/extended-select.tsx' +export { Filtering } from './examples/filtering.tsx' +export { Grid } from './examples/grid.tsx' +export { Group } from './examples/group.tsx' +export { Horizontal } from './examples/horizontal.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SelectAll } from './examples/select-all.tsx' +export { ValueText } from './examples/value-text.tsx' diff --git a/packages/solid/src/components/listbox/listbox.ts b/packages/solid/src/components/listbox/listbox.ts index 416c6e950c..03ac0a2151 100644 --- a/packages/solid/src/components/listbox/listbox.ts +++ b/packages/solid/src/components/listbox/listbox.ts @@ -5,71 +5,71 @@ export type { SelectionMode, ValueChangeDetails, } from '@zag-js/listbox' -export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context' +export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context.tsx' export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, -} from './listbox-content' +} from './listbox-content.tsx' export { ListboxEmpty as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, -} from './listbox-empty' +} from './listbox-empty.tsx' export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, -} from './listbox-input' +} from './listbox-input.tsx' export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, -} from './listbox-item' +} from './listbox-item.tsx' export { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, -} from './listbox-item-context' +} from './listbox-item-context.tsx' export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, -} from './listbox-item-group' +} from './listbox-item-group.tsx' export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, -} from './listbox-item-group-label' +} from './listbox-item-group-label.tsx' export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, -} from './listbox-item-indicator' +} from './listbox-item-indicator.tsx' export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, -} from './listbox-item-text' +} from './listbox-item-text.tsx' export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, -} from './listbox-label' +} from './listbox-label.tsx' export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, type ListboxRootComponent as RootComponent, type ListboxRootComponentProps as RootComponentProps, -} from './listbox-root' +} from './listbox-root.tsx' export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, -} from './listbox-root-provider' +} from './listbox-root-provider.tsx' export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, -} from './listbox-value-text' +} from './listbox-value-text.tsx' diff --git a/packages/solid/src/components/listbox/use-listbox-context.ts b/packages/solid/src/components/listbox/use-listbox-context.ts index 0bd86e5577..58969f571b 100644 --- a/packages/solid/src/components/listbox/use-listbox-context.ts +++ b/packages/solid/src/components/listbox/use-listbox-context.ts @@ -1,6 +1,6 @@ -import { createContext } from '../../utils/create-context' -import type { CollectionItem } from '../collection' -import type { UseListboxReturn } from './use-listbox' +import { createContext } from '../../utils/create-context.ts' +import type { CollectionItem } from '../collection/index.tsx' +import type { UseListboxReturn } from './use-listbox.ts' export interface UseListboxContext extends UseListboxReturn {} diff --git a/packages/solid/src/components/listbox/use-listbox-item-context.ts b/packages/solid/src/components/listbox/use-listbox-item-context.ts index 12ded915b8..2920cca8bc 100644 --- a/packages/solid/src/components/listbox/use-listbox-item-context.ts +++ b/packages/solid/src/components/listbox/use-listbox-item-context.ts @@ -1,5 +1,5 @@ import type { ItemState } from '@zag-js/listbox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseListboxItemContext extends ItemState {} diff --git a/packages/solid/src/components/listbox/use-listbox-item-group-props-context.ts b/packages/solid/src/components/listbox/use-listbox-item-group-props-context.ts index c56457cd01..4ba3b3da8f 100644 --- a/packages/solid/src/components/listbox/use-listbox-item-group-props-context.ts +++ b/packages/solid/src/components/listbox/use-listbox-item-group-props-context.ts @@ -1,5 +1,5 @@ import type { ItemGroupProps } from '@zag-js/listbox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseListboxItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/solid/src/components/listbox/use-listbox-item-props-context.ts b/packages/solid/src/components/listbox/use-listbox-item-props-context.ts index c541d895c4..d68aff63f9 100644 --- a/packages/solid/src/components/listbox/use-listbox-item-props-context.ts +++ b/packages/solid/src/components/listbox/use-listbox-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/listbox' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext({ hookName: 'useListboxItemPropsContext', diff --git a/packages/solid/src/components/listbox/use-listbox.ts b/packages/solid/src/components/listbox/use-listbox.ts index 1db954001e..e187eac928 100644 --- a/packages/solid/src/components/listbox/use-listbox.ts +++ b/packages/solid/src/components/listbox/use-listbox.ts @@ -1,10 +1,10 @@ import * as listbox from '@zag-js/listbox' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import type { CollectionItem, ListCollection } from '../collection' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import type { CollectionItem, ListCollection } from '../collection/index.tsx' export interface UseListboxProps extends Optional< Omit, 'dir' | 'getRootNode' | 'collection'>, diff --git a/packages/solid/src/components/marquee/index.tsx b/packages/solid/src/components/marquee/index.tsx index aaee01d8d6..24a3cb6ebb 100644 --- a/packages/solid/src/components/marquee/index.tsx +++ b/packages/solid/src/components/marquee/index.tsx @@ -1,17 +1,17 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee' -export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content' -export { MarqueeContext, type MarqueeContextProps } from './marquee-context' -export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge' -export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item' -export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root' +export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content.tsx' +export { MarqueeContext, type MarqueeContextProps } from './marquee-context.tsx' +export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.tsx' +export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item.tsx' +export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root.tsx' export { MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, -} from './marquee-root-provider' -export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport' -export { marqueeAnatomy } from './marquee.anatomy' -export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee' -export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context' +} from './marquee-root-provider.tsx' +export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport.tsx' +export { marqueeAnatomy } from './marquee.anatomy.ts' +export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee.ts' +export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context.ts' -export * as Marquee from './marquee' +export * as Marquee from './marquee.ts' diff --git a/packages/solid/src/components/marquee/marquee-content.tsx b/packages/solid/src/components/marquee/marquee-content.tsx index 944d87a98b..876c582441 100644 --- a/packages/solid/src/components/marquee/marquee-content.tsx +++ b/packages/solid/src/components/marquee/marquee-content.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { type FlowComponent, For } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeContentBaseProps extends PolymorphicProps<'div'> {} export interface MarqueeContentProps extends HTMLProps<'div'>, MarqueeContentBaseProps {} diff --git a/packages/solid/src/components/marquee/marquee-context.tsx b/packages/solid/src/components/marquee/marquee-context.tsx index 25700e5aa1..3c23c54b8d 100644 --- a/packages/solid/src/components/marquee/marquee-context.tsx +++ b/packages/solid/src/components/marquee/marquee-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseMarqueeContext, useMarqueeContext } from './use-marquee-context' +import { type UseMarqueeContext, useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeContextProps { children: (context: UseMarqueeContext) => JSX.Element diff --git a/packages/solid/src/components/marquee/marquee-edge.tsx b/packages/solid/src/components/marquee/marquee-edge.tsx index b39c1bddc7..e0176011a8 100644 --- a/packages/solid/src/components/marquee/marquee-edge.tsx +++ b/packages/solid/src/components/marquee/marquee-edge.tsx @@ -1,8 +1,8 @@ import type { EdgeProps } from '@zag-js/marquee' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps<'div'> {} export interface MarqueeEdgeProps extends HTMLProps<'div'>, MarqueeEdgeBaseProps {} diff --git a/packages/solid/src/components/marquee/marquee-item.tsx b/packages/solid/src/components/marquee/marquee-item.tsx index be5fd5c8c1..554ac3497c 100644 --- a/packages/solid/src/components/marquee/marquee-item.tsx +++ b/packages/solid/src/components/marquee/marquee-item.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeItemBaseProps extends PolymorphicProps<'div'> {} export interface MarqueeItemProps extends HTMLProps<'div'>, MarqueeItemBaseProps {} diff --git a/packages/solid/src/components/marquee/marquee-root-provider.tsx b/packages/solid/src/components/marquee/marquee-root-provider.tsx index a792fbaf19..021dfce7d3 100644 --- a/packages/solid/src/components/marquee/marquee-root-provider.tsx +++ b/packages/solid/src/components/marquee/marquee-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseMarqueeReturn } from './use-marquee' -import { MarqueeProvider } from './use-marquee-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseMarqueeReturn } from './use-marquee.ts' +import { MarqueeProvider } from './use-marquee-context.ts' interface RootProviderProps { value: UseMarqueeReturn diff --git a/packages/solid/src/components/marquee/marquee-root.tsx b/packages/solid/src/components/marquee/marquee-root.tsx index a8520d964e..56bfd843b5 100644 --- a/packages/solid/src/components/marquee/marquee-root.tsx +++ b/packages/solid/src/components/marquee/marquee-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseMarqueeProps, useMarquee } from './use-marquee' -import { MarqueeProvider } from './use-marquee-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseMarqueeProps, useMarquee } from './use-marquee.ts' +import { MarqueeProvider } from './use-marquee-context.ts' export interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps<'div'> {} export interface MarqueeRootProps extends HTMLProps<'div'>, MarqueeRootBaseProps {} diff --git a/packages/solid/src/components/marquee/marquee-viewport.tsx b/packages/solid/src/components/marquee/marquee-viewport.tsx index c3e8ca9ba2..0bfebc5a11 100644 --- a/packages/solid/src/components/marquee/marquee-viewport.tsx +++ b/packages/solid/src/components/marquee/marquee-viewport.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMarqueeContext } from './use-marquee-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMarqueeContext } from './use-marquee-context.ts' export interface MarqueeViewportBaseProps extends PolymorphicProps<'div'> {} export interface MarqueeViewportProps extends HTMLProps<'div'>, MarqueeViewportBaseProps {} diff --git a/packages/solid/src/components/marquee/marquee.stories.tsx b/packages/solid/src/components/marquee/marquee.stories.tsx index fc13a9d7b6..33147d3f60 100644 --- a/packages/solid/src/components/marquee/marquee.stories.tsx +++ b/packages/solid/src/components/marquee/marquee.stories.tsx @@ -6,12 +6,12 @@ const meta: Meta = { export default meta -export { AutoFill } from './examples/auto-fill' -export { Basic } from './examples/basic' -export { FiniteLoops } from './examples/finite-loops' -export { PauseOnInteraction } from './examples/pause-on-interaction' -export { ProgrammaticControl } from './examples/programmatic-control' -export { Reverse } from './examples/reverse' -export { Speed } from './examples/speed' -export { Vertical } from './examples/vertical' -export { WithEdges } from './examples/with-edges' +export { AutoFill } from './examples/auto-fill.tsx' +export { Basic } from './examples/basic.tsx' +export { FiniteLoops } from './examples/finite-loops.tsx' +export { PauseOnInteraction } from './examples/pause-on-interaction.tsx' +export { ProgrammaticControl } from './examples/programmatic-control.tsx' +export { Reverse } from './examples/reverse.tsx' +export { Speed } from './examples/speed.tsx' +export { Vertical } from './examples/vertical.tsx' +export { WithEdges } from './examples/with-edges.tsx' diff --git a/packages/solid/src/components/marquee/marquee.ts b/packages/solid/src/components/marquee/marquee.ts index ef9d8383f2..668efc511a 100644 --- a/packages/solid/src/components/marquee/marquee.ts +++ b/packages/solid/src/components/marquee/marquee.ts @@ -3,30 +3,30 @@ export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, -} from './marquee-content' -export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context' +} from './marquee-content.tsx' +export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context.tsx' export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, -} from './marquee-edge' +} from './marquee-edge.tsx' export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, -} from './marquee-item' +} from './marquee-item.tsx' export { MarqueeRoot as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, -} from './marquee-root' +} from './marquee-root.tsx' export { MarqueeRootProvider as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, -} from './marquee-root-provider' +} from './marquee-root-provider.tsx' export { MarqueeViewport as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, -} from './marquee-viewport' +} from './marquee-viewport.tsx' diff --git a/packages/solid/src/components/marquee/use-marquee-context.ts b/packages/solid/src/components/marquee/use-marquee-context.ts index 08252aa8bc..1087f6cf19 100644 --- a/packages/solid/src/components/marquee/use-marquee-context.ts +++ b/packages/solid/src/components/marquee/use-marquee-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseMarqueeReturn } from './use-marquee' +import { createContext } from '../../utils/create-context.ts' +import type { UseMarqueeReturn } from './use-marquee.ts' export interface UseMarqueeContext extends UseMarqueeReturn {} diff --git a/packages/solid/src/components/marquee/use-marquee.ts b/packages/solid/src/components/marquee/use-marquee.ts index 4253357f7f..540c48a503 100644 --- a/packages/solid/src/components/marquee/use-marquee.ts +++ b/packages/solid/src/components/marquee/use-marquee.ts @@ -1,9 +1,9 @@ import * as marquee from '@zag-js/marquee' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseMarqueeProps extends Optional, 'id'> {} export interface UseMarqueeReturn extends Accessor> {} diff --git a/packages/solid/src/components/menu/index.tsx b/packages/solid/src/components/menu/index.tsx index a8fdb5dfa7..5cf8b0cc7a 100644 --- a/packages/solid/src/components/menu/index.tsx +++ b/packages/solid/src/components/menu/index.tsx @@ -7,43 +7,47 @@ export type { SelectionDetails as MenuSelectionDetails, TriggerValueChangeDetails as MenuTriggerValueChangeDetails, } from '@zag-js/menu' -export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow' -export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip' -export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item' -export { MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content' -export { MenuContext, type MenuContextProps } from './menu-context' +export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.tsx' +export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.tsx' +export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item.tsx' +export { MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content.tsx' +export { MenuContext, type MenuContextProps } from './menu-context.tsx' export { MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, -} from './menu-context-trigger' -export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator' -export { MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item' -export { MenuItemContext, type MenuItemContextProps } from './menu-item-context' -export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps } from './menu-item-group' +} from './menu-context-trigger.tsx' +export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator.tsx' +export { MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item.tsx' +export { MenuItemContext, type MenuItemContextProps } from './menu-item-context.tsx' +export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps } from './menu-item-group.tsx' export { MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, -} from './menu-item-group-label' -export { MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps } from './menu-item-indicator' -export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text' -export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps } from './menu-positioner' -export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps } from './menu-radio-item' +} from './menu-item-group-label.tsx' +export { + MenuItemIndicator, + type MenuItemIndicatorBaseProps, + type MenuItemIndicatorProps, +} from './menu-item-indicator.tsx' +export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text.tsx' +export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps } from './menu-positioner.tsx' +export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps } from './menu-radio-item.tsx' export { MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, -} from './menu-radio-item-group' -export { MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root' -export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps } from './menu-root-provider' -export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator' -export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger' -export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps } from './menu-trigger-item' -export { menuAnatomy } from './menu.anatomy' -export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu' -export { useMenuContext, type UseMenuContext } from './use-menu-context' -export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context' -export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context' +} from './menu-radio-item-group.tsx' +export { MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root.tsx' +export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps } from './menu-root-provider.tsx' +export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator.tsx' +export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger.tsx' +export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps } from './menu-trigger-item.tsx' +export { menuAnatomy } from './menu.anatomy.ts' +export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu.ts' +export { useMenuContext, type UseMenuContext } from './use-menu-context.ts' +export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context.ts' +export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context.ts' -export * as Menu from './menu' +export * as Menu from './menu.ts' diff --git a/packages/solid/src/components/menu/menu-arrow-tip.tsx b/packages/solid/src/components/menu/menu-arrow-tip.tsx index b19b21619a..7a7556cdb6 100644 --- a/packages/solid/src/components/menu/menu-arrow-tip.tsx +++ b/packages/solid/src/components/menu/menu-arrow-tip.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuArrowTipBaseProps extends PolymorphicProps<'div'> {} export interface MenuArrowTipProps extends HTMLProps<'div'>, MenuArrowTipBaseProps {} diff --git a/packages/solid/src/components/menu/menu-arrow.tsx b/packages/solid/src/components/menu/menu-arrow.tsx index b0cb0a0d86..b0cfc33d53 100644 --- a/packages/solid/src/components/menu/menu-arrow.tsx +++ b/packages/solid/src/components/menu/menu-arrow.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuArrowBaseProps extends PolymorphicProps<'div'> {} export interface MenuArrowProps extends HTMLProps<'div'>, MenuArrowBaseProps {} diff --git a/packages/solid/src/components/menu/menu-checkbox-item.tsx b/packages/solid/src/components/menu/menu-checkbox-item.tsx index 37313082b3..12d2528be6 100644 --- a/packages/solid/src/components/menu/menu-checkbox-item.tsx +++ b/packages/solid/src/components/menu/menu-checkbox-item.tsx @@ -1,11 +1,11 @@ import type { OptionItemProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemProvider } from './use-menu-item-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemProvider } from './use-menu-item-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' type PartialOptionItemProps = Omit diff --git a/packages/solid/src/components/menu/menu-content.tsx b/packages/solid/src/components/menu/menu-content.tsx index 5cc5936276..38b6ed802d 100644 --- a/packages/solid/src/components/menu/menu-content.tsx +++ b/packages/solid/src/components/menu/menu-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useMenuContext } from './use-menu-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuContentBaseProps extends PolymorphicProps<'div'> {} export interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {} diff --git a/packages/solid/src/components/menu/menu-context-trigger.tsx b/packages/solid/src/components/menu/menu-context-trigger.tsx index a2be0bba48..27c88f952d 100644 --- a/packages/solid/src/components/menu/menu-context-trigger.tsx +++ b/packages/solid/src/components/menu/menu-context-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuContextTriggerBaseProps extends PolymorphicProps<'button'> {} export interface MenuContextTriggerProps extends HTMLProps<'button'>, MenuContextTriggerBaseProps {} diff --git a/packages/solid/src/components/menu/menu-context.tsx b/packages/solid/src/components/menu/menu-context.tsx index e6d5dfe65b..7fad50052c 100644 --- a/packages/solid/src/components/menu/menu-context.tsx +++ b/packages/solid/src/components/menu/menu-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseMenuContext, useMenuContext } from './use-menu-context' +import { type UseMenuContext, useMenuContext } from './use-menu-context.ts' export interface MenuContextProps { children: (context: UseMenuContext) => JSX.Element diff --git a/packages/solid/src/components/menu/menu-indicator.tsx b/packages/solid/src/components/menu/menu-indicator.tsx index d5e64d0851..75445b2f70 100644 --- a/packages/solid/src/components/menu/menu-indicator.tsx +++ b/packages/solid/src/components/menu/menu-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface MenuIndicatorProps extends HTMLProps<'div'>, MenuIndicatorBaseProps {} diff --git a/packages/solid/src/components/menu/menu-item-context.tsx b/packages/solid/src/components/menu/menu-item-context.tsx index 42aa4840f6..9d69be3fb4 100644 --- a/packages/solid/src/components/menu/menu-item-context.tsx +++ b/packages/solid/src/components/menu/menu-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseMenuItemContext, useMenuItemContext } from './use-menu-item-context' +import { type UseMenuItemContext, useMenuItemContext } from './use-menu-item-context.ts' export interface MenuItemContextProps { children: (context: UseMenuItemContext) => JSX.Element diff --git a/packages/solid/src/components/menu/menu-item-group-label.tsx b/packages/solid/src/components/menu/menu-item-group-label.tsx index e702c21763..0e02c3865d 100644 --- a/packages/solid/src/components/menu/menu-item-group-label.tsx +++ b/packages/solid/src/components/menu/menu-item-group-label.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { useMenuItemGroupContext } from './use-menu-item-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { useMenuItemGroupContext } from './use-menu-item-group-context.ts' export interface MenuItemGroupLabelBaseProps extends PolymorphicProps<'div'> {} export interface MenuItemGroupLabelProps extends HTMLProps<'div'>, MenuItemGroupLabelBaseProps {} diff --git a/packages/solid/src/components/menu/menu-item-group.tsx b/packages/solid/src/components/menu/menu-item-group.tsx index ed3f00b151..fe6d17c968 100644 --- a/packages/solid/src/components/menu/menu-item-group.tsx +++ b/packages/solid/src/components/menu/menu-item-group.tsx @@ -1,11 +1,11 @@ import type { ItemGroupProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/solid' import { createUniqueId } from 'solid-js' -import type { Optional } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemGroupProvider } from './use-menu-item-group-context' +import type { Optional } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemGroupProvider } from './use-menu-item-group-context.ts' type OptionalItemGroupProps = Optional diff --git a/packages/solid/src/components/menu/menu-item-indicator.tsx b/packages/solid/src/components/menu/menu-item-indicator.tsx index 6d44adf2fc..de6221bd0d 100644 --- a/packages/solid/src/components/menu/menu-item-indicator.tsx +++ b/packages/solid/src/components/menu/menu-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { useMenuItemPropsContext } from './use-menu-option-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { useMenuItemPropsContext } from './use-menu-option-item-props-context.ts' export interface MenuItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface MenuItemIndicatorProps extends HTMLProps<'div'>, MenuItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/menu/menu-item-text.tsx b/packages/solid/src/components/menu/menu-item-text.tsx index 666f014c38..fecb3b804d 100644 --- a/packages/solid/src/components/menu/menu-item-text.tsx +++ b/packages/solid/src/components/menu/menu-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { useMenuItemPropsContext } from './use-menu-option-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { useMenuItemPropsContext } from './use-menu-option-item-props-context.ts' export interface MenuItemTextBaseProps extends PolymorphicProps<'div'> {} export interface MenuItemTextProps extends HTMLProps<'div'>, MenuItemTextBaseProps {} diff --git a/packages/solid/src/components/menu/menu-item.tsx b/packages/solid/src/components/menu/menu-item.tsx index 845dd70004..4c7ba934ad 100644 --- a/packages/solid/src/components/menu/menu-item.tsx +++ b/packages/solid/src/components/menu/menu-item.tsx @@ -1,12 +1,12 @@ import type { ItemProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/solid' import { createEffect, createMemo, onCleanup } from 'solid-js' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemProvider } from './use-menu-item-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemProvider } from './use-menu-item-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' interface ItemBaseProps extends ItemProps { /** diff --git a/packages/solid/src/components/menu/menu-positioner.tsx b/packages/solid/src/components/menu/menu-positioner.tsx index a437968309..9a597bb2f3 100644 --- a/packages/solid/src/components/menu/menu-positioner.tsx +++ b/packages/solid/src/components/menu/menu-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuPositionerBaseProps extends PolymorphicProps<'div'> {} export interface MenuPositionerProps extends HTMLProps<'div'>, MenuPositionerBaseProps {} diff --git a/packages/solid/src/components/menu/menu-radio-item-group.tsx b/packages/solid/src/components/menu/menu-radio-item-group.tsx index 663577731e..6469ff13ac 100644 --- a/packages/solid/src/components/menu/menu-radio-item-group.tsx +++ b/packages/solid/src/components/menu/menu-radio-item-group.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { createUniqueId } from 'solid-js' -import type { Optional } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemGroupProvider, type UseMenuItemGroupContext } from './use-menu-item-group-context' +import type { Optional } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemGroupProvider, type UseMenuItemGroupContext } from './use-menu-item-group-context.ts' type OptionalUseMenuItemGroupContext = Optional diff --git a/packages/solid/src/components/menu/menu-radio-item.tsx b/packages/solid/src/components/menu/menu-radio-item.tsx index e085f4e261..264e6f6fe5 100644 --- a/packages/solid/src/components/menu/menu-radio-item.tsx +++ b/packages/solid/src/components/menu/menu-radio-item.tsx @@ -1,12 +1,12 @@ import type { OptionItemProps } from '@zag-js/menu' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' -import { MenuItemProvider } from './use-menu-item-context' -import { useMenuItemGroupContext } from './use-menu-item-group-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' +import { MenuItemProvider } from './use-menu-item-context.ts' +import { useMenuItemGroupContext } from './use-menu-item-group-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' type PartialOptionItemProps = Omit diff --git a/packages/solid/src/components/menu/menu-root-provider.tsx b/packages/solid/src/components/menu/menu-root-provider.tsx index 3f01483b48..45ac1c334c 100644 --- a/packages/solid/src/components/menu/menu-root-provider.tsx +++ b/packages/solid/src/components/menu/menu-root-provider.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { type JSX, createEffect } from 'solid-js' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseMenuReturn } from './use-menu' -import { MenuProvider, useMenuContext } from './use-menu-context' -import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context' -import { MenuTriggerItemProvider } from './use-menu-trigger-item-context' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseMenuReturn } from './use-menu.ts' +import { MenuProvider, useMenuContext } from './use-menu-context.ts' +import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context.ts' +import { MenuTriggerItemProvider } from './use-menu-trigger-item-context.ts' interface RootProviderProps { value: UseMenuReturn diff --git a/packages/solid/src/components/menu/menu-root.tsx b/packages/solid/src/components/menu/menu-root.tsx index bc96c835db..f84fc4140e 100644 --- a/packages/solid/src/components/menu/menu-root.tsx +++ b/packages/solid/src/components/menu/menu-root.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import { type JSX, onMount } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseMenuProps, useMenu } from './use-menu' -import { MenuProvider, useMenuContext } from './use-menu-context' -import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context' -import { MenuTriggerItemProvider } from './use-menu-trigger-item-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseMenuProps, useMenu } from './use-menu.ts' +import { MenuProvider, useMenuContext } from './use-menu-context.ts' +import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context.ts' +import { MenuTriggerItemProvider } from './use-menu-trigger-item-context.ts' export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {} export interface MenuRootProps extends MenuRootBaseProps { diff --git a/packages/solid/src/components/menu/menu-separator.tsx b/packages/solid/src/components/menu/menu-separator.tsx index 2b22347bf6..74f2edef4f 100644 --- a/packages/solid/src/components/menu/menu-separator.tsx +++ b/packages/solid/src/components/menu/menu-separator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuContext } from './use-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuSeparatorBaseProps extends PolymorphicProps<'hr'> {} export interface MenuSeparatorProps extends HTMLProps<'hr'>, MenuSeparatorBaseProps {} diff --git a/packages/solid/src/components/menu/menu-trigger-item.tsx b/packages/solid/src/components/menu/menu-trigger-item.tsx index 1f9f2434c4..9e54f96184 100644 --- a/packages/solid/src/components/menu/menu-trigger-item.tsx +++ b/packages/solid/src/components/menu/menu-trigger-item.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useMenuTriggerItemContext } from './use-menu-trigger-item-context' -import { MenuItemPropsProvider } from './use-menu-option-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useMenuTriggerItemContext } from './use-menu-trigger-item-context.ts' +import { MenuItemPropsProvider } from './use-menu-option-item-props-context.ts' export interface MenuTriggerItemBaseProps extends PolymorphicProps<'div'> {} export interface MenuTriggerItemProps extends HTMLProps<'div'>, MenuTriggerItemBaseProps {} diff --git a/packages/solid/src/components/menu/menu-trigger.tsx b/packages/solid/src/components/menu/menu-trigger.tsx index 008d9dd185..7b8c54a62a 100644 --- a/packages/solid/src/components/menu/menu-trigger.tsx +++ b/packages/solid/src/components/menu/menu-trigger.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/menu' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useMenuContext } from './use-menu-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useMenuContext } from './use-menu-context.ts' export interface MenuTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface MenuTriggerProps extends Assign, MenuTriggerBaseProps> {} diff --git a/packages/solid/src/components/menu/menu.stories.tsx b/packages/solid/src/components/menu/menu.stories.tsx index 73c96621b4..135bd53656 100644 --- a/packages/solid/src/components/menu/menu.stories.tsx +++ b/packages/solid/src/components/menu/menu.stories.tsx @@ -6,19 +6,19 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { CheckboxItems } from './examples/checkbox-items' -export { Context } from './examples/context' -export { ContextLazyMount } from './examples/context-lazy-mount' -export { Controlled } from './examples/controlled' -export { Group } from './examples/group' -export { Links } from './examples/links' -export { MenuInDialog } from './examples/menu-in-dialog' -export { MenuItemDialog } from './examples/menu-item-dialog' -export { MultipleMenu } from './examples/multiple-menu' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Nested } from './examples/nested' -export { RadioItems } from './examples/radio-items' -export { ItemContext } from './examples/item-context' -export { RootProvider } from './examples/root-provider' -export { SelectEvent } from './examples/select-event' +export { Basic } from './examples/basic.tsx' +export { CheckboxItems } from './examples/checkbox-items.tsx' +export { Context } from './examples/context.tsx' +export { ContextLazyMount } from './examples/context-lazy-mount.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Group } from './examples/group.tsx' +export { Links } from './examples/links.tsx' +export { MenuInDialog } from './examples/menu-in-dialog.tsx' +export { MenuItemDialog } from './examples/menu-item-dialog.tsx' +export { MultipleMenu } from './examples/multiple-menu.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Nested } from './examples/nested.tsx' +export { RadioItems } from './examples/radio-items.tsx' +export { ItemContext } from './examples/item-context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SelectEvent } from './examples/select-event.tsx' diff --git a/packages/solid/src/components/menu/menu.ts b/packages/solid/src/components/menu/menu.ts index 359b8361e2..2bafcf89d7 100644 --- a/packages/solid/src/components/menu/menu.ts +++ b/packages/solid/src/components/menu/menu.ts @@ -11,89 +11,97 @@ export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, -} from './menu-arrow' +} from './menu-arrow.tsx' export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, -} from './menu-arrow-tip' +} from './menu-arrow-tip.tsx' export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, -} from './menu-checkbox-item' +} from './menu-checkbox-item.tsx' export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps, type MenuContentProps as ContentProps, -} from './menu-content' -export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context' +} from './menu-content.tsx' +export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context.tsx' export { MenuContextTrigger as ContextTrigger, type MenuContextTriggerBaseProps as ContextTriggerBaseProps, type MenuContextTriggerProps as ContextTriggerProps, -} from './menu-context-trigger' +} from './menu-context-trigger.tsx' export { MenuIndicator as Indicator, type MenuIndicatorBaseProps as IndicatorBaseProps, type MenuIndicatorProps as IndicatorProps, -} from './menu-indicator' -export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps } from './menu-item' -export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context' +} from './menu-indicator.tsx' +export { + MenuItem as Item, + type MenuItemBaseProps as ItemBaseProps, + type MenuItemProps as ItemProps, +} from './menu-item.tsx' +export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context.tsx' export { MenuItemGroup as ItemGroup, type MenuItemGroupBaseProps as ItemGroupBaseProps, type MenuItemGroupProps as ItemGroupProps, -} from './menu-item-group' +} from './menu-item-group.tsx' export { MenuItemGroupLabel as ItemGroupLabel, type MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type MenuItemGroupLabelProps as ItemGroupLabelProps, -} from './menu-item-group-label' +} from './menu-item-group-label.tsx' export { MenuItemIndicator as ItemIndicator, type MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type MenuItemIndicatorProps as ItemIndicatorProps, -} from './menu-item-indicator' +} from './menu-item-indicator.tsx' export { MenuItemText as ItemText, type MenuItemTextBaseProps as ItemTextBaseProps, type MenuItemTextProps as ItemTextProps, -} from './menu-item-text' +} from './menu-item-text.tsx' export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, -} from './menu-positioner' +} from './menu-positioner.tsx' export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, -} from './menu-radio-item' +} from './menu-radio-item.tsx' export { MenuRadioItemGroup as RadioItemGroup, type MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type MenuRadioItemGroupProps as RadioItemGroupProps, -} from './menu-radio-item-group' -export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps } from './menu-root' +} from './menu-radio-item-group.tsx' +export { + MenuRoot as Root, + type MenuRootBaseProps as RootBaseProps, + type MenuRootProps as RootProps, +} from './menu-root.tsx' export { MenuRootProvider as RootProvider, type MenuRootProviderBaseProps as RootProviderBaseProps, type MenuRootProviderProps as RootProviderProps, -} from './menu-root-provider' +} from './menu-root-provider.tsx' export { MenuSeparator as Separator, type MenuSeparatorBaseProps as SeparatorBaseProps, type MenuSeparatorProps as SeparatorProps, -} from './menu-separator' +} from './menu-separator.tsx' export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, -} from './menu-trigger' +} from './menu-trigger.tsx' export { MenuTriggerItem as TriggerItem, type MenuTriggerItemBaseProps as TriggerItemBaseProps, type MenuTriggerItemProps as TriggerItemProps, -} from './menu-trigger-item' -export type { ValueChangeDetails } from './use-menu-item-group-context' +} from './menu-trigger-item.tsx' +export type { ValueChangeDetails } from './use-menu-item-group-context.ts' diff --git a/packages/solid/src/components/menu/tests/menu.test.tsx b/packages/solid/src/components/menu/tests/menu.test.tsx index 8b7844cb0f..f9a88826b6 100644 --- a/packages/solid/src/components/menu/tests/menu.test.tsx +++ b/packages/solid/src/components/menu/tests/menu.test.tsx @@ -1,6 +1,6 @@ import { fireEvent, render, screen, waitFor } from '@solidjs/testing-library' import { Index, splitProps } from 'solid-js' -import { Menu } from '..' +import { Menu } from '../index.tsx' interface ComponentUnderTestProps extends Menu.RootProps { onValueChange?: (e: { value: string }) => void diff --git a/packages/solid/src/components/menu/use-menu-context.ts b/packages/solid/src/components/menu/use-menu-context.ts index b99430ff96..18bc05977f 100644 --- a/packages/solid/src/components/menu/use-menu-context.ts +++ b/packages/solid/src/components/menu/use-menu-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseMenuReturn } from './use-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseMenuReturn } from './use-menu.ts' export type UseMenuContext = UseMenuReturn['api'] diff --git a/packages/solid/src/components/menu/use-menu-item-context.ts b/packages/solid/src/components/menu/use-menu-item-context.ts index ea700ed060..f3eeaec9fa 100644 --- a/packages/solid/src/components/menu/use-menu-item-context.ts +++ b/packages/solid/src/components/menu/use-menu-item-context.ts @@ -1,7 +1,7 @@ import type { OptionItemState } from '@zag-js/menu' import type { Accessor } from 'solid-js' -import type { Optional } from '../../types' -import { createContext } from '../../utils/create-context' +import type { Optional } from '../../types.ts' +import { createContext } from '../../utils/create-context.ts' export interface UseMenuItemContext extends Accessor> {} diff --git a/packages/solid/src/components/menu/use-menu-item-group-context.ts b/packages/solid/src/components/menu/use-menu-item-group-context.ts index 7c9dc7ef3d..ee71bd7041 100644 --- a/packages/solid/src/components/menu/use-menu-item-group-context.ts +++ b/packages/solid/src/components/menu/use-menu-item-group-context.ts @@ -1,4 +1,4 @@ -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface ValueChangeDetails { value: string diff --git a/packages/solid/src/components/menu/use-menu-machine-context.ts b/packages/solid/src/components/menu/use-menu-machine-context.ts index 82a6d3d2dd..1c54a37ca3 100644 --- a/packages/solid/src/components/menu/use-menu-machine-context.ts +++ b/packages/solid/src/components/menu/use-menu-machine-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseMenuReturn } from './use-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseMenuReturn } from './use-menu.ts' export type UseMenuMachineContext = UseMenuReturn['service'] | undefined diff --git a/packages/solid/src/components/menu/use-menu-option-item-props-context.ts b/packages/solid/src/components/menu/use-menu-option-item-props-context.ts index d64151fb8a..2f9bf013b8 100644 --- a/packages/solid/src/components/menu/use-menu-option-item-props-context.ts +++ b/packages/solid/src/components/menu/use-menu-option-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemBaseProps } from '@zag-js/menu' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [MenuItemPropsProvider, useMenuItemPropsContext] = createContext({ hookName: 'useMenuItemPropsContext', diff --git a/packages/solid/src/components/menu/use-menu-trigger-item-context.ts b/packages/solid/src/components/menu/use-menu-trigger-item-context.ts index 5b8025e412..814934cd2a 100644 --- a/packages/solid/src/components/menu/use-menu-trigger-item-context.ts +++ b/packages/solid/src/components/menu/use-menu-trigger-item-context.ts @@ -1,6 +1,6 @@ import type { Api } from '@zag-js/menu' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export type UseMenuTriggerItemContext = Accessor | undefined> diff --git a/packages/solid/src/components/menu/use-menu.ts b/packages/solid/src/components/menu/use-menu.ts index 26d371b0a0..f0d34569f0 100644 --- a/packages/solid/src/components/menu/use-menu.ts +++ b/packages/solid/src/components/menu/use-menu.ts @@ -1,9 +1,9 @@ import * as menu from '@zag-js/menu' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseMenuProps extends Optional, 'id'> {} export interface UseMenuReturn { diff --git a/packages/solid/src/components/navigation-menu/index.tsx b/packages/solid/src/components/navigation-menu/index.tsx index 76c96309e7..4071712967 100644 --- a/packages/solid/src/components/navigation-menu/index.tsx +++ b/packages/solid/src/components/navigation-menu/index.tsx @@ -3,65 +3,65 @@ export { NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, -} from './navigation-menu-arrow' +} from './navigation-menu-arrow.tsx' export { NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, -} from './navigation-menu-content' -export { NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context' +} from './navigation-menu-content.tsx' +export { NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context.tsx' export { NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, -} from './navigation-menu-indicator' +} from './navigation-menu-indicator.tsx' export { NavigationMenuItem, type NavigationMenuItemBaseProps, type NavigationMenuItemProps, -} from './navigation-menu-item' +} from './navigation-menu-item.tsx' export { NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, -} from './navigation-menu-item-indicator' +} from './navigation-menu-item-indicator.tsx' export { NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, -} from './navigation-menu-link' +} from './navigation-menu-link.tsx' export { NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, -} from './navigation-menu-list' +} from './navigation-menu-list.tsx' export { NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootProps, -} from './navigation-menu-root' +} from './navigation-menu-root.tsx' export { NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, -} from './navigation-menu-root-provider' +} from './navigation-menu-root-provider.tsx' export { NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, -} from './navigation-menu-trigger' +} from './navigation-menu-trigger.tsx' export { NavigationMenuViewport, type NavigationMenuViewportBaseProps, type NavigationMenuViewportProps, -} from './navigation-menu-viewport' +} from './navigation-menu-viewport.tsx' export { NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, -} from './navigation-menu-viewport-positioner' -export { navigationMenuAnatomy } from './navigation-menu.anatomy' -export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu' -export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context' +} from './navigation-menu-viewport-positioner.tsx' +export { navigationMenuAnatomy } from './navigation-menu.anatomy.ts' +export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu.ts' +export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context.ts' -export * as NavigationMenu from './navigation-menu' +export * as NavigationMenu from './navigation-menu.ts' diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-arrow.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-arrow.tsx index d4e628d12b..caf94c1027 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-arrow.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-arrow.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuArrowBaseProps extends PolymorphicProps<'div'> {} export interface NavigationMenuArrowProps extends HTMLProps<'div'>, NavigationMenuArrowBaseProps {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-content.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-content.tsx index 764080a4b9..d024d5447e 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-content.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-content.tsx @@ -2,14 +2,14 @@ import type { ContentProps } from '@zag-js/navigation-menu' import { mergeProps } from '@zag-js/solid' import { createMemo, Show } from 'solid-js' import { Portal } from 'solid-js/web' -import type { Assign } from '../../types' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, usePresence } from '../presence' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import type { Assign } from '../../types.ts' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, usePresence } from '../presence/index.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuContentBaseProps extends Partial, PolymorphicProps<'div'> {} export interface NavigationMenuContentProps extends Assign, NavigationMenuContentBaseProps> {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-context.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-context.tsx index 1b58873c79..a5c71b99bc 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-context.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseNavigationMenuContext, useNavigationMenuContext } from './use-navigation-menu-context' +import { type UseNavigationMenuContext, useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuContextProps { children: (context: UseNavigationMenuContext) => JSX.Element diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-indicator.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-indicator.tsx index 6cadf5826f..3da82bbf68 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-indicator.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-indicator.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, usePresence } from '../presence' -import { useNavigationMenuContext } from './use-navigation-menu-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, usePresence } from '../presence/index.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface NavigationMenuIndicatorProps extends HTMLProps<'div'>, NavigationMenuIndicatorBaseProps {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-item-indicator.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-item-indicator.tsx index a351312d07..2f31d12e1f 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-item-indicator.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface NavigationMenuItemIndicatorProps extends HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-item.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-item.tsx index 667a029a4e..c76153c18b 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-item.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-item.tsx @@ -1,9 +1,9 @@ import type { ItemProps } from '@zag-js/navigation-menu' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface NavigationMenuItemProps extends HTMLProps<'div'>, NavigationMenuItemBaseProps {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-link.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-link.tsx index a60dae6430..a38f84c66a 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-link.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-link.tsx @@ -1,11 +1,11 @@ import type { LinkProps } from '@zag-js/navigation-menu' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' export interface NavigationMenuLinkBaseProps extends Partial, PolymorphicProps<'a'> {} export interface NavigationMenuLinkProps extends Assign, NavigationMenuLinkBaseProps> {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-list.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-list.tsx index 2dbb3b9c29..1bd24d2cbc 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-list.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-list.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' export interface NavigationMenuListBaseProps extends PolymorphicProps<'div'> {} export interface NavigationMenuListProps extends HTMLProps<'div'>, NavigationMenuListBaseProps {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-root-provider.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-root-provider.tsx index 3308e36bda..643378e3b0 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-root-provider.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-root-provider.tsx @@ -1,9 +1,13 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseNavigationMenuReturn } from './use-navigation-menu' -import { NavigationMenuProvider } from './use-navigation-menu-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseNavigationMenuReturn } from './use-navigation-menu.ts' +import { NavigationMenuProvider } from './use-navigation-menu-context.ts' interface RootProviderProps { value: UseNavigationMenuReturn diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-root.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-root.tsx index e47de35b8f..3aecd150a1 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-root.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-root.tsx @@ -1,9 +1,13 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseNavigationMenuProps, useNavigationMenu } from './use-navigation-menu' -import { NavigationMenuProvider } from './use-navigation-menu-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseNavigationMenuProps, useNavigationMenu } from './use-navigation-menu.ts' +import { NavigationMenuProvider } from './use-navigation-menu-context.ts' export interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, RenderStrategyProps, PolymorphicProps<'nav'> {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-trigger.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-trigger.tsx index 33cebd2d88..e97dfe3ce9 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-trigger.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-trigger.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import type { ItemProps } from '@zag-js/navigation-menu' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context' -import type { Assign } from '../../types' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.ts' +import type { Assign } from '../../types.ts' export interface NavigationMenuTriggerBaseProps extends Omit, PolymorphicProps<'button'> {} export interface NavigationMenuTriggerProps extends Assign, NavigationMenuTriggerBaseProps> {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx index a88e5d71f6..ea9ce2a29c 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-viewport-positioner.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { ViewportProps } from '@zag-js/navigation-menu' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { NavigationMenuViewportPropsProvider } from './use-navigation-menu-viewport-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { NavigationMenuViewportPropsProvider } from './use-navigation-menu-viewport-props-context.ts' export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps<'div'> {} export interface NavigationMenuViewportPositionerProps diff --git a/packages/solid/src/components/navigation-menu/navigation-menu-viewport.tsx b/packages/solid/src/components/navigation-menu/navigation-menu-viewport.tsx index c99fb72f5d..d9b3d27c3d 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu-viewport.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu-viewport.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useNavigationMenuContext } from './use-navigation-menu-context' -import { useNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresence } from '../presence/index.tsx' +import { useNavigationMenuContext } from './use-navigation-menu-context.ts' +import { useNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context.ts' export interface NavigationMenuViewportBaseProps extends PolymorphicProps<'div'> {} export interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {} diff --git a/packages/solid/src/components/navigation-menu/navigation-menu.stories.tsx b/packages/solid/src/components/navigation-menu/navigation-menu.stories.tsx index 86de280377..1291ccc0c3 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu.stories.tsx +++ b/packages/solid/src/components/navigation-menu/navigation-menu.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { Viewport } from './examples/viewport' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Viewport } from './examples/viewport.tsx' diff --git a/packages/solid/src/components/navigation-menu/navigation-menu.ts b/packages/solid/src/components/navigation-menu/navigation-menu.ts index 618eaae301..0d025d64bb 100644 --- a/packages/solid/src/components/navigation-menu/navigation-menu.ts +++ b/packages/solid/src/components/navigation-menu/navigation-menu.ts @@ -3,63 +3,63 @@ export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, -} from './navigation-menu-arrow' +} from './navigation-menu-arrow.tsx' export { NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, -} from './navigation-menu-content' +} from './navigation-menu-content.tsx' export { NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, -} from './navigation-menu-context' +} from './navigation-menu-context.tsx' export { NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, -} from './navigation-menu-indicator' +} from './navigation-menu-indicator.tsx' export { NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, -} from './navigation-menu-item' +} from './navigation-menu-item.tsx' export { NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, -} from './navigation-menu-item-indicator' +} from './navigation-menu-item-indicator.tsx' export { NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, -} from './navigation-menu-link' +} from './navigation-menu-link.tsx' export { NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, -} from './navigation-menu-list' +} from './navigation-menu-list.tsx' export { NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, -} from './navigation-menu-root' +} from './navigation-menu-root.tsx' export { NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, -} from './navigation-menu-root-provider' +} from './navigation-menu-root-provider.tsx' export { NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, -} from './navigation-menu-trigger' +} from './navigation-menu-trigger.tsx' export { NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, -} from './navigation-menu-viewport' +} from './navigation-menu-viewport.tsx' export { NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, -} from './navigation-menu-viewport-positioner' +} from './navigation-menu-viewport-positioner.tsx' diff --git a/packages/solid/src/components/navigation-menu/use-navigation-menu-context.ts b/packages/solid/src/components/navigation-menu/use-navigation-menu-context.ts index 236448878d..a30f470f12 100644 --- a/packages/solid/src/components/navigation-menu/use-navigation-menu-context.ts +++ b/packages/solid/src/components/navigation-menu/use-navigation-menu-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseNavigationMenuReturn } from './use-navigation-menu' +import { createContext } from '../../utils/create-context.ts' +import type { UseNavigationMenuReturn } from './use-navigation-menu.ts' export interface UseNavigationMenuContext extends UseNavigationMenuReturn {} diff --git a/packages/solid/src/components/navigation-menu/use-navigation-menu-item-props-context.ts b/packages/solid/src/components/navigation-menu/use-navigation-menu-item-props-context.ts index e54dad8d19..a1a0982635 100644 --- a/packages/solid/src/components/navigation-menu/use-navigation-menu-item-props-context.ts +++ b/packages/solid/src/components/navigation-menu/use-navigation-menu-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/navigation-menu' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext({ hookName: 'useNavigationMenuItemPropsContext', diff --git a/packages/solid/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts b/packages/solid/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts index 6da94d791b..b26eaacd93 100644 --- a/packages/solid/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts +++ b/packages/solid/src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts @@ -1,5 +1,5 @@ import type { ViewportProps } from '@zag-js/navigation-menu' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [NavigationMenuViewportPropsProvider, useNavigationMenuViewportPropsContext] = createContext({ diff --git a/packages/solid/src/components/navigation-menu/use-navigation-menu.ts b/packages/solid/src/components/navigation-menu/use-navigation-menu.ts index 23bb0251d2..604397a390 100644 --- a/packages/solid/src/components/navigation-menu/use-navigation-menu.ts +++ b/packages/solid/src/components/navigation-menu/use-navigation-menu.ts @@ -1,9 +1,9 @@ import * as navigationMenu from '@zag-js/navigation-menu' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseNavigationMenuProps extends Optional, 'id'> {} diff --git a/packages/solid/src/components/number-input/index.tsx b/packages/solid/src/components/number-input/index.tsx index e8754830b9..8a57484867 100644 --- a/packages/solid/src/components/number-input/index.tsx +++ b/packages/solid/src/components/number-input/index.tsx @@ -3,42 +3,42 @@ export type { ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails, } from '@zag-js/number-input' -export { NumberInputContext, type NumberInputContextProps } from './number-input-context' +export { NumberInputContext, type NumberInputContextProps } from './number-input-context.tsx' export { NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, -} from './number-input-control' +} from './number-input-control.tsx' export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, -} from './number-input-decrement-trigger' +} from './number-input-decrement-trigger.tsx' export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, -} from './number-input-increment-trigger' -export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps } from './number-input-input' -export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps } from './number-input-label' -export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps } from './number-input-root' +} from './number-input-increment-trigger.tsx' +export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps } from './number-input-input.tsx' +export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps } from './number-input-label.tsx' +export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps } from './number-input-root.tsx' export { NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, -} from './number-input-root-provider' +} from './number-input-root-provider.tsx' export { NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, -} from './number-input-scrubber' +} from './number-input-scrubber.tsx' export { NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, -} from './number-input-value-text' -export { numberInputAnatomy } from './number-input.anatomy' -export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input' -export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context' +} from './number-input-value-text.tsx' +export { numberInputAnatomy } from './number-input.anatomy.ts' +export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input.ts' +export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context.ts' -export * as NumberInput from './number-input' +export * as NumberInput from './number-input.ts' diff --git a/packages/solid/src/components/number-input/number-input-context.tsx b/packages/solid/src/components/number-input/number-input-context.tsx index 05905c009a..1dff593a48 100644 --- a/packages/solid/src/components/number-input/number-input-context.tsx +++ b/packages/solid/src/components/number-input/number-input-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseNumberInputContext, useNumberInputContext } from './use-number-input-context' +import { type UseNumberInputContext, useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputContextProps { children: (context: UseNumberInputContext) => JSX.Element diff --git a/packages/solid/src/components/number-input/number-input-control.tsx b/packages/solid/src/components/number-input/number-input-control.tsx index 0a02003b94..aa37f33b8c 100644 --- a/packages/solid/src/components/number-input/number-input-control.tsx +++ b/packages/solid/src/components/number-input/number-input-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputControlBaseProps extends PolymorphicProps<'div'> {} export interface NumberInputControlProps extends HTMLProps<'div'>, NumberInputControlBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input-decrement-trigger.tsx b/packages/solid/src/components/number-input/number-input-decrement-trigger.tsx index d776cb51d6..e49544aad5 100644 --- a/packages/solid/src/components/number-input/number-input-decrement-trigger.tsx +++ b/packages/solid/src/components/number-input/number-input-decrement-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps<'button'> {} export interface NumberInputDecrementTriggerProps extends HTMLProps<'button'>, NumberInputDecrementTriggerBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input-increment-trigger.tsx b/packages/solid/src/components/number-input/number-input-increment-trigger.tsx index 951550ca4f..d0db58abcd 100644 --- a/packages/solid/src/components/number-input/number-input-increment-trigger.tsx +++ b/packages/solid/src/components/number-input/number-input-increment-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps<'button'> {} export interface NumberInputIncrementTriggerProps extends HTMLProps<'button'>, NumberInputIncrementTriggerBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input-input.tsx b/packages/solid/src/components/number-input/number-input-input.tsx index 4e64536ab4..e04fc46a81 100644 --- a/packages/solid/src/components/number-input/number-input-input.tsx +++ b/packages/solid/src/components/number-input/number-input-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputInputBaseProps extends PolymorphicProps<'input'> {} export interface NumberInputInputProps extends HTMLProps<'input'>, NumberInputInputBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input-label.tsx b/packages/solid/src/components/number-input/number-input-label.tsx index ee8b752b2c..ab836e2a1b 100644 --- a/packages/solid/src/components/number-input/number-input-label.tsx +++ b/packages/solid/src/components/number-input/number-input-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputLabelBaseProps extends PolymorphicProps<'label'> {} export interface NumberInputLabelProps extends HTMLProps<'label'>, NumberInputLabelBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input-root-provider.tsx b/packages/solid/src/components/number-input/number-input-root-provider.tsx index 806ac00f08..0ba2113eb5 100644 --- a/packages/solid/src/components/number-input/number-input-root-provider.tsx +++ b/packages/solid/src/components/number-input/number-input-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseNumberInputReturn } from './use-number-input' -import { NumberInputProvider } from './use-number-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseNumberInputReturn } from './use-number-input.ts' +import { NumberInputProvider } from './use-number-input-context.ts' interface RootProviderProps { value: UseNumberInputReturn diff --git a/packages/solid/src/components/number-input/number-input-root.tsx b/packages/solid/src/components/number-input/number-input-root.tsx index 853013b799..e6a36c932b 100644 --- a/packages/solid/src/components/number-input/number-input-root.tsx +++ b/packages/solid/src/components/number-input/number-input-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseNumberInputProps, useNumberInput } from './use-number-input' -import { NumberInputProvider } from './use-number-input-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseNumberInputProps, useNumberInput } from './use-number-input.ts' +import { NumberInputProvider } from './use-number-input-context.ts' export interface NumberInputRootBaseProps extends UseNumberInputProps, PolymorphicProps<'div'> {} export interface NumberInputRootProps extends Assign, NumberInputRootBaseProps> {} diff --git a/packages/solid/src/components/number-input/number-input-scrubber.tsx b/packages/solid/src/components/number-input/number-input-scrubber.tsx index 44d7e8467c..c1f7ae900a 100644 --- a/packages/solid/src/components/number-input/number-input-scrubber.tsx +++ b/packages/solid/src/components/number-input/number-input-scrubber.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputScrubberBaseProps extends PolymorphicProps<'div'> {} export interface NumberInputScrubberProps extends HTMLProps<'div'>, NumberInputScrubberBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input-value-text.tsx b/packages/solid/src/components/number-input/number-input-value-text.tsx index ef287563d7..8ba68795a1 100644 --- a/packages/solid/src/components/number-input/number-input-value-text.tsx +++ b/packages/solid/src/components/number-input/number-input-value-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useNumberInputContext } from './use-number-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useNumberInputContext } from './use-number-input-context.ts' export interface NumberInputValueTextBaseProps extends PolymorphicProps<'span'> {} export interface NumberInputValueTextProps extends HTMLProps<'span'>, NumberInputValueTextBaseProps {} diff --git a/packages/solid/src/components/number-input/number-input.stories.tsx b/packages/solid/src/components/number-input/number-input.stories.tsx index a26b41ca8f..08e5c763dc 100644 --- a/packages/solid/src/components/number-input/number-input.stories.tsx +++ b/packages/solid/src/components/number-input/number-input.stories.tsx @@ -6,13 +6,13 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Formatting } from './examples/formatting' -export { FractionDigits } from './examples/fraction-digits' -export { MinMax } from './examples/min-max' -export { MouseWheel } from './examples/mouse-wheel' -export { RootProvider } from './examples/root-provider' -export { Scrubber } from './examples/scrubber' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Formatting } from './examples/formatting.tsx' +export { FractionDigits } from './examples/fraction-digits.tsx' +export { MinMax } from './examples/min-max.tsx' +export { MouseWheel } from './examples/mouse-wheel.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Scrubber } from './examples/scrubber.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/number-input/number-input.ts b/packages/solid/src/components/number-input/number-input.ts index d7c450fa1c..dc2b68c4f9 100644 --- a/packages/solid/src/components/number-input/number-input.ts +++ b/packages/solid/src/components/number-input/number-input.ts @@ -1,47 +1,47 @@ export type { FocusChangeDetails, ValueChangeDetails, ValueInvalidDetails } from '@zag-js/number-input' -export { NumberInputContext as Context, type NumberInputContextProps as ContextProps } from './number-input-context' +export { NumberInputContext as Context, type NumberInputContextProps as ContextProps } from './number-input-context.tsx' export { NumberInputControl as Control, type NumberInputControlBaseProps as ControlBaseProps, type NumberInputControlProps as ControlProps, -} from './number-input-control' +} from './number-input-control.tsx' export { NumberInputDecrementTrigger as DecrementTrigger, type NumberInputDecrementTriggerBaseProps as DecrementTriggerBaseProps, type NumberInputDecrementTriggerProps as DecrementTriggerProps, -} from './number-input-decrement-trigger' +} from './number-input-decrement-trigger.tsx' export { NumberInputIncrementTrigger as IncrementTrigger, type NumberInputIncrementTriggerBaseProps as IncrementTriggerBaseProps, type NumberInputIncrementTriggerProps as IncrementTriggerProps, -} from './number-input-increment-trigger' +} from './number-input-increment-trigger.tsx' export { NumberInputInput as Input, type NumberInputInputBaseProps as InputBaseProps, type NumberInputInputProps as InputProps, -} from './number-input-input' +} from './number-input-input.tsx' export { NumberInputLabel as Label, type NumberInputLabelBaseProps as LabelBaseProps, type NumberInputLabelProps as LabelProps, -} from './number-input-label' +} from './number-input-label.tsx' export { NumberInputRoot as Root, type NumberInputRootBaseProps as RootBaseProps, type NumberInputRootProps as RootProps, -} from './number-input-root' +} from './number-input-root.tsx' export { NumberInputRootProvider as RootProvider, type NumberInputRootProviderBaseProps as RootProviderBaseProps, type NumberInputRootProviderProps as RootProviderProps, -} from './number-input-root-provider' +} from './number-input-root-provider.tsx' export { NumberInputScrubber as Scrubber, type NumberInputScrubberBaseProps as ScrubberBaseProps, type NumberInputScrubberProps as ScrubberProps, -} from './number-input-scrubber' +} from './number-input-scrubber.tsx' export { NumberInputValueText as ValueText, type NumberInputValueTextBaseProps as ValueTextBaseProps, type NumberInputValueTextProps as ValueTextProps, -} from './number-input-value-text' +} from './number-input-value-text.tsx' diff --git a/packages/solid/src/components/number-input/tests/basic.tsx b/packages/solid/src/components/number-input/tests/basic.tsx index a7cec03b9e..88e1c08892 100644 --- a/packages/solid/src/components/number-input/tests/basic.tsx +++ b/packages/solid/src/components/number-input/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/solid/field' -import { NumberInput } from '../' +import { NumberInput } from '../index.tsx' export const ComponentUnderTest = (props: NumberInput.RootProps) => ( diff --git a/packages/solid/src/components/number-input/tests/number-input.test.tsx b/packages/solid/src/components/number-input/tests/number-input.test.tsx index 72c5d9bf1e..1ae564af37 100644 --- a/packages/solid/src/components/number-input/tests/number-input.test.tsx +++ b/packages/solid/src/components/number-input/tests/number-input.test.tsx @@ -1,6 +1,6 @@ import { fireEvent, render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest, NumberInputWithField } from './basic' +import { ComponentUnderTest, NumberInputWithField } from './basic.tsx' describe('NumberInput', () => { it('should handle wheel event when allowMouseWheel is true', async () => { diff --git a/packages/solid/src/components/number-input/use-number-input-context.ts b/packages/solid/src/components/number-input/use-number-input-context.ts index 67fc5e8d9d..fc91667d11 100644 --- a/packages/solid/src/components/number-input/use-number-input-context.ts +++ b/packages/solid/src/components/number-input/use-number-input-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseNumberInputReturn } from './use-number-input' +import { createContext } from '../../utils/create-context.ts' +import type { UseNumberInputReturn } from './use-number-input.ts' export interface UseNumberInputContext extends UseNumberInputReturn {} diff --git a/packages/solid/src/components/number-input/use-number-input.ts b/packages/solid/src/components/number-input/use-number-input.ts index b92ffb83a5..5cf22db33b 100644 --- a/packages/solid/src/components/number-input/use-number-input.ts +++ b/packages/solid/src/components/number-input/use-number-input.ts @@ -1,10 +1,10 @@ import * as numberInput from '@zag-js/number-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseNumberInputProps extends Optional, 'id'> {} export interface UseNumberInputReturn extends Accessor> {} diff --git a/packages/solid/src/components/pagination/index.tsx b/packages/solid/src/components/pagination/index.tsx index 4cd39fdbb0..3f47a2a91f 100644 --- a/packages/solid/src/components/pagination/index.tsx +++ b/packages/solid/src/components/pagination/index.tsx @@ -4,41 +4,41 @@ export type { PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination' -export { PaginationContext, type PaginationContextProps } from './pagination-context' +export { PaginationContext, type PaginationContextProps } from './pagination-context.tsx' export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, -} from './pagination-ellipsis' +} from './pagination-ellipsis.tsx' export { PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, -} from './pagination-first-trigger' -export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item' +} from './pagination-first-trigger.tsx' +export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item.tsx' export { PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, -} from './pagination-last-trigger' +} from './pagination-last-trigger.tsx' export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, -} from './pagination-next-trigger' +} from './pagination-next-trigger.tsx' export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, -} from './pagination-prev-trigger' -export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root' +} from './pagination-prev-trigger.tsx' +export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root.tsx' export { PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, -} from './pagination-root-provider' -export { paginationAnatomy } from './pagination.anatomy' -export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination' -export { usePaginationContext, type UsePaginationContext } from './use-pagination-context' +} from './pagination-root-provider.tsx' +export { paginationAnatomy } from './pagination.anatomy.ts' +export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination.ts' +export { usePaginationContext, type UsePaginationContext } from './use-pagination-context.ts' -export * as Pagination from './pagination' +export * as Pagination from './pagination.ts' diff --git a/packages/solid/src/components/pagination/pagination-context.tsx b/packages/solid/src/components/pagination/pagination-context.tsx index ce97c81da1..0b1e9b67bd 100644 --- a/packages/solid/src/components/pagination/pagination-context.tsx +++ b/packages/solid/src/components/pagination/pagination-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UsePaginationContext, usePaginationContext } from './use-pagination-context' +import { type UsePaginationContext, usePaginationContext } from './use-pagination-context.ts' export interface PaginationContextProps { children: (context: UsePaginationContext) => JSX.Element diff --git a/packages/solid/src/components/pagination/pagination-ellipsis.tsx b/packages/solid/src/components/pagination/pagination-ellipsis.tsx index 1ea92b1146..9829b78df3 100644 --- a/packages/solid/src/components/pagination/pagination-ellipsis.tsx +++ b/packages/solid/src/components/pagination/pagination-ellipsis.tsx @@ -1,8 +1,8 @@ import type { EllipsisProps } from '@zag-js/pagination' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'> {} export interface PaginationEllipsisProps extends HTMLProps<'div'>, PaginationEllipsisBaseProps {} diff --git a/packages/solid/src/components/pagination/pagination-first-trigger.tsx b/packages/solid/src/components/pagination/pagination-first-trigger.tsx index de104fbd22..6e59dee417 100644 --- a/packages/solid/src/components/pagination/pagination-first-trigger.tsx +++ b/packages/solid/src/components/pagination/pagination-first-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationFirstTriggerBaseProps extends PolymorphicProps<'button'> {} export interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {} diff --git a/packages/solid/src/components/pagination/pagination-item.tsx b/packages/solid/src/components/pagination/pagination-item.tsx index 51abce1e35..a35ed5b8e1 100644 --- a/packages/solid/src/components/pagination/pagination-item.tsx +++ b/packages/solid/src/components/pagination/pagination-item.tsx @@ -1,9 +1,9 @@ import type { ItemProps } from '@zag-js/pagination' import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps<'button'> {} export interface PaginationItemProps extends Assign, PaginationItemBaseProps> {} diff --git a/packages/solid/src/components/pagination/pagination-last-trigger.tsx b/packages/solid/src/components/pagination/pagination-last-trigger.tsx index b55506aad5..29ce6e3c92 100644 --- a/packages/solid/src/components/pagination/pagination-last-trigger.tsx +++ b/packages/solid/src/components/pagination/pagination-last-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationLastTriggerBaseProps extends PolymorphicProps<'button'> {} export interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {} diff --git a/packages/solid/src/components/pagination/pagination-next-trigger.tsx b/packages/solid/src/components/pagination/pagination-next-trigger.tsx index 8b7a2cb0e5..3eeeaf36fc 100644 --- a/packages/solid/src/components/pagination/pagination-next-trigger.tsx +++ b/packages/solid/src/components/pagination/pagination-next-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationNextTriggerBaseProps extends PolymorphicProps<'button'> {} export interface PaginationNextTriggerProps extends HTMLProps<'button'>, PaginationNextTriggerBaseProps {} diff --git a/packages/solid/src/components/pagination/pagination-prev-trigger.tsx b/packages/solid/src/components/pagination/pagination-prev-trigger.tsx index 6a1b9ac92a..a25dd6ba45 100644 --- a/packages/solid/src/components/pagination/pagination-prev-trigger.tsx +++ b/packages/solid/src/components/pagination/pagination-prev-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePaginationContext } from './use-pagination-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePaginationContext } from './use-pagination-context.ts' export interface PaginationPrevTriggerBaseProps extends PolymorphicProps<'button'> {} export interface PaginationPrevTriggerProps extends HTMLProps<'button'>, PaginationPrevTriggerBaseProps {} diff --git a/packages/solid/src/components/pagination/pagination-root-provider.tsx b/packages/solid/src/components/pagination/pagination-root-provider.tsx index 2daedc982a..27e416cbb0 100644 --- a/packages/solid/src/components/pagination/pagination-root-provider.tsx +++ b/packages/solid/src/components/pagination/pagination-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UsePaginationReturn } from './use-pagination' -import { PaginationProvider } from './use-pagination-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UsePaginationReturn } from './use-pagination.ts' +import { PaginationProvider } from './use-pagination-context.ts' interface RootProviderProps { value: UsePaginationReturn diff --git a/packages/solid/src/components/pagination/pagination-root.tsx b/packages/solid/src/components/pagination/pagination-root.tsx index 6e1cb7d83b..e620f6b903 100644 --- a/packages/solid/src/components/pagination/pagination-root.tsx +++ b/packages/solid/src/components/pagination/pagination-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UsePaginationProps, usePagination } from './use-pagination' -import { PaginationProvider } from './use-pagination-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UsePaginationProps, usePagination } from './use-pagination.ts' +import { PaginationProvider } from './use-pagination-context.ts' export interface PaginationRootBaseProps extends UsePaginationProps, PolymorphicProps<'nav'> {} export interface PaginationRootProps extends HTMLProps<'nav'>, PaginationRootBaseProps {} diff --git a/packages/solid/src/components/pagination/pagination.stories.tsx b/packages/solid/src/components/pagination/pagination.stories.tsx index 510a326ad9..3bb25eaa74 100644 --- a/packages/solid/src/components/pagination/pagination.stories.tsx +++ b/packages/solid/src/components/pagination/pagination.stories.tsx @@ -6,13 +6,13 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Customized } from './examples/customized' -export { DataSlicing } from './examples/data-slicing' -export { Link } from './examples/link' -export { PageRange } from './examples/page-range' -export { PageSizeControl } from './examples/page-size-control' -export { RootProvider } from './examples/root-provider' -export { WithEdges } from './examples/with-edges' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Customized } from './examples/customized.tsx' +export { DataSlicing } from './examples/data-slicing.tsx' +export { Link } from './examples/link.tsx' +export { PageRange } from './examples/page-range.tsx' +export { PageSizeControl } from './examples/page-size-control.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithEdges } from './examples/with-edges.tsx' diff --git a/packages/solid/src/components/pagination/pagination.ts b/packages/solid/src/components/pagination/pagination.ts index 30b16e04d9..967665bd12 100644 --- a/packages/solid/src/components/pagination/pagination.ts +++ b/packages/solid/src/components/pagination/pagination.ts @@ -1,42 +1,42 @@ export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails, PageUrlDetails } from '@zag-js/pagination' -export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context' +export { PaginationContext as Context, type PaginationContextProps as ContextProps } from './pagination-context.tsx' export { PaginationEllipsis as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, -} from './pagination-ellipsis' +} from './pagination-ellipsis.tsx' export { PaginationFirstTrigger as FirstTrigger, type PaginationFirstTriggerBaseProps as FirstTriggerBaseProps, type PaginationFirstTriggerProps as FirstTriggerProps, -} from './pagination-first-trigger' +} from './pagination-first-trigger.tsx' export { PaginationItem as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, -} from './pagination-item' +} from './pagination-item.tsx' export { PaginationLastTrigger as LastTrigger, type PaginationLastTriggerBaseProps as LastTriggerBaseProps, type PaginationLastTriggerProps as LastTriggerProps, -} from './pagination-last-trigger' +} from './pagination-last-trigger.tsx' export { PaginationNextTrigger as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, -} from './pagination-next-trigger' +} from './pagination-next-trigger.tsx' export { PaginationPrevTrigger as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, -} from './pagination-prev-trigger' +} from './pagination-prev-trigger.tsx' export { PaginationRoot as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, -} from './pagination-root' +} from './pagination-root.tsx' export { PaginationRootProvider as RootProvider, type PaginationRootProviderBaseProps as RootProviderBaseProps, type PaginationRootProviderProps as RootProviderProps, -} from './pagination-root-provider' +} from './pagination-root-provider.tsx' diff --git a/packages/solid/src/components/pagination/tests/basic.tsx b/packages/solid/src/components/pagination/tests/basic.tsx index cf695a932d..ed7511bd9c 100644 --- a/packages/solid/src/components/pagination/tests/basic.tsx +++ b/packages/solid/src/components/pagination/tests/basic.tsx @@ -1,5 +1,5 @@ import { For } from 'solid-js' -import { Pagination } from '../' +import { Pagination } from '../index.tsx' export const ComponentUnderTest = (props: Pagination.RootProps) => ( diff --git a/packages/solid/src/components/pagination/tests/pagination.test.tsx b/packages/solid/src/components/pagination/tests/pagination.test.tsx index db353b3fb2..7f77ce33ad 100644 --- a/packages/solid/src/components/pagination/tests/pagination.test.tsx +++ b/packages/solid/src/components/pagination/tests/pagination.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Pagination', () => { it('should update page when item is clicked', async () => { diff --git a/packages/solid/src/components/pagination/use-pagination-context.ts b/packages/solid/src/components/pagination/use-pagination-context.ts index 4a023e4bbc..113d4158f7 100644 --- a/packages/solid/src/components/pagination/use-pagination-context.ts +++ b/packages/solid/src/components/pagination/use-pagination-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UsePaginationReturn } from './use-pagination' +import { createContext } from '../../utils/create-context.ts' +import type { UsePaginationReturn } from './use-pagination.ts' export interface UsePaginationContext extends UsePaginationReturn {} diff --git a/packages/solid/src/components/pagination/use-pagination.ts b/packages/solid/src/components/pagination/use-pagination.ts index 4d4fba9fde..37bb6eddec 100644 --- a/packages/solid/src/components/pagination/use-pagination.ts +++ b/packages/solid/src/components/pagination/use-pagination.ts @@ -1,9 +1,9 @@ import * as pagination from '@zag-js/pagination' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UsePaginationProps extends Optional, 'id'> {} export interface UsePaginationReturn extends Accessor> {} diff --git a/packages/solid/src/components/password-input/index.tsx b/packages/solid/src/components/password-input/index.tsx index 8fb3348c4a..496ad2bb8e 100644 --- a/packages/solid/src/components/password-input/index.tsx +++ b/packages/solid/src/components/password-input/index.tsx @@ -1,38 +1,42 @@ export type { VisibilityChangeDetails as PasswordInputVisibilityChangeDetails } from '@zag-js/password-input' -export { PasswordInputContext, type PasswordInputContextProps } from './password-input-context' +export { PasswordInputContext, type PasswordInputContextProps } from './password-input-context.tsx' export { PasswordInputControl, type PasswordInputControlBaseProps, type PasswordInputControlProps, -} from './password-input-control' +} from './password-input-control.tsx' export { PasswordInputIndicator, type PasswordInputIndicatorBaseProps, type PasswordInputIndicatorProps, -} from './password-input-indicator' +} from './password-input-indicator.tsx' export { PasswordInputInput, type PasswordInputInputBaseProps, type PasswordInputInputProps, -} from './password-input-input' +} from './password-input-input.tsx' export { PasswordInputLabel, type PasswordInputLabelBaseProps, type PasswordInputLabelProps, -} from './password-input-label' -export { PasswordInputRoot, type PasswordInputRootBaseProps, type PasswordInputRootProps } from './password-input-root' +} from './password-input-label.tsx' +export { + PasswordInputRoot, + type PasswordInputRootBaseProps, + type PasswordInputRootProps, +} from './password-input-root.tsx' export { PasswordInputRootProvider, type PasswordInputRootProviderBaseProps, type PasswordInputRootProviderProps, -} from './password-input-root-provider' +} from './password-input-root-provider.tsx' export { PasswordInputVisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps, -} from './password-input-visibility-trigger' -export { passwordInputAnatomy } from './password-input.anatomy' -export { usePasswordInput, type UsePasswordInputProps, type UsePasswordInputReturn } from './use-password-input' -export { usePasswordInputContext, type UsePasswordInputContext } from './use-password-input-context' +} from './password-input-visibility-trigger.tsx' +export { passwordInputAnatomy } from './password-input.anatomy.ts' +export { usePasswordInput, type UsePasswordInputProps, type UsePasswordInputReturn } from './use-password-input.ts' +export { usePasswordInputContext, type UsePasswordInputContext } from './use-password-input-context.ts' -export * as PasswordInput from './password-input' +export * as PasswordInput from './password-input.ts' diff --git a/packages/solid/src/components/password-input/password-input-context.tsx b/packages/solid/src/components/password-input/password-input-context.tsx index ded06f5ff2..17cd73cc49 100644 --- a/packages/solid/src/components/password-input/password-input-context.tsx +++ b/packages/solid/src/components/password-input/password-input-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UsePasswordInputContext, usePasswordInputContext } from './use-password-input-context' +import { type UsePasswordInputContext, usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputContextProps { children: (context: UsePasswordInputContext) => JSX.Element diff --git a/packages/solid/src/components/password-input/password-input-control.tsx b/packages/solid/src/components/password-input/password-input-control.tsx index 03c2f3b605..d9ea95a30e 100644 --- a/packages/solid/src/components/password-input/password-input-control.tsx +++ b/packages/solid/src/components/password-input/password-input-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputControlBaseProps extends PolymorphicProps<'div'> {} export interface PasswordInputControlProps extends HTMLProps<'div'>, PasswordInputControlBaseProps {} diff --git a/packages/solid/src/components/password-input/password-input-indicator.tsx b/packages/solid/src/components/password-input/password-input-indicator.tsx index 6ef6ee5339..ad75e940fe 100644 --- a/packages/solid/src/components/password-input/password-input-indicator.tsx +++ b/packages/solid/src/components/password-input/password-input-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { type JSX, Show, splitProps } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputIndicatorBaseProps extends PolymorphicProps<'span'> { /** diff --git a/packages/solid/src/components/password-input/password-input-input.tsx b/packages/solid/src/components/password-input/password-input-input.tsx index 3f2b9d1595..7ca6e62983 100644 --- a/packages/solid/src/components/password-input/password-input-input.tsx +++ b/packages/solid/src/components/password-input/password-input-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputInputBaseProps extends PolymorphicProps<'input'> {} export interface PasswordInputInputProps extends HTMLProps<'input'>, PasswordInputInputBaseProps {} diff --git a/packages/solid/src/components/password-input/password-input-label.tsx b/packages/solid/src/components/password-input/password-input-label.tsx index 25869e324f..6410fe7c03 100644 --- a/packages/solid/src/components/password-input/password-input-label.tsx +++ b/packages/solid/src/components/password-input/password-input-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputLabelBaseProps extends PolymorphicProps<'label'> {} export interface PasswordInputLabelProps extends HTMLProps<'label'>, PasswordInputLabelBaseProps {} diff --git a/packages/solid/src/components/password-input/password-input-root-provider.tsx b/packages/solid/src/components/password-input/password-input-root-provider.tsx index 1bd442c32f..6cdbc7d605 100644 --- a/packages/solid/src/components/password-input/password-input-root-provider.tsx +++ b/packages/solid/src/components/password-input/password-input-root-provider.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PasswordInputProvider, type UsePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PasswordInputProvider, type UsePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputRootProviderBaseProps extends PolymorphicProps<'div'> { value: UsePasswordInputContext diff --git a/packages/solid/src/components/password-input/password-input-root.tsx b/packages/solid/src/components/password-input/password-input-root.tsx index 70daa24de8..45a1cf2ce3 100644 --- a/packages/solid/src/components/password-input/password-input-root.tsx +++ b/packages/solid/src/components/password-input/password-input-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UsePasswordInputProps, usePasswordInput } from './use-password-input' -import { PasswordInputProvider } from './use-password-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UsePasswordInputProps, usePasswordInput } from './use-password-input.ts' +import { PasswordInputProvider } from './use-password-input-context.ts' export interface PasswordInputRootBaseProps extends UsePasswordInputProps, PolymorphicProps<'div'> {} export interface PasswordInputRootProps extends HTMLProps<'div'>, PasswordInputRootBaseProps {} diff --git a/packages/solid/src/components/password-input/password-input-visibility-trigger.tsx b/packages/solid/src/components/password-input/password-input-visibility-trigger.tsx index 3eceede8aa..643ad2fa9f 100644 --- a/packages/solid/src/components/password-input/password-input-visibility-trigger.tsx +++ b/packages/solid/src/components/password-input/password-input-visibility-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePasswordInputContext } from './use-password-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePasswordInputContext } from './use-password-input-context.ts' export interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps<'button'> {} export interface PasswordInputVisibilityTriggerProps diff --git a/packages/solid/src/components/password-input/password-input.stories.tsx b/packages/solid/src/components/password-input/password-input.stories.tsx index 673ab72f50..fb974b82d5 100644 --- a/packages/solid/src/components/password-input/password-input.stories.tsx +++ b/packages/solid/src/components/password-input/password-input.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { WithField } from './examples/with-field' -export { StrengthMeter } from './examples/strength-meter' -export { WithValidation } from './examples/with-validation' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { WithField } from './examples/with-field.tsx' +export { StrengthMeter } from './examples/strength-meter.tsx' +export { WithValidation } from './examples/with-validation.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/password-input/password-input.ts b/packages/solid/src/components/password-input/password-input.ts index 9923f2f3f4..626f60dc56 100644 --- a/packages/solid/src/components/password-input/password-input.ts +++ b/packages/solid/src/components/password-input/password-input.ts @@ -2,39 +2,39 @@ export type { VisibilityChangeDetails } from '@zag-js/password-input' export { PasswordInputContext as Context, type PasswordInputContextProps as ContextProps, -} from './password-input-context' +} from './password-input-context.tsx' export { PasswordInputControl as Control, type PasswordInputControlBaseProps as ControlBaseProps, type PasswordInputControlProps as ControlProps, -} from './password-input-control' +} from './password-input-control.tsx' export { PasswordInputIndicator as Indicator, type PasswordInputIndicatorBaseProps as IndicatorBaseProps, type PasswordInputIndicatorProps as IndicatorProps, -} from './password-input-indicator' +} from './password-input-indicator.tsx' export { PasswordInputInput as Input, type PasswordInputInputBaseProps as InputBaseProps, type PasswordInputInputProps as InputProps, -} from './password-input-input' +} from './password-input-input.tsx' export { PasswordInputLabel as Label, type PasswordInputLabelBaseProps as LabelBaseProps, type PasswordInputLabelProps as LabelProps, -} from './password-input-label' +} from './password-input-label.tsx' export { PasswordInputRoot as Root, type PasswordInputRootBaseProps as RootBaseProps, type PasswordInputRootProps as RootProps, -} from './password-input-root' +} from './password-input-root.tsx' export { PasswordInputRootProvider as RootProvider, type PasswordInputRootProviderBaseProps as RootProviderBaseProps, type PasswordInputRootProviderProps as RootProviderProps, -} from './password-input-root-provider' +} from './password-input-root-provider.tsx' export { PasswordInputVisibilityTrigger as VisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps as VisibilityTriggerProps, -} from './password-input-visibility-trigger' +} from './password-input-visibility-trigger.tsx' diff --git a/packages/solid/src/components/password-input/use-password-input-context.ts b/packages/solid/src/components/password-input/use-password-input-context.ts index 5678126d55..a1e5de4304 100644 --- a/packages/solid/src/components/password-input/use-password-input-context.ts +++ b/packages/solid/src/components/password-input/use-password-input-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UsePasswordInputReturn } from './use-password-input' +import { createContext } from '../../utils/create-context.ts' +import type { UsePasswordInputReturn } from './use-password-input.ts' export interface UsePasswordInputContext extends UsePasswordInputReturn {} diff --git a/packages/solid/src/components/password-input/use-password-input.ts b/packages/solid/src/components/password-input/use-password-input.ts index 1cd3631780..938336bd72 100644 --- a/packages/solid/src/components/password-input/use-password-input.ts +++ b/packages/solid/src/components/password-input/use-password-input.ts @@ -1,10 +1,10 @@ import * as passwordInput from '@zag-js/password-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UsePasswordInputProps extends Optional, 'id'> {} export interface UsePasswordInputReturn extends Accessor> {} diff --git a/packages/solid/src/components/pin-input/index.tsx b/packages/solid/src/components/pin-input/index.tsx index fa1f6e4db5..4cc5ebf4c3 100644 --- a/packages/solid/src/components/pin-input/index.tsx +++ b/packages/solid/src/components/pin-input/index.tsx @@ -2,23 +2,23 @@ export type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails, } from '@zag-js/pin-input' -export { PinInputContext, type PinInputContextProps } from './pin-input-context' -export { PinInputControl, type PinInputControlBaseProps, type PinInputControlProps } from './pin-input-control' +export { PinInputContext, type PinInputContextProps } from './pin-input-context.tsx' +export { PinInputControl, type PinInputControlBaseProps, type PinInputControlProps } from './pin-input-control.tsx' export { PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, -} from './pin-input-hidden-input' -export { PinInputInput, type PinInputInputBaseProps, type PinInputInputProps } from './pin-input-input' -export { PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps } from './pin-input-label' -export { PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps } from './pin-input-root' +} from './pin-input-hidden-input.tsx' +export { PinInputInput, type PinInputInputBaseProps, type PinInputInputProps } from './pin-input-input.tsx' +export { PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps } from './pin-input-label.tsx' +export { PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps } from './pin-input-root.tsx' export { PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, -} from './pin-input-root-provider' -export { pinInputAnatomy } from './pin-input.anatomy' -export { usePinInput, type UsePinInputProps, type UsePinInputReturn } from './use-pin-input' -export { usePinInputContext, type UsePinInputContext } from './use-pin-input-context' +} from './pin-input-root-provider.tsx' +export { pinInputAnatomy } from './pin-input.anatomy.ts' +export { usePinInput, type UsePinInputProps, type UsePinInputReturn } from './use-pin-input.ts' +export { usePinInputContext, type UsePinInputContext } from './use-pin-input-context.ts' -export * as PinInput from './pin-input' +export * as PinInput from './pin-input.ts' diff --git a/packages/solid/src/components/pin-input/pin-input-context.tsx b/packages/solid/src/components/pin-input/pin-input-context.tsx index 59f6bf22ad..7bfc3bce61 100644 --- a/packages/solid/src/components/pin-input/pin-input-context.tsx +++ b/packages/solid/src/components/pin-input/pin-input-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UsePinInputContext, usePinInputContext } from './use-pin-input-context' +import { type UsePinInputContext, usePinInputContext } from './use-pin-input-context.ts' export interface PinInputContextProps { children: (context: UsePinInputContext) => JSX.Element diff --git a/packages/solid/src/components/pin-input/pin-input-control.tsx b/packages/solid/src/components/pin-input/pin-input-control.tsx index af42c6de0f..fa008c7669 100644 --- a/packages/solid/src/components/pin-input/pin-input-control.tsx +++ b/packages/solid/src/components/pin-input/pin-input-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePinInputContext } from './use-pin-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputControlBaseProps extends PolymorphicProps<'div'> {} export interface PinInputControlProps extends HTMLProps<'div'>, PinInputControlBaseProps {} diff --git a/packages/solid/src/components/pin-input/pin-input-hidden-input.tsx b/packages/solid/src/components/pin-input/pin-input-hidden-input.tsx index df34e312ef..9520d45e9f 100644 --- a/packages/solid/src/components/pin-input/pin-input-hidden-input.tsx +++ b/packages/solid/src/components/pin-input/pin-input-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { usePinInputContext } from './use-pin-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface PinInputHiddenInputProps extends HTMLProps<'input'>, PinInputHiddenInputBaseProps {} diff --git a/packages/solid/src/components/pin-input/pin-input-input.tsx b/packages/solid/src/components/pin-input/pin-input-input.tsx index 83c9fdbbdf..04933a4931 100644 --- a/packages/solid/src/components/pin-input/pin-input-input.tsx +++ b/packages/solid/src/components/pin-input/pin-input-input.tsx @@ -1,8 +1,8 @@ import type { InputProps } from '@zag-js/pin-input' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePinInputContext } from './use-pin-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputInputBaseProps extends InputProps, PolymorphicProps<'input'> {} export interface PinInputInputProps extends HTMLProps<'input'>, PinInputInputBaseProps {} diff --git a/packages/solid/src/components/pin-input/pin-input-label.tsx b/packages/solid/src/components/pin-input/pin-input-label.tsx index 07de0f0d2d..84596ed9f9 100644 --- a/packages/solid/src/components/pin-input/pin-input-label.tsx +++ b/packages/solid/src/components/pin-input/pin-input-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePinInputContext } from './use-pin-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePinInputContext } from './use-pin-input-context.ts' export interface PinInputLabelBaseProps extends PolymorphicProps<'label'> {} export interface PinInputLabelProps extends HTMLProps<'label'>, PinInputLabelBaseProps {} diff --git a/packages/solid/src/components/pin-input/pin-input-root-provider.tsx b/packages/solid/src/components/pin-input/pin-input-root-provider.tsx index 8cc9b6e49d..d3171bfe13 100644 --- a/packages/solid/src/components/pin-input/pin-input-root-provider.tsx +++ b/packages/solid/src/components/pin-input/pin-input-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UsePinInputReturn } from './use-pin-input' -import { PinInputProvider } from './use-pin-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UsePinInputReturn } from './use-pin-input.ts' +import { PinInputProvider } from './use-pin-input-context.ts' interface RootProviderProps { value: UsePinInputReturn diff --git a/packages/solid/src/components/pin-input/pin-input-root.tsx b/packages/solid/src/components/pin-input/pin-input-root.tsx index c0a9cd8aa4..d208d21f20 100644 --- a/packages/solid/src/components/pin-input/pin-input-root.tsx +++ b/packages/solid/src/components/pin-input/pin-input-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UsePinInputProps, usePinInput } from './use-pin-input' -import { PinInputProvider } from './use-pin-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UsePinInputProps, usePinInput } from './use-pin-input.ts' +import { PinInputProvider } from './use-pin-input-context.ts' export interface PinInputRootBaseProps extends UsePinInputProps, PolymorphicProps<'div'> {} export interface PinInputRootProps extends HTMLProps<'div'>, PinInputRootBaseProps {} diff --git a/packages/solid/src/components/pin-input/pin-input.stories.tsx b/packages/solid/src/components/pin-input/pin-input.stories.tsx index d8aca1d74f..e0e4e41be6 100644 --- a/packages/solid/src/components/pin-input/pin-input.stories.tsx +++ b/packages/solid/src/components/pin-input/pin-input.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { BlurOnComplete } from './examples/blur-on-complete' -export { CustomPlaceholder } from './examples/custom-placeholder' -export { Mask } from './examples/mask' -export { OTPMode } from './examples/otp-mode' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { BlurOnComplete } from './examples/blur-on-complete.tsx' +export { CustomPlaceholder } from './examples/custom-placeholder.tsx' +export { Mask } from './examples/mask.tsx' +export { OTPMode } from './examples/otp-mode.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/pin-input/pin-input.ts b/packages/solid/src/components/pin-input/pin-input.ts index 935e36b181..fea20c9ec4 100644 --- a/packages/solid/src/components/pin-input/pin-input.ts +++ b/packages/solid/src/components/pin-input/pin-input.ts @@ -1,32 +1,32 @@ export type { ValueChangeDetails, ValueInvalidDetails } from '@zag-js/pin-input' -export { PinInputContext as Context, type PinInputContextProps as ContextProps } from './pin-input-context' +export { PinInputContext as Context, type PinInputContextProps as ContextProps } from './pin-input-context.tsx' export { PinInputControl as Control, type PinInputControlBaseProps as ControlBaseProps, type PinInputControlProps as ControlProps, -} from './pin-input-control' +} from './pin-input-control.tsx' export { PinInputHiddenInput as HiddenInput, type PinInputHiddenInputBaseProps as HiddenInputBaseProps, type PinInputHiddenInputProps as HiddenInputProps, -} from './pin-input-hidden-input' +} from './pin-input-hidden-input.tsx' export { PinInputInput as Input, type PinInputInputBaseProps as InputBaseProps, type PinInputInputProps as InputProps, -} from './pin-input-input' +} from './pin-input-input.tsx' export { PinInputLabel as Label, type PinInputLabelBaseProps as LabelBaseProps, type PinInputLabelProps as LabelProps, -} from './pin-input-label' +} from './pin-input-label.tsx' export { PinInputRoot as Root, type PinInputRootBaseProps as RootBaseProps, type PinInputRootProps as RootProps, -} from './pin-input-root' +} from './pin-input-root.tsx' export { PinInputRootProvider as RootProvider, type PinInputRootProviderBaseProps as RootProviderBaseProps, type PinInputRootProviderProps as RootProviderProps, -} from './pin-input-root-provider' +} from './pin-input-root-provider.tsx' diff --git a/packages/solid/src/components/pin-input/tests/basic.tsx b/packages/solid/src/components/pin-input/tests/basic.tsx index cd8d073185..2401304ccc 100644 --- a/packages/solid/src/components/pin-input/tests/basic.tsx +++ b/packages/solid/src/components/pin-input/tests/basic.tsx @@ -1,6 +1,6 @@ import { Field } from '@ark-ui/solid/field' import { Index } from 'solid-js' -import { PinInput } from '../' +import { PinInput } from '../index.tsx' export const ComponentUnderTest = (props: PinInput.RootProps) => ( diff --git a/packages/solid/src/components/pin-input/tests/pin-input.test.tsx b/packages/solid/src/components/pin-input/tests/pin-input.test.tsx index dad185ff56..a7ee449684 100644 --- a/packages/solid/src/components/pin-input/tests/pin-input.test.tsx +++ b/packages/solid/src/components/pin-input/tests/pin-input.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('PinInput', () => { it('should have the proper aria labels', async () => { diff --git a/packages/solid/src/components/pin-input/use-pin-input-context.ts b/packages/solid/src/components/pin-input/use-pin-input-context.ts index eb2e2bc3ee..c5d5ad49b0 100644 --- a/packages/solid/src/components/pin-input/use-pin-input-context.ts +++ b/packages/solid/src/components/pin-input/use-pin-input-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UsePinInputReturn } from './use-pin-input' +import { createContext } from '../../utils/create-context.ts' +import type { UsePinInputReturn } from './use-pin-input.ts' export interface UsePinInputContext extends UsePinInputReturn {} diff --git a/packages/solid/src/components/pin-input/use-pin-input.ts b/packages/solid/src/components/pin-input/use-pin-input.ts index 9d2bed3040..d9a99b1f87 100644 --- a/packages/solid/src/components/pin-input/use-pin-input.ts +++ b/packages/solid/src/components/pin-input/use-pin-input.ts @@ -1,10 +1,10 @@ import * as pinInput from '@zag-js/pin-input' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UsePinInputProps extends Optional, 'id'> {} export interface UsePinInputReturn extends Accessor> {} diff --git a/packages/solid/src/components/popover/index.tsx b/packages/solid/src/components/popover/index.tsx index fd11e4d656..f368b84b2f 100644 --- a/packages/solid/src/components/popover/index.tsx +++ b/packages/solid/src/components/popover/index.tsx @@ -5,33 +5,37 @@ export type { PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, TriggerValueChangeDetails as PopoverTriggerValueChangeDetails, } from '@zag-js/popover' -export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor' -export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow' -export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip' +export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor.tsx' +export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow.tsx' +export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip.tsx' export { PopoverCloseTrigger, type PopoverCloseTriggerBaseProps, type PopoverCloseTriggerProps, -} from './popover-close-trigger' -export { PopoverContent, type PopoverContentBaseProps, type PopoverContentProps } from './popover-content' -export { PopoverContext, type PopoverContextProps } from './popover-context' +} from './popover-close-trigger.tsx' +export { PopoverContent, type PopoverContentBaseProps, type PopoverContentProps } from './popover-content.tsx' +export { PopoverContext, type PopoverContextProps } from './popover-context.tsx' export { PopoverDescription, type PopoverDescriptionBaseProps, type PopoverDescriptionProps, -} from './popover-description' -export { PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps } from './popover-indicator' -export { PopoverPositioner, type PopoverPositionerBaseProps, type PopoverPositionerProps } from './popover-positioner' -export { PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps } from './popover-root' +} from './popover-description.tsx' +export { PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps } from './popover-indicator.tsx' +export { + PopoverPositioner, + type PopoverPositionerBaseProps, + type PopoverPositionerProps, +} from './popover-positioner.tsx' +export { PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps } from './popover-root.tsx' export { PopoverRootProvider, type PopoverRootProviderBaseProps, type PopoverRootProviderProps, -} from './popover-root-provider' -export { PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps } from './popover-title' -export { PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps } from './popover-trigger' -export { popoverAnatomy } from './popover.anatomy' -export { usePopover, type UsePopoverProps, type UsePopoverReturn } from './use-popover' -export { usePopoverContext, type UsePopoverContext } from './use-popover-context' +} from './popover-root-provider.tsx' +export { PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps } from './popover-title.tsx' +export { PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps } from './popover-trigger.tsx' +export { popoverAnatomy } from './popover.anatomy.ts' +export { usePopover, type UsePopoverProps, type UsePopoverReturn } from './use-popover.ts' +export { usePopoverContext, type UsePopoverContext } from './use-popover-context.ts' -export * as Popover from './popover' +export * as Popover from './popover.ts' diff --git a/packages/solid/src/components/popover/popover-anchor.tsx b/packages/solid/src/components/popover/popover-anchor.tsx index bf3a9b0b57..dd1d1eef7c 100644 --- a/packages/solid/src/components/popover/popover-anchor.tsx +++ b/packages/solid/src/components/popover/popover-anchor.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverAnchorBaseProps extends PolymorphicProps<'div'> {} export interface PopoverAnchorProps extends HTMLProps<'div'>, PopoverAnchorBaseProps {} diff --git a/packages/solid/src/components/popover/popover-arrow-tip.tsx b/packages/solid/src/components/popover/popover-arrow-tip.tsx index 9ec57306e1..a7ae10c00c 100644 --- a/packages/solid/src/components/popover/popover-arrow-tip.tsx +++ b/packages/solid/src/components/popover/popover-arrow-tip.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverArrowTipBaseProps extends PolymorphicProps<'div'> {} export interface PopoverArrowTipProps extends HTMLProps<'div'>, PopoverArrowTipBaseProps {} diff --git a/packages/solid/src/components/popover/popover-arrow.tsx b/packages/solid/src/components/popover/popover-arrow.tsx index 3784632dac..c48e93c5ce 100644 --- a/packages/solid/src/components/popover/popover-arrow.tsx +++ b/packages/solid/src/components/popover/popover-arrow.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverArrowBaseProps extends PolymorphicProps<'div'> {} export interface PopoverArrowProps extends HTMLProps<'div'>, PopoverArrowBaseProps {} diff --git a/packages/solid/src/components/popover/popover-close-trigger.tsx b/packages/solid/src/components/popover/popover-close-trigger.tsx index 4163c79629..9531b75abc 100644 --- a/packages/solid/src/components/popover/popover-close-trigger.tsx +++ b/packages/solid/src/components/popover/popover-close-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverCloseTriggerBaseProps extends PolymorphicProps<'button'> {} export interface PopoverCloseTriggerProps extends HTMLProps<'button'>, PopoverCloseTriggerBaseProps {} diff --git a/packages/solid/src/components/popover/popover-content.tsx b/packages/solid/src/components/popover/popover-content.tsx index ff1617bf43..ba0f6f9546 100644 --- a/packages/solid/src/components/popover/popover-content.tsx +++ b/packages/solid/src/components/popover/popover-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { usePopoverContext } from './use-popover-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverContentBaseProps extends PolymorphicProps<'div'> {} export interface PopoverContentProps extends HTMLProps<'div'>, PopoverContentBaseProps {} diff --git a/packages/solid/src/components/popover/popover-context.tsx b/packages/solid/src/components/popover/popover-context.tsx index f8b5c015f3..0d53589ae9 100644 --- a/packages/solid/src/components/popover/popover-context.tsx +++ b/packages/solid/src/components/popover/popover-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UsePopoverContext, usePopoverContext } from './use-popover-context' +import { type UsePopoverContext, usePopoverContext } from './use-popover-context.ts' export interface PopoverContextProps { children: (context: UsePopoverContext) => JSX.Element diff --git a/packages/solid/src/components/popover/popover-description.tsx b/packages/solid/src/components/popover/popover-description.tsx index 5c2103cb96..3029222851 100644 --- a/packages/solid/src/components/popover/popover-description.tsx +++ b/packages/solid/src/components/popover/popover-description.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverDescriptionBaseProps extends PolymorphicProps<'div'> {} export interface PopoverDescriptionProps extends HTMLProps<'div'>, PopoverDescriptionBaseProps {} diff --git a/packages/solid/src/components/popover/popover-indicator.tsx b/packages/solid/src/components/popover/popover-indicator.tsx index 2e361f0103..1a64402a00 100644 --- a/packages/solid/src/components/popover/popover-indicator.tsx +++ b/packages/solid/src/components/popover/popover-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface PopoverIndicatorProps extends HTMLProps<'div'>, PopoverIndicatorBaseProps {} diff --git a/packages/solid/src/components/popover/popover-positioner.tsx b/packages/solid/src/components/popover/popover-positioner.tsx index 7516716fcd..9deea74267 100644 --- a/packages/solid/src/components/popover/popover-positioner.tsx +++ b/packages/solid/src/components/popover/popover-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverPositionerBaseProps extends PolymorphicProps<'div'> {} export interface PopoverPositionerProps extends HTMLProps<'div'>, PopoverPositionerBaseProps {} diff --git a/packages/solid/src/components/popover/popover-root-provider.tsx b/packages/solid/src/components/popover/popover-root-provider.tsx index 37b3218e90..2efe841e76 100644 --- a/packages/solid/src/components/popover/popover-root-provider.tsx +++ b/packages/solid/src/components/popover/popover-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UsePopoverReturn } from './use-popover' -import { PopoverProvider } from './use-popover-context' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UsePopoverReturn } from './use-popover.ts' +import { PopoverProvider } from './use-popover-context.ts' interface RootProviderProps { value: UsePopoverReturn diff --git a/packages/solid/src/components/popover/popover-root.tsx b/packages/solid/src/components/popover/popover-root.tsx index 3ae62ff7ba..1954dc3846 100644 --- a/packages/solid/src/components/popover/popover-root.tsx +++ b/packages/solid/src/components/popover/popover-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UsePopoverProps, usePopover } from './use-popover' -import { PopoverProvider } from './use-popover-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UsePopoverProps, usePopover } from './use-popover.ts' +import { PopoverProvider } from './use-popover-context.ts' export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {} export interface PopoverRootProps extends PopoverRootBaseProps { diff --git a/packages/solid/src/components/popover/popover-title.tsx b/packages/solid/src/components/popover/popover-title.tsx index 0392a42b44..606c1f8489 100644 --- a/packages/solid/src/components/popover/popover-title.tsx +++ b/packages/solid/src/components/popover/popover-title.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePopoverContext } from './use-popover-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverTitleBaseProps extends PolymorphicProps<'div'> {} export interface PopoverTitleProps extends HTMLProps<'div'>, PopoverTitleBaseProps {} diff --git a/packages/solid/src/components/popover/popover-trigger.tsx b/packages/solid/src/components/popover/popover-trigger.tsx index bf78702fdb..1fb812328c 100644 --- a/packages/solid/src/components/popover/popover-trigger.tsx +++ b/packages/solid/src/components/popover/popover-trigger.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/popover' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { usePopoverContext } from './use-popover-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { usePopoverContext } from './use-popover-context.ts' export interface PopoverTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface PopoverTriggerProps extends Assign, PopoverTriggerBaseProps> {} diff --git a/packages/solid/src/components/popover/popover.stories.tsx b/packages/solid/src/components/popover/popover.stories.tsx index 8ed66cf83e..daf61c339b 100644 --- a/packages/solid/src/components/popover/popover.stories.tsx +++ b/packages/solid/src/components/popover/popover.stories.tsx @@ -6,16 +6,16 @@ const meta: Meta = { export default meta -export { Anchor } from './examples/anchor' -export { Arrow } from './examples/arrow' -export { Basic } from './examples/basic' -export { CloseBehavior } from './examples/close-behavior' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Modal } from './examples/modal' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Nested } from './examples/nested' -export { Positioning } from './examples/positioning' -export { RootProvider } from './examples/root-provider' -export { SameWidth } from './examples/same-width' -export { WithDialog } from './examples/with-dialog' +export { Anchor } from './examples/anchor.tsx' +export { Arrow } from './examples/arrow.tsx' +export { Basic } from './examples/basic.tsx' +export { CloseBehavior } from './examples/close-behavior.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Modal } from './examples/modal.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Nested } from './examples/nested.tsx' +export { Positioning } from './examples/positioning.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SameWidth } from './examples/same-width.tsx' +export { WithDialog } from './examples/with-dialog.tsx' diff --git a/packages/solid/src/components/popover/popover.ts b/packages/solid/src/components/popover/popover.ts index c245e399dc..7da7cfa968 100644 --- a/packages/solid/src/components/popover/popover.ts +++ b/packages/solid/src/components/popover/popover.ts @@ -9,60 +9,60 @@ export { PopoverAnchor as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, -} from './popover-anchor' +} from './popover-anchor.tsx' export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, -} from './popover-arrow' +} from './popover-arrow.tsx' export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, -} from './popover-arrow-tip' +} from './popover-arrow-tip.tsx' export { PopoverCloseTrigger as CloseTrigger, type PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, type PopoverCloseTriggerProps as CloseTriggerProps, -} from './popover-close-trigger' +} from './popover-close-trigger.tsx' export { PopoverContent as Content, type PopoverContentBaseProps as ContentBaseProps, type PopoverContentProps as ContentProps, -} from './popover-content' -export { PopoverContext as Context, type PopoverContextProps as ContextProps } from './popover-context' +} from './popover-content.tsx' +export { PopoverContext as Context, type PopoverContextProps as ContextProps } from './popover-context.tsx' export { PopoverDescription as Description, type PopoverDescriptionBaseProps as DescriptionBaseProps, type PopoverDescriptionProps as DescriptionProps, -} from './popover-description' +} from './popover-description.tsx' export { PopoverIndicator as Indicator, type PopoverIndicatorBaseProps as IndicatorBaseProps, type PopoverIndicatorProps as IndicatorProps, -} from './popover-indicator' +} from './popover-indicator.tsx' export { PopoverPositioner as Positioner, type PopoverPositionerBaseProps as PositionerBaseProps, type PopoverPositionerProps as PositionerProps, -} from './popover-positioner' +} from './popover-positioner.tsx' export { PopoverRoot as Root, type PopoverRootBaseProps as RootBaseProps, type PopoverRootProps as RootProps, -} from './popover-root' +} from './popover-root.tsx' export { PopoverRootProvider as RootProvider, type PopoverRootProviderBaseProps as RootProviderBaseProps, type PopoverRootProviderProps as RootProviderProps, -} from './popover-root-provider' +} from './popover-root-provider.tsx' export { PopoverTitle as Title, type PopoverTitleBaseProps as TitleBaseProps, type PopoverTitleProps as TitleProps, -} from './popover-title' +} from './popover-title.tsx' export { PopoverTrigger as Trigger, type PopoverTriggerBaseProps as TriggerBaseProps, type PopoverTriggerProps as TriggerProps, -} from './popover-trigger' +} from './popover-trigger.tsx' diff --git a/packages/solid/src/components/popover/tests/basic.tsx b/packages/solid/src/components/popover/tests/basic.tsx index 9bf9a877c3..50538b6cb0 100644 --- a/packages/solid/src/components/popover/tests/basic.tsx +++ b/packages/solid/src/components/popover/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Popover } from '../' +import { Popover } from '../index.tsx' export const ComponentUnderTest = (props: Popover.RootProps) => ( diff --git a/packages/solid/src/components/popover/tests/controlled.tsx b/packages/solid/src/components/popover/tests/controlled.tsx index f73e71b5c2..a6dbb28120 100644 --- a/packages/solid/src/components/popover/tests/controlled.tsx +++ b/packages/solid/src/components/popover/tests/controlled.tsx @@ -1,6 +1,6 @@ import { createSignal } from 'solid-js' -import type { Popover } from '..' -import { ComponentUnderTest } from './basic' +import type { Popover } from '../index.tsx' +import { ComponentUnderTest } from './basic.tsx' export const ControlledComponentUnderTest = (props: Popover.RootProps) => { const [open, setOpen] = createSignal(false) diff --git a/packages/solid/src/components/popover/tests/popover.test.tsx b/packages/solid/src/components/popover/tests/popover.test.tsx index 8cf566859c..4b2dad6c71 100644 --- a/packages/solid/src/components/popover/tests/popover.test.tsx +++ b/packages/solid/src/components/popover/tests/popover.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' -import { ControlledComponentUnderTest } from './controlled' +import { ComponentUnderTest } from './basic.tsx' +import { ControlledComponentUnderTest } from './controlled.tsx' describe('Popover', () => { it('should open and close the popover', async () => { diff --git a/packages/solid/src/components/popover/use-popover-context.ts b/packages/solid/src/components/popover/use-popover-context.ts index e08406a092..f9b9dd5583 100644 --- a/packages/solid/src/components/popover/use-popover-context.ts +++ b/packages/solid/src/components/popover/use-popover-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UsePopoverReturn } from './use-popover' +import { createContext } from '../../utils/create-context.ts' +import type { UsePopoverReturn } from './use-popover.ts' export interface UsePopoverContext extends UsePopoverReturn {} diff --git a/packages/solid/src/components/popover/use-popover.ts b/packages/solid/src/components/popover/use-popover.ts index 3dce11ef44..193978fa28 100644 --- a/packages/solid/src/components/popover/use-popover.ts +++ b/packages/solid/src/components/popover/use-popover.ts @@ -1,9 +1,9 @@ import * as popover from '@zag-js/popover' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UsePopoverProps extends Optional, 'id'> {} export interface UsePopoverReturn extends Accessor> {} diff --git a/packages/solid/src/components/presence/index.tsx b/packages/solid/src/components/presence/index.tsx index 7c3a9dcb8c..074f0e36bc 100644 --- a/packages/solid/src/components/presence/index.tsx +++ b/packages/solid/src/components/presence/index.tsx @@ -1,4 +1,4 @@ -export { Presence, type PresenceProps } from './presence' -export { splitPresenceProps } from './split-presence-props' -export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence' -export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context' +export { Presence, type PresenceProps } from './presence.tsx' +export { splitPresenceProps } from './split-presence-props.ts' +export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence.ts' +export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context.ts' diff --git a/packages/solid/src/components/presence/presence.stories.tsx b/packages/solid/src/components/presence/presence.stories.tsx index 9a3d15856f..c276186ac3 100644 --- a/packages/solid/src/components/presence/presence.stories.tsx +++ b/packages/solid/src/components/presence/presence.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { LazyMount } from './examples/lazy-mount' -export { LazyMountAndUnmountOnExit } from './examples/lazy-mount-and-unmount-on-exit' -export { SkipAnimationOnMount } from './examples/skip-animation-on-mount' -export { UnmountOnExit } from './examples/unmount-on-exit' +export { Basic } from './examples/basic.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { LazyMountAndUnmountOnExit } from './examples/lazy-mount-and-unmount-on-exit.tsx' +export { SkipAnimationOnMount } from './examples/skip-animation-on-mount.tsx' +export { UnmountOnExit } from './examples/unmount-on-exit.tsx' diff --git a/packages/solid/src/components/presence/presence.test.tsx b/packages/solid/src/components/presence/presence.test.tsx index 2442aa04c7..6d10e8df7c 100644 --- a/packages/solid/src/components/presence/presence.test.tsx +++ b/packages/solid/src/components/presence/presence.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' import { createSignal } from 'solid-js' -import { Presence, type PresenceProps } from './' +import { Presence, type PresenceProps } from './index.tsx' const ComponentUnderTest = (props: PresenceProps) => { const [present, setPresent] = createSignal(false) diff --git a/packages/solid/src/components/presence/presence.tsx b/packages/solid/src/components/presence/presence.tsx index b58318a11d..6792f5735a 100644 --- a/packages/solid/src/components/presence/presence.tsx +++ b/packages/solid/src/components/presence/presence.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { splitPresenceProps } from './split-presence-props' -import { type UsePresenceProps, usePresence } from './use-presence' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { splitPresenceProps } from './split-presence-props.ts' +import { type UsePresenceProps, usePresence } from './use-presence.ts' export interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps<'div'> {} export interface PresenceProps extends HTMLProps<'div'>, PresenceBaseProps {} diff --git a/packages/solid/src/components/presence/split-presence-props.ts b/packages/solid/src/components/presence/split-presence-props.ts index 6368b65d24..265dcaeeab 100644 --- a/packages/solid/src/components/presence/split-presence-props.ts +++ b/packages/solid/src/components/presence/split-presence-props.ts @@ -1,5 +1,5 @@ -import { createSplitProps } from '../../utils/create-split-props' -import type { UsePresenceProps } from './use-presence' +import { createSplitProps } from '../../utils/create-split-props.ts' +import type { UsePresenceProps } from './use-presence.ts' export const splitPresenceProps = (props: T) => createSplitProps()(props, [ diff --git a/packages/solid/src/components/presence/use-presence-context.ts b/packages/solid/src/components/presence/use-presence-context.ts index f28a1671bd..7d03ad3c5d 100644 --- a/packages/solid/src/components/presence/use-presence-context.ts +++ b/packages/solid/src/components/presence/use-presence-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UsePresenceReturn } from './use-presence' +import { createContext } from '../../utils/create-context.ts' +import type { UsePresenceReturn } from './use-presence.ts' export interface UsePresenceContext extends UsePresenceReturn {} diff --git a/packages/solid/src/components/presence/use-presence.ts b/packages/solid/src/components/presence/use-presence.ts index 36e5e1c219..ddb0093aaf 100644 --- a/packages/solid/src/components/presence/use-presence.ts +++ b/packages/solid/src/components/presence/use-presence.ts @@ -1,9 +1,9 @@ import * as presence from '@zag-js/presence' import { normalizeProps, useMachine } from '@zag-js/solid' import { createEffect, createMemo, createSignal } from 'solid-js' -import type { MaybeAccessor, Optional } from '../../types' -import { type RenderStrategyProps, splitRenderStrategyProps } from '../../utils/render-strategy' -import { runIfFn } from '../../utils/run-if-fn' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { type RenderStrategyProps, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UsePresenceProps extends Optional, RenderStrategyProps { /** diff --git a/packages/solid/src/components/progress/index.tsx b/packages/solid/src/components/progress/index.tsx index 6e41c5b9ea..d45f51f776 100644 --- a/packages/solid/src/components/progress/index.tsx +++ b/packages/solid/src/components/progress/index.tsx @@ -2,31 +2,35 @@ export type { ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails as ProgressValueTranslationDetails, } from '@zag-js/progress' -export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle' +export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle.tsx' export { ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, -} from './progress-circle-range' +} from './progress-circle-range.tsx' export { ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, -} from './progress-circle-track' -export { ProgressContext, type ProgressContextProps } from './progress-context' -export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label' -export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range' -export { ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root' +} from './progress-circle-track.tsx' +export { ProgressContext, type ProgressContextProps } from './progress-context.tsx' +export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label.tsx' +export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range.tsx' +export { ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root.tsx' export { ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, -} from './progress-root-provider' -export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track' -export { ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps } from './progress-value-text' -export { ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view' -export { progressAnatomy } from './progress.anatomy' -export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress' -export { useProgressContext, type UseProgressContext } from './use-progress-context' +} from './progress-root-provider.tsx' +export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track.tsx' +export { + ProgressValueText, + type ProgressValueTextBaseProps, + type ProgressValueTextProps, +} from './progress-value-text.tsx' +export { ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view.tsx' +export { progressAnatomy } from './progress.anatomy.ts' +export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress.ts' +export { useProgressContext, type UseProgressContext } from './use-progress-context.ts' -export * as Progress from './progress' +export * as Progress from './progress.ts' diff --git a/packages/solid/src/components/progress/progress-circle-range.tsx b/packages/solid/src/components/progress/progress-circle-range.tsx index 68ad8ea5bd..738bb0605f 100644 --- a/packages/solid/src/components/progress/progress-circle-range.tsx +++ b/packages/solid/src/components/progress/progress-circle-range.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressCircleRangeBaseProps extends PolymorphicProps<'circle'> {} export interface ProgressCircleRangeProps extends HTMLProps<'circle'>, ProgressCircleRangeBaseProps {} diff --git a/packages/solid/src/components/progress/progress-circle-track.tsx b/packages/solid/src/components/progress/progress-circle-track.tsx index 0a5b0f508e..ccb3a8d1f2 100644 --- a/packages/solid/src/components/progress/progress-circle-track.tsx +++ b/packages/solid/src/components/progress/progress-circle-track.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressCircleTrackBaseProps extends PolymorphicProps<'circle'> {} export interface ProgressCircleTrackProps extends HTMLProps<'circle'>, ProgressCircleTrackBaseProps {} diff --git a/packages/solid/src/components/progress/progress-circle.tsx b/packages/solid/src/components/progress/progress-circle.tsx index 63f6907892..3a884c2d0b 100644 --- a/packages/solid/src/components/progress/progress-circle.tsx +++ b/packages/solid/src/components/progress/progress-circle.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressCircleBaseProps extends PolymorphicProps<'svg'> {} export interface ProgressCircleProps extends HTMLProps<'svg'>, ProgressCircleBaseProps {} diff --git a/packages/solid/src/components/progress/progress-circular.stories.tsx b/packages/solid/src/components/progress/progress-circular.stories.tsx index ede4895936..6d51a2f022 100644 --- a/packages/solid/src/components/progress/progress-circular.stories.tsx +++ b/packages/solid/src/components/progress/progress-circular.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/circular/basic' -export { Controlled } from './examples/circular/controlled' -export { Indeterminate } from './examples/circular/indeterminate' -export { InitialValue } from './examples/circular/initial-value' -export { MinMax } from './examples/circular/min-max' -export { RootProvider } from './examples/circular/root-provider' -export { WithLabel } from './examples/circular/with-label' +export { Basic } from './examples/circular/basic.tsx' +export { Controlled } from './examples/circular/controlled.tsx' +export { Indeterminate } from './examples/circular/indeterminate.tsx' +export { InitialValue } from './examples/circular/initial-value.tsx' +export { MinMax } from './examples/circular/min-max.tsx' +export { RootProvider } from './examples/circular/root-provider.tsx' +export { WithLabel } from './examples/circular/with-label.tsx' diff --git a/packages/solid/src/components/progress/progress-context.tsx b/packages/solid/src/components/progress/progress-context.tsx index 89eeba81e4..7575f893b5 100644 --- a/packages/solid/src/components/progress/progress-context.tsx +++ b/packages/solid/src/components/progress/progress-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseProgressContext, useProgressContext } from './use-progress-context' +import { type UseProgressContext, useProgressContext } from './use-progress-context.ts' export interface ProgressContextProps { children: (context: UseProgressContext) => JSX.Element diff --git a/packages/solid/src/components/progress/progress-label.tsx b/packages/solid/src/components/progress/progress-label.tsx index a8794554d1..1f9c487077 100644 --- a/packages/solid/src/components/progress/progress-label.tsx +++ b/packages/solid/src/components/progress/progress-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressLabelBaseProps extends PolymorphicProps<'span'> {} export interface ProgressLabelProps extends HTMLProps<'span'>, ProgressLabelBaseProps {} diff --git a/packages/solid/src/components/progress/progress-linear.stories.tsx b/packages/solid/src/components/progress/progress-linear.stories.tsx index 57909e9659..821db51035 100644 --- a/packages/solid/src/components/progress/progress-linear.stories.tsx +++ b/packages/solid/src/components/progress/progress-linear.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Controlled } from './examples/circular/controlled' -export { RootProvider } from './examples/circular/root-provider' -export { Basic } from './examples/linear/basic' -export { Indeterminate } from './examples/linear/indeterminate' -export { InitialValue } from './examples/linear/initial-value' -export { MinMax } from './examples/linear/min-max' -export { ValueText } from './examples/linear/value-text' -export { Vertical } from './examples/linear/vertical' +export { Controlled } from './examples/circular/controlled.tsx' +export { RootProvider } from './examples/circular/root-provider.tsx' +export { Basic } from './examples/linear/basic.tsx' +export { Indeterminate } from './examples/linear/indeterminate.tsx' +export { InitialValue } from './examples/linear/initial-value.tsx' +export { MinMax } from './examples/linear/min-max.tsx' +export { ValueText } from './examples/linear/value-text.tsx' +export { Vertical } from './examples/linear/vertical.tsx' diff --git a/packages/solid/src/components/progress/progress-range.tsx b/packages/solid/src/components/progress/progress-range.tsx index 9f217f2712..244843becb 100644 --- a/packages/solid/src/components/progress/progress-range.tsx +++ b/packages/solid/src/components/progress/progress-range.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressRangeBaseProps extends PolymorphicProps<'div'> {} export interface ProgressRangeProps extends HTMLProps<'div'>, ProgressRangeBaseProps {} diff --git a/packages/solid/src/components/progress/progress-root-provider.tsx b/packages/solid/src/components/progress/progress-root-provider.tsx index 0a66c0699c..a435048317 100644 --- a/packages/solid/src/components/progress/progress-root-provider.tsx +++ b/packages/solid/src/components/progress/progress-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseProgressReturn } from './use-progress' -import { ProgressProvider } from './use-progress-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseProgressReturn } from './use-progress.ts' +import { ProgressProvider } from './use-progress-context.ts' interface RootProviderProps { value: UseProgressReturn diff --git a/packages/solid/src/components/progress/progress-root.tsx b/packages/solid/src/components/progress/progress-root.tsx index aba6cd5ee4..dab3e8bab8 100644 --- a/packages/solid/src/components/progress/progress-root.tsx +++ b/packages/solid/src/components/progress/progress-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseProgressProps, useProgress } from './use-progress' -import { ProgressProvider } from './use-progress-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseProgressProps, useProgress } from './use-progress.ts' +import { ProgressProvider } from './use-progress-context.ts' export interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps<'div'> {} export interface ProgressRootProps extends HTMLProps<'div'>, ProgressRootBaseProps {} diff --git a/packages/solid/src/components/progress/progress-track.tsx b/packages/solid/src/components/progress/progress-track.tsx index ae673ab16e..fe581290ac 100644 --- a/packages/solid/src/components/progress/progress-track.tsx +++ b/packages/solid/src/components/progress/progress-track.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressTrackBaseProps extends PolymorphicProps<'div'> {} export interface ProgressTrackProps extends HTMLProps<'div'>, ProgressTrackBaseProps {} diff --git a/packages/solid/src/components/progress/progress-value-text.tsx b/packages/solid/src/components/progress/progress-value-text.tsx index 7b3f7a557b..ed4f5ac14f 100644 --- a/packages/solid/src/components/progress/progress-value-text.tsx +++ b/packages/solid/src/components/progress/progress-value-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressValueTextBaseProps extends PolymorphicProps<'span'> {} export interface ProgressValueTextProps extends HTMLProps<'span'>, ProgressValueTextBaseProps {} diff --git a/packages/solid/src/components/progress/progress-view.tsx b/packages/solid/src/components/progress/progress-view.tsx index 2b5b5a257b..4d62251a24 100644 --- a/packages/solid/src/components/progress/progress-view.tsx +++ b/packages/solid/src/components/progress/progress-view.tsx @@ -1,8 +1,8 @@ import type { ViewProps } from '@zag-js/progress' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useProgressContext } from './use-progress-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useProgressContext } from './use-progress-context.ts' export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps<'span'> {} export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {} diff --git a/packages/solid/src/components/progress/progress.ts b/packages/solid/src/components/progress/progress.ts index 10a126b621..db2c457339 100644 --- a/packages/solid/src/components/progress/progress.ts +++ b/packages/solid/src/components/progress/progress.ts @@ -3,50 +3,50 @@ export { ProgressCircle as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, -} from './progress-circle' +} from './progress-circle.tsx' export { ProgressCircleRange as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, -} from './progress-circle-range' +} from './progress-circle-range.tsx' export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, -} from './progress-circle-track' -export { ProgressContext as Context, type ProgressContextProps as ContextProps } from './progress-context' +} from './progress-circle-track.tsx' +export { ProgressContext as Context, type ProgressContextProps as ContextProps } from './progress-context.tsx' export { ProgressLabel as Label, type ProgressLabelBaseProps as LabelBaseProps, type ProgressLabelProps as LabelProps, -} from './progress-label' +} from './progress-label.tsx' export { ProgressRange as Range, type ProgressRangeBaseProps as RangeBaseProps, type ProgressRangeProps as RangeProps, -} from './progress-range' +} from './progress-range.tsx' export { ProgressRoot as Root, type ProgressRootBaseProps as RootBaseProps, type ProgressRootProps as RootProps, -} from './progress-root' +} from './progress-root.tsx' export { ProgressRootProvider as RootProvider, type ProgressRootProviderBaseProps as RootProviderBaseProps, type ProgressRootProviderProps as RootProviderProps, -} from './progress-root-provider' +} from './progress-root-provider.tsx' export { ProgressTrack as Track, type ProgressTrackBaseProps as TrackBaseProps, type ProgressTrackProps as TrackProps, -} from './progress-track' +} from './progress-track.tsx' export { ProgressValueText as ValueText, type ProgressValueTextBaseProps as ValueTextBaseProps, type ProgressValueTextProps as ValueTextProps, -} from './progress-value-text' +} from './progress-value-text.tsx' export { ProgressView as View, type ProgressViewBaseProps as ViewBaseProps, type ProgressViewProps as ViewProps, -} from './progress-view' +} from './progress-view.tsx' diff --git a/packages/solid/src/components/progress/tests/basic.tsx b/packages/solid/src/components/progress/tests/basic.tsx index 27ce5b38a1..5fa314d414 100644 --- a/packages/solid/src/components/progress/tests/basic.tsx +++ b/packages/solid/src/components/progress/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Progress } from '../' +import { Progress } from '../index.tsx' export const ComponentUnderTest = (props: Progress.RootProps) => ( diff --git a/packages/solid/src/components/progress/tests/progress.test.tsx b/packages/solid/src/components/progress/tests/progress.test.tsx index 89918d727b..7e67cf83d4 100644 --- a/packages/solid/src/components/progress/tests/progress.test.tsx +++ b/packages/solid/src/components/progress/tests/progress.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Progress', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/progress/use-progress-context.ts b/packages/solid/src/components/progress/use-progress-context.ts index 8257936dbc..dc9984f373 100644 --- a/packages/solid/src/components/progress/use-progress-context.ts +++ b/packages/solid/src/components/progress/use-progress-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseProgressReturn } from './use-progress' +import { createContext } from '../../utils/create-context.ts' +import type { UseProgressReturn } from './use-progress.ts' export interface UseProgressContext extends UseProgressReturn {} diff --git a/packages/solid/src/components/progress/use-progress.ts b/packages/solid/src/components/progress/use-progress.ts index 0a7959840a..376ae8442a 100644 --- a/packages/solid/src/components/progress/use-progress.ts +++ b/packages/solid/src/components/progress/use-progress.ts @@ -1,9 +1,9 @@ import * as progress from '@zag-js/progress' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseProgressProps extends Optional, 'id'> {} export interface UseProgressReturn extends Accessor> {} diff --git a/packages/solid/src/components/qr-code/index.tsx b/packages/solid/src/components/qr-code/index.tsx index a5ffa7a7d3..9b005dbdf7 100644 --- a/packages/solid/src/components/qr-code/index.tsx +++ b/packages/solid/src/components/qr-code/index.tsx @@ -1,21 +1,21 @@ export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code' -export { QrCodeContext, type QrCodeContextProps } from './qr-code-context' +export { QrCodeContext, type QrCodeContextProps } from './qr-code-context.ts' export { QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, -} from './qr-code-download-trigger' -export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame' -export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps } from './qr-code-overlay' -export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps } from './qr-code-pattern' -export { QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root' +} from './qr-code-download-trigger.tsx' +export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame.tsx' +export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps } from './qr-code-overlay.tsx' +export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps } from './qr-code-pattern.tsx' +export { QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root.tsx' export { QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, -} from './qr-code-root-provider' -export { qrCodeAnatomy } from './qr-code.anatomy' -export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code' -export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context' +} from './qr-code-root-provider.tsx' +export { qrCodeAnatomy } from './qr-code.anatomy.ts' +export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code.ts' +export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context.ts' -export * as QrCode from './qr-code' +export * as QrCode from './qr-code.ts' diff --git a/packages/solid/src/components/qr-code/qr-code-context.ts b/packages/solid/src/components/qr-code/qr-code-context.ts index 2bece783f2..135d524c6a 100644 --- a/packages/solid/src/components/qr-code/qr-code-context.ts +++ b/packages/solid/src/components/qr-code/qr-code-context.ts @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseQrCodeContext, useQrCodeContext } from './use-qr-code-context' +import { type UseQrCodeContext, useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeContextProps { children: (context: UseQrCodeContext) => JSX.Element diff --git a/packages/solid/src/components/qr-code/qr-code-download-trigger.tsx b/packages/solid/src/components/qr-code/qr-code-download-trigger.tsx index 3269d111cc..7ab37c3190 100644 --- a/packages/solid/src/components/qr-code/qr-code-download-trigger.tsx +++ b/packages/solid/src/components/qr-code/qr-code-download-trigger.tsx @@ -1,8 +1,8 @@ import type { DownloadTriggerProps } from '@zag-js/qr-code' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'> {} export interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {} diff --git a/packages/solid/src/components/qr-code/qr-code-frame.tsx b/packages/solid/src/components/qr-code/qr-code-frame.tsx index ca959012c9..934516e503 100644 --- a/packages/solid/src/components/qr-code/qr-code-frame.tsx +++ b/packages/solid/src/components/qr-code/qr-code-frame.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeFrameBaseProps extends PolymorphicProps<'svg'> {} export interface QrCodeFrameProps extends HTMLProps<'svg'>, QrCodeFrameBaseProps {} diff --git a/packages/solid/src/components/qr-code/qr-code-overlay.tsx b/packages/solid/src/components/qr-code/qr-code-overlay.tsx index edd2c54a99..86c424ab33 100644 --- a/packages/solid/src/components/qr-code/qr-code-overlay.tsx +++ b/packages/solid/src/components/qr-code/qr-code-overlay.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodeOverlayBaseProps extends PolymorphicProps<'div'> {} export interface QrCodeOverlayProps extends HTMLProps<'div'>, QrCodeOverlayBaseProps {} diff --git a/packages/solid/src/components/qr-code/qr-code-pattern.tsx b/packages/solid/src/components/qr-code/qr-code-pattern.tsx index 995cd249ca..aebaa30128 100644 --- a/packages/solid/src/components/qr-code/qr-code-pattern.tsx +++ b/packages/solid/src/components/qr-code/qr-code-pattern.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useQrCodeContext } from './use-qr-code-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useQrCodeContext } from './use-qr-code-context.ts' export interface QrCodePatternBaseProps extends PolymorphicProps<'path'> {} export interface QrCodePatternProps extends HTMLProps<'path'>, QrCodePatternBaseProps {} diff --git a/packages/solid/src/components/qr-code/qr-code-root-provider.tsx b/packages/solid/src/components/qr-code/qr-code-root-provider.tsx index 3cd4242350..b950dbbaef 100644 --- a/packages/solid/src/components/qr-code/qr-code-root-provider.tsx +++ b/packages/solid/src/components/qr-code/qr-code-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseQrCodeReturn } from './use-qr-code' -import { QrCodeProvider } from './use-qr-code-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseQrCodeReturn } from './use-qr-code.ts' +import { QrCodeProvider } from './use-qr-code-context.ts' interface RootProviderProps { value: UseQrCodeReturn diff --git a/packages/solid/src/components/qr-code/qr-code-root.tsx b/packages/solid/src/components/qr-code/qr-code-root.tsx index c241eb14e4..b9703a2bde 100644 --- a/packages/solid/src/components/qr-code/qr-code-root.tsx +++ b/packages/solid/src/components/qr-code/qr-code-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseQrCodeProps, useQrCode } from './use-qr-code' -import { QrCodeProvider } from './use-qr-code-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseQrCodeProps, useQrCode } from './use-qr-code.ts' +import { QrCodeProvider } from './use-qr-code-context.ts' export interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps<'div'> {} export interface QrCodeRootProps extends HTMLProps<'div'>, QrCodeRootBaseProps {} diff --git a/packages/solid/src/components/qr-code/qr-code.stories.tsx b/packages/solid/src/components/qr-code/qr-code.stories.tsx index e945b31449..cc7966c5d2 100644 --- a/packages/solid/src/components/qr-code/qr-code.stories.tsx +++ b/packages/solid/src/components/qr-code/qr-code.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Download } from './examples/download' -export { ErrorCorrection } from './examples/error-correction' -export { Fill } from './examples/fill' -export { Overlay } from './examples/overlay' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Download } from './examples/download.tsx' +export { ErrorCorrection } from './examples/error-correction.tsx' +export { Fill } from './examples/fill.tsx' +export { Overlay } from './examples/overlay.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/qr-code/qr-code.ts b/packages/solid/src/components/qr-code/qr-code.ts index 142042ea3b..5b62bab59e 100644 --- a/packages/solid/src/components/qr-code/qr-code.ts +++ b/packages/solid/src/components/qr-code/qr-code.ts @@ -1,32 +1,32 @@ export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@zag-js/qr-code' -export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context' +export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context.ts' export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, -} from './qr-code-download-trigger' +} from './qr-code-download-trigger.tsx' export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, -} from './qr-code-frame' +} from './qr-code-frame.tsx' export { QrCodeOverlay as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, -} from './qr-code-overlay' +} from './qr-code-overlay.tsx' export { QrCodePattern as Pattern, type QrCodePatternBaseProps as PatternBaseProps, type QrCodePatternProps as PatternProps, -} from './qr-code-pattern' +} from './qr-code-pattern.tsx' export { QrCodeRoot as Root, type QrCodeRootBaseProps as RootBaseProps, type QrCodeRootProps as RootProps, -} from './qr-code-root' +} from './qr-code-root.tsx' export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderBaseProps as RootProviderBaseProps, type QrCodeRootProviderProps as RootProviderProps, -} from './qr-code-root-provider' +} from './qr-code-root-provider.tsx' diff --git a/packages/solid/src/components/qr-code/tests/basic.tsx b/packages/solid/src/components/qr-code/tests/basic.tsx index f9899865dc..e0c65d0c07 100644 --- a/packages/solid/src/components/qr-code/tests/basic.tsx +++ b/packages/solid/src/components/qr-code/tests/basic.tsx @@ -1,4 +1,4 @@ -import { QrCode } from '../..' +import { QrCode } from '../../index.tsx' export const ComponentUnderTest = () => { return ( diff --git a/packages/solid/src/components/qr-code/tests/qr-code.test.tsx b/packages/solid/src/components/qr-code/tests/qr-code.test.tsx index b552b5dcfa..188d7bc17f 100644 --- a/packages/solid/src/components/qr-code/tests/qr-code.test.tsx +++ b/packages/solid/src/components/qr-code/tests/qr-code.test.tsx @@ -1,6 +1,6 @@ import { render } from '@solidjs/testing-library' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('QR-Code', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/qr-code/use-qr-code-context.ts b/packages/solid/src/components/qr-code/use-qr-code-context.ts index c6b6d8e909..e074be1d9c 100644 --- a/packages/solid/src/components/qr-code/use-qr-code-context.ts +++ b/packages/solid/src/components/qr-code/use-qr-code-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseQrCodeReturn } from './use-qr-code' +import { createContext } from '../../utils/create-context.ts' +import type { UseQrCodeReturn } from './use-qr-code.ts' export interface UseQrCodeContext extends UseQrCodeReturn {} diff --git a/packages/solid/src/components/qr-code/use-qr-code.ts b/packages/solid/src/components/qr-code/use-qr-code.ts index 37ec90f9af..14cd61076c 100644 --- a/packages/solid/src/components/qr-code/use-qr-code.ts +++ b/packages/solid/src/components/qr-code/use-qr-code.ts @@ -1,9 +1,9 @@ import * as qrCode from '@zag-js/qr-code' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseQrCodeProps extends Optional, 'id'> {} export interface UseQrCodeReturn extends Accessor> {} diff --git a/packages/solid/src/components/radio-group/index.tsx b/packages/solid/src/components/radio-group/index.tsx index 038c49e324..5f183cda40 100644 --- a/packages/solid/src/components/radio-group/index.tsx +++ b/packages/solid/src/components/radio-group/index.tsx @@ -1,37 +1,37 @@ export type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group' -export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context' +export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context.tsx' export { RadioGroupIndicator, type RadioGroupIndicatorBaseProps, type RadioGroupIndicatorProps, -} from './radio-group-indicator' -export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps } from './radio-group-item' -export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context' +} from './radio-group-indicator.tsx' +export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps } from './radio-group-item.tsx' +export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context.tsx' export { RadioGroupItemControl, type RadioGroupItemControlBaseProps, type RadioGroupItemControlProps, -} from './radio-group-item-control' +} from './radio-group-item-control.tsx' export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps, -} from './radio-group-item-hidden-input' +} from './radio-group-item-hidden-input.tsx' export { RadioGroupItemText, type RadioGroupItemTextBaseProps, type RadioGroupItemTextProps, -} from './radio-group-item-text' -export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps } from './radio-group-label' -export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps } from './radio-group-root' +} from './radio-group-item-text.tsx' +export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps } from './radio-group-label.tsx' +export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps } from './radio-group-root.tsx' export { RadioGroupRootProvider, type RadioGroupRootProviderBaseProps, type RadioGroupRootProviderProps, -} from './radio-group-root-provider' -export { radioGroupAnatomy } from './radio-group.anatomy' -export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group' -export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context' -export { useRadioGroupItemContext, type UseRadioGroupItemContext } from './use-radio-group-item-context' +} from './radio-group-root-provider.tsx' +export { radioGroupAnatomy } from './radio-group.anatomy.ts' +export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group.ts' +export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context.ts' +export { useRadioGroupItemContext, type UseRadioGroupItemContext } from './use-radio-group-item-context.ts' -export * as RadioGroup from './radio-group' +export * as RadioGroup from './radio-group.ts' diff --git a/packages/solid/src/components/radio-group/radio-group-context.tsx b/packages/solid/src/components/radio-group/radio-group-context.tsx index 715d2a4f6e..61e76528fc 100644 --- a/packages/solid/src/components/radio-group/radio-group-context.tsx +++ b/packages/solid/src/components/radio-group/radio-group-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseRadioGroupContext, useRadioGroupContext } from './use-radio-group-context' +import { type UseRadioGroupContext, useRadioGroupContext } from './use-radio-group-context.ts' export interface RadioGroupContextProps { children: (context: UseRadioGroupContext) => JSX.Element diff --git a/packages/solid/src/components/radio-group/radio-group-indicator.tsx b/packages/solid/src/components/radio-group/radio-group-indicator.tsx index ed3b38760f..2afeb99562 100644 --- a/packages/solid/src/components/radio-group/radio-group-indicator.tsx +++ b/packages/solid/src/components/radio-group/radio-group-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRadioGroupContext } from './use-radio-group-context.ts' export interface RadioGroupIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface RadioGroupIndicatorProps extends HTMLProps<'div'>, RadioGroupIndicatorBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group-item-context.tsx b/packages/solid/src/components/radio-group/radio-group-item-context.tsx index 3456abf786..2cf6f5f5d6 100644 --- a/packages/solid/src/components/radio-group/radio-group-item-context.tsx +++ b/packages/solid/src/components/radio-group/radio-group-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseRadioGroupItemContext, useRadioGroupItemContext } from './use-radio-group-item-context' +import { type UseRadioGroupItemContext, useRadioGroupItemContext } from './use-radio-group-item-context.ts' export interface RadioGroupItemContextProps { children: (context: UseRadioGroupItemContext) => JSX.Element diff --git a/packages/solid/src/components/radio-group/radio-group-item-control.tsx b/packages/solid/src/components/radio-group/radio-group-item-control.tsx index 94d84bed58..2cf1f28a50 100644 --- a/packages/solid/src/components/radio-group/radio-group-item-control.tsx +++ b/packages/solid/src/components/radio-group/radio-group-item-control.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemControlBaseProps extends PolymorphicProps<'div'> {} export interface RadioGroupItemControlProps extends HTMLProps<'div'>, RadioGroupItemControlBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group-item-hidden-input.tsx b/packages/solid/src/components/radio-group/radio-group-item-hidden-input.tsx index 85d09dbc29..210d023e42 100644 --- a/packages/solid/src/components/radio-group/radio-group-item-hidden-input.tsx +++ b/packages/solid/src/components/radio-group/radio-group-item-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface RadioGroupItemHiddenInputProps extends HTMLProps<'input'>, RadioGroupItemHiddenInputBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group-item-text.tsx b/packages/solid/src/components/radio-group/radio-group-item-text.tsx index 2446947c5e..9d7f8a4622 100644 --- a/packages/solid/src/components/radio-group/radio-group-item-text.tsx +++ b/packages/solid/src/components/radio-group/radio-group-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemTextBaseProps extends PolymorphicProps<'span'> {} export interface RadioGroupItemTextProps extends HTMLProps<'span'>, RadioGroupItemTextBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group-item.tsx b/packages/solid/src/components/radio-group/radio-group-item.tsx index a9a0b5bbd3..13bf38227f 100644 --- a/packages/solid/src/components/radio-group/radio-group-item.tsx +++ b/packages/solid/src/components/radio-group/radio-group-item.tsx @@ -1,11 +1,11 @@ import type { ItemProps } from '@zag-js/radio-group' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' -import { RadioGroupItemProvider } from './use-radio-group-item-context' -import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRadioGroupContext } from './use-radio-group-context.ts' +import { RadioGroupItemProvider } from './use-radio-group-item-context.ts' +import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.ts' export interface RadioGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {} export interface RadioGroupItemProps extends HTMLProps<'label'>, RadioGroupItemBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group-label.tsx b/packages/solid/src/components/radio-group/radio-group-label.tsx index 5633a3105a..ff629de91c 100644 --- a/packages/solid/src/components/radio-group/radio-group-label.tsx +++ b/packages/solid/src/components/radio-group/radio-group-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRadioGroupContext } from './use-radio-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRadioGroupContext } from './use-radio-group-context.ts' export interface RadioGroupLabelBaseProps extends PolymorphicProps<'span'> {} export interface RadioGroupLabelProps extends HTMLProps<'span'>, RadioGroupLabelBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group-root-provider.tsx b/packages/solid/src/components/radio-group/radio-group-root-provider.tsx index 4cbac5b2b1..0789ccf49a 100644 --- a/packages/solid/src/components/radio-group/radio-group-root-provider.tsx +++ b/packages/solid/src/components/radio-group/radio-group-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseRadioGroupReturn } from './use-radio-group' -import { RadioGroupProvider } from './use-radio-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseRadioGroupReturn } from './use-radio-group.ts' +import { RadioGroupProvider } from './use-radio-group-context.ts' interface RootProviderProps { value: UseRadioGroupReturn diff --git a/packages/solid/src/components/radio-group/radio-group-root.tsx b/packages/solid/src/components/radio-group/radio-group-root.tsx index 82ae5fb9ad..78e84a2518 100644 --- a/packages/solid/src/components/radio-group/radio-group-root.tsx +++ b/packages/solid/src/components/radio-group/radio-group-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseRadioGroupProps, useRadioGroup } from './use-radio-group' -import { RadioGroupProvider } from './use-radio-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseRadioGroupProps, useRadioGroup } from './use-radio-group.ts' +import { RadioGroupProvider } from './use-radio-group-context.ts' export interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps<'div'> {} export interface RadioGroupRootProps extends HTMLProps<'div'>, RadioGroupRootBaseProps {} diff --git a/packages/solid/src/components/radio-group/radio-group.stories.tsx b/packages/solid/src/components/radio-group/radio-group.stories.tsx index 4db1736ce7..76db2a48e5 100644 --- a/packages/solid/src/components/radio-group/radio-group.stories.tsx +++ b/packages/solid/src/components/radio-group/radio-group.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { InitialValue } from './examples/initial-value' -export { Orientation } from './examples/orientation' -export { RootProvider } from './examples/root-provider' -export { WithFieldset } from './examples/with-fieldset' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { InitialValue } from './examples/initial-value.tsx' +export { Orientation } from './examples/orientation.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithFieldset } from './examples/with-fieldset.tsx' diff --git a/packages/solid/src/components/radio-group/radio-group.ts b/packages/solid/src/components/radio-group/radio-group.ts index e5e994f01a..ff64ba15bf 100644 --- a/packages/solid/src/components/radio-group/radio-group.ts +++ b/packages/solid/src/components/radio-group/radio-group.ts @@ -1,46 +1,46 @@ export type { ValueChangeDetails } from '@zag-js/radio-group' -export { RadioGroupContext as Context, type RadioGroupContext as ContextProps } from './radio-group-context' +export { RadioGroupContext as Context, type RadioGroupContext as ContextProps } from './radio-group-context.tsx' export { RadioGroupIndicator as Indicator, type RadioGroupIndicatorBaseProps as IndicatorBaseProps, type RadioGroupIndicatorProps as IndicatorProps, -} from './radio-group-indicator' +} from './radio-group-indicator.tsx' export { RadioGroupItem as Item, type RadioGroupItemBaseProps as ItemBaseProps, type RadioGroupItemProps as ItemProps, -} from './radio-group-item' +} from './radio-group-item.tsx' export { RadioGroupItemContext as ItemContext, type RadioGroupItemContext as ItemContextProps, -} from './radio-group-item-context' +} from './radio-group-item-context.tsx' export { RadioGroupItemControl as ItemControl, type RadioGroupItemControlBaseProps as ItemControlBaseProps, type RadioGroupItemControlProps as ItemControlProps, -} from './radio-group-item-control' +} from './radio-group-item-control.tsx' export { RadioGroupItemHiddenInput as ItemHiddenInput, type RadioGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps as ItemHiddenInputProps, -} from './radio-group-item-hidden-input' +} from './radio-group-item-hidden-input.tsx' export { RadioGroupItemText as ItemText, type RadioGroupItemTextBaseProps as ItemTextBaseProps, type RadioGroupItemTextProps as ItemTextProps, -} from './radio-group-item-text' +} from './radio-group-item-text.tsx' export { RadioGroupLabel as Label, type RadioGroupLabelBaseProps as LabelBaseProps, type RadioGroupLabelProps as LabelProps, -} from './radio-group-label' +} from './radio-group-label.tsx' export { RadioGroupRoot as Root, type RadioGroupRootBaseProps as RootBaseProps, type RadioGroupRootProps as RootProps, -} from './radio-group-root' +} from './radio-group-root.tsx' export { RadioGroupRootProvider as RootProvider, type RadioGroupRootProviderBaseProps as RootProviderBaseProps, type RadioGroupRootProviderProps as RootProviderProps, -} from './radio-group-root-provider' +} from './radio-group-root-provider.tsx' diff --git a/packages/solid/src/components/radio-group/tests/basic.tsx b/packages/solid/src/components/radio-group/tests/basic.tsx index be85ea8cbe..e9cca9203d 100644 --- a/packages/solid/src/components/radio-group/tests/basic.tsx +++ b/packages/solid/src/components/radio-group/tests/basic.tsx @@ -1,5 +1,5 @@ import { For } from 'solid-js' -import { RadioGroup } from '../' +import { RadioGroup } from '../index.tsx' export const ComponentUnderTest = (props: RadioGroup.RootProps) => { const items = [ diff --git a/packages/solid/src/components/radio-group/tests/radio-group.test.tsx b/packages/solid/src/components/radio-group/tests/radio-group.test.tsx index 0aa97d0ce7..aa79404eb9 100644 --- a/packages/solid/src/components/radio-group/tests/radio-group.test.tsx +++ b/packages/solid/src/components/radio-group/tests/radio-group.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Radio Group', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/radio-group/use-radio-group-context.ts b/packages/solid/src/components/radio-group/use-radio-group-context.ts index 1df2826bd4..ac049fa1c3 100644 --- a/packages/solid/src/components/radio-group/use-radio-group-context.ts +++ b/packages/solid/src/components/radio-group/use-radio-group-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseRadioGroupReturn } from './use-radio-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseRadioGroupReturn } from './use-radio-group.ts' export interface UseRadioGroupContext extends UseRadioGroupReturn {} diff --git a/packages/solid/src/components/radio-group/use-radio-group-item-context.ts b/packages/solid/src/components/radio-group/use-radio-group-item-context.ts index ac328cebcf..d9113c3ccb 100644 --- a/packages/solid/src/components/radio-group/use-radio-group-item-context.ts +++ b/packages/solid/src/components/radio-group/use-radio-group-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/radio-group' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseRadioGroupItemContext extends Accessor {} diff --git a/packages/solid/src/components/radio-group/use-radio-group-item-props-context.ts b/packages/solid/src/components/radio-group/use-radio-group-item-props-context.ts index 5070092432..2482142ea4 100644 --- a/packages/solid/src/components/radio-group/use-radio-group-item-props-context.ts +++ b/packages/solid/src/components/radio-group/use-radio-group-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/radio-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({ hookName: 'useRadioGroupItemPropsContext', diff --git a/packages/solid/src/components/radio-group/use-radio-group.ts b/packages/solid/src/components/radio-group/use-radio-group.ts index 32f8f0d0b6..f1dda3f783 100644 --- a/packages/solid/src/components/radio-group/use-radio-group.ts +++ b/packages/solid/src/components/radio-group/use-radio-group.ts @@ -1,10 +1,10 @@ import * as radio from '@zag-js/radio-group' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldsetContext } from '../fieldset' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldsetContext } from '../fieldset/index.tsx' export interface UseRadioGroupProps extends Optional, 'id'> {} export interface UseRadioGroupReturn extends Accessor> {} diff --git a/packages/solid/src/components/rating-group/index.tsx b/packages/solid/src/components/rating-group/index.tsx index f8a3cf1b42..a068a41b33 100644 --- a/packages/solid/src/components/rating-group/index.tsx +++ b/packages/solid/src/components/rating-group/index.tsx @@ -2,29 +2,29 @@ export type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, } from '@zag-js/rating-group' -export { RatingGroupContext, type RatingGroupContextProps } from './rating-group-context' +export { RatingGroupContext, type RatingGroupContextProps } from './rating-group-context.tsx' export { RatingGroupControl, type RatingGroupControlBaseProps, type RatingGroupControlProps, -} from './rating-group-control' +} from './rating-group-control.tsx' export { RatingGroupHiddenInput, type RatingGroupHiddenInputBaseProps, type RatingGroupHiddenInputProps, -} from './rating-group-hidden-input' -export { RatingGroupItem, type RatingGroupItemBaseProps, type RatingGroupItemProps } from './rating-group-item' -export { RatingGroupItemContext, type RatingGroupItemContextProps } from './rating-group-item-context' -export { RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps } from './rating-group-label' -export { RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps } from './rating-group-root' +} from './rating-group-hidden-input.tsx' +export { RatingGroupItem, type RatingGroupItemBaseProps, type RatingGroupItemProps } from './rating-group-item.tsx' +export { RatingGroupItemContext, type RatingGroupItemContextProps } from './rating-group-item-context.tsx' +export { RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps } from './rating-group-label.tsx' +export { RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps } from './rating-group-root.tsx' export { RatingGroupRootProvider, type RatingGroupRootProviderBaseProps, type RatingGroupRootProviderProps, -} from './rating-group-root-provider' -export { ratingGroupAnatomy } from './rating-group.anatomy' -export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn } from './use-rating-group' -export { useRatingGroupContext, type UseRatingGroupContext } from './use-rating-group-context' -export { useRatingGroupItemContext, type UseRatingGroupItemContext } from './use-rating-group-item-context' +} from './rating-group-root-provider.tsx' +export { ratingGroupAnatomy } from './rating-group.anatomy.ts' +export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn } from './use-rating-group.ts' +export { useRatingGroupContext, type UseRatingGroupContext } from './use-rating-group-context.ts' +export { useRatingGroupItemContext, type UseRatingGroupItemContext } from './use-rating-group-item-context.ts' -export * as RatingGroup from './rating-group' +export * as RatingGroup from './rating-group.ts' diff --git a/packages/solid/src/components/rating-group/rating-group-context.tsx b/packages/solid/src/components/rating-group/rating-group-context.tsx index 92c08b3a51..f210315bde 100644 --- a/packages/solid/src/components/rating-group/rating-group-context.tsx +++ b/packages/solid/src/components/rating-group/rating-group-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context' +import { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupContextProps { children: (context: UseRatingGroupContext) => JSX.Element diff --git a/packages/solid/src/components/rating-group/rating-group-control.tsx b/packages/solid/src/components/rating-group/rating-group-control.tsx index 22e425688d..31c3421849 100644 --- a/packages/solid/src/components/rating-group/rating-group-control.tsx +++ b/packages/solid/src/components/rating-group/rating-group-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRatingGroupContext } from './use-rating-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupControlBaseProps extends PolymorphicProps<'div'> {} export interface RatingGroupControlProps extends HTMLProps<'div'>, RatingGroupControlBaseProps {} diff --git a/packages/solid/src/components/rating-group/rating-group-hidden-input.tsx b/packages/solid/src/components/rating-group/rating-group-hidden-input.tsx index c14aab9214..58d497ab95 100644 --- a/packages/solid/src/components/rating-group/rating-group-hidden-input.tsx +++ b/packages/solid/src/components/rating-group/rating-group-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useRatingGroupContext } from './use-rating-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface RatingGroupHiddenInputProps extends HTMLProps<'input'>, RatingGroupHiddenInputBaseProps {} diff --git a/packages/solid/src/components/rating-group/rating-group-item-context.tsx b/packages/solid/src/components/rating-group/rating-group-item-context.tsx index 5b89c047ca..2b8e6de749 100644 --- a/packages/solid/src/components/rating-group/rating-group-item-context.tsx +++ b/packages/solid/src/components/rating-group/rating-group-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseRatingGroupItemContext, useRatingGroupItemContext } from './use-rating-group-item-context' +import { type UseRatingGroupItemContext, useRatingGroupItemContext } from './use-rating-group-item-context.ts' export interface RatingGroupItemContextProps { children: (context: UseRatingGroupItemContext) => JSX.Element diff --git a/packages/solid/src/components/rating-group/rating-group-item.tsx b/packages/solid/src/components/rating-group/rating-group-item.tsx index 51ef3b90de..5b2706d1b3 100644 --- a/packages/solid/src/components/rating-group/rating-group-item.tsx +++ b/packages/solid/src/components/rating-group/rating-group-item.tsx @@ -1,10 +1,10 @@ import type { ItemProps } from '@zag-js/rating-group' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRatingGroupContext } from './use-rating-group-context' -import { RatingGroupItemProvider } from './use-rating-group-item-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRatingGroupContext } from './use-rating-group-context.ts' +import { RatingGroupItemProvider } from './use-rating-group-item-context.ts' export interface RatingGroupItemBaseProps extends ItemProps, PolymorphicProps<'span'> {} export interface RatingGroupItemProps extends HTMLProps<'span'>, RatingGroupItemBaseProps {} diff --git a/packages/solid/src/components/rating-group/rating-group-label.tsx b/packages/solid/src/components/rating-group/rating-group-label.tsx index d3f15f2e83..e01d17a200 100644 --- a/packages/solid/src/components/rating-group/rating-group-label.tsx +++ b/packages/solid/src/components/rating-group/rating-group-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useRatingGroupContext } from './use-rating-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useRatingGroupContext } from './use-rating-group-context.ts' export interface RatingGroupLabelBaseProps extends PolymorphicProps<'label'> {} export interface RatingGroupLabelProps extends HTMLProps<'label'>, RatingGroupLabelBaseProps {} diff --git a/packages/solid/src/components/rating-group/rating-group-root-provider.tsx b/packages/solid/src/components/rating-group/rating-group-root-provider.tsx index 2b073be441..ad7fcf8c13 100644 --- a/packages/solid/src/components/rating-group/rating-group-root-provider.tsx +++ b/packages/solid/src/components/rating-group/rating-group-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseRatingGroupReturn } from './use-rating-group' -import { RatingGroupProvider } from './use-rating-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseRatingGroupReturn } from './use-rating-group.ts' +import { RatingGroupProvider } from './use-rating-group-context.ts' interface RootProviderProps { value: UseRatingGroupReturn diff --git a/packages/solid/src/components/rating-group/rating-group-root.tsx b/packages/solid/src/components/rating-group/rating-group-root.tsx index 7c5a37d5f6..e531a33e0c 100644 --- a/packages/solid/src/components/rating-group/rating-group-root.tsx +++ b/packages/solid/src/components/rating-group/rating-group-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseRatingGroupProps, useRatingGroup } from './use-rating-group' -import { RatingGroupProvider } from './use-rating-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseRatingGroupProps, useRatingGroup } from './use-rating-group.ts' +import { RatingGroupProvider } from './use-rating-group-context.ts' export interface RatingGroupRootBaseProps extends UseRatingGroupProps, PolymorphicProps<'div'> {} export interface RatingGroupRootProps extends HTMLProps<'div'>, RatingGroupRootBaseProps {} diff --git a/packages/solid/src/components/rating-group/rating-group.stories.tsx b/packages/solid/src/components/rating-group/rating-group.stories.tsx index f35503aa53..42f22f9e74 100644 --- a/packages/solid/src/components/rating-group/rating-group.stories.tsx +++ b/packages/solid/src/components/rating-group/rating-group.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { FormUsage } from './examples/form-usage' -export { HalfStar } from './examples/half-star' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { FormUsage } from './examples/form-usage.tsx' +export { HalfStar } from './examples/half-star.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/rating-group/rating-group.ts b/packages/solid/src/components/rating-group/rating-group.ts index 49f06f5dee..83e19a7706 100644 --- a/packages/solid/src/components/rating-group/rating-group.ts +++ b/packages/solid/src/components/rating-group/rating-group.ts @@ -1,36 +1,36 @@ export type { HoverChangeDetails, ValueChangeDetails } from '@zag-js/rating-group' -export { RatingGroupContext as Context, type RatingGroupContextProps as ContextProps } from './rating-group-context' +export { RatingGroupContext as Context, type RatingGroupContextProps as ContextProps } from './rating-group-context.tsx' export { RatingGroupControl as Control, type RatingGroupControlBaseProps as ControlBaseProps, type RatingGroupControlProps as ControlProps, -} from './rating-group-control' +} from './rating-group-control.tsx' export { RatingGroupHiddenInput as HiddenInput, type RatingGroupHiddenInputBaseProps as HiddenInputBaseProps, type RatingGroupHiddenInputProps as HiddenInputProps, -} from './rating-group-hidden-input' +} from './rating-group-hidden-input.tsx' export { RatingGroupItem as Item, type RatingGroupItemBaseProps as ItemBaseProps, type RatingGroupItemProps as ItemProps, -} from './rating-group-item' +} from './rating-group-item.tsx' export { RatingGroupItemContext as ItemContext, type RatingGroupItemContextProps as ItemContextProps, -} from './rating-group-item-context' +} from './rating-group-item-context.tsx' export { RatingGroupLabel as Label, type RatingGroupLabelBaseProps as LabelBaseProps, type RatingGroupLabelProps as LabelProps, -} from './rating-group-label' +} from './rating-group-label.tsx' export { RatingGroupRoot as Root, type RatingGroupRootBaseProps as RootBaseProps, type RatingGroupRootProps as RootProps, -} from './rating-group-root' +} from './rating-group-root.tsx' export { RatingGroupRootProvider as RootProvider, type RatingGroupRootProviderBaseProps as RootProviderBaseProps, type RatingGroupRootProviderProps as RootProviderProps, -} from './rating-group-root-provider' +} from './rating-group-root-provider.tsx' diff --git a/packages/solid/src/components/rating-group/tests/basic.tsx b/packages/solid/src/components/rating-group/tests/basic.tsx index dded31eddb..f0092188f1 100644 --- a/packages/solid/src/components/rating-group/tests/basic.tsx +++ b/packages/solid/src/components/rating-group/tests/basic.tsx @@ -1,6 +1,6 @@ import { Field } from '@ark-ui/solid/field' import { Index } from 'solid-js' -import { RatingGroup } from '../' +import { RatingGroup } from '../index.tsx' export const ComponentUnderTest = (props: RatingGroup.RootProps) => ( diff --git a/packages/solid/src/components/rating-group/tests/rating-group.test.tsx b/packages/solid/src/components/rating-group/tests/rating-group.test.tsx index fbfce6597c..462b545555 100644 --- a/packages/solid/src/components/rating-group/tests/rating-group.test.tsx +++ b/packages/solid/src/components/rating-group/tests/rating-group.test.tsx @@ -1,6 +1,6 @@ import { fireEvent, render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest, RatingGroupWithField } from './basic' +import { ComponentUnderTest, RatingGroupWithField } from './basic.tsx' describe('Rating Group', () => { it('should apply default value', async () => { diff --git a/packages/solid/src/components/rating-group/use-rating-group-context.ts b/packages/solid/src/components/rating-group/use-rating-group-context.ts index 1b6d7b8e47..185b846458 100644 --- a/packages/solid/src/components/rating-group/use-rating-group-context.ts +++ b/packages/solid/src/components/rating-group/use-rating-group-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseRatingGroupReturn } from './use-rating-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseRatingGroupReturn } from './use-rating-group.ts' export interface UseRatingGroupContext extends UseRatingGroupReturn {} diff --git a/packages/solid/src/components/rating-group/use-rating-group-item-context.ts b/packages/solid/src/components/rating-group/use-rating-group-item-context.ts index 2cb6224888..72c51c466e 100644 --- a/packages/solid/src/components/rating-group/use-rating-group-item-context.ts +++ b/packages/solid/src/components/rating-group/use-rating-group-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/rating-group' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseRatingGroupItemContext extends Accessor {} diff --git a/packages/solid/src/components/rating-group/use-rating-group.ts b/packages/solid/src/components/rating-group/use-rating-group.ts index 8a0defe823..1e962d10ab 100644 --- a/packages/solid/src/components/rating-group/use-rating-group.ts +++ b/packages/solid/src/components/rating-group/use-rating-group.ts @@ -1,10 +1,10 @@ import * as ratingGroup from '@zag-js/rating-group' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseRatingGroupProps extends Optional, 'id'> {} export interface UseRatingGroupReturn extends Accessor> {} diff --git a/packages/solid/src/components/scroll-area/index.tsx b/packages/solid/src/components/scroll-area/index.tsx index f54d2c970a..8f53e3bbfa 100644 --- a/packages/solid/src/components/scroll-area/index.tsx +++ b/packages/solid/src/components/scroll-area/index.tsx @@ -5,28 +5,32 @@ export type { ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, } from '@zag-js/scroll-area' -export { ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context' -export { ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps } from './scroll-area-content' -export { ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps } from './scroll-area-corner' -export { ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps } from './scroll-area-root' +export { ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context.tsx' +export { + ScrollAreaContent, + type ScrollAreaContentBaseProps, + type ScrollAreaContentProps, +} from './scroll-area-content.tsx' +export { ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps } from './scroll-area-corner.tsx' +export { ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps } from './scroll-area-root.tsx' export { ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, -} from './scroll-area-root-provider' +} from './scroll-area-root-provider.tsx' export { ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, -} from './scroll-area-scrollbar' -export { ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps } from './scroll-area-thumb' +} from './scroll-area-scrollbar.tsx' +export { ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps } from './scroll-area-thumb.tsx' export { ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, -} from './scroll-area-viewport' -export { scrollAreaAnatomy } from './scroll-area.anatomy' -export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area' -export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context' +} from './scroll-area-viewport.tsx' +export { scrollAreaAnatomy } from './scroll-area.anatomy.ts' +export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area.ts' +export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context.ts' -export * as ScrollArea from './scroll-area' +export * as ScrollArea from './scroll-area.ts' diff --git a/packages/solid/src/components/scroll-area/scroll-area-content.tsx b/packages/solid/src/components/scroll-area/scroll-area-content.tsx index 8e557e13e4..7795cddde0 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-content.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-content.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaContentBaseProps extends PolymorphicProps<'div'> {} export interface ScrollAreaContentProps extends Assign, ScrollAreaContentBaseProps> {} diff --git a/packages/solid/src/components/scroll-area/scroll-area-context.tsx b/packages/solid/src/components/scroll-area/scroll-area-context.tsx index 1b35024da6..95cb7357d6 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-context.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseScrollAreaContext, useScrollAreaContext } from './use-scroll-area-context' +import { type UseScrollAreaContext, useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaContextProps { children: (context: UseScrollAreaContext) => JSX.Element diff --git a/packages/solid/src/components/scroll-area/scroll-area-corner.tsx b/packages/solid/src/components/scroll-area/scroll-area-corner.tsx index eced33ef60..0f79cd7f16 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-corner.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-corner.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaCornerBaseProps extends PolymorphicProps<'div'> {} export interface ScrollAreaCornerProps extends Assign, ScrollAreaCornerBaseProps> {} diff --git a/packages/solid/src/components/scroll-area/scroll-area-root-provider.tsx b/packages/solid/src/components/scroll-area/scroll-area-root-provider.tsx index 4af8661e3e..75091b492c 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-root-provider.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-root-provider.tsx @@ -1,6 +1,6 @@ -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseScrollAreaContext, ScrollAreaProvider } from './use-scroll-area-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseScrollAreaContext, ScrollAreaProvider } from './use-scroll-area-context.ts' export interface ScrollAreaRootProviderBaseProps extends PolymorphicProps<'div'> { value: UseScrollAreaContext diff --git a/packages/solid/src/components/scroll-area/scroll-area-root.tsx b/packages/solid/src/components/scroll-area/scroll-area-root.tsx index 542b26c1f1..f3456d975b 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-root.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseScrollAreaProps, useScrollArea } from './use-scroll-area' -import { ScrollAreaProvider } from './use-scroll-area-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseScrollAreaProps, useScrollArea } from './use-scroll-area.ts' +import { ScrollAreaProvider } from './use-scroll-area-context.ts' export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<'div'> {} export interface ScrollAreaRootProps extends Assign, ScrollAreaRootBaseProps> {} diff --git a/packages/solid/src/components/scroll-area/scroll-area-scrollbar.tsx b/packages/solid/src/components/scroll-area/scroll-area-scrollbar.tsx index f7c9d0956f..6b7614e289 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-scrollbar.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-scrollbar.tsx @@ -1,10 +1,10 @@ import type { ScrollbarProps } from '@zag-js/scroll-area' import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' -import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useScrollAreaContext } from './use-scroll-area-context.ts' +import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context.ts' export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<'div'> {} export interface ScrollAreaScrollbarProps extends Assign, ScrollAreaScrollbarBaseProps> {} diff --git a/packages/solid/src/components/scroll-area/scroll-area-thumb.tsx b/packages/solid/src/components/scroll-area/scroll-area-thumb.tsx index f3793068fa..c2225a6462 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-thumb.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-thumb.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' -import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useScrollAreaContext } from './use-scroll-area-context.ts' +import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context.ts' export interface ScrollAreaThumbBaseProps extends PolymorphicProps<'div'> {} export interface ScrollAreaThumbProps extends Assign, ScrollAreaThumbBaseProps> {} diff --git a/packages/solid/src/components/scroll-area/scroll-area-viewport.tsx b/packages/solid/src/components/scroll-area/scroll-area-viewport.tsx index 03f3b120bf..4e05db632f 100644 --- a/packages/solid/src/components/scroll-area/scroll-area-viewport.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area-viewport.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useScrollAreaContext } from './use-scroll-area-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useScrollAreaContext } from './use-scroll-area-context.ts' export interface ScrollAreaViewportBaseProps extends PolymorphicProps<'div'> {} export interface ScrollAreaViewportProps extends Assign, ScrollAreaViewportBaseProps> {} diff --git a/packages/solid/src/components/scroll-area/scroll-area.stories.tsx b/packages/solid/src/components/scroll-area/scroll-area.stories.tsx index e49b7103d2..8218547ef5 100644 --- a/packages/solid/src/components/scroll-area/scroll-area.stories.tsx +++ b/packages/solid/src/components/scroll-area/scroll-area.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { BothDirections } from './examples/both-directions' -export { Horizontal } from './examples/horizontal' -export { Nested } from './examples/nested' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { BothDirections } from './examples/both-directions.tsx' +export { Horizontal } from './examples/horizontal.tsx' +export { Nested } from './examples/nested.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/scroll-area/scroll-area.ts b/packages/solid/src/components/scroll-area/scroll-area.ts index ecfc12d708..d206ae0c13 100644 --- a/packages/solid/src/components/scroll-area/scroll-area.ts +++ b/packages/solid/src/components/scroll-area/scroll-area.ts @@ -1,37 +1,37 @@ export type { ElementIds, ScrollToDetails, ScrollToEdgeDetails } from '@zag-js/scroll-area' -export { ScrollAreaContext as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context' +export { ScrollAreaContext as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context.tsx' export { ScrollAreaContent as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, -} from './scroll-area-content' +} from './scroll-area-content.tsx' export { ScrollAreaCorner as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, -} from './scroll-area-corner' +} from './scroll-area-corner.tsx' export { ScrollAreaRoot as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, -} from './scroll-area-root' +} from './scroll-area-root.tsx' export { ScrollAreaRootProvider as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, -} from './scroll-area-root-provider' +} from './scroll-area-root-provider.tsx' export { ScrollAreaScrollbar as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, -} from './scroll-area-scrollbar' +} from './scroll-area-scrollbar.tsx' export { ScrollAreaThumb as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, -} from './scroll-area-thumb' +} from './scroll-area-thumb.tsx' export { ScrollAreaViewport as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, -} from './scroll-area-viewport' +} from './scroll-area-viewport.tsx' diff --git a/packages/solid/src/components/scroll-area/use-scroll-area-context.ts b/packages/solid/src/components/scroll-area/use-scroll-area-context.ts index 3cddb18db8..e27da77a5f 100644 --- a/packages/solid/src/components/scroll-area/use-scroll-area-context.ts +++ b/packages/solid/src/components/scroll-area/use-scroll-area-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseScrollAreaReturn } from './use-scroll-area' +import { createContext } from '../../utils/create-context.ts' +import type { UseScrollAreaReturn } from './use-scroll-area.ts' export interface UseScrollAreaContext extends UseScrollAreaReturn {} diff --git a/packages/solid/src/components/scroll-area/use-scroll-area-scrollbar-context.ts b/packages/solid/src/components/scroll-area/use-scroll-area-scrollbar-context.ts index 9d4fca1c20..b60ddd64c7 100644 --- a/packages/solid/src/components/scroll-area/use-scroll-area-scrollbar-context.ts +++ b/packages/solid/src/components/scroll-area/use-scroll-area-scrollbar-context.ts @@ -1,5 +1,5 @@ import type { ScrollbarProps } from '@zag-js/scroll-area' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext({ hookName: 'useScrollAreaScrollbarContext', diff --git a/packages/solid/src/components/scroll-area/use-scroll-area.ts b/packages/solid/src/components/scroll-area/use-scroll-area.ts index 2e16c6e4b3..9519f26b99 100644 --- a/packages/solid/src/components/scroll-area/use-scroll-area.ts +++ b/packages/solid/src/components/scroll-area/use-scroll-area.ts @@ -1,8 +1,8 @@ import * as scrollArea from '@zag-js/scroll-area' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Optional } from '../../types' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { Optional } from '../../types.ts' export interface UseScrollAreaProps extends Optional, 'id'> {} diff --git a/packages/solid/src/components/segment-group/index.tsx b/packages/solid/src/components/segment-group/index.tsx index 0e01651cf4..6b52f2450c 100644 --- a/packages/solid/src/components/segment-group/index.tsx +++ b/packages/solid/src/components/segment-group/index.tsx @@ -1,37 +1,41 @@ export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group' -export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context' +export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context.tsx' export { SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, -} from './segment-group-indicator' -export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps } from './segment-group-item' -export { SegmentGroupItemContext, type SegmentGroupItemContextProps } from './segment-group-item-context' +} from './segment-group-indicator.tsx' +export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps } from './segment-group-item.tsx' +export { SegmentGroupItemContext, type SegmentGroupItemContextProps } from './segment-group-item-context.tsx' export { SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, -} from './segment-group-item-control' +} from './segment-group-item-control.tsx' export { SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, -} from './segment-group-item-hidden-input' +} from './segment-group-item-hidden-input.tsx' export { SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, -} from './segment-group-item-text' -export { SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps } from './segment-group-label' -export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps } from './segment-group-root' +} from './segment-group-item-text.tsx' +export { + SegmentGroupLabel, + type SegmentGroupLabelBaseProps, + type SegmentGroupLabelProps, +} from './segment-group-label.tsx' +export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps } from './segment-group-root.tsx' export { SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, -} from './segment-group-root-provider' -export { segmentGroupAnatomy } from './segment-group.anatomy' -export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group' -export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context' -export { useSegmentGroupItemContext, type UseSegmentGroupItemContext } from './use-segment-group-item-context' +} from './segment-group-root-provider.tsx' +export { segmentGroupAnatomy } from './segment-group.anatomy.ts' +export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group.ts' +export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context.ts' +export { useSegmentGroupItemContext, type UseSegmentGroupItemContext } from './use-segment-group-item-context.ts' -export * as SegmentGroup from './segment-group' +export * as SegmentGroup from './segment-group.ts' diff --git a/packages/solid/src/components/segment-group/segment-group-context.tsx b/packages/solid/src/components/segment-group/segment-group-context.tsx index 0b9f97bdd8..066442feb4 100644 --- a/packages/solid/src/components/segment-group/segment-group-context.tsx +++ b/packages/solid/src/components/segment-group/segment-group-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSegmentGroupContext, useSegmentGroupContext } from './use-segment-group-context' +import { type UseSegmentGroupContext, useSegmentGroupContext } from './use-segment-group-context.ts' export interface SegmentGroupContextProps { children: (context: UseSegmentGroupContext) => JSX.Element diff --git a/packages/solid/src/components/segment-group/segment-group-indicator.tsx b/packages/solid/src/components/segment-group/segment-group-indicator.tsx index 84c81b65bc..180756ba7a 100644 --- a/packages/solid/src/components/segment-group/segment-group-indicator.tsx +++ b/packages/solid/src/components/segment-group/segment-group-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' export interface SegmentGroupIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface SegmentGroupIndicatorProps extends HTMLProps<'div'>, SegmentGroupIndicatorBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group-item-context.tsx b/packages/solid/src/components/segment-group/segment-group-item-context.tsx index 8fd46c2b1c..c4accd06f2 100644 --- a/packages/solid/src/components/segment-group/segment-group-item-context.tsx +++ b/packages/solid/src/components/segment-group/segment-group-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSegmentGroupItemContext, useSegmentGroupItemContext } from './use-segment-group-item-context' +import { type UseSegmentGroupItemContext, useSegmentGroupItemContext } from './use-segment-group-item-context.ts' export interface SegmentGroupItemContextProps { children: (context: UseSegmentGroupItemContext) => JSX.Element diff --git a/packages/solid/src/components/segment-group/segment-group-item-control.tsx b/packages/solid/src/components/segment-group/segment-group-item-control.tsx index 4447df541a..08dea75053 100644 --- a/packages/solid/src/components/segment-group/segment-group-item-control.tsx +++ b/packages/solid/src/components/segment-group/segment-group-item-control.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' -import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemControlBaseProps extends PolymorphicProps<'div'> {} export interface SegmentGroupItemControlProps extends HTMLProps<'div'>, SegmentGroupItemControlBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group-item-hidden-input.tsx b/packages/solid/src/components/segment-group/segment-group-item-hidden-input.tsx index 8b42814bdc..ba3dd2f889 100644 --- a/packages/solid/src/components/segment-group/segment-group-item-hidden-input.tsx +++ b/packages/solid/src/components/segment-group/segment-group-item-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSegmentGroupContext } from './use-segment-group-context' -import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface SegmentGroupItemHiddenInputProps extends HTMLProps<'input'>, SegmentGroupItemHiddenInputBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group-item-text.tsx b/packages/solid/src/components/segment-group/segment-group-item-text.tsx index 14c324a59c..d8441a2564 100644 --- a/packages/solid/src/components/segment-group/segment-group-item-text.tsx +++ b/packages/solid/src/components/segment-group/segment-group-item-text.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' -import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemTextBaseProps extends PolymorphicProps<'span'> {} export interface SegmentGroupItemTextProps extends HTMLProps<'span'>, SegmentGroupItemTextBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group-item.tsx b/packages/solid/src/components/segment-group/segment-group-item.tsx index 2ea1c36936..07fc05f354 100644 --- a/packages/solid/src/components/segment-group/segment-group-item.tsx +++ b/packages/solid/src/components/segment-group/segment-group-item.tsx @@ -1,12 +1,12 @@ import type { ItemProps } from '@zag-js/radio-group' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' -import { SegmentGroupItemProvider } from './use-segment-group-item-context' -import { SegmentGroupItemPropsProvider } from './use-segment-group-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' +import { SegmentGroupItemProvider } from './use-segment-group-item-context.ts' +import { SegmentGroupItemPropsProvider } from './use-segment-group-item-props-context.ts' export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {} export interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group-label.tsx b/packages/solid/src/components/segment-group/segment-group-label.tsx index f618e017e7..2154cd3c8c 100644 --- a/packages/solid/src/components/segment-group/segment-group-label.tsx +++ b/packages/solid/src/components/segment-group/segment-group-label.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { useSegmentGroupContext } from './use-segment-group-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import { useSegmentGroupContext } from './use-segment-group-context.ts' export interface SegmentGroupLabelBaseProps extends PolymorphicProps<'span'> {} export interface SegmentGroupLabelProps extends HTMLProps<'span'>, SegmentGroupLabelBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group-root-provider.tsx b/packages/solid/src/components/segment-group/segment-group-root-provider.tsx index 759600e715..39607741f7 100644 --- a/packages/solid/src/components/segment-group/segment-group-root-provider.tsx +++ b/packages/solid/src/components/segment-group/segment-group-root-provider.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import type { UseSegmentGroupReturn } from './use-segment-group' -import { SegmentGroupProvider } from './use-segment-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import type { UseSegmentGroupReturn } from './use-segment-group.ts' +import { SegmentGroupProvider } from './use-segment-group-context.ts' interface RootProviderProps { value: UseSegmentGroupReturn diff --git a/packages/solid/src/components/segment-group/segment-group-root.tsx b/packages/solid/src/components/segment-group/segment-group-root.tsx index df5ed82396..c1cbbab45e 100644 --- a/packages/solid/src/components/segment-group/segment-group-root.tsx +++ b/packages/solid/src/components/segment-group/segment-group-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { parts } from './segment-group.anatomy' -import { type UseSegmentGroupProps, useSegmentGroup } from './use-segment-group' -import { SegmentGroupProvider } from './use-segment-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { parts } from './segment-group.anatomy.ts' +import { type UseSegmentGroupProps, useSegmentGroup } from './use-segment-group.ts' +import { SegmentGroupProvider } from './use-segment-group-context.ts' export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<'div'> {} export interface SegmentGroupRootProps extends HTMLProps<'div'>, SegmentGroupRootBaseProps {} diff --git a/packages/solid/src/components/segment-group/segment-group.stories.tsx b/packages/solid/src/components/segment-group/segment-group.stories.tsx index aef73548b8..0f6ce58f53 100644 --- a/packages/solid/src/components/segment-group/segment-group.stories.tsx +++ b/packages/solid/src/components/segment-group/segment-group.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { RootProvider } from './examples/root-provider' -export { Conditional } from './examples/conditional' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Conditional } from './examples/conditional.tsx' diff --git a/packages/solid/src/components/segment-group/segment-group.ts b/packages/solid/src/components/segment-group/segment-group.ts index 6a8c87f9e8..3ccd7afb1e 100644 --- a/packages/solid/src/components/segment-group/segment-group.ts +++ b/packages/solid/src/components/segment-group/segment-group.ts @@ -1,46 +1,49 @@ export type { ValueChangeDetails } from '@zag-js/radio-group' -export { SegmentGroupContext as Context, type SegmentGroupContextProps as ContextProps } from './segment-group-context' +export { + SegmentGroupContext as Context, + type SegmentGroupContextProps as ContextProps, +} from './segment-group-context.tsx' export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, type SegmentGroupIndicatorProps as IndicatorProps, -} from './segment-group-indicator' +} from './segment-group-indicator.tsx' export { SegmentGroupItem as Item, type SegmentGroupItemBaseProps as ItemBaseProps, type SegmentGroupItemProps as ItemProps, -} from './segment-group-item' +} from './segment-group-item.tsx' export { SegmentGroupItemContext as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, -} from './segment-group-item-context' +} from './segment-group-item-context.tsx' export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, type SegmentGroupItemControlProps as ItemControlProps, -} from './segment-group-item-control' +} from './segment-group-item-control.tsx' export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, -} from './segment-group-item-hidden-input' +} from './segment-group-item-hidden-input.tsx' export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, type SegmentGroupItemTextProps as ItemTextProps, -} from './segment-group-item-text' +} from './segment-group-item-text.tsx' export { SegmentGroupLabel as Label, type SegmentGroupLabelBaseProps as LabelBaseProps, type SegmentGroupLabelProps as LabelProps, -} from './segment-group-label' +} from './segment-group-label.tsx' export { SegmentGroupRoot as Root, type SegmentGroupRootBaseProps as RootBaseProps, type SegmentGroupRootProps as RootProps, -} from './segment-group-root' +} from './segment-group-root.tsx' export { SegmentGroupRootProvider as RootProvider, type SegmentGroupRootProviderBaseProps as RootProviderBaseProps, type SegmentGroupRootProviderProps as RootProviderProps, -} from './segment-group-root-provider' +} from './segment-group-root-provider.tsx' diff --git a/packages/solid/src/components/segment-group/tests/basic.tsx b/packages/solid/src/components/segment-group/tests/basic.tsx index f1572b41df..84cf11da57 100644 --- a/packages/solid/src/components/segment-group/tests/basic.tsx +++ b/packages/solid/src/components/segment-group/tests/basic.tsx @@ -1,5 +1,5 @@ import { For } from 'solid-js' -import { SegmentGroup } from '../' +import { SegmentGroup } from '../index.tsx' export const ComponentUnderTest = (props: SegmentGroup.RootProps) => { const items = [ diff --git a/packages/solid/src/components/segment-group/tests/segment-group.test.tsx b/packages/solid/src/components/segment-group/tests/segment-group.test.tsx index ff4d9b9885..9397c89b59 100644 --- a/packages/solid/src/components/segment-group/tests/segment-group.test.tsx +++ b/packages/solid/src/components/segment-group/tests/segment-group.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Segment Group', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/segment-group/use-segment-group-context.ts b/packages/solid/src/components/segment-group/use-segment-group-context.ts index a3efd0c59f..8031276e03 100644 --- a/packages/solid/src/components/segment-group/use-segment-group-context.ts +++ b/packages/solid/src/components/segment-group/use-segment-group-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseSegmentGroupReturn } from './use-segment-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseSegmentGroupReturn } from './use-segment-group.ts' export interface UseSegmentGroupContext extends UseSegmentGroupReturn {} diff --git a/packages/solid/src/components/segment-group/use-segment-group-item-context.ts b/packages/solid/src/components/segment-group/use-segment-group-item-context.ts index 87fe5fa217..e246384230 100644 --- a/packages/solid/src/components/segment-group/use-segment-group-item-context.ts +++ b/packages/solid/src/components/segment-group/use-segment-group-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/radio-group' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseSegmentGroupItemContext extends Accessor {} diff --git a/packages/solid/src/components/segment-group/use-segment-group-item-props-context.ts b/packages/solid/src/components/segment-group/use-segment-group-item-props-context.ts index 59097c85f3..67868ba0d3 100644 --- a/packages/solid/src/components/segment-group/use-segment-group-item-props-context.ts +++ b/packages/solid/src/components/segment-group/use-segment-group-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/radio-group' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext({ hookName: 'useSegmentGroupItemPropsContext', diff --git a/packages/solid/src/components/segment-group/use-segment-group.ts b/packages/solid/src/components/segment-group/use-segment-group.ts index 9258ea7b42..8174b10a51 100644 --- a/packages/solid/src/components/segment-group/use-segment-group.ts +++ b/packages/solid/src/components/segment-group/use-segment-group.ts @@ -1,9 +1,9 @@ import * as segmentGroup from '@zag-js/radio-group' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseSegmentGroupProps extends Optional, 'id'> {} export interface UseSegmentGroupReturn extends Accessor> {} diff --git a/packages/solid/src/components/select/index.tsx b/packages/solid/src/components/select/index.tsx index 1f7050e30a..617c4fc94a 100644 --- a/packages/solid/src/components/select/index.tsx +++ b/packages/solid/src/components/select/index.tsx @@ -12,56 +12,56 @@ export { type ListCollection, useListCollection, type UseListCollectionProps, -} from '../collection' +} from '../collection/index.tsx' export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, -} from './select-clear-trigger' -export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content' -export { SelectContext, type SelectContextProps } from './select-context' -export { SelectControl, type SelectControlBaseProps, type SelectControlProps } from './select-control' +} from './select-clear-trigger.tsx' +export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.tsx' +export { SelectContext, type SelectContextProps } from './select-context.tsx' +export { SelectControl, type SelectControlBaseProps, type SelectControlProps } from './select-control.tsx' export { SelectHiddenSelect, type SelectHiddenSelectBaseProps, type SelectHiddenSelectProps, -} from './select-hidden-select' -export { SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps } from './select-indicator' -export { SelectItem, type SelectItemBaseProps, type SelectItemProps } from './select-item' -export { SelectItemContext, type SelectItemContextProps } from './select-item-context' -export { SelectItemGroup, type SelectItemGroupBaseProps, type SelectItemGroupProps } from './select-item-group' +} from './select-hidden-select.tsx' +export { SelectIndicator, type SelectIndicatorBaseProps, type SelectIndicatorProps } from './select-indicator.tsx' +export { SelectItem, type SelectItemBaseProps, type SelectItemProps } from './select-item.tsx' +export { SelectItemContext, type SelectItemContextProps } from './select-item-context.tsx' +export { SelectItemGroup, type SelectItemGroupBaseProps, type SelectItemGroupProps } from './select-item-group.tsx' export { SelectItemGroupLabel, type SelectItemGroupLabelBaseProps, type SelectItemGroupLabelProps, -} from './select-item-group-label' +} from './select-item-group-label.tsx' export { SelectItemIndicator, type SelectItemIndicatorBaseProps, type SelectItemIndicatorProps, -} from './select-item-indicator' -export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps } from './select-item-text' -export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label' -export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list' -export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner' +} from './select-item-indicator.tsx' +export { SelectItemText, type SelectItemTextBaseProps, type SelectItemTextProps } from './select-item-text.tsx' +export { SelectLabel, type SelectLabelBaseProps, type SelectLabelProps } from './select-label.tsx' +export { SelectList, type SelectListBaseProps, type SelectListProps } from './select-list.tsx' +export { SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps } from './select-positioner.tsx' export { SelectRoot, type SelectRootBaseProps, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, -} from './select-root' +} from './select-root.tsx' export { SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, -} from './select-root-provider' -export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger' -export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text' -export { selectAnatomy } from './select.anatomy' -export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select' -export { useSelectContext, type UseSelectContext } from './use-select-context' -export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context' +} from './select-root-provider.tsx' +export { SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger.tsx' +export { SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps } from './select-value-text.tsx' +export { selectAnatomy } from './select.anatomy.ts' +export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select.ts' +export { useSelectContext, type UseSelectContext } from './use-select-context.ts' +export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context.ts' -export * as Select from './select' +export * as Select from './select.ts' diff --git a/packages/solid/src/components/select/select-clear-trigger.tsx b/packages/solid/src/components/select/select-clear-trigger.tsx index 971a063e79..f7dbfed18d 100644 --- a/packages/solid/src/components/select/select-clear-trigger.tsx +++ b/packages/solid/src/components/select/select-clear-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectClearTriggerBaseProps extends PolymorphicProps<'button'> {} export interface SelectClearTriggerProps extends HTMLProps<'button'>, SelectClearTriggerBaseProps {} diff --git a/packages/solid/src/components/select/select-content.tsx b/packages/solid/src/components/select/select-content.tsx index 4ff41ab22d..5b60d5e750 100644 --- a/packages/solid/src/components/select/select-content.tsx +++ b/packages/solid/src/components/select/select-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useSelectContext } from './use-select-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectContentBaseProps extends PolymorphicProps<'div'> {} export interface SelectContentProps extends HTMLProps<'div'>, SelectContentBaseProps {} diff --git a/packages/solid/src/components/select/select-context.tsx b/packages/solid/src/components/select/select-context.tsx index cff5034ac8..24e15c6342 100644 --- a/packages/solid/src/components/select/select-context.tsx +++ b/packages/solid/src/components/select/select-context.tsx @@ -1,6 +1,6 @@ import type { JSX } from 'solid-js' -import { type UseSelectContext, useSelectContext } from './use-select-context' -import type { CollectionItem } from '../collection' +import { type UseSelectContext, useSelectContext } from './use-select-context.ts' +import type { CollectionItem } from '../collection/index.tsx' export interface SelectContextProps { children: (context: UseSelectContext) => JSX.Element diff --git a/packages/solid/src/components/select/select-control.tsx b/packages/solid/src/components/select/select-control.tsx index af96e99ddc..1aff3484e6 100644 --- a/packages/solid/src/components/select/select-control.tsx +++ b/packages/solid/src/components/select/select-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectControlBaseProps extends PolymorphicProps<'div'> {} export interface SelectControlProps extends HTMLProps<'div'>, SelectControlBaseProps {} diff --git a/packages/solid/src/components/select/select-hidden-select.tsx b/packages/solid/src/components/select/select-hidden-select.tsx index 46d3e25945..dc632b7182 100644 --- a/packages/solid/src/components/select/select-hidden-select.tsx +++ b/packages/solid/src/components/select/select-hidden-select.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Index, Show, createMemo } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectHiddenSelectBaseProps extends PolymorphicProps<'select'> {} export interface SelectHiddenSelectProps extends HTMLProps<'select'>, SelectHiddenSelectBaseProps {} diff --git a/packages/solid/src/components/select/select-indicator.tsx b/packages/solid/src/components/select/select-indicator.tsx index f49b8b2012..b16794c90c 100644 --- a/packages/solid/src/components/select/select-indicator.tsx +++ b/packages/solid/src/components/select/select-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface SelectIndicatorProps extends HTMLProps<'div'>, SelectIndicatorBaseProps {} diff --git a/packages/solid/src/components/select/select-item-context.tsx b/packages/solid/src/components/select/select-item-context.tsx index d1a38f3923..6013aa731f 100644 --- a/packages/solid/src/components/select/select-item-context.tsx +++ b/packages/solid/src/components/select/select-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSelectItemContext, useSelectItemContext } from './use-select-item-context' +import { type UseSelectItemContext, useSelectItemContext } from './use-select-item-context.ts' export interface SelectItemContextProps { children: (context: UseSelectItemContext) => JSX.Element diff --git a/packages/solid/src/components/select/select-item-group-label.tsx b/packages/solid/src/components/select/select-item-group-label.tsx index 02cc54853b..68bd08a518 100644 --- a/packages/solid/src/components/select/select-item-group-label.tsx +++ b/packages/solid/src/components/select/select-item-group-label.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { useSelectItemGroupPropsContext } from './use-select-item-group-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' +import { useSelectItemGroupPropsContext } from './use-select-item-group-props-context.ts' export interface SelectItemGroupLabelBaseProps extends PolymorphicProps<'div'> {} export interface SelectItemGroupLabelProps extends HTMLProps<'div'>, SelectItemGroupLabelBaseProps {} diff --git a/packages/solid/src/components/select/select-item-group.tsx b/packages/solid/src/components/select/select-item-group.tsx index 1e1d4f2c67..b66f596b0b 100644 --- a/packages/solid/src/components/select/select-item-group.tsx +++ b/packages/solid/src/components/select/select-item-group.tsx @@ -1,10 +1,10 @@ import type { ItemGroupProps } from '@zag-js/select' import { mergeProps } from '@zag-js/solid' import { createUniqueId } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { SelectItemGroupPropsProvider } from './use-select-item-group-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' +import { SelectItemGroupPropsProvider } from './use-select-item-group-props-context.ts' export interface SelectItemGroupBaseProps extends PolymorphicProps<'div'> {} export interface SelectItemGroupProps extends HTMLProps<'div'>, SelectItemGroupBaseProps {} diff --git a/packages/solid/src/components/select/select-item-indicator.tsx b/packages/solid/src/components/select/select-item-indicator.tsx index 88231fbda7..d77a138daa 100644 --- a/packages/solid/src/components/select/select-item-indicator.tsx +++ b/packages/solid/src/components/select/select-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { useSelectItemPropsContext } from './use-select-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' +import { useSelectItemPropsContext } from './use-select-item-props-context.ts' export interface SelectItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface SelectItemIndicatorProps extends HTMLProps<'div'>, SelectItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/select/select-item-text.tsx b/packages/solid/src/components/select/select-item-text.tsx index 776cfe7233..9194666e51 100644 --- a/packages/solid/src/components/select/select-item-text.tsx +++ b/packages/solid/src/components/select/select-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { useSelectItemPropsContext } from './use-select-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' +import { useSelectItemPropsContext } from './use-select-item-props-context.ts' export interface SelectItemTextBaseProps extends PolymorphicProps<'span'> {} export interface SelectItemTextProps extends HTMLProps<'span'>, SelectItemTextBaseProps {} diff --git a/packages/solid/src/components/select/select-item.tsx b/packages/solid/src/components/select/select-item.tsx index 7b5fd5e6a9..3b52deaf28 100644 --- a/packages/solid/src/components/select/select-item.tsx +++ b/packages/solid/src/components/select/select-item.tsx @@ -1,11 +1,11 @@ import type { ItemProps } from '@zag-js/select' import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' -import { SelectItemProvider } from './use-select-item-context' -import { SelectItemPropsProvider } from './use-select-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' +import { SelectItemProvider } from './use-select-item-context.ts' +import { SelectItemPropsProvider } from './use-select-item-props-context.ts' export interface SelectItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface SelectItemProps extends HTMLProps<'div'>, SelectItemBaseProps {} diff --git a/packages/solid/src/components/select/select-label.tsx b/packages/solid/src/components/select/select-label.tsx index f95669f9ac..69d96f9f02 100644 --- a/packages/solid/src/components/select/select-label.tsx +++ b/packages/solid/src/components/select/select-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectLabelBaseProps extends PolymorphicProps<'label'> {} export interface SelectLabelProps extends HTMLProps<'label'>, SelectLabelBaseProps {} diff --git a/packages/solid/src/components/select/select-list.tsx b/packages/solid/src/components/select/select-list.tsx index 511d94d3a7..527e00ec8d 100644 --- a/packages/solid/src/components/select/select-list.tsx +++ b/packages/solid/src/components/select/select-list.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectListBaseProps extends PolymorphicProps<'div'> {} export interface SelectListProps extends HTMLProps<'div'>, SelectListBaseProps {} diff --git a/packages/solid/src/components/select/select-positioner.tsx b/packages/solid/src/components/select/select-positioner.tsx index 9e2c34ccae..eb223dc68a 100644 --- a/packages/solid/src/components/select/select-positioner.tsx +++ b/packages/solid/src/components/select/select-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectPositionerBaseProps extends PolymorphicProps<'div'> {} export interface SelectPositionerProps extends HTMLProps<'div'>, SelectPositionerBaseProps {} diff --git a/packages/solid/src/components/select/select-root-provider.tsx b/packages/solid/src/components/select/select-root-provider.tsx index 380a59a29e..315c5108e1 100644 --- a/packages/solid/src/components/select/select-root-provider.tsx +++ b/packages/solid/src/components/select/select-root-provider.tsx @@ -1,12 +1,12 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js/jsx-runtime' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseSelectReturn } from './use-select' -import { SelectProvider } from './use-select-context' -import type { CollectionItem } from '../collection' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseSelectReturn } from './use-select.ts' +import { SelectProvider } from './use-select-context.ts' +import type { CollectionItem } from '../collection/index.tsx' interface RootProviderProps { value: UseSelectReturn diff --git a/packages/solid/src/components/select/select-root.tsx b/packages/solid/src/components/select/select-root.tsx index b3596d610d..177a59b9bb 100644 --- a/packages/solid/src/components/select/select-root.tsx +++ b/packages/solid/src/components/select/select-root.tsx @@ -1,12 +1,12 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseSelectProps, useSelect } from './use-select' -import { SelectProvider } from './use-select-context' -import type { CollectionItem } from '../collection' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseSelectProps, useSelect } from './use-select.ts' +import { SelectProvider } from './use-select-context.ts' +import type { CollectionItem } from '../collection/index.tsx' export interface SelectRootBaseProps extends UseSelectProps, UsePresenceProps, PolymorphicProps<'div'> {} diff --git a/packages/solid/src/components/select/select-trigger.tsx b/packages/solid/src/components/select/select-trigger.tsx index 25279698f3..9b52e2ba2b 100644 --- a/packages/solid/src/components/select/select-trigger.tsx +++ b/packages/solid/src/components/select/select-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectTriggerBaseProps extends PolymorphicProps<'button'> {} export interface SelectTriggerProps extends HTMLProps<'button'>, SelectTriggerBaseProps {} diff --git a/packages/solid/src/components/select/select-value-text.tsx b/packages/solid/src/components/select/select-value-text.tsx index 6430027bfd..bcfb27f230 100644 --- a/packages/solid/src/components/select/select-value-text.tsx +++ b/packages/solid/src/components/select/select-value-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSelectContext } from './use-select-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSelectContext } from './use-select-context.ts' export interface SelectValueTextBaseProps extends PolymorphicProps<'span'> { /** diff --git a/packages/solid/src/components/select/select.stories.tsx b/packages/solid/src/components/select/select.stories.tsx index 38e659bf11..d9d3683978 100644 --- a/packages/solid/src/components/select/select.stories.tsx +++ b/packages/solid/src/components/select/select.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { DynamicItems } from './examples/dynamic-items' -export { FormLibrary } from './examples/form-library' -export { Grouping } from './examples/grouping' -export { LazyMount } from './examples/lazy-mount' -export { Multiple } from './examples/multiple' -export { ReactiveCollection } from './examples/reactive-collection' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' -export { ShadowRoot } from './examples/shadow-root' -export { Async } from './examples/async' -export { SelectOnHighlight } from './examples/select-on-highlight' -export { MaxSelected } from './examples/max-selected' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { DynamicItems } from './examples/dynamic-items.tsx' +export { FormLibrary } from './examples/form-library.tsx' +export { Grouping } from './examples/grouping.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Multiple } from './examples/multiple.tsx' +export { ReactiveCollection } from './examples/reactive-collection.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' +export { ShadowRoot } from './examples/shadow-root.tsx' +export { Async } from './examples/async.tsx' +export { SelectOnHighlight } from './examples/select-on-highlight.tsx' +export { MaxSelected } from './examples/max-selected.tsx' diff --git a/packages/solid/src/components/select/select.ts b/packages/solid/src/components/select/select.ts index 25da9f04dc..6164d7a9c7 100644 --- a/packages/solid/src/components/select/select.ts +++ b/packages/solid/src/components/select/select.ts @@ -6,97 +6,97 @@ export type { PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select' -export type { CollectionItem, ListCollection } from '../collection' +export type { CollectionItem, ListCollection } from '../collection/index.tsx' export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, type SelectClearTriggerProps as ClearTriggerProps, -} from './select-clear-trigger' +} from './select-clear-trigger.tsx' export { SelectContent as Content, type SelectContentBaseProps as ContentBaseProps, type SelectContentProps as ContentProps, -} from './select-content' -export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context' +} from './select-content.tsx' +export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context.tsx' export { SelectControl as Control, type SelectControlBaseProps as ControlBaseProps, type SelectControlProps as ControlProps, -} from './select-control' +} from './select-control.tsx' export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectBaseProps as HiddenSelectBaseProps, type SelectHiddenSelectProps as HiddenSelectProps, -} from './select-hidden-select' +} from './select-hidden-select.tsx' export { SelectIndicator as Indicator, type SelectIndicatorBaseProps as IndicatorBaseProps, type SelectIndicatorProps as IndicatorProps, -} from './select-indicator' +} from './select-indicator.tsx' export { SelectItem as Item, type SelectItemBaseProps as ItemBaseProps, type SelectItemProps as ItemProps, -} from './select-item' +} from './select-item.tsx' export { SelectItemContext as ItemContext, type SelectItemContextProps as ItemContextProps, -} from './select-item-context' +} from './select-item-context.tsx' export { SelectItemGroup as ItemGroup, type SelectItemGroupBaseProps as ItemGroupBaseProps, type SelectItemGroupProps as ItemGroupProps, -} from './select-item-group' +} from './select-item-group.tsx' export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type SelectItemGroupLabelProps as ItemGroupLabelProps, -} from './select-item-group-label' +} from './select-item-group-label.tsx' export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, type SelectItemIndicatorProps as ItemIndicatorProps, -} from './select-item-indicator' +} from './select-item-indicator.tsx' export { SelectItemText as ItemText, type SelectItemTextBaseProps as ItemTextBaseProps, type SelectItemTextProps as ItemTextProps, -} from './select-item-text' +} from './select-item-text.tsx' export { SelectLabel as Label, type SelectLabelBaseProps as LabelBaseProps, type SelectLabelProps as LabelProps, -} from './select-label' +} from './select-label.tsx' export { SelectList as List, type SelectListBaseProps as ListBaseProps, type SelectListProps as ListProps, -} from './select-list' +} from './select-list.tsx' export { SelectPositioner as Positioner, type SelectPositionerBaseProps as PositionerBaseProps, type SelectPositionerProps as PositionerProps, -} from './select-positioner' +} from './select-positioner.tsx' export { SelectRoot as Root, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, type SelectRootComponentProps as RootComponentProps, -} from './select-root' +} from './select-root.tsx' export { SelectRootProvider as RootProvider, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderComponent as RootProviderComponent, -} from './select-root-provider' +} from './select-root-provider.tsx' export { SelectTrigger as Trigger, type SelectTriggerBaseProps as TriggerBaseProps, type SelectTriggerProps as TriggerProps, -} from './select-trigger' +} from './select-trigger.tsx' export { SelectValueText as ValueText, type SelectValueTextBaseProps as ValueTextBaseProps, type SelectValueTextProps as ValueTextProps, -} from './select-value-text' +} from './select-value-text.tsx' diff --git a/packages/solid/src/components/select/tests/basic.tsx b/packages/solid/src/components/select/tests/basic.tsx index c1e721a8ae..7109433d9f 100644 --- a/packages/solid/src/components/select/tests/basic.tsx +++ b/packages/solid/src/components/select/tests/basic.tsx @@ -1,7 +1,7 @@ import { For } from 'solid-js' import { Portal } from 'solid-js/web' -import { Select, createListCollection } from '../' -import type { Optional } from '../../../types' +import { Select, createListCollection } from '../index.tsx' +import type { Optional } from '../../../types.ts' interface Item { label: string diff --git a/packages/solid/src/components/select/tests/field.tsx b/packages/solid/src/components/select/tests/field.tsx index 8a8539e9ca..0c017a02ab 100644 --- a/packages/solid/src/components/select/tests/field.tsx +++ b/packages/solid/src/components/select/tests/field.tsx @@ -1,6 +1,6 @@ import { Index } from 'solid-js/web' -import { Field } from '../../field' -import { Select, createListCollection } from '../' +import { Field } from '../../field/index.tsx' +import { Select, createListCollection } from '../index.tsx' export const SelectWithField = (props: Field.RootProps) => { const collection = createListCollection({ items: ['React', 'Solid', 'Vue', 'Svelte'] }) diff --git a/packages/solid/src/components/select/tests/select.test.tsx b/packages/solid/src/components/select/tests/select.test.tsx index fa3e1fdf3f..49503391b2 100644 --- a/packages/solid/src/components/select/tests/select.test.tsx +++ b/packages/solid/src/components/select/tests/select.test.tsx @@ -1,7 +1,7 @@ import { fireEvent, render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { SelectWithField } from './field' -import { ComponentUnderTest } from './basic' +import { SelectWithField } from './field.tsx' +import { ComponentUnderTest } from './basic.tsx' describe('Select', () => { it('should handle item selection', async () => { diff --git a/packages/solid/src/components/select/use-select-context.ts b/packages/solid/src/components/select/use-select-context.ts index 12a9885d04..e94156528d 100644 --- a/packages/solid/src/components/select/use-select-context.ts +++ b/packages/solid/src/components/select/use-select-context.ts @@ -1,6 +1,6 @@ -import { createContext } from '../../utils/create-context' -import type { CollectionItem } from '../collection' -import type { UseSelectReturn } from './use-select' +import { createContext } from '../../utils/create-context.ts' +import type { CollectionItem } from '../collection/index.tsx' +import type { UseSelectReturn } from './use-select.ts' export interface UseSelectContext extends UseSelectReturn {} diff --git a/packages/solid/src/components/select/use-select-item-context.ts b/packages/solid/src/components/select/use-select-item-context.ts index 4edcb0fcdd..ad5b48eab4 100644 --- a/packages/solid/src/components/select/use-select-item-context.ts +++ b/packages/solid/src/components/select/use-select-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/select' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseSelectItemContext extends Accessor {} diff --git a/packages/solid/src/components/select/use-select-item-group-props-context.ts b/packages/solid/src/components/select/use-select-item-group-props-context.ts index a3cad8e097..96b066c5d6 100644 --- a/packages/solid/src/components/select/use-select-item-group-props-context.ts +++ b/packages/solid/src/components/select/use-select-item-group-props-context.ts @@ -1,5 +1,5 @@ import type { ItemGroupProps } from '@zag-js/select' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseSelectItemGroupPropsContext extends ItemGroupProps {} diff --git a/packages/solid/src/components/select/use-select-item-props-context.ts b/packages/solid/src/components/select/use-select-item-props-context.ts index bc78cfe333..11e2d1e5d0 100644 --- a/packages/solid/src/components/select/use-select-item-props-context.ts +++ b/packages/solid/src/components/select/use-select-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/select' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({ hookName: 'useSelectItemPropsContext', diff --git a/packages/solid/src/components/select/use-select.ts b/packages/solid/src/components/select/use-select.ts index 938d06fb13..9b7523f8d8 100644 --- a/packages/solid/src/components/select/use-select.ts +++ b/packages/solid/src/components/select/use-select.ts @@ -1,11 +1,11 @@ import * as select from '@zag-js/select' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import type { CollectionItem, ListCollection } from '../collection' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import type { CollectionItem, ListCollection } from '../collection/index.tsx' +import { useFieldContext } from '../field/index.tsx' export interface UseSelectProps extends Optional< Omit, 'collection' | 'dir' | 'getRootNode'>, diff --git a/packages/solid/src/components/signature-pad/index.tsx b/packages/solid/src/components/signature-pad/index.tsx index 5ce73a67f0..790febc103 100644 --- a/packages/solid/src/components/signature-pad/index.tsx +++ b/packages/solid/src/components/signature-pad/index.tsx @@ -7,33 +7,41 @@ export { SignaturePadClearTrigger, type SignaturePadClearTriggerBaseProps, type SignaturePadClearTriggerProps, -} from './signature-pad-clear-trigger' -export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context' +} from './signature-pad-clear-trigger.tsx' +export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context.tsx' export { SignaturePadControl, type SignaturePadControlBaseProps, type SignaturePadControlProps, -} from './signature-pad-control' -export { SignaturePadGuide, type SignaturePadGuideBaseProps, type SignaturePadGuideProps } from './signature-pad-guide' +} from './signature-pad-control.tsx' +export { + SignaturePadGuide, + type SignaturePadGuideBaseProps, + type SignaturePadGuideProps, +} from './signature-pad-guide.tsx' export { SignaturePadHiddenInput, type SignaturePadHiddenInputBaseProps, type SignaturePadHiddenInputProps, -} from './signature-pad-hidden-input' -export { SignaturePadLabel, type SignaturePadLabelBaseProps, type SignaturePadLabelProps } from './signature-pad-label' -export { SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps } from './signature-pad-root' +} from './signature-pad-hidden-input.tsx' +export { + SignaturePadLabel, + type SignaturePadLabelBaseProps, + type SignaturePadLabelProps, +} from './signature-pad-label.tsx' +export { SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps } from './signature-pad-root.tsx' export { SignaturePadRootProvider, type SignaturePadRootProviderBaseProps, type SignaturePadRootProviderProps, -} from './signature-pad-root-provider' +} from './signature-pad-root-provider.tsx' export { SignaturePadSegment, type SignaturePadSegmentBaseProps, type SignaturePadSegmentProps, -} from './signature-pad-segment' -export { signaturePadAnatomy } from './signature-pad.anatomy' -export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn } from './use-signature-pad' -export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context' +} from './signature-pad-segment.tsx' +export { signaturePadAnatomy } from './signature-pad.anatomy.ts' +export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn } from './use-signature-pad.ts' +export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context.ts' -export * as SignaturePad from './signature-pad' +export * as SignaturePad from './signature-pad.ts' diff --git a/packages/solid/src/components/signature-pad/signature-pad-clear-trigger.tsx b/packages/solid/src/components/signature-pad/signature-pad-clear-trigger.tsx index af183fa734..f79b59652c 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-clear-trigger.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-clear-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadClearTriggerBaseProps extends PolymorphicProps<'button'> {} export interface SignaturePadClearTriggerProps extends HTMLProps<'button'>, SignaturePadClearTriggerBaseProps {} diff --git a/packages/solid/src/components/signature-pad/signature-pad-context.tsx b/packages/solid/src/components/signature-pad/signature-pad-context.tsx index 6044ef780a..ee1d952e8f 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-context.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSignaturePadContext, useSignaturePadContext } from './use-signature-pad-context' +import { type UseSignaturePadContext, useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadContextProps { children: (context: UseSignaturePadContext) => JSX.Element diff --git a/packages/solid/src/components/signature-pad/signature-pad-control.tsx b/packages/solid/src/components/signature-pad/signature-pad-control.tsx index 7c820c1676..bbdc132716 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-control.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadControlBaseProps extends PolymorphicProps<'div'> {} export interface SignaturePadControlProps extends HTMLProps<'div'>, SignaturePadControlBaseProps {} diff --git a/packages/solid/src/components/signature-pad/signature-pad-guide.tsx b/packages/solid/src/components/signature-pad/signature-pad-guide.tsx index 55e89e56a8..9c3839b709 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-guide.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-guide.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadGuideBaseProps extends PolymorphicProps<'div'> {} export interface SignaturePadGuideProps extends HTMLProps<'div'>, SignaturePadGuideBaseProps {} diff --git a/packages/solid/src/components/signature-pad/signature-pad-hidden-input.tsx b/packages/solid/src/components/signature-pad/signature-pad-hidden-input.tsx index b7df9f3988..6c1489763f 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-hidden-input.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-hidden-input.tsx @@ -1,10 +1,10 @@ import type { HiddenInputProps } from '@zag-js/signature-pad' import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useSignaturePadContext } from './use-signature-pad-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps<'input'> {} export interface SignaturePadHiddenInputProps extends Assign, SignaturePadHiddenInputBaseProps> {} diff --git a/packages/solid/src/components/signature-pad/signature-pad-label.tsx b/packages/solid/src/components/signature-pad/signature-pad-label.tsx index f49c4ba425..876caf427e 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-label.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadLabelBaseProps extends PolymorphicProps<'label'> {} export interface SignaturePadLabelProps extends HTMLProps<'label'>, SignaturePadLabelBaseProps {} diff --git a/packages/solid/src/components/signature-pad/signature-pad-root-provider.tsx b/packages/solid/src/components/signature-pad/signature-pad-root-provider.tsx index 2473e7e296..637db7d551 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-root-provider.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSignaturePadReturn } from './use-signature-pad' -import { SignaturePadProvider } from './use-signature-pad-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseSignaturePadReturn } from './use-signature-pad.ts' +import { SignaturePadProvider } from './use-signature-pad-context.ts' interface RootProviderProps { value: UseSignaturePadReturn diff --git a/packages/solid/src/components/signature-pad/signature-pad-root.tsx b/packages/solid/src/components/signature-pad/signature-pad-root.tsx index 4de5be889c..60cd9b84f7 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-root.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSignaturePadProps, useSignaturePad } from './use-signature-pad' -import { SignaturePadProvider } from './use-signature-pad-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseSignaturePadProps, useSignaturePad } from './use-signature-pad.ts' +import { SignaturePadProvider } from './use-signature-pad-context.ts' export interface SignaturePadRootBaseProps extends UseSignaturePadProps, PolymorphicProps<'div'> {} export interface SignaturePadRootProps extends HTMLProps<'div'>, SignaturePadRootBaseProps {} diff --git a/packages/solid/src/components/signature-pad/signature-pad-segment.tsx b/packages/solid/src/components/signature-pad/signature-pad-segment.tsx index 62cd9d711d..0e8f39de69 100644 --- a/packages/solid/src/components/signature-pad/signature-pad-segment.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad-segment.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { For, Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSignaturePadContext } from './use-signature-pad-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSignaturePadContext } from './use-signature-pad-context.ts' export interface SignaturePadSegmentBaseProps extends PolymorphicProps<'svg'> {} export interface SignaturePadSegmentProps extends HTMLProps<'svg'>, SignaturePadSegmentBaseProps {} @@ -11,7 +11,6 @@ export const SignaturePadSegment = (props: SignaturePadSegmentProps) => { const mergedProps = mergeProps(() => signaturePad().getSegmentProps(), props) return ( - // biome-ignore lint/a11y/noSvgWithoutTitle: is used here Signature {(path) => } diff --git a/packages/solid/src/components/signature-pad/signature-pad.stories.tsx b/packages/solid/src/components/signature-pad/signature-pad.stories.tsx index e740d93021..f1218009e4 100644 --- a/packages/solid/src/components/signature-pad/signature-pad.stories.tsx +++ b/packages/solid/src/components/signature-pad/signature-pad.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { ImagePreview } from './examples/image-preview' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { ImagePreview } from './examples/image-preview.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/signature-pad/signature-pad.ts b/packages/solid/src/components/signature-pad/signature-pad.ts index acfb6ac258..ed78aede53 100644 --- a/packages/solid/src/components/signature-pad/signature-pad.ts +++ b/packages/solid/src/components/signature-pad/signature-pad.ts @@ -3,40 +3,43 @@ export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTriggerBaseProps as ClearTriggerBaseProps, type SignaturePadClearTriggerProps as ClearTriggerProps, -} from './signature-pad-clear-trigger' -export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps } from './signature-pad-context' +} from './signature-pad-clear-trigger.tsx' +export { + SignaturePadContext as Context, + type SignaturePadContextProps as ContextProps, +} from './signature-pad-context.tsx' export { SignaturePadControl as Control, type SignaturePadControlBaseProps as ControlBaseProps, type SignaturePadControlProps as ControlProps, -} from './signature-pad-control' +} from './signature-pad-control.tsx' export { SignaturePadGuide as Guide, type SignaturePadGuideBaseProps as GuideBaseProps, type SignaturePadGuideProps as GuideProps, -} from './signature-pad-guide' +} from './signature-pad-guide.tsx' export { SignaturePadHiddenInput as HiddenInput, type SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, type SignaturePadHiddenInputProps as HiddenInputProps, -} from './signature-pad-hidden-input' +} from './signature-pad-hidden-input.tsx' export { SignaturePadLabel as Label, type SignaturePadLabelBaseProps as LabelBaseProps, type SignaturePadLabelProps as LabelProps, -} from './signature-pad-label' +} from './signature-pad-label.tsx' export { SignaturePadRoot as Root, type SignaturePadRootBaseProps as RootBaseProps, type SignaturePadRootProps as RootProps, -} from './signature-pad-root' +} from './signature-pad-root.tsx' export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderBaseProps as RootProviderBaseProps, type SignaturePadRootProviderProps as RootProviderProps, -} from './signature-pad-root-provider' +} from './signature-pad-root-provider.tsx' export { SignaturePadSegment as Segment, type SignaturePadSegmentBaseProps as SegmentBaseProps, type SignaturePadSegmentProps as SegmentProps, -} from './signature-pad-segment' +} from './signature-pad-segment.tsx' diff --git a/packages/solid/src/components/signature-pad/tests/basic.tsx b/packages/solid/src/components/signature-pad/tests/basic.tsx index 3b079fb81d..87c6779a81 100644 --- a/packages/solid/src/components/signature-pad/tests/basic.tsx +++ b/packages/solid/src/components/signature-pad/tests/basic.tsx @@ -1,5 +1,5 @@ -import { Field } from '../../field' -import { SignaturePad } from '../' +import { Field } from '../../field/index.tsx' +import { SignaturePad } from '../index.tsx' export const ComponentUnderTest = (props: SignaturePad.RootProps) => ( diff --git a/packages/solid/src/components/signature-pad/tests/signature-pad.test.tsx b/packages/solid/src/components/signature-pad/tests/signature-pad.test.tsx index 38930849e7..280844308d 100644 --- a/packages/solid/src/components/signature-pad/tests/signature-pad.test.tsx +++ b/packages/solid/src/components/signature-pad/tests/signature-pad.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { SignaturePadWithField } from './basic' +import { SignaturePadWithField } from './basic.tsx' describe('Signature Pad / Field', () => { it('should set signature pad as required', async () => { diff --git a/packages/solid/src/components/signature-pad/use-signature-pad-context.ts b/packages/solid/src/components/signature-pad/use-signature-pad-context.ts index cac00dbdf3..526becf85a 100644 --- a/packages/solid/src/components/signature-pad/use-signature-pad-context.ts +++ b/packages/solid/src/components/signature-pad/use-signature-pad-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseSignaturePadReturn } from './use-signature-pad' +import { createContext } from '../../utils/create-context.ts' +import type { UseSignaturePadReturn } from './use-signature-pad.ts' export interface UseSignaturePadContext extends UseSignaturePadReturn {} diff --git a/packages/solid/src/components/signature-pad/use-signature-pad.ts b/packages/solid/src/components/signature-pad/use-signature-pad.ts index cdc28f3214..be1e2a3b15 100644 --- a/packages/solid/src/components/signature-pad/use-signature-pad.ts +++ b/packages/solid/src/components/signature-pad/use-signature-pad.ts @@ -1,10 +1,10 @@ import * as signaturePad from '@zag-js/signature-pad' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseSignaturePadProps extends Optional, 'id'> {} export interface UseSignaturePadReturn extends Accessor> {} diff --git a/packages/solid/src/components/slider/index.tsx b/packages/solid/src/components/slider/index.tsx index 3adbd8de39..7edefc5127 100644 --- a/packages/solid/src/components/slider/index.tsx +++ b/packages/solid/src/components/slider/index.tsx @@ -2,29 +2,37 @@ export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider' -export { SliderContext, type SliderContextProps } from './slider-context' -export { SliderControl, type SliderControlBaseProps, type SliderControlProps } from './slider-control' +export { SliderContext, type SliderContextProps } from './slider-context.tsx' +export { SliderControl, type SliderControlBaseProps, type SliderControlProps } from './slider-control.tsx' export { SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, -} from './slider-dragging-indicator' -export { SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps } from './slider-hidden-input' -export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps } from './slider-label' -export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps } from './slider-marker' -export { SliderMarkerGroup, type SliderMarkerGroupBaseProps, type SliderMarkerGroupProps } from './slider-marker-group' -export { SliderRange, type SliderRangeBaseProps, type SliderRangeProps } from './slider-range' -export { SliderRoot, type SliderRootBaseProps, type SliderRootProps } from './slider-root' +} from './slider-dragging-indicator.tsx' +export { + SliderHiddenInput, + type SliderHiddenInputBaseProps, + type SliderHiddenInputProps, +} from './slider-hidden-input.tsx' +export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps } from './slider-label.tsx' +export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps } from './slider-marker.tsx' +export { + SliderMarkerGroup, + type SliderMarkerGroupBaseProps, + type SliderMarkerGroupProps, +} from './slider-marker-group.tsx' +export { SliderRange, type SliderRangeBaseProps, type SliderRangeProps } from './slider-range.tsx' +export { SliderRoot, type SliderRootBaseProps, type SliderRootProps } from './slider-root.tsx' export { SliderRootProvider, type SliderRootProviderBaseProps, type SliderRootProviderProps, -} from './slider-root-provider' -export { SliderThumb, type SliderThumbBaseProps, type SliderThumbProps } from './slider-thumb' -export { SliderTrack, type SliderTrackBaseProps, type SliderTrackProps } from './slider-track' -export { SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps } from './slider-value-text' -export { sliderAnatomy } from './slider.anatomy' -export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider' -export { useSliderContext, type UseSliderContext } from './use-slider-context' +} from './slider-root-provider.tsx' +export { SliderThumb, type SliderThumbBaseProps, type SliderThumbProps } from './slider-thumb.tsx' +export { SliderTrack, type SliderTrackBaseProps, type SliderTrackProps } from './slider-track.tsx' +export { SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps } from './slider-value-text.tsx' +export { sliderAnatomy } from './slider.anatomy.ts' +export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider.ts' +export { useSliderContext, type UseSliderContext } from './use-slider-context.ts' -export * as Slider from './slider' +export * as Slider from './slider.ts' diff --git a/packages/solid/src/components/slider/slider-context.tsx b/packages/solid/src/components/slider/slider-context.tsx index 0865d8ac61..fe4091c98e 100644 --- a/packages/solid/src/components/slider/slider-context.tsx +++ b/packages/solid/src/components/slider/slider-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSliderContext, useSliderContext } from './use-slider-context' +import { type UseSliderContext, useSliderContext } from './use-slider-context.ts' export interface SliderContextProps { children: (context: UseSliderContext) => JSX.Element diff --git a/packages/solid/src/components/slider/slider-control.tsx b/packages/solid/src/components/slider/slider-control.tsx index 9652772af1..79e074e70c 100644 --- a/packages/solid/src/components/slider/slider-control.tsx +++ b/packages/solid/src/components/slider/slider-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderControlBaseProps extends PolymorphicProps<'div'> {} export interface SliderControlProps extends HTMLProps<'div'>, SliderControlBaseProps {} diff --git a/packages/solid/src/components/slider/slider-dragging-indicator.tsx b/packages/solid/src/components/slider/slider-dragging-indicator.tsx index 7616ed0f6a..cbf81110c4 100644 --- a/packages/solid/src/components/slider/slider-dragging-indicator.tsx +++ b/packages/solid/src/components/slider/slider-dragging-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' -import { useSliderThumbPropsContext } from './use-slider-thumb-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' +import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.ts' export interface SliderDraggingIndicatorBaseProps extends PolymorphicProps<'span'> {} export interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {} diff --git a/packages/solid/src/components/slider/slider-hidden-input.tsx b/packages/solid/src/components/slider/slider-hidden-input.tsx index 6296983065..4194aa9f95 100644 --- a/packages/solid/src/components/slider/slider-hidden-input.tsx +++ b/packages/solid/src/components/slider/slider-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' -import { useSliderThumbPropsContext } from './use-slider-thumb-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' +import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.ts' export interface SliderHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface SliderHiddenInputProps extends HTMLProps<'input'>, SliderHiddenInputBaseProps {} diff --git a/packages/solid/src/components/slider/slider-label.tsx b/packages/solid/src/components/slider/slider-label.tsx index 86e25741d0..560c25867a 100644 --- a/packages/solid/src/components/slider/slider-label.tsx +++ b/packages/solid/src/components/slider/slider-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderLabelBaseProps extends PolymorphicProps<'label'> {} export interface SliderLabelProps extends HTMLProps<'label'>, SliderLabelBaseProps {} diff --git a/packages/solid/src/components/slider/slider-marker-group.tsx b/packages/solid/src/components/slider/slider-marker-group.tsx index 7209fbcf62..2ecf983381 100644 --- a/packages/solid/src/components/slider/slider-marker-group.tsx +++ b/packages/solid/src/components/slider/slider-marker-group.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderMarkerGroupBaseProps extends PolymorphicProps<'div'> {} export interface SliderMarkerGroupProps extends HTMLProps<'div'>, SliderMarkerGroupBaseProps {} diff --git a/packages/solid/src/components/slider/slider-marker.tsx b/packages/solid/src/components/slider/slider-marker.tsx index f0ff757f9c..9d1864924b 100644 --- a/packages/solid/src/components/slider/slider-marker.tsx +++ b/packages/solid/src/components/slider/slider-marker.tsx @@ -1,8 +1,8 @@ import type { MarkerProps } from '@zag-js/slider' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderMarkerBaseProps extends MarkerProps, PolymorphicProps<'span'> {} export interface SliderMarkerProps extends HTMLProps<'span'>, SliderMarkerBaseProps {} diff --git a/packages/solid/src/components/slider/slider-range.tsx b/packages/solid/src/components/slider/slider-range.tsx index 685da4614e..eb12b9865a 100644 --- a/packages/solid/src/components/slider/slider-range.tsx +++ b/packages/solid/src/components/slider/slider-range.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderRangeBaseProps extends PolymorphicProps<'div'> {} export interface SliderRangeProps extends HTMLProps<'div'>, SliderRangeBaseProps {} diff --git a/packages/solid/src/components/slider/slider-root-provider.tsx b/packages/solid/src/components/slider/slider-root-provider.tsx index 7c80b39b92..3d3b525639 100644 --- a/packages/solid/src/components/slider/slider-root-provider.tsx +++ b/packages/solid/src/components/slider/slider-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSliderReturn } from './use-slider' -import { SliderProvider } from './use-slider-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseSliderReturn } from './use-slider.ts' +import { SliderProvider } from './use-slider-context.ts' interface RootProviderProps { value: UseSliderReturn diff --git a/packages/solid/src/components/slider/slider-root.tsx b/packages/solid/src/components/slider/slider-root.tsx index 1456957595..b6117c52cb 100644 --- a/packages/solid/src/components/slider/slider-root.tsx +++ b/packages/solid/src/components/slider/slider-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSliderProps, useSlider } from './use-slider' -import { SliderProvider } from './use-slider-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseSliderProps, useSlider } from './use-slider.ts' +import { SliderProvider } from './use-slider-context.ts' export interface SliderRootBaseProps extends UseSliderProps, PolymorphicProps<'div'> {} export interface SliderRootProps extends Assign, SliderRootBaseProps> {} diff --git a/packages/solid/src/components/slider/slider-thumb.tsx b/packages/solid/src/components/slider/slider-thumb.tsx index 7a5b696682..8e743c497c 100644 --- a/packages/solid/src/components/slider/slider-thumb.tsx +++ b/packages/solid/src/components/slider/slider-thumb.tsx @@ -1,9 +1,9 @@ import type { ThumbProps } from '@zag-js/slider' import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' -import { SliderThumbPropsProvider } from './use-slider-thumb-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' +import { SliderThumbPropsProvider } from './use-slider-thumb-props-context.ts' export interface SliderThumbBaseProps extends ThumbProps, PolymorphicProps<'div'> {} export interface SliderThumbProps extends HTMLProps<'div'>, SliderThumbBaseProps {} diff --git a/packages/solid/src/components/slider/slider-track.tsx b/packages/solid/src/components/slider/slider-track.tsx index 6d02550580..c493e1b80f 100644 --- a/packages/solid/src/components/slider/slider-track.tsx +++ b/packages/solid/src/components/slider/slider-track.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderTrackBaseProps extends PolymorphicProps<'div'> {} export interface SliderTrackProps extends HTMLProps<'div'>, SliderTrackBaseProps {} diff --git a/packages/solid/src/components/slider/slider-value-text.tsx b/packages/solid/src/components/slider/slider-value-text.tsx index 5bc1de5503..92a4377ca5 100644 --- a/packages/solid/src/components/slider/slider-value-text.tsx +++ b/packages/solid/src/components/slider/slider-value-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSliderContext } from './use-slider-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSliderContext } from './use-slider-context.ts' export interface SliderValueTextBaseProps extends PolymorphicProps<'span'> {} export interface SliderValueTextProps extends HTMLProps<'span'>, SliderValueTextBaseProps {} diff --git a/packages/solid/src/components/slider/slider.stories.tsx b/packages/solid/src/components/slider/slider.stories.tsx index 5be8b772b9..fa0ccb7021 100644 --- a/packages/solid/src/components/slider/slider.stories.tsx +++ b/packages/solid/src/components/slider/slider.stories.tsx @@ -6,17 +6,17 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { CenterOrigin } from './examples/center-origin' -export { Context } from './examples/context' -export { DraggingIndicator } from './examples/dragging-indicator' -export { MinMax } from './examples/min-max' -export { OnEvent } from './examples/on-event' -export { Range } from './examples/range' -export { RootProvider } from './examples/root-provider' -export { Step } from './examples/step' -export { ThumbAlignment } from './examples/thumb-alignment' -export { ThumbCollision } from './examples/thumb-collision' -export { ThumbOverlap } from './examples/thumb-overlap' -export { Vertical } from './examples/vertical' -export { WithMarks } from './examples/with-marks' +export { Basic } from './examples/basic.tsx' +export { CenterOrigin } from './examples/center-origin.tsx' +export { Context } from './examples/context.tsx' +export { DraggingIndicator } from './examples/dragging-indicator.tsx' +export { MinMax } from './examples/min-max.tsx' +export { OnEvent } from './examples/on-event.tsx' +export { Range } from './examples/range.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Step } from './examples/step.tsx' +export { ThumbAlignment } from './examples/thumb-alignment.tsx' +export { ThumbCollision } from './examples/thumb-collision.tsx' +export { ThumbOverlap } from './examples/thumb-overlap.tsx' +export { Vertical } from './examples/vertical.tsx' +export { WithMarks } from './examples/with-marks.tsx' diff --git a/packages/solid/src/components/slider/slider.ts b/packages/solid/src/components/slider/slider.ts index be5e3a5c7f..3ee43491a9 100644 --- a/packages/solid/src/components/slider/slider.ts +++ b/packages/solid/src/components/slider/slider.ts @@ -1,62 +1,62 @@ export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider' -export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context' +export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context.tsx' export { SliderControl as Control, type SliderControlBaseProps as ControlBaseProps, type SliderControlProps as ControlProps, -} from './slider-control' +} from './slider-control.tsx' export { SliderDraggingIndicator as DraggingIndicator, type SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, type SliderDraggingIndicatorProps as DraggingIndicatorProps, -} from './slider-dragging-indicator' +} from './slider-dragging-indicator.tsx' export { SliderHiddenInput as HiddenInput, type SliderHiddenInputBaseProps as HiddenInputBaseProps, type SliderHiddenInputProps as HiddenInputProps, -} from './slider-hidden-input' +} from './slider-hidden-input.tsx' export { SliderLabel as Label, type SliderLabelBaseProps as LabelBaseProps, type SliderLabelProps as LabelProps, -} from './slider-label' +} from './slider-label.tsx' export { SliderMarker as Marker, type SliderMarkerBaseProps as MarkerBaseProps, type SliderMarkerProps as MarkerProps, -} from './slider-marker' +} from './slider-marker.tsx' export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, type SliderMarkerGroupProps as MarkerGroupProps, -} from './slider-marker-group' +} from './slider-marker-group.tsx' export { SliderRange as Range, type SliderRangeBaseProps as RangeBaseProps, type SliderRangeProps as RangeProps, -} from './slider-range' +} from './slider-range.tsx' export { SliderRoot as Root, type SliderRootBaseProps as RootBaseProps, type SliderRootProps as RootProps, -} from './slider-root' +} from './slider-root.tsx' export { SliderRootProvider as RootProvider, type SliderRootProviderBaseProps as RootProviderBaseProps, type SliderRootProviderProps as RootProviderProps, -} from './slider-root-provider' +} from './slider-root-provider.tsx' export { SliderThumb as Thumb, type SliderThumbBaseProps as ThumbBaseProps, type SliderThumbProps as ThumbProps, -} from './slider-thumb' +} from './slider-thumb.tsx' export { SliderTrack as Track, type SliderTrackBaseProps as TrackBaseProps, type SliderTrackProps as TrackProps, -} from './slider-track' +} from './slider-track.tsx' export { SliderValueText as ValueText, type SliderValueTextBaseProps as ValueTextBaseProps, type SliderValueTextProps as ValueTextProps, -} from './slider-value-text' +} from './slider-value-text.tsx' diff --git a/packages/solid/src/components/slider/tests/basic.tsx b/packages/solid/src/components/slider/tests/basic.tsx index 2c2b2ea66d..b32500116d 100644 --- a/packages/solid/src/components/slider/tests/basic.tsx +++ b/packages/solid/src/components/slider/tests/basic.tsx @@ -1,5 +1,5 @@ import { Index, createSignal } from 'solid-js' -import { Slider } from '../' +import { Slider } from '../index.tsx' export const ComponentUnderTest = (props: Slider.RootProps) => { const [value, setValue] = createSignal([-20, 20]) diff --git a/packages/solid/src/components/slider/tests/slider.test.tsx b/packages/solid/src/components/slider/tests/slider.test.tsx index fc1c7057eb..2b472971c3 100644 --- a/packages/solid/src/components/slider/tests/slider.test.tsx +++ b/packages/solid/src/components/slider/tests/slider.test.tsx @@ -1,7 +1,7 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { LocaleProvider } from '../../../providers' -import { ComponentUnderTest } from './basic' +import { LocaleProvider } from '../../../providers/index.tsx' +import { ComponentUnderTest } from './basic.tsx' describe('Slider', () => { it('should be possible to control it with the arrow keys', async () => { diff --git a/packages/solid/src/components/slider/use-slider-context.ts b/packages/solid/src/components/slider/use-slider-context.ts index 0d11b26604..c2725dabca 100644 --- a/packages/solid/src/components/slider/use-slider-context.ts +++ b/packages/solid/src/components/slider/use-slider-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseSliderReturn } from './use-slider' +import { createContext } from '../../utils/create-context.ts' +import type { UseSliderReturn } from './use-slider.ts' export interface UseSliderContext extends UseSliderReturn {} diff --git a/packages/solid/src/components/slider/use-slider-thumb-props-context.ts b/packages/solid/src/components/slider/use-slider-thumb-props-context.ts index 2e69d4b4d7..226d15bdf4 100644 --- a/packages/solid/src/components/slider/use-slider-thumb-props-context.ts +++ b/packages/solid/src/components/slider/use-slider-thumb-props-context.ts @@ -1,5 +1,5 @@ import type { ThumbProps } from '@zag-js/slider' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext({ hookName: 'useSliderThumbPropsContext', diff --git a/packages/solid/src/components/slider/use-slider.ts b/packages/solid/src/components/slider/use-slider.ts index c9bbedc918..a9136fc073 100644 --- a/packages/solid/src/components/slider/use-slider.ts +++ b/packages/solid/src/components/slider/use-slider.ts @@ -1,9 +1,9 @@ import * as slider from '@zag-js/slider' import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseSliderProps extends Optional, 'id'> {} export interface UseSliderReturn extends Accessor> {} diff --git a/packages/solid/src/components/splitter/index.tsx b/packages/solid/src/components/splitter/index.tsx index 680272fe32..042d972b2a 100644 --- a/packages/solid/src/components/splitter/index.tsx +++ b/packages/solid/src/components/splitter/index.tsx @@ -5,31 +5,31 @@ export type { ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter' -export { SplitterContext, type SplitterContextProps } from './splitter-context' -export { SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel' +export { SplitterContext, type SplitterContextProps } from './splitter-context.tsx' +export { SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel.tsx' export { SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, -} from './splitter-resize-trigger' +} from './splitter-resize-trigger.tsx' export { SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, -} from './splitter-resize-trigger-indicator' -export { SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps } from './splitter-root' +} from './splitter-resize-trigger-indicator.tsx' +export { SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps } from './splitter-root.tsx' export { SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, -} from './splitter-root-provider' +} from './splitter-root-provider.tsx' export { createSplitterRegistry, type SplitterRegistryProps, type SplitterRegistryReturn, -} from './create-splitter-registry' -export { splitterAnatomy } from './splitter.anatomy' -export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter' -export { useSplitterContext, type UseSplitterContext } from './use-splitter-context' +} from './create-splitter-registry.ts' +export { splitterAnatomy } from './splitter.anatomy.ts' +export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter.ts' +export { useSplitterContext, type UseSplitterContext } from './use-splitter-context.ts' -export * as Splitter from './splitter' +export * as Splitter from './splitter.ts' diff --git a/packages/solid/src/components/splitter/splitter-context.tsx b/packages/solid/src/components/splitter/splitter-context.tsx index 20d0ce5177..f0a0cc7d3b 100644 --- a/packages/solid/src/components/splitter/splitter-context.tsx +++ b/packages/solid/src/components/splitter/splitter-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSplitterContext, useSplitterContext } from './use-splitter-context' +import { type UseSplitterContext, useSplitterContext } from './use-splitter-context.ts' export interface SplitterContextProps { children: (context: UseSplitterContext) => JSX.Element diff --git a/packages/solid/src/components/splitter/splitter-panel.tsx b/packages/solid/src/components/splitter/splitter-panel.tsx index 3aed1c8418..b55e9359fd 100644 --- a/packages/solid/src/components/splitter/splitter-panel.tsx +++ b/packages/solid/src/components/splitter/splitter-panel.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { PanelProps } from '@zag-js/splitter' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSplitterContext } from './use-splitter-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSplitterContext } from './use-splitter-context.ts' export interface SplitterPanelBaseProps extends PanelProps, PolymorphicProps<'div'> {} export interface SplitterPanelProps extends Assign, SplitterPanelBaseProps> {} diff --git a/packages/solid/src/components/splitter/splitter-resize-trigger-indicator.tsx b/packages/solid/src/components/splitter/splitter-resize-trigger-indicator.tsx index 68f9f80c8f..a765cb6f73 100644 --- a/packages/solid/src/components/splitter/splitter-resize-trigger-indicator.tsx +++ b/packages/solid/src/components/splitter/splitter-resize-trigger-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSplitterContext } from './use-splitter-context' -import { useSplitterResizeTriggerPropsContext } from './use-splitter-resize-trigger-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSplitterContext } from './use-splitter-context.ts' +import { useSplitterResizeTriggerPropsContext } from './use-splitter-resize-trigger-props-context.ts' export interface SplitterResizeTriggerIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface SplitterResizeTriggerIndicatorProps diff --git a/packages/solid/src/components/splitter/splitter-resize-trigger.tsx b/packages/solid/src/components/splitter/splitter-resize-trigger.tsx index a4b3a9a414..4b6a894d7c 100644 --- a/packages/solid/src/components/splitter/splitter-resize-trigger.tsx +++ b/packages/solid/src/components/splitter/splitter-resize-trigger.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import type { ResizeTriggerProps } from '@zag-js/splitter' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSplitterContext } from './use-splitter-context' -import { SplitterResizeTriggerPropsProvider } from './use-splitter-resize-trigger-props-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSplitterContext } from './use-splitter-context.ts' +import { SplitterResizeTriggerPropsProvider } from './use-splitter-resize-trigger-props-context.ts' export interface SplitterResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<'button'> {} export interface SplitterResizeTriggerProps extends Assign, SplitterResizeTriggerBaseProps> {} diff --git a/packages/solid/src/components/splitter/splitter-root-provider.tsx b/packages/solid/src/components/splitter/splitter-root-provider.tsx index 3afb8b9ce0..3eeb731640 100644 --- a/packages/solid/src/components/splitter/splitter-root-provider.tsx +++ b/packages/solid/src/components/splitter/splitter-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSplitterReturn } from './use-splitter' -import { SplitterProvider } from './use-splitter-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseSplitterReturn } from './use-splitter.ts' +import { SplitterProvider } from './use-splitter-context.ts' interface RootProviderProps { value: UseSplitterReturn diff --git a/packages/solid/src/components/splitter/splitter-root.tsx b/packages/solid/src/components/splitter/splitter-root.tsx index 37d46ac09b..1249718550 100644 --- a/packages/solid/src/components/splitter/splitter-root.tsx +++ b/packages/solid/src/components/splitter/splitter-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSplitterProps, useSplitter } from './use-splitter' -import { SplitterProvider } from './use-splitter-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseSplitterProps, useSplitter } from './use-splitter.ts' +import { SplitterProvider } from './use-splitter-context.ts' export interface SplitterRootBaseProps extends UseSplitterProps, PolymorphicProps<'div'> {} export interface SplitterRootProps extends Assign, SplitterRootBaseProps> {} diff --git a/packages/solid/src/components/splitter/splitter.stories.tsx b/packages/solid/src/components/splitter/splitter.stories.tsx index 02293b86ca..596f1603ec 100644 --- a/packages/solid/src/components/splitter/splitter.stories.tsx +++ b/packages/solid/src/components/splitter/splitter.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Collapsible } from './examples/collapsible' -export { Context } from './examples/context' -export { MultiplePanels } from './examples/multiple-panels' -export { Nested } from './examples/nested' -export { ResizeIndicator } from './examples/resize-indicator' -export { RootProvider } from './examples/root-provider' -export { Vertical } from './examples/vertical' +export { Basic } from './examples/basic.tsx' +export { Collapsible } from './examples/collapsible.tsx' +export { Context } from './examples/context.tsx' +export { MultiplePanels } from './examples/multiple-panels.tsx' +export { Nested } from './examples/nested.tsx' +export { ResizeIndicator } from './examples/resize-indicator.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/solid/src/components/splitter/splitter.ts b/packages/solid/src/components/splitter/splitter.ts index 2326aca699..ace4cc5bfb 100644 --- a/packages/solid/src/components/splitter/splitter.ts +++ b/packages/solid/src/components/splitter/splitter.ts @@ -1,29 +1,29 @@ -export { createSplitterRegistry as createRegistry } from './create-splitter-registry' +export { createSplitterRegistry as createRegistry } from './create-splitter-registry.ts' export { layout as getLayout } from '@zag-js/splitter' export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter' -export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context' +export { SplitterContext as Context, type SplitterContextProps as ContextProps } from './splitter-context.tsx' export { SplitterPanel as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, -} from './splitter-panel' +} from './splitter-panel.tsx' export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, -} from './splitter-resize-trigger' +} from './splitter-resize-trigger.tsx' export { SplitterResizeTriggerIndicator as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, -} from './splitter-resize-trigger-indicator' +} from './splitter-resize-trigger-indicator.tsx' export { SplitterRoot as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, -} from './splitter-root' +} from './splitter-root.tsx' export { SplitterRootProvider as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, -} from './splitter-root-provider' +} from './splitter-root-provider.tsx' diff --git a/packages/solid/src/components/splitter/tests/basic.tsx b/packages/solid/src/components/splitter/tests/basic.tsx index 2242e31f49..383a296f66 100644 --- a/packages/solid/src/components/splitter/tests/basic.tsx +++ b/packages/solid/src/components/splitter/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Splitter } from '../' +import { Splitter } from '../index.tsx' export const ComponentUnderTest = () => ( diff --git a/packages/solid/src/components/splitter/tests/splitter.test.tsx b/packages/solid/src/components/splitter/tests/splitter.test.tsx index f203f93fc4..4ddfb46626 100644 --- a/packages/solid/src/components/splitter/tests/splitter.test.tsx +++ b/packages/solid/src/components/splitter/tests/splitter.test.tsx @@ -1,6 +1,6 @@ import { render } from '@solidjs/testing-library' import { axe } from 'vitest-axe' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Splitter', () => { it('should have no a11y violations', async () => { diff --git a/packages/solid/src/components/splitter/use-splitter-context.ts b/packages/solid/src/components/splitter/use-splitter-context.ts index 7f961ad690..03543c2185 100644 --- a/packages/solid/src/components/splitter/use-splitter-context.ts +++ b/packages/solid/src/components/splitter/use-splitter-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseSplitterReturn } from './use-splitter' +import { createContext } from '../../utils/create-context.ts' +import type { UseSplitterReturn } from './use-splitter.ts' export interface UseSplitterContext extends UseSplitterReturn {} diff --git a/packages/solid/src/components/splitter/use-splitter-resize-trigger-props-context.ts b/packages/solid/src/components/splitter/use-splitter-resize-trigger-props-context.ts index 6581e5d63a..24d1dc066f 100644 --- a/packages/solid/src/components/splitter/use-splitter-resize-trigger-props-context.ts +++ b/packages/solid/src/components/splitter/use-splitter-resize-trigger-props-context.ts @@ -1,5 +1,5 @@ import type { ResizeTriggerProps } from '@zag-js/splitter' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext({ diff --git a/packages/solid/src/components/splitter/use-splitter.ts b/packages/solid/src/components/splitter/use-splitter.ts index 8f47a1a3d6..53c247b066 100644 --- a/packages/solid/src/components/splitter/use-splitter.ts +++ b/packages/solid/src/components/splitter/use-splitter.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as splitter from '@zag-js/splitter' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseSplitterProps extends Optional, 'id'> {} export interface UseSplitterReturn extends Accessor> {} diff --git a/packages/solid/src/components/steps/index.tsx b/packages/solid/src/components/steps/index.tsx index 2ffaaf95e5..85db0ba33a 100644 --- a/packages/solid/src/components/steps/index.tsx +++ b/packages/solid/src/components/steps/index.tsx @@ -3,23 +3,27 @@ export { StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, -} from './steps-completed-content' -export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content' -export { StepsContext, type StepsContextProps } from './steps-context' -export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps } from './steps-indicator' -export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item' -export { StepsItemContext, type StepsItemContextProps } from './steps-item-context' -export { StepsList, type StepsListBaseProps, type StepsListProps } from './steps-list' -export { StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps } from './steps-next-trigger' -export { StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps } from './steps-prev-trigger' -export { StepsProgress, type StepsProgressBaseProps, type StepsProgressProps } from './steps-progress' -export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps-root' -export { StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps } from './steps-root-provider' -export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps } from './steps-separator' -export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger' -export { stepsAnatomy } from './steps.anatomy' -export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps' -export { useStepsContext, type UseStepsContext } from './use-steps-context' -export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context' +} from './steps-completed-content.tsx' +export { StepsContent, type StepsContentBaseProps, type StepsContentProps } from './steps-content.tsx' +export { StepsContext, type StepsContextProps } from './steps-context.tsx' +export { StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps } from './steps-indicator.tsx' +export { StepsItem, type StepsItemBaseProps, type StepsItemProps } from './steps-item.tsx' +export { StepsItemContext, type StepsItemContextProps } from './steps-item-context.tsx' +export { StepsList, type StepsListBaseProps, type StepsListProps } from './steps-list.tsx' +export { StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps } from './steps-next-trigger.tsx' +export { StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps } from './steps-prev-trigger.tsx' +export { StepsProgress, type StepsProgressBaseProps, type StepsProgressProps } from './steps-progress.tsx' +export { StepsRoot, type StepsRootBaseProps, type StepsRootProps } from './steps-root.tsx' +export { + StepsRootProvider, + type StepsRootProviderBaseProps, + type StepsRootProviderProps, +} from './steps-root-provider.tsx' +export { StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps } from './steps-separator.tsx' +export { StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps } from './steps-trigger.tsx' +export { stepsAnatomy } from './steps.anatomy.ts' +export { useSteps, type UseStepsProps, type UseStepsReturn } from './use-steps.ts' +export { useStepsContext, type UseStepsContext } from './use-steps-context.ts' +export { useStepsItemContext, type UseStepsItemContext } from './use-steps-item-context.ts' -export * as Steps from './steps' +export * as Steps from './steps.ts' diff --git a/packages/solid/src/components/steps/steps-completed-content.tsx b/packages/solid/src/components/steps/steps-completed-content.tsx index 4c7a9e58a8..10524b4658 100644 --- a/packages/solid/src/components/steps/steps-completed-content.tsx +++ b/packages/solid/src/components/steps/steps-completed-content.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' export interface StepsCompletedContentBaseProps extends PolymorphicProps<'div'> {} export interface StepsCompletedContentProps extends HTMLProps<'div'>, StepsCompletedContentBaseProps {} diff --git a/packages/solid/src/components/steps/steps-content.tsx b/packages/solid/src/components/steps/steps-content.tsx index cfcf733a48..d443f6b341 100644 --- a/packages/solid/src/components/steps/steps-content.tsx +++ b/packages/solid/src/components/steps/steps-content.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { ItemProps } from '@zag-js/steps' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' export interface StepsContentBaseProps extends PolymorphicProps<'div'>, ItemProps {} export interface StepsContentProps extends HTMLProps<'div'>, StepsContentBaseProps {} diff --git a/packages/solid/src/components/steps/steps-context.tsx b/packages/solid/src/components/steps/steps-context.tsx index 5b1f8bfe8f..3fa604239d 100644 --- a/packages/solid/src/components/steps/steps-context.tsx +++ b/packages/solid/src/components/steps/steps-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseStepsContext, useStepsContext } from './use-steps-context' +import { type UseStepsContext, useStepsContext } from './use-steps-context.ts' export interface StepsContextProps { children: (context: UseStepsContext) => JSX.Element diff --git a/packages/solid/src/components/steps/steps-indicator.tsx b/packages/solid/src/components/steps/steps-indicator.tsx index 84e0ad57fe..0764a10c6b 100644 --- a/packages/solid/src/components/steps/steps-indicator.tsx +++ b/packages/solid/src/components/steps/steps-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { useStepsItemPropsContext } from './use-steps-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' +import { useStepsItemPropsContext } from './use-steps-item-props-context.ts' export interface StepsIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface StepsIndicatorProps extends HTMLProps<'div'>, StepsIndicatorBaseProps {} diff --git a/packages/solid/src/components/steps/steps-item-context.tsx b/packages/solid/src/components/steps/steps-item-context.tsx index df13f34883..71de7a48eb 100644 --- a/packages/solid/src/components/steps/steps-item-context.tsx +++ b/packages/solid/src/components/steps/steps-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseStepsItemContext, useStepsItemContext } from './use-steps-item-context' +import { type UseStepsItemContext, useStepsItemContext } from './use-steps-item-context.ts' export interface StepsItemContextProps { children: (context: UseStepsItemContext) => JSX.Element diff --git a/packages/solid/src/components/steps/steps-item.tsx b/packages/solid/src/components/steps/steps-item.tsx index 86739b21d4..04420df2b8 100644 --- a/packages/solid/src/components/steps/steps-item.tsx +++ b/packages/solid/src/components/steps/steps-item.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import type { ItemProps } from '@zag-js/steps' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { StepsItemProvider } from './use-steps-item-context' -import { StepsItemPropsProvider } from './use-steps-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' +import { StepsItemProvider } from './use-steps-item-context.ts' +import { StepsItemPropsProvider } from './use-steps-item-props-context.ts' export interface StepsItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface StepsItemProps extends HTMLProps<'div'>, StepsItemBaseProps {} diff --git a/packages/solid/src/components/steps/steps-list.tsx b/packages/solid/src/components/steps/steps-list.tsx index 3fc646f5f1..80061660b8 100644 --- a/packages/solid/src/components/steps/steps-list.tsx +++ b/packages/solid/src/components/steps/steps-list.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' export interface StepsListBaseProps extends PolymorphicProps<'div'> {} export interface StepsListProps extends HTMLProps<'div'>, StepsListBaseProps {} diff --git a/packages/solid/src/components/steps/steps-next-trigger.tsx b/packages/solid/src/components/steps/steps-next-trigger.tsx index 2471a52a5b..eb7338f2cd 100644 --- a/packages/solid/src/components/steps/steps-next-trigger.tsx +++ b/packages/solid/src/components/steps/steps-next-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' export interface StepsNextTriggerBaseProps extends PolymorphicProps<'button'> {} export interface StepsNextTriggerProps extends HTMLProps<'button'>, StepsNextTriggerBaseProps {} diff --git a/packages/solid/src/components/steps/steps-prev-trigger.tsx b/packages/solid/src/components/steps/steps-prev-trigger.tsx index a48b3ffcd6..3ed9a0fe49 100644 --- a/packages/solid/src/components/steps/steps-prev-trigger.tsx +++ b/packages/solid/src/components/steps/steps-prev-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' export interface StepsPrevTriggerBaseProps extends PolymorphicProps<'button'> {} export interface StepsPrevTriggerProps extends HTMLProps<'button'>, StepsPrevTriggerBaseProps {} diff --git a/packages/solid/src/components/steps/steps-progress.tsx b/packages/solid/src/components/steps/steps-progress.tsx index 81e93415cb..3e724033c8 100644 --- a/packages/solid/src/components/steps/steps-progress.tsx +++ b/packages/solid/src/components/steps/steps-progress.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' export interface StepsProgressBaseProps extends PolymorphicProps<'div'> {} export interface StepsProgressProps extends HTMLProps<'div'>, StepsProgressBaseProps {} diff --git a/packages/solid/src/components/steps/steps-root-provider.tsx b/packages/solid/src/components/steps/steps-root-provider.tsx index d94c3e1909..96873316fa 100644 --- a/packages/solid/src/components/steps/steps-root-provider.tsx +++ b/packages/solid/src/components/steps/steps-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseStepsReturn } from './use-steps' -import { StepsProvider } from './use-steps-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseStepsReturn } from './use-steps.ts' +import { StepsProvider } from './use-steps-context.ts' interface RootProviderProps { value: UseStepsReturn diff --git a/packages/solid/src/components/steps/steps-root.tsx b/packages/solid/src/components/steps/steps-root.tsx index 2d6fa8db34..22a3291bd5 100644 --- a/packages/solid/src/components/steps/steps-root.tsx +++ b/packages/solid/src/components/steps/steps-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseStepsProps, useSteps } from './use-steps' -import { StepsProvider } from './use-steps-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseStepsProps, useSteps } from './use-steps.ts' +import { StepsProvider } from './use-steps-context.ts' export interface StepsRootBaseProps extends UseStepsProps, PolymorphicProps<'div'> {} export interface StepsRootProps extends HTMLProps<'div'>, StepsRootBaseProps {} diff --git a/packages/solid/src/components/steps/steps-separator.tsx b/packages/solid/src/components/steps/steps-separator.tsx index 635aff0130..c3704631a9 100644 --- a/packages/solid/src/components/steps/steps-separator.tsx +++ b/packages/solid/src/components/steps/steps-separator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { useStepsItemPropsContext } from './use-steps-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' +import { useStepsItemPropsContext } from './use-steps-item-props-context.ts' export interface StepsSeparatorBaseProps extends PolymorphicProps<'div'> {} export interface StepsSeparatorProps extends HTMLProps<'div'>, StepsSeparatorBaseProps {} diff --git a/packages/solid/src/components/steps/steps-trigger.tsx b/packages/solid/src/components/steps/steps-trigger.tsx index abef855dfc..f0c492252d 100644 --- a/packages/solid/src/components/steps/steps-trigger.tsx +++ b/packages/solid/src/components/steps/steps-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useStepsContext } from './use-steps-context' -import { useStepsItemPropsContext } from './use-steps-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useStepsContext } from './use-steps-context.ts' +import { useStepsItemPropsContext } from './use-steps-item-props-context.ts' export interface StepsTriggerBaseProps extends PolymorphicProps<'button'> {} export interface StepsTriggerProps extends HTMLProps<'button'>, StepsTriggerBaseProps {} diff --git a/packages/solid/src/components/steps/steps.stories.tsx b/packages/solid/src/components/steps/steps.stories.tsx index 00571150c3..7b53b1c3d2 100644 --- a/packages/solid/src/components/steps/steps.stories.tsx +++ b/packages/solid/src/components/steps/steps.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { RootProvider } from './examples/root-provider' -export { Vertical } from './examples/vertical' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/solid/src/components/steps/steps.ts b/packages/solid/src/components/steps/steps.ts index 62c58871d2..928fc6b576 100644 --- a/packages/solid/src/components/steps/steps.ts +++ b/packages/solid/src/components/steps/steps.ts @@ -3,61 +3,64 @@ export { StepsCompletedContent as CompletedContent, type StepsCompletedContentBaseProps as CompletedContentBaseProps, type StepsCompletedContentProps as CompletedContentProps, -} from './steps-completed-content' +} from './steps-completed-content.tsx' export { StepsContent as Content, type StepsContentBaseProps as ContentBaseProps, type StepsContentProps as ContentProps, -} from './steps-content' -export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context' +} from './steps-content.tsx' +export { StepsContext as Context, type StepsContextProps as ContextProps } from './steps-context.tsx' export { StepsIndicator as Indicator, type StepsIndicatorBaseProps as IndicatorBaseProps, type StepsIndicatorProps as IndicatorProps, -} from './steps-indicator' +} from './steps-indicator.tsx' export { StepsItem as Item, type StepsItemBaseProps as ItemBaseProps, type StepsItemProps as ItemProps, -} from './steps-item' -export { StepsItemContext as ItemContext, type StepsItemContextProps as ItemContextProps } from './steps-item-context' +} from './steps-item.tsx' +export { + StepsItemContext as ItemContext, + type StepsItemContextProps as ItemContextProps, +} from './steps-item-context.tsx' export { StepsList as List, type StepsListBaseProps as ListBaseProps, type StepsListProps as ListProps, -} from './steps-list' +} from './steps-list.tsx' export { StepsNextTrigger as NextTrigger, type StepsNextTriggerBaseProps as NextTriggerBaseProps, type StepsNextTriggerProps as NextTriggerProps, -} from './steps-next-trigger' +} from './steps-next-trigger.tsx' export { StepsPrevTrigger as PrevTrigger, type StepsPrevTriggerBaseProps as PrevTriggerBaseProps, type StepsPrevTriggerProps as PrevTriggerProps, -} from './steps-prev-trigger' +} from './steps-prev-trigger.tsx' export { StepsProgress as Progress, type StepsProgressBaseProps as ProgressBaseProps, type StepsProgressProps as ProgressProps, -} from './steps-progress' +} from './steps-progress.tsx' export { StepsRoot as Root, type StepsRootBaseProps as RootBaseProps, type StepsRootProps as RootProps, -} from './steps-root' +} from './steps-root.tsx' export { StepsRootProvider as RootProvider, type StepsRootProviderBaseProps as RootProviderBaseProps, type StepsRootProviderProps as RootProviderProps, -} from './steps-root-provider' +} from './steps-root-provider.tsx' export { StepsSeparator as Separator, type StepsSeparatorBaseProps as SeparatorBaseProps, type StepsSeparatorProps as SeparatorProps, -} from './steps-separator' +} from './steps-separator.tsx' export { StepsTrigger as Trigger, type StepsTriggerBaseProps as TriggerBaseProps, type StepsTriggerProps as TriggerProps, -} from './steps-trigger' +} from './steps-trigger.tsx' diff --git a/packages/solid/src/components/steps/use-steps-context.ts b/packages/solid/src/components/steps/use-steps-context.ts index 9bc4ed5ada..986ee3035d 100644 --- a/packages/solid/src/components/steps/use-steps-context.ts +++ b/packages/solid/src/components/steps/use-steps-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseStepsReturn } from './use-steps' +import { createContext } from '../../utils/create-context.ts' +import type { UseStepsReturn } from './use-steps.ts' export interface UseStepsContext extends UseStepsReturn {} diff --git a/packages/solid/src/components/steps/use-steps-item-context.ts b/packages/solid/src/components/steps/use-steps-item-context.ts index 00ac174f29..7a2ec4fbc0 100644 --- a/packages/solid/src/components/steps/use-steps-item-context.ts +++ b/packages/solid/src/components/steps/use-steps-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/steps' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseStepsItemContext extends Accessor {} diff --git a/packages/solid/src/components/steps/use-steps-item-props-context.ts b/packages/solid/src/components/steps/use-steps-item-props-context.ts index 28db86701e..0710809d49 100644 --- a/packages/solid/src/components/steps/use-steps-item-props-context.ts +++ b/packages/solid/src/components/steps/use-steps-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/steps' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseStepsItemPropsContext extends ItemProps {} diff --git a/packages/solid/src/components/steps/use-steps.ts b/packages/solid/src/components/steps/use-steps.ts index e2405ac3c0..1c73e707a5 100644 --- a/packages/solid/src/components/steps/use-steps.ts +++ b/packages/solid/src/components/steps/use-steps.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as steps from '@zag-js/steps' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseStepsProps extends Optional, 'id'> {} export interface UseStepsReturn extends Accessor> {} diff --git a/packages/solid/src/components/swap/index.tsx b/packages/solid/src/components/swap/index.tsx index 6a5c8e923c..01d5da558c 100644 --- a/packages/solid/src/components/swap/index.tsx +++ b/packages/solid/src/components/swap/index.tsx @@ -1,7 +1,7 @@ -export * as Swap from './swap' -export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator' -export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root' -export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider' -export { swapAnatomy } from './swap.anatomy' -export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap' -export { useSwapContext, type UseSwapContext } from './use-swap-context' +export * as Swap from './swap.ts' +export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator.tsx' +export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root.tsx' +export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider.tsx' +export { swapAnatomy } from './swap.anatomy.ts' +export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap.ts' +export { useSwapContext, type UseSwapContext } from './use-swap-context.ts' diff --git a/packages/solid/src/components/swap/swap-indicator.tsx b/packages/solid/src/components/swap/swap-indicator.tsx index 672aa46dc2..920684ce58 100644 --- a/packages/solid/src/components/swap/swap-indicator.tsx +++ b/packages/solid/src/components/swap/swap-indicator.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show, splitProps } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwapContext } from './use-swap-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSwapContext } from './use-swap-context.ts' export interface SwapIndicatorBaseProps extends PolymorphicProps<'span'> { type: 'on' | 'off' diff --git a/packages/solid/src/components/swap/swap-root-provider.tsx b/packages/solid/src/components/swap/swap-root-provider.tsx index 2af70d7c88..1101dc5b2c 100644 --- a/packages/solid/src/components/swap/swap-root-provider.tsx +++ b/packages/solid/src/components/swap/swap-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { type Accessor, splitProps } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSwapReturn } from './use-swap' -import { SwapProvider } from './use-swap-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseSwapReturn } from './use-swap.ts' +import { SwapProvider } from './use-swap-context.ts' export interface SwapRootProviderBaseProps extends PolymorphicProps<'span'> { value: Accessor diff --git a/packages/solid/src/components/swap/swap-root.tsx b/packages/solid/src/components/swap/swap-root.tsx index e0fbe85624..93ce423cf6 100644 --- a/packages/solid/src/components/swap/swap-root.tsx +++ b/packages/solid/src/components/swap/swap-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { splitProps } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSwapProps, useSwap } from './use-swap' -import { SwapProvider } from './use-swap-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseSwapProps, useSwap } from './use-swap.ts' +import { SwapProvider } from './use-swap-context.ts' export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps<'span'> {} diff --git a/packages/solid/src/components/swap/swap.stories.tsx b/packages/solid/src/components/swap/swap.stories.tsx index 1c0b120df2..57fb721cff 100644 --- a/packages/solid/src/components/swap/swap.stories.tsx +++ b/packages/solid/src/components/swap/swap.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Fade } from './examples/fade' -export { Flip } from './examples/flip' -export { Rotate } from './examples/rotate' -export { Scale } from './examples/scale' +export { Fade } from './examples/fade.tsx' +export { Flip } from './examples/flip.tsx' +export { Rotate } from './examples/rotate.tsx' +export { Scale } from './examples/scale.tsx' diff --git a/packages/solid/src/components/swap/swap.ts b/packages/solid/src/components/swap/swap.ts index 9c86562421..c0c2fd6152 100644 --- a/packages/solid/src/components/swap/swap.ts +++ b/packages/solid/src/components/swap/swap.ts @@ -2,11 +2,15 @@ export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, -} from './swap-indicator' -export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root' +} from './swap-indicator.tsx' +export { + SwapRoot as Root, + type SwapRootBaseProps as RootBaseProps, + type SwapRootProps as RootProps, +} from './swap-root.tsx' export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, -} from './swap-root-provider' -export { swapAnatomy } from './swap.anatomy' +} from './swap-root-provider.tsx' +export { swapAnatomy } from './swap.anatomy.ts' diff --git a/packages/solid/src/components/swap/use-swap-context.ts b/packages/solid/src/components/swap/use-swap-context.ts index af4d395d31..0c9e9074e3 100644 --- a/packages/solid/src/components/swap/use-swap-context.ts +++ b/packages/solid/src/components/swap/use-swap-context.ts @@ -1,6 +1,6 @@ import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' -import type { UseSwapReturn } from './use-swap' +import { createContext } from '../../utils/create-context.ts' +import type { UseSwapReturn } from './use-swap.ts' export interface UseSwapContext extends Accessor {} diff --git a/packages/solid/src/components/swap/use-swap.ts b/packages/solid/src/components/swap/use-swap.ts index e31d6350cf..92c866208c 100644 --- a/packages/solid/src/components/swap/use-swap.ts +++ b/packages/solid/src/components/swap/use-swap.ts @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import { type Accessor, createMemo } from 'solid-js' -import type { MaybeAccessor } from '../../types' -import type { RenderStrategyProps } from '../../utils/render-strategy' -import { runIfFn } from '../../utils/run-if-fn' -import type { HTMLProps } from '../factory' -import { type UsePresenceReturn, usePresence } from '../presence/use-presence' -import { parts } from './swap.anatomy' +import type { MaybeAccessor } from '../../types.ts' +import type { RenderStrategyProps } from '../../utils/render-strategy.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import type { HTMLProps } from '../factory.tsx' +import { type UsePresenceReturn, usePresence } from '../presence/use-presence.ts' +import { parts } from './swap.anatomy.ts' export interface UseSwapProps extends RenderStrategyProps { /** diff --git a/packages/solid/src/components/switch/index.tsx b/packages/solid/src/components/switch/index.tsx index 616cb64c81..ef5ceff1cf 100644 --- a/packages/solid/src/components/switch/index.tsx +++ b/packages/solid/src/components/switch/index.tsx @@ -1,17 +1,21 @@ export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch' -export { SwitchContext, type SwitchContextProps } from './switch-context' -export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps } from './switch-control' -export { SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps } from './switch-hidden-input' -export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps } from './switch-label' -export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps } from './switch-root' +export { SwitchContext, type SwitchContextProps } from './switch-context.tsx' +export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps } from './switch-control.tsx' +export { + SwitchHiddenInput, + type SwitchHiddenInputBaseProps, + type SwitchHiddenInputProps, +} from './switch-hidden-input.tsx' +export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps } from './switch-label.tsx' +export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps } from './switch-root.tsx' export { SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, -} from './switch-root-provider' -export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps } from './switch-thumb' -export { switchAnatomy } from './switch.anatomy' -export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch' -export { useSwitchContext, type UseSwitchContext } from './use-switch-context' +} from './switch-root-provider.tsx' +export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps } from './switch-thumb.tsx' +export { switchAnatomy } from './switch.anatomy.ts' +export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch.ts' +export { useSwitchContext, type UseSwitchContext } from './use-switch-context.ts' -export * as Switch from './switch' +export * as Switch from './switch.ts' diff --git a/packages/solid/src/components/switch/switch-context.tsx b/packages/solid/src/components/switch/switch-context.tsx index 25b2ff2983..1766201247 100644 --- a/packages/solid/src/components/switch/switch-context.tsx +++ b/packages/solid/src/components/switch/switch-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseSwitchContext, useSwitchContext } from './use-switch-context' +import { type UseSwitchContext, useSwitchContext } from './use-switch-context.ts' export interface SwitchContextProps { children: (context: UseSwitchContext) => JSX.Element diff --git a/packages/solid/src/components/switch/switch-control.tsx b/packages/solid/src/components/switch/switch-control.tsx index 188645b461..5e45adef52 100644 --- a/packages/solid/src/components/switch/switch-control.tsx +++ b/packages/solid/src/components/switch/switch-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchControlBaseProps extends PolymorphicProps<'span'> {} export interface SwitchControlProps extends HTMLProps<'span'>, SwitchControlBaseProps {} diff --git a/packages/solid/src/components/switch/switch-hidden-input.tsx b/packages/solid/src/components/switch/switch-hidden-input.tsx index cf918d06d6..e7c6c443b0 100644 --- a/packages/solid/src/components/switch/switch-hidden-input.tsx +++ b/packages/solid/src/components/switch/switch-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface SwitchHiddenInputProps extends HTMLProps<'input'>, SwitchHiddenInputBaseProps {} diff --git a/packages/solid/src/components/switch/switch-label.tsx b/packages/solid/src/components/switch/switch-label.tsx index b38a0af21d..2450d2e516 100644 --- a/packages/solid/src/components/switch/switch-label.tsx +++ b/packages/solid/src/components/switch/switch-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchLabelBaseProps extends PolymorphicProps<'span'> {} export interface SwitchLabelProps extends HTMLProps<'span'>, SwitchLabelBaseProps {} diff --git a/packages/solid/src/components/switch/switch-root-provider.tsx b/packages/solid/src/components/switch/switch-root-provider.tsx index 94a99be2c4..14348cee51 100644 --- a/packages/solid/src/components/switch/switch-root-provider.tsx +++ b/packages/solid/src/components/switch/switch-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseSwitchReturn } from './use-switch' -import { SwitchProvider } from './use-switch-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseSwitchReturn } from './use-switch.ts' +import { SwitchProvider } from './use-switch-context.ts' interface RootProviderProps { value: UseSwitchReturn diff --git a/packages/solid/src/components/switch/switch-root.tsx b/packages/solid/src/components/switch/switch-root.tsx index abbd55f10e..d4af0932a9 100644 --- a/packages/solid/src/components/switch/switch-root.tsx +++ b/packages/solid/src/components/switch/switch-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseSwitchProps, useSwitch } from './use-switch' -import { SwitchProvider } from './use-switch-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseSwitchProps, useSwitch } from './use-switch.ts' +import { SwitchProvider } from './use-switch-context.ts' export interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps<'label'> {} export interface SwitchRootProps extends HTMLProps<'label'>, SwitchRootBaseProps {} diff --git a/packages/solid/src/components/switch/switch-thumb.tsx b/packages/solid/src/components/switch/switch-thumb.tsx index d985d775d2..383f9e1376 100644 --- a/packages/solid/src/components/switch/switch-thumb.tsx +++ b/packages/solid/src/components/switch/switch-thumb.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useSwitchContext } from './use-switch-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useSwitchContext } from './use-switch-context.ts' export interface SwitchThumbBaseProps extends PolymorphicProps<'span'> {} export interface SwitchThumbProps extends HTMLProps<'span'>, SwitchThumbBaseProps {} diff --git a/packages/solid/src/components/switch/switch.stories.tsx b/packages/solid/src/components/switch/switch.stories.tsx index c72bf9e41c..badbf9027e 100644 --- a/packages/solid/src/components/switch/switch.stories.tsx +++ b/packages/solid/src/components/switch/switch.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { InitialChecked } from './examples/initial-checked' -export { Context } from './examples/context' -export { RootProvider } from './examples/root-provider' -export { WithField } from './examples/with-field' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { InitialChecked } from './examples/initial-checked.tsx' +export { Context } from './examples/context.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/switch/switch.ts b/packages/solid/src/components/switch/switch.ts index d90d9f4192..dcd4e0de4a 100644 --- a/packages/solid/src/components/switch/switch.ts +++ b/packages/solid/src/components/switch/switch.ts @@ -1,32 +1,32 @@ export type { CheckedChangeDetails } from '@zag-js/switch' -export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context' +export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context.tsx' export { SwitchControl as Control, type SwitchControlBaseProps as ControlBaseProps, type SwitchControlProps as ControlProps, -} from './switch-control' +} from './switch-control.tsx' export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputBaseProps as HiddenInputBaseProps, type SwitchHiddenInputProps as HiddenInputProps, -} from './switch-hidden-input' +} from './switch-hidden-input.tsx' export { SwitchLabel as Label, type SwitchLabelBaseProps as LabelBaseProps, type SwitchLabelProps as LabelProps, -} from './switch-label' +} from './switch-label.tsx' export { SwitchRoot as Root, type SwitchRootBaseProps as RootBaseProps, type SwitchRootProps as RootProps, -} from './switch-root' +} from './switch-root.tsx' export { SwitchRootProvider as RootProvider, type SwitchRootProviderBaseProps as RootProviderBaseProps, type SwitchRootProviderProps as RootProviderProps, -} from './switch-root-provider' +} from './switch-root-provider.tsx' export { SwitchThumb as Thumb, type SwitchThumbBaseProps as ThumbBaseProps, type SwitchThumbProps as ThumbProps, -} from './switch-thumb' +} from './switch-thumb.tsx' diff --git a/packages/solid/src/components/switch/tests/basic.tsx b/packages/solid/src/components/switch/tests/basic.tsx index 7b8f331f6d..75655d7c2f 100644 --- a/packages/solid/src/components/switch/tests/basic.tsx +++ b/packages/solid/src/components/switch/tests/basic.tsx @@ -1,5 +1,5 @@ import { Field } from '@ark-ui/solid/field' -import { Switch } from '../' +import { Switch } from '../index.tsx' export const ComponentUnderTest = (props: Switch.RootProps) => { return ( diff --git a/packages/solid/src/components/switch/tests/switch.test.tsx b/packages/solid/src/components/switch/tests/switch.test.tsx index 6711095564..e790b70b8b 100644 --- a/packages/solid/src/components/switch/tests/switch.test.tsx +++ b/packages/solid/src/components/switch/tests/switch.test.tsx @@ -1,6 +1,6 @@ import { render, screen } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest, SwitchWithField } from './basic' +import { ComponentUnderTest, SwitchWithField } from './basic.tsx' describe('Switch', () => { it('should toggle state when clicked', async () => { diff --git a/packages/solid/src/components/switch/use-switch-context.ts b/packages/solid/src/components/switch/use-switch-context.ts index 3690b50b48..29400fd9a8 100644 --- a/packages/solid/src/components/switch/use-switch-context.ts +++ b/packages/solid/src/components/switch/use-switch-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseSwitchReturn } from './use-switch' +import { createContext } from '../../utils/create-context.ts' +import type { UseSwitchReturn } from './use-switch.ts' export interface UseSwitchContext extends UseSwitchReturn {} diff --git a/packages/solid/src/components/switch/use-switch.ts b/packages/solid/src/components/switch/use-switch.ts index 974e19f241..d105dc6564 100644 --- a/packages/solid/src/components/switch/use-switch.ts +++ b/packages/solid/src/components/switch/use-switch.ts @@ -1,10 +1,10 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as zagSwitch from '@zag-js/switch' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseSwitchProps extends Optional, 'id'> {} export interface UseSwitchReturn extends Accessor> {} diff --git a/packages/solid/src/components/tabs/index.tsx b/packages/solid/src/components/tabs/index.tsx index 0d95f87e16..1169239822 100644 --- a/packages/solid/src/components/tabs/index.tsx +++ b/packages/solid/src/components/tabs/index.tsx @@ -2,15 +2,15 @@ export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs' -export { TabContent, type TabContentBaseProps, type TabContentProps } from './tab-content' -export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps } from './tab-indicator' -export { TabList, type TabListBaseProps, type TabListProps } from './tab-list' -export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps } from './tab-trigger' -export { TabsContext, type TabsContextProps } from './tabs-context' -export { TabsRoot, type TabsRootBaseProps, type TabsRootProps } from './tabs-root' -export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps } from './tabs-root-provider' -export { tabsAnatomy } from './tabs.anatomy' -export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs' -export { useTabsContext, type UseTabsContext } from './use-tabs-context' +export { TabContent, type TabContentBaseProps, type TabContentProps } from './tab-content.tsx' +export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps } from './tab-indicator.tsx' +export { TabList, type TabListBaseProps, type TabListProps } from './tab-list.tsx' +export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps } from './tab-trigger.tsx' +export { TabsContext, type TabsContextProps } from './tabs-context.tsx' +export { TabsRoot, type TabsRootBaseProps, type TabsRootProps } from './tabs-root.tsx' +export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps } from './tabs-root-provider.tsx' +export { tabsAnatomy } from './tabs.anatomy.ts' +export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs.ts' +export { useTabsContext, type UseTabsContext } from './use-tabs-context.ts' -export * as Tabs from './tabs' +export * as Tabs from './tabs.ts' diff --git a/packages/solid/src/components/tabs/tab-content.tsx b/packages/solid/src/components/tabs/tab-content.tsx index 15baa46781..5ea8c32ba5 100644 --- a/packages/solid/src/components/tabs/tab-content.tsx +++ b/packages/solid/src/components/tabs/tab-content.tsx @@ -1,12 +1,12 @@ import { mergeProps } from '@zag-js/solid' import type { ContentProps } from '@zag-js/tabs' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { createSplitProps } from '../../utils/create-split-props' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { PresenceProvider, usePresence } from '../presence' -import { useTabsContext } from './use-tabs-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { PresenceProvider, usePresence } from '../presence/index.tsx' +import { useTabsContext } from './use-tabs-context.ts' export interface TabContentBaseProps extends ContentProps, PolymorphicProps<'div'> {} export interface TabContentProps extends HTMLProps<'div'>, TabContentBaseProps {} diff --git a/packages/solid/src/components/tabs/tab-indicator.tsx b/packages/solid/src/components/tabs/tab-indicator.tsx index f62df644fe..027b98842d 100644 --- a/packages/solid/src/components/tabs/tab-indicator.tsx +++ b/packages/solid/src/components/tabs/tab-indicator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTabsContext } from './use-tabs-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTabsContext } from './use-tabs-context.ts' export interface TabIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface TabIndicatorProps extends HTMLProps<'div'>, TabIndicatorBaseProps {} diff --git a/packages/solid/src/components/tabs/tab-list.tsx b/packages/solid/src/components/tabs/tab-list.tsx index d17c1e150f..b319327ac2 100644 --- a/packages/solid/src/components/tabs/tab-list.tsx +++ b/packages/solid/src/components/tabs/tab-list.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTabsContext } from './use-tabs-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTabsContext } from './use-tabs-context.ts' export interface TabListBaseProps extends PolymorphicProps<'div'> {} export interface TabListProps extends HTMLProps<'div'>, TabListBaseProps {} diff --git a/packages/solid/src/components/tabs/tab-trigger.tsx b/packages/solid/src/components/tabs/tab-trigger.tsx index b106590201..ebe9f6419e 100644 --- a/packages/solid/src/components/tabs/tab-trigger.tsx +++ b/packages/solid/src/components/tabs/tab-trigger.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/tabs' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTabsContext } from './use-tabs-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTabsContext } from './use-tabs-context.ts' export interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface TabTriggerProps extends Assign, TabTriggerBaseProps> {} diff --git a/packages/solid/src/components/tabs/tabs-context.tsx b/packages/solid/src/components/tabs/tabs-context.tsx index 848d7adc90..7baa1d23bd 100644 --- a/packages/solid/src/components/tabs/tabs-context.tsx +++ b/packages/solid/src/components/tabs/tabs-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseTabsContext, useTabsContext } from './use-tabs-context' +import { type UseTabsContext, useTabsContext } from './use-tabs-context.ts' export interface TabsContextProps { children: (context: UseTabsContext) => JSX.Element diff --git a/packages/solid/src/components/tabs/tabs-root-provider.tsx b/packages/solid/src/components/tabs/tabs-root-provider.tsx index c4a364d0b5..57af098b50 100644 --- a/packages/solid/src/components/tabs/tabs-root-provider.tsx +++ b/packages/solid/src/components/tabs/tabs-root-provider.tsx @@ -1,9 +1,13 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTabsReturn } from './use-tabs' -import { TabsProvider } from './use-tabs-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseTabsReturn } from './use-tabs.ts' +import { TabsProvider } from './use-tabs-context.ts' interface RootProviderProps { value: UseTabsReturn diff --git a/packages/solid/src/components/tabs/tabs-root.tsx b/packages/solid/src/components/tabs/tabs-root.tsx index d2b906bfe3..9ac68a6f92 100644 --- a/packages/solid/src/components/tabs/tabs-root.tsx +++ b/packages/solid/src/components/tabs/tabs-root.tsx @@ -1,9 +1,13 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTabsProps, useTabs } from './use-tabs' -import { TabsProvider } from './use-tabs-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseTabsProps, useTabs } from './use-tabs.ts' +import { TabsProvider } from './use-tabs-context.ts' export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps<'div'> {} export interface TabsRootProps extends HTMLProps<'div'>, TabsRootBaseProps {} diff --git a/packages/solid/src/components/tabs/tabs.stories.tsx b/packages/solid/src/components/tabs/tabs.stories.tsx index cf83fb0dbb..2b22dc2e20 100644 --- a/packages/solid/src/components/tabs/tabs.stories.tsx +++ b/packages/solid/src/components/tabs/tabs.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { DisabledTab } from './examples/disabled-tab' -export { Indicator } from './examples/indicator' -export { LazyMount } from './examples/lazy-mount' -export { ManualActivation } from './examples/manual-activation' -export { RootProvider } from './examples/root-provider' -export { Vertical } from './examples/vertical' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { DisabledTab } from './examples/disabled-tab.tsx' +export { Indicator } from './examples/indicator.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { ManualActivation } from './examples/manual-activation.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Vertical } from './examples/vertical.tsx' diff --git a/packages/solid/src/components/tabs/tabs.ts b/packages/solid/src/components/tabs/tabs.ts index 2b1c258984..249bda2fc7 100644 --- a/packages/solid/src/components/tabs/tabs.ts +++ b/packages/solid/src/components/tabs/tabs.ts @@ -3,22 +3,26 @@ export { TabContent as Content, type TabContentBaseProps as ContentBaseProps, type TabContentProps as ContentProps, -} from './tab-content' +} from './tab-content.tsx' export { TabIndicator as Indicator, type TabIndicatorBaseProps as IndicatorBaseProps, type TabIndicatorProps as IndicatorProps, -} from './tab-indicator' -export { TabList as List, type TabListBaseProps as ListBaseProps, type TabListProps as ListProps } from './tab-list' +} from './tab-indicator.tsx' +export { TabList as List, type TabListBaseProps as ListBaseProps, type TabListProps as ListProps } from './tab-list.tsx' export { TabTrigger as Trigger, type TabTriggerBaseProps as TriggerBaseProps, type TabTriggerProps as TriggerProps, -} from './tab-trigger' -export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context' -export { TabsRoot as Root, type TabsRootBaseProps as RootBaseProps, type TabsRootProps as RootProps } from './tabs-root' +} from './tab-trigger.tsx' +export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context.tsx' +export { + TabsRoot as Root, + type TabsRootBaseProps as RootBaseProps, + type TabsRootProps as RootProps, +} from './tabs-root.tsx' export { TabsRootProvider as RootProvider, type TabsRootProviderBaseProps as RootProviderBaseProps, type TabsRootProviderProps as RootProviderProps, -} from './tabs-root-provider' +} from './tabs-root-provider.tsx' diff --git a/packages/solid/src/components/tabs/tests/basic.tsx b/packages/solid/src/components/tabs/tests/basic.tsx index 5a4b952575..80ad6984fc 100644 --- a/packages/solid/src/components/tabs/tests/basic.tsx +++ b/packages/solid/src/components/tabs/tests/basic.tsx @@ -1,5 +1,5 @@ import { For } from 'solid-js' -import { Tabs } from '../' +import { Tabs } from '../index.tsx' export const ComponentUnderTest = (props: Tabs.RootProps) => { const items = [{ value: 'React' }, { value: 'Solid' }, { value: 'Svelte', disabled: true }, { value: 'Vue' }] diff --git a/packages/solid/src/components/tabs/tests/tabs.test.tsx b/packages/solid/src/components/tabs/tests/tabs.test.tsx index db6708c4d4..ce544cf9f9 100644 --- a/packages/solid/src/components/tabs/tests/tabs.test.tsx +++ b/packages/solid/src/components/tabs/tests/tabs.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Tabs', () => { it('should activate tab on click', async () => { diff --git a/packages/solid/src/components/tabs/use-tabs-context.ts b/packages/solid/src/components/tabs/use-tabs-context.ts index c9b15b80bc..3e1204be54 100644 --- a/packages/solid/src/components/tabs/use-tabs-context.ts +++ b/packages/solid/src/components/tabs/use-tabs-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseTabsReturn } from './use-tabs' +import { createContext } from '../../utils/create-context.ts' +import type { UseTabsReturn } from './use-tabs.ts' export interface UseTabsContext extends UseTabsReturn {} diff --git a/packages/solid/src/components/tabs/use-tabs.ts b/packages/solid/src/components/tabs/use-tabs.ts index 88cdeebfcd..2e8406e463 100644 --- a/packages/solid/src/components/tabs/use-tabs.ts +++ b/packages/solid/src/components/tabs/use-tabs.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as tabs from '@zag-js/tabs' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseTabsProps extends Optional, 'id'> {} export interface UseTabsReturn extends Accessor> {} diff --git a/packages/solid/src/components/tags-input/index.tsx b/packages/solid/src/components/tags-input/index.tsx index 8f545ac37f..c698303552 100644 --- a/packages/solid/src/components/tags-input/index.tsx +++ b/packages/solid/src/components/tags-input/index.tsx @@ -11,43 +11,47 @@ export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, -} from './tags-input-clear-trigger' -export { TagsInputContext, type TagsInputContextProps } from './tags-input-context' -export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control' +} from './tags-input-clear-trigger.tsx' +export { TagsInputContext, type TagsInputContextProps } from './tags-input-context.tsx' +export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control.tsx' export { TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, -} from './tags-input-hidden-input' -export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps } from './tags-input-input' -export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps } from './tags-input-item' -export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context' +} from './tags-input-hidden-input.tsx' +export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps } from './tags-input-input.tsx' +export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps } from './tags-input-item.tsx' +export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context.tsx' export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, -} from './tags-input-item-delete-trigger' +} from './tags-input-item-delete-trigger.tsx' export { TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, -} from './tags-input-item-input' +} from './tags-input-item-input.tsx' export { TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, -} from './tags-input-item-preview' -export { TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps } from './tags-input-item-text' -export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps } from './tags-input-label' -export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps } from './tags-input-root' +} from './tags-input-item-preview.tsx' +export { + TagsInputItemText, + type TagsInputItemTextBaseProps, + type TagsInputItemTextProps, +} from './tags-input-item-text.tsx' +export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps } from './tags-input-label.tsx' +export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps } from './tags-input-root.tsx' export { TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, -} from './tags-input-root-provider' -export { tagsInputAnatomy } from './tags-input.anatomy' -export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input' -export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context' -export { useTagsInputItemContext, type UseTagsInputItemContext } from './use-tags-input-item-context' +} from './tags-input-root-provider.tsx' +export { tagsInputAnatomy } from './tags-input.anatomy.ts' +export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input.ts' +export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context.ts' +export { useTagsInputItemContext, type UseTagsInputItemContext } from './use-tags-input-item-context.ts' -export * as TagsInput from './tags-input' +export * as TagsInput from './tags-input.ts' diff --git a/packages/solid/src/components/tags-input/tags-input-clear-trigger.tsx b/packages/solid/src/components/tags-input/tags-input-clear-trigger.tsx index d49b3650e4..5a0754a3e3 100644 --- a/packages/solid/src/components/tags-input/tags-input-clear-trigger.tsx +++ b/packages/solid/src/components/tags-input/tags-input-clear-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputClearTriggerBaseProps extends PolymorphicProps<'button'> {} export interface TagsInputClearTriggerProps extends HTMLProps<'button'>, TagsInputClearTriggerBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-context.tsx b/packages/solid/src/components/tags-input/tags-input-context.tsx index 06d8d1b846..71c07a6fa7 100644 --- a/packages/solid/src/components/tags-input/tags-input-context.tsx +++ b/packages/solid/src/components/tags-input/tags-input-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context' +import { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputContextProps { children: (context: UseTagsInputContext) => JSX.Element diff --git a/packages/solid/src/components/tags-input/tags-input-control.tsx b/packages/solid/src/components/tags-input/tags-input-control.tsx index d1e0c413cc..92903c99cc 100644 --- a/packages/solid/src/components/tags-input/tags-input-control.tsx +++ b/packages/solid/src/components/tags-input/tags-input-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputControlBaseProps extends PolymorphicProps<'div'> {} export interface TagsInputControlProps extends HTMLProps<'div'>, TagsInputControlBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-hidden-input.tsx b/packages/solid/src/components/tags-input/tags-input-hidden-input.tsx index 515e49be85..115a2d67f5 100644 --- a/packages/solid/src/components/tags-input/tags-input-hidden-input.tsx +++ b/packages/solid/src/components/tags-input/tags-input-hidden-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useFieldContext } from '../field' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useFieldContext } from '../field/index.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputHiddenInputBaseProps extends PolymorphicProps<'input'> {} export interface TagsInputHiddenInputProps extends HTMLProps<'input'>, TagsInputHiddenInputBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-input.tsx b/packages/solid/src/components/tags-input/tags-input-input.tsx index 1d01ce8713..0de3211a4a 100644 --- a/packages/solid/src/components/tags-input/tags-input-input.tsx +++ b/packages/solid/src/components/tags-input/tags-input-input.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputInputBaseProps extends PolymorphicProps<'input'> {} export interface TagsInputInputProps extends HTMLProps<'input'>, TagsInputInputBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-item-context.tsx b/packages/solid/src/components/tags-input/tags-input-item-context.tsx index e54d0a8b0c..3b92def539 100644 --- a/packages/solid/src/components/tags-input/tags-input-item-context.tsx +++ b/packages/solid/src/components/tags-input/tags-input-item-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseTagsInputItemContext, useTagsInputItemContext } from './use-tags-input-item-context' +import { type UseTagsInputItemContext, useTagsInputItemContext } from './use-tags-input-item-context.ts' export interface TagsInputItemContextProps { children: (context: UseTagsInputItemContext) => JSX.Element diff --git a/packages/solid/src/components/tags-input/tags-input-item-delete-trigger.tsx b/packages/solid/src/components/tags-input/tags-input-item-delete-trigger.tsx index 6729119721..f34c072106 100644 --- a/packages/solid/src/components/tags-input/tags-input-item-delete-trigger.tsx +++ b/packages/solid/src/components/tags-input/tags-input-item-delete-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps<'button'> {} export interface TagsInputItemDeleteTriggerProps extends HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-item-input.tsx b/packages/solid/src/components/tags-input/tags-input-item-input.tsx index cd630e38b0..fa15244252 100644 --- a/packages/solid/src/components/tags-input/tags-input-item-input.tsx +++ b/packages/solid/src/components/tags-input/tags-input-item-input.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemInputBaseProps extends PolymorphicProps<'input'> {} export interface TagsInputItemInputProps extends HTMLProps<'input'>, TagsInputItemInputBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-item-preview.tsx b/packages/solid/src/components/tags-input/tags-input-item-preview.tsx index cd4d0ac166..0043b918b0 100644 --- a/packages/solid/src/components/tags-input/tags-input-item-preview.tsx +++ b/packages/solid/src/components/tags-input/tags-input-item-preview.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemPreviewBaseProps extends PolymorphicProps<'div'> {} export interface TagsInputItemPreviewProps extends HTMLProps<'div'>, TagsInputItemPreviewBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-item-text.tsx b/packages/solid/src/components/tags-input/tags-input-item-text.tsx index ff1e0ab767..cf910a421f 100644 --- a/packages/solid/src/components/tags-input/tags-input-item-text.tsx +++ b/packages/solid/src/components/tags-input/tags-input-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { useTagsInputItemPropsContext } from './use-tags-input-item-props-context.ts' export interface TagsInputItemTextBaseProps extends PolymorphicProps<'span'> {} export interface TagsInputItemTextProps extends HTMLProps<'span'>, TagsInputItemTextBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-item.tsx b/packages/solid/src/components/tags-input/tags-input-item.tsx index 3ce3a34cfb..0c7f4c26e9 100644 --- a/packages/solid/src/components/tags-input/tags-input-item.tsx +++ b/packages/solid/src/components/tags-input/tags-input-item.tsx @@ -1,11 +1,11 @@ import { mergeProps } from '@zag-js/solid' import type { ItemProps } from '@zag-js/tags-input' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' -import { TagsInputItemProvider } from './use-tags-input-item-context' -import { TagsInputItemPropsProvider } from './use-tags-input-item-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' +import { TagsInputItemProvider } from './use-tags-input-item-context.ts' +import { TagsInputItemPropsProvider } from './use-tags-input-item-props-context.ts' export interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface TagsInputItemProps extends HTMLProps<'div'>, TagsInputItemBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-label.tsx b/packages/solid/src/components/tags-input/tags-input-label.tsx index 2b7855a423..93d0f889ed 100644 --- a/packages/solid/src/components/tags-input/tags-input-label.tsx +++ b/packages/solid/src/components/tags-input/tags-input-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTagsInputContext } from './use-tags-input-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTagsInputContext } from './use-tags-input-context.ts' export interface TagsInputLabelBaseProps extends PolymorphicProps<'label'> {} export interface TagsInputLabelProps extends HTMLProps<'label'>, TagsInputLabelBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input-root-provider.tsx b/packages/solid/src/components/tags-input/tags-input-root-provider.tsx index e69b1b16eb..93fc795719 100644 --- a/packages/solid/src/components/tags-input/tags-input-root-provider.tsx +++ b/packages/solid/src/components/tags-input/tags-input-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTagsInputReturn } from './use-tags-input' -import { TagsInputProvider } from './use-tags-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseTagsInputReturn } from './use-tags-input.ts' +import { TagsInputProvider } from './use-tags-input-context.ts' interface RootProviderProps { value: UseTagsInputReturn diff --git a/packages/solid/src/components/tags-input/tags-input-root.tsx b/packages/solid/src/components/tags-input/tags-input-root.tsx index 22c453536a..9d54b12f38 100644 --- a/packages/solid/src/components/tags-input/tags-input-root.tsx +++ b/packages/solid/src/components/tags-input/tags-input-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTagsInputProps, useTagsInput } from './use-tags-input' -import { TagsInputProvider } from './use-tags-input-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseTagsInputProps, useTagsInput } from './use-tags-input.ts' +import { TagsInputProvider } from './use-tags-input-context.ts' export interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps<'div'> {} export interface TagsInputRootProps extends HTMLProps<'div'>, TagsInputRootBaseProps {} diff --git a/packages/solid/src/components/tags-input/tags-input.stories.tsx b/packages/solid/src/components/tags-input/tags-input.stories.tsx index f88653551c..623b788162 100644 --- a/packages/solid/src/components/tags-input/tags-input.stories.tsx +++ b/packages/solid/src/components/tags-input/tags-input.stories.tsx @@ -6,22 +6,22 @@ const meta: Meta = { export default meta -export { AllowDuplicates } from './examples/allow-duplicates' -export { Basic } from './examples/basic' -export { BlurBehavior } from './examples/blur-behavior' -export { Controlled } from './examples/controlled' -export { ControlledInputValue } from './examples/controlled-input-value' -export { Delimiter } from './examples/delimiter' -export { Disabled } from './examples/disabled' -export { DisabledEditing } from './examples/disabled-editing' -export { Invalid } from './examples/invalid' -export { MaxTagLength } from './examples/max-tag-length' -export { MaxWithOverflow } from './examples/max-with-overflow' -export { PasteBehavior } from './examples/paste-behavior' -export { ProgrammaticControl } from './examples/programmatic-control' -export { Readonly } from './examples/readonly' -export { RootProvider } from './examples/root-provider' -export { SanitizeValue } from './examples/sanitize-value' -export { Validation } from './examples/validation' -export { WithCombobox } from './examples/with-combobox' -export { WithField } from './examples/with-field' +export { AllowDuplicates } from './examples/allow-duplicates.tsx' +export { Basic } from './examples/basic.tsx' +export { BlurBehavior } from './examples/blur-behavior.tsx' +export { Controlled } from './examples/controlled.tsx' +export { ControlledInputValue } from './examples/controlled-input-value.tsx' +export { Delimiter } from './examples/delimiter.tsx' +export { Disabled } from './examples/disabled.tsx' +export { DisabledEditing } from './examples/disabled-editing.tsx' +export { Invalid } from './examples/invalid.tsx' +export { MaxTagLength } from './examples/max-tag-length.tsx' +export { MaxWithOverflow } from './examples/max-with-overflow.tsx' +export { PasteBehavior } from './examples/paste-behavior.tsx' +export { ProgrammaticControl } from './examples/programmatic-control.tsx' +export { Readonly } from './examples/readonly.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { SanitizeValue } from './examples/sanitize-value.tsx' +export { Validation } from './examples/validation.tsx' +export { WithCombobox } from './examples/with-combobox.tsx' +export { WithField } from './examples/with-field.tsx' diff --git a/packages/solid/src/components/tags-input/tags-input.ts b/packages/solid/src/components/tags-input/tags-input.ts index 78da8a7291..65ee7ed863 100644 --- a/packages/solid/src/components/tags-input/tags-input.ts +++ b/packages/solid/src/components/tags-input/tags-input.ts @@ -11,64 +11,64 @@ export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, type TagsInputClearTriggerProps as ClearTriggerProps, -} from './tags-input-clear-trigger' -export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context' +} from './tags-input-clear-trigger.tsx' +export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.tsx' export { TagsInputControl as Control, type TagsInputControlBaseProps as ControlBaseProps, type TagsInputControlProps as ControlProps, -} from './tags-input-control' +} from './tags-input-control.tsx' export { TagsInputHiddenInput as HiddenInput, type TagsInputHiddenInputBaseProps as HiddenInputBaseProps, type TagsInputHiddenInputProps as HiddenInputProps, -} from './tags-input-hidden-input' +} from './tags-input-hidden-input.tsx' export { TagsInputInput as Input, type TagsInputInputBaseProps as InputBaseProps, type TagsInputInputProps as InputProps, -} from './tags-input-input' +} from './tags-input-input.tsx' export { TagsInputItem as Item, type TagsInputItemBaseProps as ItemBaseProps, type TagsInputItemProps as ItemProps, -} from './tags-input-item' +} from './tags-input-item.tsx' export { TagsInputItemContext as ItemContext, type TagsInputItemContextProps as ItemContextProps, -} from './tags-input-item-context' +} from './tags-input-item-context.tsx' export { TagsInputItemDeleteTrigger as ItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps as ItemDeleteTriggerProps, -} from './tags-input-item-delete-trigger' +} from './tags-input-item-delete-trigger.tsx' export { TagsInputItemInput as ItemInput, type TagsInputItemInputBaseProps as ItemInputBaseProps, type TagsInputItemInputProps as ItemInputProps, -} from './tags-input-item-input' +} from './tags-input-item-input.tsx' export { TagsInputItemPreview as ItemPreview, type TagsInputItemPreviewBaseProps as ItemPreviewBaseProps, type TagsInputItemPreviewProps as ItemPreviewProps, -} from './tags-input-item-preview' +} from './tags-input-item-preview.tsx' export { TagsInputItemText as ItemText, type TagsInputItemTextBaseProps as ItemTextBaseProps, type TagsInputItemTextProps as ItemTextProps, -} from './tags-input-item-text' +} from './tags-input-item-text.tsx' export { TagsInputLabel as Label, type TagsInputLabelBaseProps as LabelBaseProps, type TagsInputLabelProps as LabelProps, -} from './tags-input-label' +} from './tags-input-label.tsx' export { TagsInputRoot as Root, type TagsInputRootBaseProps as RootBaseProps, type TagsInputRootProps as RootProps, -} from './tags-input-root' +} from './tags-input-root.tsx' export { TagsInputRootProvider as RootProvider, type TagsInputRootProviderBaseProps as RootProviderBaseProps, type TagsInputRootProviderProps as RootProviderProps, -} from './tags-input-root-provider' +} from './tags-input-root-provider.tsx' diff --git a/packages/solid/src/components/tags-input/tests/basic.tsx b/packages/solid/src/components/tags-input/tests/basic.tsx index 1e66ce84e5..d712f21de4 100644 --- a/packages/solid/src/components/tags-input/tests/basic.tsx +++ b/packages/solid/src/components/tags-input/tests/basic.tsx @@ -1,6 +1,6 @@ import { Index } from 'solid-js' -import { Field } from '../../field' -import { TagsInput } from '../' +import { Field } from '../../field/index.tsx' +import { TagsInput } from '../index.tsx' export const ComponentUnderTest = (props: TagsInput.RootProps) => { return ( diff --git a/packages/solid/src/components/tags-input/tests/tags-input.test.tsx b/packages/solid/src/components/tags-input/tests/tags-input.test.tsx index 1f4145f890..6d3de798e2 100644 --- a/packages/solid/src/components/tags-input/tests/tags-input.test.tsx +++ b/packages/solid/src/components/tags-input/tests/tags-input.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest, TagsInputWithField } from './basic' +import { ComponentUnderTest, TagsInputWithField } from './basic.tsx' describe('TagsInput', () => { it('should allow to add a new item', async () => { diff --git a/packages/solid/src/components/tags-input/use-tags-input-context.ts b/packages/solid/src/components/tags-input/use-tags-input-context.ts index cec402d929..8429421c05 100644 --- a/packages/solid/src/components/tags-input/use-tags-input-context.ts +++ b/packages/solid/src/components/tags-input/use-tags-input-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseTagsInputReturn } from './use-tags-input' +import { createContext } from '../../utils/create-context.ts' +import type { UseTagsInputReturn } from './use-tags-input.ts' export interface UseTagsInputContext extends UseTagsInputReturn {} diff --git a/packages/solid/src/components/tags-input/use-tags-input-item-context.ts b/packages/solid/src/components/tags-input/use-tags-input-item-context.ts index b84f3ff189..536bff7c06 100644 --- a/packages/solid/src/components/tags-input/use-tags-input-item-context.ts +++ b/packages/solid/src/components/tags-input/use-tags-input-item-context.ts @@ -1,6 +1,6 @@ import type { ItemState } from '@zag-js/tags-input' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTagsInputItemContext extends Accessor {} diff --git a/packages/solid/src/components/tags-input/use-tags-input-item-props-context.ts b/packages/solid/src/components/tags-input/use-tags-input-item-props-context.ts index 24fdbb437e..1ab1a8e482 100644 --- a/packages/solid/src/components/tags-input/use-tags-input-item-props-context.ts +++ b/packages/solid/src/components/tags-input/use-tags-input-item-props-context.ts @@ -1,5 +1,5 @@ import type { ItemProps } from '@zag-js/tags-input' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export const [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext({ hookName: 'useTagsInputItemPropsContext', diff --git a/packages/solid/src/components/tags-input/use-tags-input.ts b/packages/solid/src/components/tags-input/use-tags-input.ts index 7f1b8ce245..728763cb9d 100644 --- a/packages/solid/src/components/tags-input/use-tags-input.ts +++ b/packages/solid/src/components/tags-input/use-tags-input.ts @@ -1,10 +1,10 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as tagsInput from '@zag-js/tags-input' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useFieldContext } from '../field' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useFieldContext } from '../field/index.tsx' export interface UseTagsInputProps extends Optional, 'id'> {} export interface UseTagsInputReturn extends Accessor> {} diff --git a/packages/solid/src/components/timer/index.tsx b/packages/solid/src/components/timer/index.tsx index 8fe079fae1..3bfd475c27 100644 --- a/packages/solid/src/components/timer/index.tsx +++ b/packages/solid/src/components/timer/index.tsx @@ -2,16 +2,20 @@ export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, -} from './timer-action-trigger' -export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area' -export { TimerContext, type TimerContextProps } from './timer-context' -export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control' -export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item' -export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root' -export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps } from './timer-root-provider' -export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps } from './timer-separator' -export { timerAnatomy } from './timer.anatomy' -export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer' -export { useTimerContext, type UseTimerContext } from './use-timer-context' +} from './timer-action-trigger.tsx' +export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area.tsx' +export { TimerContext, type TimerContextProps } from './timer-context.tsx' +export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control.tsx' +export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item.tsx' +export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root.tsx' +export { + TimerRootProvider, + type TimerRootProviderBaseProps, + type TimerRootProviderProps, +} from './timer-root-provider.tsx' +export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps } from './timer-separator.tsx' +export { timerAnatomy } from './timer.anatomy.ts' +export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer.ts' +export { useTimerContext, type UseTimerContext } from './use-timer-context.ts' -export * as Timer from './timer' +export * as Timer from './timer.ts' diff --git a/packages/solid/src/components/timer/timer-action-trigger.tsx b/packages/solid/src/components/timer/timer-action-trigger.tsx index f13adde834..73e494fce8 100644 --- a/packages/solid/src/components/timer/timer-action-trigger.tsx +++ b/packages/solid/src/components/timer/timer-action-trigger.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { ActionTriggerProps } from '@zag-js/timer' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTimerContext } from './use-timer-context.ts' export interface TimerActionTriggerBaseProps extends ActionTriggerProps, PolymorphicProps<'button'> {} export interface TimerActionTriggerProps extends HTMLProps<'button'>, TimerActionTriggerBaseProps {} diff --git a/packages/solid/src/components/timer/timer-area.tsx b/packages/solid/src/components/timer/timer-area.tsx index dc384291d0..2639e9749c 100644 --- a/packages/solid/src/components/timer/timer-area.tsx +++ b/packages/solid/src/components/timer/timer-area.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTimerContext } from './use-timer-context.ts' export interface TimerAreaBaseProps extends PolymorphicProps<'div'> {} export interface TimerAreaProps extends HTMLProps<'div'>, TimerAreaBaseProps {} diff --git a/packages/solid/src/components/timer/timer-context.tsx b/packages/solid/src/components/timer/timer-context.tsx index a3598d7be4..cfd937fb5c 100644 --- a/packages/solid/src/components/timer/timer-context.tsx +++ b/packages/solid/src/components/timer/timer-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseTimerContext, useTimerContext } from './use-timer-context' +import { type UseTimerContext, useTimerContext } from './use-timer-context.ts' export interface TimerContextProps { children: (context: UseTimerContext) => JSX.Element diff --git a/packages/solid/src/components/timer/timer-control.tsx b/packages/solid/src/components/timer/timer-control.tsx index eaba10f1d2..cebe4474ea 100644 --- a/packages/solid/src/components/timer/timer-control.tsx +++ b/packages/solid/src/components/timer/timer-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTimerContext } from './use-timer-context.ts' export interface TimerControlBaseProps extends PolymorphicProps<'div'> {} export interface TimerControlProps extends HTMLProps<'div'>, TimerControlBaseProps {} diff --git a/packages/solid/src/components/timer/timer-item.tsx b/packages/solid/src/components/timer/timer-item.tsx index f488f061c3..8942a4367f 100644 --- a/packages/solid/src/components/timer/timer-item.tsx +++ b/packages/solid/src/components/timer/timer-item.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { ItemProps } from '@zag-js/timer' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTimerContext } from './use-timer-context.ts' export interface TimerItemBaseProps extends ItemProps, PolymorphicProps<'div'> {} export interface TimerItemProps extends HTMLProps<'div'>, TimerItemBaseProps {} diff --git a/packages/solid/src/components/timer/timer-root-provider.tsx b/packages/solid/src/components/timer/timer-root-provider.tsx index 0bacb7c415..08cddf264c 100644 --- a/packages/solid/src/components/timer/timer-root-provider.tsx +++ b/packages/solid/src/components/timer/timer-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTimerReturn } from './use-timer' -import { TimerProvider } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseTimerReturn } from './use-timer.ts' +import { TimerProvider } from './use-timer-context.ts' interface RootProviderProps { value: UseTimerReturn diff --git a/packages/solid/src/components/timer/timer-root.tsx b/packages/solid/src/components/timer/timer-root.tsx index 795dcd80d2..79130d73e4 100644 --- a/packages/solid/src/components/timer/timer-root.tsx +++ b/packages/solid/src/components/timer/timer-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTimerProps, useTimer } from './use-timer' -import { TimerProvider } from './use-timer-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseTimerProps, useTimer } from './use-timer.ts' +import { TimerProvider } from './use-timer-context.ts' export interface TimerRootBaseProps extends UseTimerProps, PolymorphicProps<'div'> {} export interface TimerRootProps extends HTMLProps<'div'>, TimerRootBaseProps {} diff --git a/packages/solid/src/components/timer/timer-separator.tsx b/packages/solid/src/components/timer/timer-separator.tsx index dea9a4817c..91fa7051c9 100644 --- a/packages/solid/src/components/timer/timer-separator.tsx +++ b/packages/solid/src/components/timer/timer-separator.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTimerContext } from './use-timer-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTimerContext } from './use-timer-context.ts' export interface TimerSeparatorBaseProps extends PolymorphicProps<'div'> {} export interface TimerSeparatorProps extends HTMLProps<'div'>, TimerSeparatorBaseProps {} diff --git a/packages/solid/src/components/timer/timer.stories.tsx b/packages/solid/src/components/timer/timer.stories.tsx index 3408e863a1..3d8348c4e1 100644 --- a/packages/solid/src/components/timer/timer.stories.tsx +++ b/packages/solid/src/components/timer/timer.stories.tsx @@ -6,9 +6,9 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Countdown } from './examples/countdown' -export { Events } from './examples/events' -export { Interval } from './examples/interval' -export { Pomodoro } from './examples/pomodoro' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Countdown } from './examples/countdown.tsx' +export { Events } from './examples/events.tsx' +export { Interval } from './examples/interval.tsx' +export { Pomodoro } from './examples/pomodoro.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/timer/timer.ts b/packages/solid/src/components/timer/timer.ts index 43ddaa37eb..c04703e206 100644 --- a/packages/solid/src/components/timer/timer.ts +++ b/packages/solid/src/components/timer/timer.ts @@ -3,35 +3,35 @@ export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, -} from './timer-action-trigger' +} from './timer-action-trigger.tsx' export { TimerArea as Area, type TimerAreaBaseProps as AreaBaseProps, type TimerAreaProps as AreaProps, -} from './timer-area' -export { TimerContext as Context, type TimerContextProps as ContextProps } from './timer-context' +} from './timer-area.tsx' +export { TimerContext as Context, type TimerContextProps as ContextProps } from './timer-context.tsx' export { TimerControl as Control, type TimerControlBaseProps as ControlBaseProps, type TimerControlProps as ControlProps, -} from './timer-control' +} from './timer-control.tsx' export { TimerItem as Item, type TimerItemBaseProps as ItemBaseProps, type TimerItemProps as ItemProps, -} from './timer-item' +} from './timer-item.tsx' export { TimerRoot as Root, type TimerRootBaseProps as RootBaseProps, type TimerRootProps as RootProps, -} from './timer-root' +} from './timer-root.tsx' export { TimerRootProvider as RootProvider, type TimerRootProviderProps as RootProviderBaseProps, type TimerRootProviderBaseProps as RootProviderProps, -} from './timer-root-provider' +} from './timer-root-provider.tsx' export { TimerSeparator as Separator, type TimerSeparatorBaseProps as SeparatorBaseProps, type TimerSeparatorProps as SeparatorProps, -} from './timer-separator' +} from './timer-separator.tsx' diff --git a/packages/solid/src/components/timer/use-timer-context.ts b/packages/solid/src/components/timer/use-timer-context.ts index 288cdb8b5e..828a448794 100644 --- a/packages/solid/src/components/timer/use-timer-context.ts +++ b/packages/solid/src/components/timer/use-timer-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseTimerReturn } from './use-timer' +import { createContext } from '../../utils/create-context.ts' +import type { UseTimerReturn } from './use-timer.ts' export interface UseTimerContext extends UseTimerReturn {} diff --git a/packages/solid/src/components/timer/use-timer.ts b/packages/solid/src/components/timer/use-timer.ts index b123c25d07..b8eebbd04b 100644 --- a/packages/solid/src/components/timer/use-timer.ts +++ b/packages/solid/src/components/timer/use-timer.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as timer from '@zag-js/timer' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseTimerProps extends Optional, 'id'> {} export interface UseTimerReturn extends Accessor> {} diff --git a/packages/solid/src/components/toast/index.tsx b/packages/solid/src/components/toast/index.tsx index de5d8fddd1..808e1d8576 100644 --- a/packages/solid/src/components/toast/index.tsx +++ b/packages/solid/src/components/toast/index.tsx @@ -7,19 +7,23 @@ export type { StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast' -export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster' +export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster.tsx' export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, -} from './toast-action-trigger' -export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger' -export { ToastContext, type ToastContextProps } from './toast-context' -export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps } from './toast-description' -export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root' -export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title' -export { toastAnatomy } from './toast.anatomy' -export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster' -export { useToastContext, type UseToastContext } from './use-toast-context' +} from './toast-action-trigger.tsx' +export { + ToastCloseTrigger, + type ToastCloseTriggerBaseProps, + type ToastCloseTriggerProps, +} from './toast-close-trigger.tsx' +export { ToastContext, type ToastContextProps } from './toast-context.tsx' +export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps } from './toast-description.tsx' +export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root.tsx' +export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title.tsx' +export { toastAnatomy } from './toast.anatomy.ts' +export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster.tsx' +export { useToastContext, type UseToastContext } from './use-toast-context.ts' -export * as Toast from './toast' +export * as Toast from './toast.ts' diff --git a/packages/solid/src/components/toast/tests/basic.tsx b/packages/solid/src/components/toast/tests/basic.tsx index 0b151b6747..94cfdcb9b6 100644 --- a/packages/solid/src/components/toast/tests/basic.tsx +++ b/packages/solid/src/components/toast/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Toast, Toaster, createToaster } from '../' +import { Toast, Toaster, createToaster } from '../index.tsx' const toaster = createToaster({ placement: 'bottom-end', diff --git a/packages/solid/src/components/toast/tests/toast.test.tsx b/packages/solid/src/components/toast/tests/toast.test.tsx index 895232b56a..e7fbc1565a 100644 --- a/packages/solid/src/components/toast/tests/toast.test.tsx +++ b/packages/solid/src/components/toast/tests/toast.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Toast', () => { it('should show and hide a toast message', async () => { diff --git a/packages/solid/src/components/toast/toast-action-trigger.tsx b/packages/solid/src/components/toast/toast-action-trigger.tsx index f234f8fa66..96eafb982d 100644 --- a/packages/solid/src/components/toast/toast-action-trigger.tsx +++ b/packages/solid/src/components/toast/toast-action-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useToastContext } from './use-toast-context.ts' export interface ToastActionTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ToastActionTriggerProps extends HTMLProps<'button'>, ToastActionTriggerBaseProps {} diff --git a/packages/solid/src/components/toast/toast-close-trigger.tsx b/packages/solid/src/components/toast/toast-close-trigger.tsx index fd0d461177..9108f858bc 100644 --- a/packages/solid/src/components/toast/toast-close-trigger.tsx +++ b/packages/solid/src/components/toast/toast-close-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useToastContext } from './use-toast-context.ts' export interface ToastCloseTriggerBaseProps extends PolymorphicProps<'button'> {} export interface ToastCloseTriggerProps extends HTMLProps<'button'>, ToastCloseTriggerBaseProps {} diff --git a/packages/solid/src/components/toast/toast-context.tsx b/packages/solid/src/components/toast/toast-context.tsx index 2294dc5705..7c2a9d14b4 100644 --- a/packages/solid/src/components/toast/toast-context.tsx +++ b/packages/solid/src/components/toast/toast-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseToastContext, useToastContext } from './use-toast-context' +import { type UseToastContext, useToastContext } from './use-toast-context.ts' export interface ToastContextProps { children: (context: UseToastContext) => JSX.Element diff --git a/packages/solid/src/components/toast/toast-description.tsx b/packages/solid/src/components/toast/toast-description.tsx index e62009628e..671a033534 100644 --- a/packages/solid/src/components/toast/toast-description.tsx +++ b/packages/solid/src/components/toast/toast-description.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useToastContext } from './use-toast-context.ts' export interface ToastDescriptionBaseProps extends PolymorphicProps<'div'> {} export interface ToastDescriptionProps extends HTMLProps<'div'>, ToastDescriptionBaseProps {} diff --git a/packages/solid/src/components/toast/toast-root.tsx b/packages/solid/src/components/toast/toast-root.tsx index c4e179fc2e..89f800a503 100644 --- a/packages/solid/src/components/toast/toast-root.tsx +++ b/packages/solid/src/components/toast/toast-root.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useToastContext } from './use-toast-context.ts' export interface ToastRootBaseProps extends PolymorphicProps<'div'> {} export interface ToastRootProps extends HTMLProps<'div'>, ToastRootBaseProps {} diff --git a/packages/solid/src/components/toast/toast-title.tsx b/packages/solid/src/components/toast/toast-title.tsx index d3e1b8e710..d91b452e2b 100644 --- a/packages/solid/src/components/toast/toast-title.tsx +++ b/packages/solid/src/components/toast/toast-title.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToastContext } from './use-toast-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useToastContext } from './use-toast-context.ts' export interface ToastTitleBaseProps extends PolymorphicProps<'div'> {} export interface ToastTitleProps extends HTMLProps<'div'>, ToastTitleBaseProps {} diff --git a/packages/solid/src/components/toast/toast.stories.tsx b/packages/solid/src/components/toast/toast.stories.tsx index 3e9ccda2e4..165940fefd 100644 --- a/packages/solid/src/components/toast/toast.stories.tsx +++ b/packages/solid/src/components/toast/toast.stories.tsx @@ -6,10 +6,10 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Duration } from './examples/duration' -export { MaxToasts } from './examples/max-toasts' -export { Placement } from './examples/placement' -export { PromiseToast } from './examples/promise-toast' -export { Types } from './examples/types' -export { VaryingHeight } from './examples/varying-height' +export { Basic } from './examples/basic.tsx' +export { Duration } from './examples/duration.tsx' +export { MaxToasts } from './examples/max-toasts.tsx' +export { Placement } from './examples/placement.tsx' +export { PromiseToast } from './examples/promise-toast.tsx' +export { Types } from './examples/types.tsx' +export { VaryingHeight } from './examples/varying-height.tsx' diff --git a/packages/solid/src/components/toast/toast.ts b/packages/solid/src/components/toast/toast.ts index a0fbbc52a1..50b547416f 100644 --- a/packages/solid/src/components/toast/toast.ts +++ b/packages/solid/src/components/toast/toast.ts @@ -7,30 +7,30 @@ export type { StoreProps, Type, } from '@zag-js/toast' -export type { ToastOptions as Options } from './toaster' +export type { ToastOptions as Options } from './toaster.tsx' export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, -} from './toast-action-trigger' +} from './toast-action-trigger.tsx' export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, -} from './toast-close-trigger' -export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context' +} from './toast-close-trigger.tsx' +export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context.tsx' export { ToastDescription as Description, type ToastDescriptionBaseProps as DescriptionBaseProps, type ToastDescriptionProps as DescriptionProps, -} from './toast-description' +} from './toast-description.tsx' export { ToastRoot as Root, type ToastRootBaseProps as RootBaseProps, type ToastRootProps as RootProps, -} from './toast-root' +} from './toast-root.tsx' export { ToastTitle as Title, type ToastTitleBaseProps as TitleBaseProps, type ToastTitleProps as TitleProps, -} from './toast-title' +} from './toast-title.tsx' diff --git a/packages/solid/src/components/toast/toaster.tsx b/packages/solid/src/components/toast/toaster.tsx index 39304c128e..ae9f854dad 100644 --- a/packages/solid/src/components/toast/toaster.tsx +++ b/packages/solid/src/components/toast/toaster.tsx @@ -1,11 +1,11 @@ import { Key, mergeProps, normalizeProps, useMachine } from '@zag-js/solid' import * as toast from '@zag-js/toast' import { type Accessor, type JSX, createMemo, createUniqueId, splitProps } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { CreateToasterReturn } from './create-toaster' -import { ToastProvider } from './use-toast-context' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { CreateToasterReturn } from './create-toaster.tsx' +import { ToastProvider } from './use-toast-context.ts' export type ToastOptions = toast.Options diff --git a/packages/solid/src/components/toast/use-toast-context.ts b/packages/solid/src/components/toast/use-toast-context.ts index 2d2f5d9a75..8ea18366c6 100644 --- a/packages/solid/src/components/toast/use-toast-context.ts +++ b/packages/solid/src/components/toast/use-toast-context.ts @@ -1,7 +1,7 @@ import type { PropTypes } from '@zag-js/solid' import type * as toast from '@zag-js/toast' import type { Accessor, JSX } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseToastContext extends Accessor> {} diff --git a/packages/solid/src/components/toggle-group/index.tsx b/packages/solid/src/components/toggle-group/index.tsx index 9f8e45ea40..2c50f3da65 100644 --- a/packages/solid/src/components/toggle-group/index.tsx +++ b/packages/solid/src/components/toggle-group/index.tsx @@ -1,14 +1,14 @@ export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group' -export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context' -export { ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps } from './toggle-group-item' -export { ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps } from './toggle-group-root' +export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context.tsx' +export { ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps } from './toggle-group-item.tsx' +export { ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps } from './toggle-group-root.tsx' export { ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, -} from './toggle-group-root-provider' -export { toggleGroupAnatomy } from './toggle-group.anatomy' -export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn } from './use-toggle-group' -export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context' +} from './toggle-group-root-provider.tsx' +export { toggleGroupAnatomy } from './toggle-group.anatomy.ts' +export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn } from './use-toggle-group.ts' +export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context.ts' -export * as ToggleGroup from './toggle-group' +export * as ToggleGroup from './toggle-group.ts' diff --git a/packages/solid/src/components/toggle-group/tests/basic.tsx b/packages/solid/src/components/toggle-group/tests/basic.tsx index 1d7fe9618f..2f67446615 100644 --- a/packages/solid/src/components/toggle-group/tests/basic.tsx +++ b/packages/solid/src/components/toggle-group/tests/basic.tsx @@ -1,4 +1,4 @@ -import { ToggleGroup } from '../' +import { ToggleGroup } from '../index.tsx' export const ComponentUnderTest = (props: ToggleGroup.RootProps) => ( diff --git a/packages/solid/src/components/toggle-group/tests/toggle-group.test.tsx b/packages/solid/src/components/toggle-group/tests/toggle-group.test.tsx index 6905d4bbd4..e253cfda14 100644 --- a/packages/solid/src/components/toggle-group/tests/toggle-group.test.tsx +++ b/packages/solid/src/components/toggle-group/tests/toggle-group.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('ToggleGroup', () => { it('should handle default value', () => { diff --git a/packages/solid/src/components/toggle-group/toggle-group-context.tsx b/packages/solid/src/components/toggle-group/toggle-group-context.tsx index 055de7a37a..b6eac38274 100644 --- a/packages/solid/src/components/toggle-group/toggle-group-context.tsx +++ b/packages/solid/src/components/toggle-group/toggle-group-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context' +import { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context.ts' export interface ToggleGroupContextProps { children: (context: UseToggleGroupContext) => JSX.Element diff --git a/packages/solid/src/components/toggle-group/toggle-group-item.tsx b/packages/solid/src/components/toggle-group/toggle-group-item.tsx index 67bb91b9b6..8586f63285 100644 --- a/packages/solid/src/components/toggle-group/toggle-group-item.tsx +++ b/packages/solid/src/components/toggle-group/toggle-group-item.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { ItemProps } from '@zag-js/toggle-group' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useToggleGroupContext } from './use-toggle-group-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useToggleGroupContext } from './use-toggle-group-context.ts' export interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps<'button'> {} export interface ToggleGroupItemProps extends Assign, ToggleGroupItemBaseProps> {} diff --git a/packages/solid/src/components/toggle-group/toggle-group-root-provider.tsx b/packages/solid/src/components/toggle-group/toggle-group-root-provider.tsx index 2ce0956225..5c15602431 100644 --- a/packages/solid/src/components/toggle-group/toggle-group-root-provider.tsx +++ b/packages/solid/src/components/toggle-group/toggle-group-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseToggleGroupReturn } from './use-toggle-group' -import { ToggleGroupProvider } from './use-toggle-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseToggleGroupReturn } from './use-toggle-group.ts' +import { ToggleGroupProvider } from './use-toggle-group-context.ts' interface RootProviderProps { value: UseToggleGroupReturn diff --git a/packages/solid/src/components/toggle-group/toggle-group-root.tsx b/packages/solid/src/components/toggle-group/toggle-group-root.tsx index 4f32a33d7f..3064827f07 100644 --- a/packages/solid/src/components/toggle-group/toggle-group-root.tsx +++ b/packages/solid/src/components/toggle-group/toggle-group-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseToggleGroupProps, useToggleGroup } from './use-toggle-group' -import { ToggleGroupProvider } from './use-toggle-group-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseToggleGroupProps, useToggleGroup } from './use-toggle-group.ts' +import { ToggleGroupProvider } from './use-toggle-group-context.ts' export interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps<'div'> {} export interface ToggleGroupRootProps extends HTMLProps<'div'>, ToggleGroupRootBaseProps {} diff --git a/packages/solid/src/components/toggle-group/toggle-group.stories.tsx b/packages/solid/src/components/toggle-group/toggle-group.stories.tsx index bd9f72f64d..15e97dc8e7 100644 --- a/packages/solid/src/components/toggle-group/toggle-group.stories.tsx +++ b/packages/solid/src/components/toggle-group/toggle-group.stories.tsx @@ -6,7 +6,7 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Controlled } from './examples/controlled' -export { Multiple } from './examples/multiple' -export { RootProvider } from './examples/root-provider' +export { Basic } from './examples/basic.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Multiple } from './examples/multiple.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/toggle-group/toggle-group.ts b/packages/solid/src/components/toggle-group/toggle-group.ts index 5fae53686e..72cbebc4c4 100644 --- a/packages/solid/src/components/toggle-group/toggle-group.ts +++ b/packages/solid/src/components/toggle-group/toggle-group.ts @@ -1,17 +1,17 @@ export type { ValueChangeDetails } from '@zag-js/toggle-group' -export { ToggleGroupContext as Context, type ToggleGroupContextProps as ContextProps } from './toggle-group-context' +export { ToggleGroupContext as Context, type ToggleGroupContextProps as ContextProps } from './toggle-group-context.tsx' export { ToggleGroupItem as Item, type ToggleGroupItemBaseProps as ItemBaseProps, type ToggleGroupItemProps as ItemProps, -} from './toggle-group-item' +} from './toggle-group-item.tsx' export { ToggleGroupRoot as Root, type ToggleGroupRootBaseProps as RootBaseProps, type ToggleGroupRootProps as RootProps, -} from './toggle-group-root' +} from './toggle-group-root.tsx' export { ToggleGroupRootProvider as RootProvider, type ToggleGroupRootProviderBaseProps as RootProviderBaseProps, type ToggleGroupRootProviderProps as RootProviderProps, -} from './toggle-group-root-provider' +} from './toggle-group-root-provider.tsx' diff --git a/packages/solid/src/components/toggle-group/use-toggle-group-context.ts b/packages/solid/src/components/toggle-group/use-toggle-group-context.ts index c995e39d1e..9d00b7c81c 100644 --- a/packages/solid/src/components/toggle-group/use-toggle-group-context.ts +++ b/packages/solid/src/components/toggle-group/use-toggle-group-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseToggleGroupReturn } from './use-toggle-group' +import { createContext } from '../../utils/create-context.ts' +import type { UseToggleGroupReturn } from './use-toggle-group.ts' export interface UseToggleGroupContext extends UseToggleGroupReturn {} diff --git a/packages/solid/src/components/toggle-group/use-toggle-group.ts b/packages/solid/src/components/toggle-group/use-toggle-group.ts index 9a54b7ac8e..09c1165929 100644 --- a/packages/solid/src/components/toggle-group/use-toggle-group.ts +++ b/packages/solid/src/components/toggle-group/use-toggle-group.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as toggleGroup from '@zag-js/toggle-group' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseToggleGroupProps extends Optional, 'id'> {} export interface UseToggleGroupReturn extends Accessor> {} diff --git a/packages/solid/src/components/toggle/index.tsx b/packages/solid/src/components/toggle/index.tsx index 2e9f827687..885b64a024 100644 --- a/packages/solid/src/components/toggle/index.tsx +++ b/packages/solid/src/components/toggle/index.tsx @@ -1,7 +1,7 @@ -export * as Toggle from './toggle' -export { ToggleContext, type ToggleContextProps } from './toggle-context' -export { ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps } from './toggle-indicator' -export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root' -export { toggleAnatomy } from './toggle.anatomy' -export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle' -export { useToggleContext, type UseToggleContext } from './use-toggle-context' +export * as Toggle from './toggle.ts' +export { ToggleContext, type ToggleContextProps } from './toggle-context.tsx' +export { ToggleIndicator, type ToggleIndicatorBaseProps, type ToggleIndicatorProps } from './toggle-indicator.tsx' +export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root.tsx' +export { toggleAnatomy } from './toggle.anatomy.ts' +export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle.ts' +export { useToggleContext, type UseToggleContext } from './use-toggle-context.ts' diff --git a/packages/solid/src/components/toggle/toggle-context.tsx b/packages/solid/src/components/toggle/toggle-context.tsx index 6c3e3c143a..1ab1d3c48a 100644 --- a/packages/solid/src/components/toggle/toggle-context.tsx +++ b/packages/solid/src/components/toggle/toggle-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseToggleContext, useToggleContext } from './use-toggle-context' +import { type UseToggleContext, useToggleContext } from './use-toggle-context.ts' export interface ToggleContextProps { children: (context: UseToggleContext) => JSX.Element diff --git a/packages/solid/src/components/toggle/toggle-indicator.tsx b/packages/solid/src/components/toggle/toggle-indicator.tsx index 7e00bab967..ace9f1d9fc 100644 --- a/packages/solid/src/components/toggle/toggle-indicator.tsx +++ b/packages/solid/src/components/toggle/toggle-indicator.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { type JSX, Show, splitProps } from 'solid-js' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { ark } from '../factory' -import { useToggleContext } from './use-toggle-context' +import type { HTMLProps, PolymorphicProps } from '../factory.tsx' +import { ark } from '../factory.tsx' +import { useToggleContext } from './use-toggle-context.ts' export interface ToggleIndicatorBaseProps extends PolymorphicProps<'div'> { fallback?: JSX.Element diff --git a/packages/solid/src/components/toggle/toggle-root.tsx b/packages/solid/src/components/toggle/toggle-root.tsx index f679b78cb5..c4976c7e11 100644 --- a/packages/solid/src/components/toggle/toggle-root.tsx +++ b/packages/solid/src/components/toggle/toggle-root.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseToggleProps, useToggle } from './use-toggle' -import { ToggleProvider } from './use-toggle-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseToggleProps, useToggle } from './use-toggle.ts' +import { ToggleProvider } from './use-toggle-context.ts' export interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps<'button'> {} diff --git a/packages/solid/src/components/toggle/toggle.stories.tsx b/packages/solid/src/components/toggle/toggle.stories.tsx index 05b86d6f5d..dfba71d271 100644 --- a/packages/solid/src/components/toggle/toggle.stories.tsx +++ b/packages/solid/src/components/toggle/toggle.stories.tsx @@ -6,8 +6,8 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Disabled } from './examples/disabled' -export { Indicator } from './examples/indicator' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Disabled } from './examples/disabled.tsx' +export { Indicator } from './examples/indicator.tsx' diff --git a/packages/solid/src/components/toggle/toggle.ts b/packages/solid/src/components/toggle/toggle.ts index 4009ee4107..a900beaa64 100644 --- a/packages/solid/src/components/toggle/toggle.ts +++ b/packages/solid/src/components/toggle/toggle.ts @@ -1,12 +1,12 @@ -export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context' +export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context.tsx' export { ToggleIndicator as Indicator, type ToggleIndicatorBaseProps as IndicatorBaseProps, type ToggleIndicatorProps as IndicatorProps, -} from './toggle-indicator' +} from './toggle-indicator.tsx' export { ToggleRoot as Root, type ToggleRootBaseProps as RootBaseProps, type ToggleRootProps as RootProps, -} from './toggle-root' -export { toggleAnatomy } from './toggle.anatomy' +} from './toggle-root.tsx' +export { toggleAnatomy } from './toggle.anatomy.ts' diff --git a/packages/solid/src/components/toggle/use-toggle-context.ts b/packages/solid/src/components/toggle/use-toggle-context.ts index 0ea85f5ca7..20644c5292 100644 --- a/packages/solid/src/components/toggle/use-toggle-context.ts +++ b/packages/solid/src/components/toggle/use-toggle-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseToggleReturn } from './use-toggle' +import { createContext } from '../../utils/create-context.ts' +import type { UseToggleReturn } from './use-toggle.ts' export interface UseToggleContext extends UseToggleReturn {} diff --git a/packages/solid/src/components/tooltip/index.tsx b/packages/solid/src/components/tooltip/index.tsx index 61dd3a997a..3214ba9941 100644 --- a/packages/solid/src/components/tooltip/index.tsx +++ b/packages/solid/src/components/tooltip/index.tsx @@ -2,20 +2,24 @@ export type { OpenChangeDetails as TooltipOpenChangeDetails, TriggerValueChangeDetails as TooltipTriggerValueChangeDetails, } from '@zag-js/tooltip' -export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './tooltip-arrow' -export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps } from './tooltip-arrow-tip' -export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps } from './tooltip-content' -export { TooltipContext, type TooltipContextProps } from './tooltip-context' -export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps } from './tooltip-positioner' -export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './tooltip-root' +export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './tooltip-arrow.tsx' +export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps } from './tooltip-arrow-tip.tsx' +export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps } from './tooltip-content.tsx' +export { TooltipContext, type TooltipContextProps } from './tooltip-context.tsx' +export { + TooltipPositioner, + type TooltipPositionerBaseProps, + type TooltipPositionerProps, +} from './tooltip-positioner.tsx' +export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './tooltip-root.tsx' export { TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, -} from './tooltip-root-provider' -export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps } from './tooltip-trigger' -export { tooltipAnatomy } from './tooltip.anatomy' -export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip' -export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context' +} from './tooltip-root-provider.tsx' +export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps } from './tooltip-trigger.tsx' +export { tooltipAnatomy } from './tooltip.anatomy.ts' +export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip.ts' +export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context.ts' -export * as Tooltip from './tooltip' +export * as Tooltip from './tooltip.ts' diff --git a/packages/solid/src/components/tooltip/tests/basic.tsx b/packages/solid/src/components/tooltip/tests/basic.tsx index 8effbb0945..67e5f4424f 100644 --- a/packages/solid/src/components/tooltip/tests/basic.tsx +++ b/packages/solid/src/components/tooltip/tests/basic.tsx @@ -1,4 +1,4 @@ -import { Tooltip } from '../' +import { Tooltip } from '../index.tsx' export const ComponentUnderTest = (props: Tooltip.RootProps) => ( diff --git a/packages/solid/src/components/tooltip/tests/tooltip.test.tsx b/packages/solid/src/components/tooltip/tests/tooltip.test.tsx index 623b7b438a..ed6a62c3b4 100644 --- a/packages/solid/src/components/tooltip/tests/tooltip.test.tsx +++ b/packages/solid/src/components/tooltip/tests/tooltip.test.tsx @@ -1,6 +1,6 @@ import { render, screen, waitFor } from '@solidjs/testing-library' import user from '@testing-library/user-event' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('Tooltip', () => { it('should show the tooltip on pointerover and close on pointer leave', async () => { diff --git a/packages/solid/src/components/tooltip/tooltip-arrow-tip.tsx b/packages/solid/src/components/tooltip/tooltip-arrow-tip.tsx index 08b04ad6bb..bfe456d882 100644 --- a/packages/solid/src/components/tooltip/tooltip-arrow-tip.tsx +++ b/packages/solid/src/components/tooltip/tooltip-arrow-tip.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTooltipContext } from './use-tooltip-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipArrowTipBaseProps extends PolymorphicProps<'div'> {} export interface TooltipArrowTipProps extends HTMLProps<'div'>, TooltipArrowTipBaseProps {} diff --git a/packages/solid/src/components/tooltip/tooltip-arrow.tsx b/packages/solid/src/components/tooltip/tooltip-arrow.tsx index 76887b17a8..05c9baefe3 100644 --- a/packages/solid/src/components/tooltip/tooltip-arrow.tsx +++ b/packages/solid/src/components/tooltip/tooltip-arrow.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTooltipContext } from './use-tooltip-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipArrowBaseProps extends PolymorphicProps<'div'> {} export interface TooltipArrowProps extends HTMLProps<'div'>, TooltipArrowBaseProps {} diff --git a/packages/solid/src/components/tooltip/tooltip-content.tsx b/packages/solid/src/components/tooltip/tooltip-content.tsx index 4bc3de9118..9be441aaf2 100644 --- a/packages/solid/src/components/tooltip/tooltip-content.tsx +++ b/packages/solid/src/components/tooltip/tooltip-content.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTooltipContext } from './use-tooltip-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipContentBaseProps extends PolymorphicProps<'div'> {} export interface TooltipContentProps extends HTMLProps<'div'>, TooltipContentBaseProps {} diff --git a/packages/solid/src/components/tooltip/tooltip-context.tsx b/packages/solid/src/components/tooltip/tooltip-context.tsx index 04c894bbd5..a66ea01818 100644 --- a/packages/solid/src/components/tooltip/tooltip-context.tsx +++ b/packages/solid/src/components/tooltip/tooltip-context.tsx @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseTooltipContext, useTooltipContext } from './use-tooltip-context' +import { type UseTooltipContext, useTooltipContext } from './use-tooltip-context.ts' export interface TooltipContextProps { children: (context: UseTooltipContext) => JSX.Element diff --git a/packages/solid/src/components/tooltip/tooltip-positioner.tsx b/packages/solid/src/components/tooltip/tooltip-positioner.tsx index 0b8d524b06..4edbb72d6d 100644 --- a/packages/solid/src/components/tooltip/tooltip-positioner.tsx +++ b/packages/solid/src/components/tooltip/tooltip-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTooltipContext } from './use-tooltip-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipPositionerBaseProps extends PolymorphicProps<'div'> {} export interface TooltipPositionerProps extends HTMLProps<'div'>, TooltipPositionerBaseProps {} diff --git a/packages/solid/src/components/tooltip/tooltip-root-provider.tsx b/packages/solid/src/components/tooltip/tooltip-root-provider.tsx index 86d6915288..6b46e9c05a 100644 --- a/packages/solid/src/components/tooltip/tooltip-root-provider.tsx +++ b/packages/solid/src/components/tooltip/tooltip-root-provider.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseTooltipReturn } from './use-tooltip' -import { TooltipProvider } from './use-tooltip-context' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseTooltipReturn } from './use-tooltip.ts' +import { TooltipProvider } from './use-tooltip-context.ts' interface RootProviderProps { value: UseTooltipReturn diff --git a/packages/solid/src/components/tooltip/tooltip-root.tsx b/packages/solid/src/components/tooltip/tooltip-root.tsx index 895b7f59eb..8ff60ad2c3 100644 --- a/packages/solid/src/components/tooltip/tooltip-root.tsx +++ b/packages/solid/src/components/tooltip/tooltip-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import { type UseTooltipProps, useTooltip } from './use-tooltip' -import { TooltipProvider } from './use-tooltip-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import { type UseTooltipProps, useTooltip } from './use-tooltip.ts' +import { TooltipProvider } from './use-tooltip-context.ts' export interface TooltipRootBaseProps extends UseTooltipProps, UsePresenceProps {} export interface TooltipRootProps extends TooltipRootBaseProps { diff --git a/packages/solid/src/components/tooltip/tooltip-trigger.tsx b/packages/solid/src/components/tooltip/tooltip-trigger.tsx index 5c85ee7b1d..fb4ffe74ce 100644 --- a/packages/solid/src/components/tooltip/tooltip-trigger.tsx +++ b/packages/solid/src/components/tooltip/tooltip-trigger.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { TriggerProps } from '@zag-js/tooltip' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTooltipContext } from './use-tooltip-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTooltipContext } from './use-tooltip-context.ts' export interface TooltipTriggerBaseProps extends TriggerProps, PolymorphicProps<'button'> {} export interface TooltipTriggerProps extends Assign, TooltipTriggerBaseProps> {} diff --git a/packages/solid/src/components/tooltip/tooltip.stories.tsx b/packages/solid/src/components/tooltip/tooltip.stories.tsx index 791a512abe..ae60a15399 100644 --- a/packages/solid/src/components/tooltip/tooltip.stories.tsx +++ b/packages/solid/src/components/tooltip/tooltip.stories.tsx @@ -6,11 +6,11 @@ const meta: Meta = { export default meta -export { Arrow } from './examples/arrow' -export { Basic } from './examples/basic' -export { Context } from './examples/context' -export { Controlled } from './examples/controlled' -export { Delay } from './examples/delay' -export { MultipleTriggers } from './examples/multiple-triggers' -export { Positioning } from './examples/positioning' -export { RootProvider } from './examples/root-provider' +export { Arrow } from './examples/arrow.tsx' +export { Basic } from './examples/basic.tsx' +export { Context } from './examples/context.tsx' +export { Controlled } from './examples/controlled.tsx' +export { Delay } from './examples/delay.tsx' +export { MultipleTriggers } from './examples/multiple-triggers.tsx' +export { Positioning } from './examples/positioning.tsx' +export { RootProvider } from './examples/root-provider.tsx' diff --git a/packages/solid/src/components/tooltip/tooltip.ts b/packages/solid/src/components/tooltip/tooltip.ts index 58325456f4..23a28db1ce 100644 --- a/packages/solid/src/components/tooltip/tooltip.ts +++ b/packages/solid/src/components/tooltip/tooltip.ts @@ -3,35 +3,35 @@ export { TooltipArrow as Arrow, type TooltipArrowBaseProps as ArrowBaseProps, type TooltipArrowProps as ArrowProps, -} from './tooltip-arrow' +} from './tooltip-arrow.tsx' export { TooltipArrowTip as ArrowTip, type TooltipArrowTipBaseProps as ArrowTipBaseProps, type TooltipArrowTipProps as ArrowTipProps, -} from './tooltip-arrow-tip' +} from './tooltip-arrow-tip.tsx' export { TooltipContent as Content, type TooltipContentBaseProps as ContentBaseProps, type TooltipContentProps as ContentProps, -} from './tooltip-content' -export { TooltipContext as Context, type TooltipContextProps as ContextProps } from './tooltip-context' +} from './tooltip-content.tsx' +export { TooltipContext as Context, type TooltipContextProps as ContextProps } from './tooltip-context.tsx' export { TooltipPositioner as Positioner, type TooltipPositionerBaseProps as PositionerBaseProps, type TooltipPositionerProps as PositionerProps, -} from './tooltip-positioner' +} from './tooltip-positioner.tsx' export { TooltipRoot as Root, type TooltipRootBaseProps as RootBaseProps, type TooltipRootProps as RootProps, -} from './tooltip-root' +} from './tooltip-root.tsx' export { TooltipRootProvider as RootProvider, type TooltipRootProviderBaseProps as RootProviderBaseProps, type TooltipRootProviderProps as RootProviderProps, -} from './tooltip-root-provider' +} from './tooltip-root-provider.tsx' export { TooltipTrigger as Trigger, type TooltipTriggerBaseProps as TriggerBaseProps, type TooltipTriggerProps as TriggerProps, -} from './tooltip-trigger' +} from './tooltip-trigger.tsx' diff --git a/packages/solid/src/components/tooltip/use-tooltip-context.ts b/packages/solid/src/components/tooltip/use-tooltip-context.ts index 0226fbe17a..335ddf40be 100644 --- a/packages/solid/src/components/tooltip/use-tooltip-context.ts +++ b/packages/solid/src/components/tooltip/use-tooltip-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseTooltipReturn } from './use-tooltip' +import { createContext } from '../../utils/create-context.ts' +import type { UseTooltipReturn } from './use-tooltip.ts' export interface UseTooltipContext extends UseTooltipReturn {} diff --git a/packages/solid/src/components/tooltip/use-tooltip.ts b/packages/solid/src/components/tooltip/use-tooltip.ts index 0bb59aae06..565a203a27 100644 --- a/packages/solid/src/components/tooltip/use-tooltip.ts +++ b/packages/solid/src/components/tooltip/use-tooltip.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as tooltip from '@zag-js/tooltip' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseTooltipProps extends Optional, 'id'> {} export interface UseTooltipReturn extends Accessor> {} diff --git a/packages/solid/src/components/tour/index.tsx b/packages/solid/src/components/tour/index.tsx index c21803422e..361918523e 100644 --- a/packages/solid/src/components/tour/index.tsx +++ b/packages/solid/src/components/tour/index.tsx @@ -1,5 +1,5 @@ export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour' -export { waitForEvent, type WaitForEventOptions } from './wait-for-event' +export { waitForEvent, type WaitForEventOptions } from './wait-for-event.ts' export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, @@ -7,23 +7,27 @@ export type { StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour' -export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps } from './tour-action-trigger' -export { TourActions, type TourActionsProps } from './tour-actions' -export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow' -export { TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip' -export { TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps } from './tour-backdrop' -export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps } from './tour-close-trigger' -export { TourContent, type TourContentBaseProps, type TourContentProps } from './tour-content' -export { TourContext, type TourContextProps } from './tour-context' -export { TourControl, type TourControlBaseProps, type TourControlProps } from './tour-control' -export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps } from './tour-description' -export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps } from './tour-positioner' -export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps } from './tour-progress-text' -export { TourRoot, type TourRootBaseProps, type TourRootProps } from './tour-root' -export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps } from './tour-spotlight' -export { TourTitle, type TourTitleBaseProps, type TourTitleProps } from './tour-title' -export { tourAnatomy } from './tour.anatomy' -export { useTour, type UseTourProps, type UseTourReturn } from './use-tour' -export { useTourContext, type UseTourContext } from './use-tour-context' +export { + TourActionTrigger, + type TourActionTriggerBaseProps, + type TourActionTriggerProps, +} from './tour-action-trigger.tsx' +export { TourActions, type TourActionsProps } from './tour-actions.tsx' +export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow.tsx' +export { TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip.tsx' +export { TourBackdrop, type TourBackdropBaseProps, type TourBackdropProps } from './tour-backdrop.tsx' +export { TourCloseTrigger, type TourCloseTriggerBaseProps, type TourCloseTriggerProps } from './tour-close-trigger.tsx' +export { TourContent, type TourContentBaseProps, type TourContentProps } from './tour-content.tsx' +export { TourContext, type TourContextProps } from './tour-context.tsx' +export { TourControl, type TourControlBaseProps, type TourControlProps } from './tour-control.tsx' +export { TourDescription, type TourDescriptionBaseProps, type TourDescriptionProps } from './tour-description.tsx' +export { TourPositioner, type TourPositionerBaseProps, type TourPositionerProps } from './tour-positioner.tsx' +export { TourProgressText, type TourProgressTextBaseProps, type TourProgressTextProps } from './tour-progress-text.tsx' +export { TourRoot, type TourRootBaseProps, type TourRootProps } from './tour-root.tsx' +export { TourSpotlight, type TourSpotlightBaseProps, type TourSpotlightProps } from './tour-spotlight.tsx' +export { TourTitle, type TourTitleBaseProps, type TourTitleProps } from './tour-title.tsx' +export { tourAnatomy } from './tour.anatomy.ts' +export { useTour, type UseTourProps, type UseTourReturn } from './use-tour.ts' +export { useTourContext, type UseTourContext } from './use-tour-context.ts' -export * as Tour from './tour' +export * as Tour from './tour.ts' diff --git a/packages/solid/src/components/tour/tour-action-trigger.tsx b/packages/solid/src/components/tour/tour-action-trigger.tsx index a2983ce042..f50ae3710e 100644 --- a/packages/solid/src/components/tour/tour-action-trigger.tsx +++ b/packages/solid/src/components/tour/tour-action-trigger.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import type { StepActionTriggerProps } from '@zag-js/tour' -import { createSplitProps } from '../../utils/create-split-props' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourActionTriggerBaseProps extends PolymorphicProps<'button'>, StepActionTriggerProps {} export interface TourActionTriggerProps extends HTMLProps<'button'>, TourActionTriggerBaseProps {} diff --git a/packages/solid/src/components/tour/tour-actions.tsx b/packages/solid/src/components/tour/tour-actions.tsx index d4f8df68cd..b5afa57057 100644 --- a/packages/solid/src/components/tour/tour-actions.tsx +++ b/packages/solid/src/components/tour/tour-actions.tsx @@ -1,7 +1,7 @@ import type { StepAction } from '@zag-js/tour' import type { Accessor, JSX } from 'solid-js' -import { useTourContext } from './use-tour-context' +import { useTourContext } from './use-tour-context.ts' export interface TourActionsProps { children: (actions: Accessor) => JSX.Element diff --git a/packages/solid/src/components/tour/tour-arrow-tip.tsx b/packages/solid/src/components/tour/tour-arrow-tip.tsx index ea5531f1d0..e7069f2364 100644 --- a/packages/solid/src/components/tour/tour-arrow-tip.tsx +++ b/packages/solid/src/components/tour/tour-arrow-tip.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourArrowTipBaseProps extends PolymorphicProps<'div'> {} export interface TourArrowTipProps extends HTMLProps<'div'>, TourArrowTipBaseProps {} diff --git a/packages/solid/src/components/tour/tour-arrow.tsx b/packages/solid/src/components/tour/tour-arrow.tsx index 5845f5b9a6..a75a1185fa 100644 --- a/packages/solid/src/components/tour/tour-arrow.tsx +++ b/packages/solid/src/components/tour/tour-arrow.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourArrowBaseProps extends PolymorphicProps<'div'> {} export interface TourArrowProps extends HTMLProps<'div'>, TourArrowBaseProps {} diff --git a/packages/solid/src/components/tour/tour-backdrop.tsx b/packages/solid/src/components/tour/tour-backdrop.tsx index 05fcbea83c..af271f37b7 100644 --- a/packages/solid/src/components/tour/tour-backdrop.tsx +++ b/packages/solid/src/components/tour/tour-backdrop.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useTourContext } from './use-tour-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresence } from '../presence/index.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourBackdropBaseProps extends PolymorphicProps<'div'> {} export interface TourBackdropProps extends HTMLProps<'div'>, TourBackdropBaseProps {} diff --git a/packages/solid/src/components/tour/tour-close-trigger.tsx b/packages/solid/src/components/tour/tour-close-trigger.tsx index c0f2ebde66..b0bd6c8368 100644 --- a/packages/solid/src/components/tour/tour-close-trigger.tsx +++ b/packages/solid/src/components/tour/tour-close-trigger.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourCloseTriggerBaseProps extends PolymorphicProps<'button'> {} export interface TourCloseTriggerProps extends HTMLProps<'button'>, TourCloseTriggerBaseProps {} diff --git a/packages/solid/src/components/tour/tour-content.tsx b/packages/solid/src/components/tour/tour-content.tsx index 0ff342428f..8f648754d9 100644 --- a/packages/solid/src/components/tour/tour-content.tsx +++ b/packages/solid/src/components/tour/tour-content.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useTourContext } from './use-tour-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresence } from '../presence/index.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourContentBaseProps extends PolymorphicProps<'div'> {} export interface TourContentProps extends HTMLProps<'div'>, TourContentBaseProps {} diff --git a/packages/solid/src/components/tour/tour-context.tsx b/packages/solid/src/components/tour/tour-context.tsx index 050fb0b15d..4c71962919 100644 --- a/packages/solid/src/components/tour/tour-context.tsx +++ b/packages/solid/src/components/tour/tour-context.tsx @@ -1,6 +1,6 @@ import type { JSX } from 'solid-js' -import { type UseTourContext, useTourContext } from './use-tour-context' +import { type UseTourContext, useTourContext } from './use-tour-context.ts' export interface TourContextProps { children: (context: UseTourContext) => JSX.Element diff --git a/packages/solid/src/components/tour/tour-control.tsx b/packages/solid/src/components/tour/tour-control.tsx index a028165001..d96a82c487 100644 --- a/packages/solid/src/components/tour/tour-control.tsx +++ b/packages/solid/src/components/tour/tour-control.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { tourAnatomy } from './tour.anatomy' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { tourAnatomy } from './tour.anatomy.ts' export interface TourControlBaseProps extends PolymorphicProps<'div'> {} export interface TourControlProps extends HTMLProps<'div'>, TourControlBaseProps {} diff --git a/packages/solid/src/components/tour/tour-description.tsx b/packages/solid/src/components/tour/tour-description.tsx index a8dacb5ea4..8d63599d1b 100644 --- a/packages/solid/src/components/tour/tour-description.tsx +++ b/packages/solid/src/components/tour/tour-description.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourDescriptionBaseProps extends PolymorphicProps<'div'> {} export interface TourDescriptionProps extends HTMLProps<'div'>, TourDescriptionBaseProps {} diff --git a/packages/solid/src/components/tour/tour-positioner.tsx b/packages/solid/src/components/tour/tour-positioner.tsx index 63a6e3f7e0..b796bc46b8 100644 --- a/packages/solid/src/components/tour/tour-positioner.tsx +++ b/packages/solid/src/components/tour/tour-positioner.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresenceContext } from '../presence' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresenceContext } from '../presence/index.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourPositionerBaseProps extends PolymorphicProps<'div'> {} export interface TourPositionerProps extends HTMLProps<'div'>, TourPositionerBaseProps {} diff --git a/packages/solid/src/components/tour/tour-progress-text.tsx b/packages/solid/src/components/tour/tour-progress-text.tsx index f5c2627c41..fa47b093a0 100644 --- a/packages/solid/src/components/tour/tour-progress-text.tsx +++ b/packages/solid/src/components/tour/tour-progress-text.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourProgressTextBaseProps extends PolymorphicProps<'div'> {} export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {} diff --git a/packages/solid/src/components/tour/tour-root.tsx b/packages/solid/src/components/tour/tour-root.tsx index 7acd609b29..ffabed8b9e 100644 --- a/packages/solid/src/components/tour/tour-root.tsx +++ b/packages/solid/src/components/tour/tour-root.tsx @@ -1,9 +1,9 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence' -import type { UseTourReturn } from './use-tour' -import { TourProvider } from './use-tour-context' +import { RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy.ts' +import { PresenceProvider, type UsePresenceProps, splitPresenceProps, usePresence } from '../presence/index.tsx' +import type { UseTourReturn } from './use-tour.ts' +import { TourProvider } from './use-tour-context.ts' interface RootProps { tour: UseTourReturn diff --git a/packages/solid/src/components/tour/tour-spotlight.tsx b/packages/solid/src/components/tour/tour-spotlight.tsx index 4fe2e4317e..1b87bbd1c0 100644 --- a/packages/solid/src/components/tour/tour-spotlight.tsx +++ b/packages/solid/src/components/tour/tour-spotlight.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { Show } from 'solid-js' -import { composeRefs } from '../../utils/compose-refs' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { usePresence } from '../presence' -import { useTourContext } from './use-tour-context' +import { composeRefs } from '../../utils/compose-refs.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { usePresence } from '../presence/index.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourSpotlightBaseProps extends PolymorphicProps<'div'> {} export interface TourSpotlightProps extends HTMLProps<'div'>, TourSpotlightBaseProps {} diff --git a/packages/solid/src/components/tour/tour-title.tsx b/packages/solid/src/components/tour/tour-title.tsx index a3b08d3d23..aeabf4a296 100644 --- a/packages/solid/src/components/tour/tour-title.tsx +++ b/packages/solid/src/components/tour/tour-title.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTourContext } from './use-tour-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTourContext } from './use-tour-context.ts' export interface TourTitleBaseProps extends PolymorphicProps<'h2'> {} export interface TourTitleProps extends HTMLProps<'h2'>, TourTitleBaseProps {} diff --git a/packages/solid/src/components/tour/tour.stories.tsx b/packages/solid/src/components/tour/tour.stories.tsx index c5ca0ba8b3..e7c17fa036 100644 --- a/packages/solid/src/components/tour/tour.stories.tsx +++ b/packages/solid/src/components/tour/tour.stories.tsx @@ -6,13 +6,13 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' -export { AsyncStep } from './examples/async-step' -export { Events } from './examples/events' -export { KeyboardNavigation } from './examples/keyboard-navigation' -export { MixedTypes } from './examples/mixed-types' -export { ProgressBar } from './examples/progress-bar' -export { SkipTour } from './examples/skip-tour' -export { WaitForClick } from './examples/wait-for-click' -export { WaitForElement } from './examples/wait-for-element' -export { WaitForInput } from './examples/wait-for-input' +export { Basic } from './examples/basic.tsx' +export { AsyncStep } from './examples/async-step.tsx' +export { Events } from './examples/events.tsx' +export { KeyboardNavigation } from './examples/keyboard-navigation.tsx' +export { MixedTypes } from './examples/mixed-types.tsx' +export { ProgressBar } from './examples/progress-bar.tsx' +export { SkipTour } from './examples/skip-tour.tsx' +export { WaitForClick } from './examples/wait-for-click.tsx' +export { WaitForElement } from './examples/wait-for-element.tsx' +export { WaitForInput } from './examples/wait-for-input.tsx' diff --git a/packages/solid/src/components/tour/tour.ts b/packages/solid/src/components/tour/tour.ts index a5a2022fbd..3be64d906b 100644 --- a/packages/solid/src/components/tour/tour.ts +++ b/packages/solid/src/components/tour/tour.ts @@ -21,62 +21,66 @@ export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, -} from './tour-action-trigger' -export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions' +} from './tour-action-trigger.tsx' +export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions.tsx' export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, -} from './tour-arrow' +} from './tour-arrow.tsx' export { TourArrowTip as ArrowTip, type TourArrowTipBaseProps as ArrowTipBaseProps, type TourArrowTipProps as ArrowTipProps, -} from './tour-arrow-tip' +} from './tour-arrow-tip.tsx' export { TourBackdrop as Backdrop, type TourBackdropBaseProps as BackdropBaseProps, type TourBackdropProps as BackdropProps, -} from './tour-backdrop' +} from './tour-backdrop.tsx' export { TourCloseTrigger as CloseTrigger, type TourCloseTriggerBaseProps as CloseTriggerBaseProps, type TourCloseTriggerProps as CloseTriggerProps, -} from './tour-close-trigger' +} from './tour-close-trigger.tsx' export { TourContent as Content, type TourContentBaseProps as ContentBaseProps, type TourContentProps as ContentProps, -} from './tour-content' -export { TourContext as Context, type TourContextProps as ContextProps } from './tour-context' +} from './tour-content.tsx' +export { TourContext as Context, type TourContextProps as ContextProps } from './tour-context.tsx' export { TourControl as Control, type TourControlBaseProps as ControlBaseProps, type TourControlProps as ControlProps, -} from './tour-control' +} from './tour-control.tsx' export { TourDescription as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, -} from './tour-description' +} from './tour-description.tsx' export { TourPositioner as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, -} from './tour-positioner' +} from './tour-positioner.tsx' export { TourProgressText as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, -} from './tour-progress-text' -export { TourRoot as Root, type TourRootBaseProps as RootBaseProps, type TourRootProps as RootProps } from './tour-root' +} from './tour-progress-text.tsx' +export { + TourRoot as Root, + type TourRootBaseProps as RootBaseProps, + type TourRootProps as RootProps, +} from './tour-root.tsx' export { TourSpotlight as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, -} from './tour-spotlight' +} from './tour-spotlight.tsx' export { TourTitle as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, -} from './tour-title' +} from './tour-title.tsx' diff --git a/packages/solid/src/components/tour/use-tour-context.ts b/packages/solid/src/components/tour/use-tour-context.ts index 8de7a24f86..b1a068e984 100644 --- a/packages/solid/src/components/tour/use-tour-context.ts +++ b/packages/solid/src/components/tour/use-tour-context.ts @@ -1,5 +1,5 @@ -import { createContext } from '../../utils/create-context' -import type { UseTourReturn } from './use-tour' +import { createContext } from '../../utils/create-context.ts' +import type { UseTourReturn } from './use-tour.ts' export interface UseTourContext extends UseTourReturn {} diff --git a/packages/solid/src/components/tour/use-tour.ts b/packages/solid/src/components/tour/use-tour.ts index d7f5004f88..3698f24a31 100644 --- a/packages/solid/src/components/tour/use-tour.ts +++ b/packages/solid/src/components/tour/use-tour.ts @@ -1,9 +1,9 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as tour from '@zag-js/tour' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' export interface UseTourProps extends Optional, 'id'> {} export interface UseTourReturn extends Accessor> {} diff --git a/packages/solid/src/components/tree-view/examples/async-loading.tsx b/packages/solid/src/components/tree-view/examples/async-loading.tsx index 757d5827d5..548ffde43f 100644 --- a/packages/solid/src/components/tree-view/examples/async-loading.tsx +++ b/packages/solid/src/components/tree-view/examples/async-loading.tsx @@ -1,7 +1,7 @@ import { TreeView, createTreeCollection } from '@ark-ui/solid/tree-view' import { SquareCheckBigIcon, ChevronRightIcon, FileIcon, FolderIcon, LoaderCircleIcon } from 'lucide-solid' import { For, createSignal } from 'solid-js' -import { useTreeViewNodeContext } from '../use-tree-view-node-context' +import { useTreeViewNodeContext } from '../use-tree-view-node-context.ts' // mock api result const response: Record = { diff --git a/packages/solid/src/components/tree-view/index.tsx b/packages/solid/src/components/tree-view/index.tsx index aa069dedc6..34bf62cb44 100644 --- a/packages/solid/src/components/tree-view/index.tsx +++ b/packages/solid/src/components/tree-view/index.tsx @@ -11,85 +11,90 @@ export type { RenameStartDetails as TreeViewRenameStartDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view' -export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection' -export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch' +export { + createFileTreeCollection, + createTreeCollection, + type TreeCollection, + type TreeNode, +} from '../collection/index.tsx' +export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch.tsx' export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, -} from './tree-view-branch-content' +} from './tree-view-branch-content.tsx' export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, -} from './tree-view-branch-control' +} from './tree-view-branch-control.tsx' export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, -} from './tree-view-branch-indent-guide' +} from './tree-view-branch-indent-guide.tsx' export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type TreeViewBranchIndicatorProps, -} from './tree-view-branch-indicator' +} from './tree-view-branch-indicator.tsx' export { TreeViewBranchText, type TreeViewBranchTextBaseProps, type TreeViewBranchTextProps, -} from './tree-view-branch-text' +} from './tree-view-branch-text.tsx' export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeViewBranchTriggerProps, -} from './tree-view-branch-trigger' -export { TreeViewContext, type TreeViewContextProps } from './tree-view-context' -export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item' +} from './tree-view-branch-trigger.tsx' +export { TreeViewContext, type TreeViewContextProps } from './tree-view-context.tsx' +export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.tsx' export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, -} from './tree-view-item-indicator' -export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text' -export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label' +} from './tree-view-item-indicator.tsx' +export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps } from './tree-view-item-text.tsx' +export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps } from './tree-view-label.tsx' export { TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, -} from './tree-view-node-checkbox' +} from './tree-view-node-checkbox.tsx' export { TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, -} from './tree-view-node-checkbox-indicator' +} from './tree-view-node-checkbox-indicator.tsx' export { TreeViewNodeRenameInput, type TreeViewNodeRenameInputBaseProps, type TreeViewNodeRenameInputProps, -} from './tree-view-node-rename-input' -export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context' +} from './tree-view-node-rename-input.tsx' +export { TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.ts' export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, -} from './tree-view-node-provider' +} from './tree-view-node-provider.tsx' export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootComponentProps, type TreeViewRootProps, -} from './tree-view-root' +} from './tree-view-root.tsx' export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, -} from './tree-view-root-provider' -export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree' -export { treeViewAnatomy } from './tree-view.anatomy' -export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view' -export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context' -export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context' +} from './tree-view-root-provider.tsx' +export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree.tsx' +export { treeViewAnatomy } from './tree-view.anatomy.ts' +export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view.ts' +export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context.ts' +export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context.ts' -export * as TreeView from './tree-view' +export * as TreeView from './tree-view.ts' diff --git a/packages/solid/src/components/tree-view/tests/basic.tsx b/packages/solid/src/components/tree-view/tests/basic.tsx index 758d9fc0eb..5f5f8affdf 100644 --- a/packages/solid/src/components/tree-view/tests/basic.tsx +++ b/packages/solid/src/components/tree-view/tests/basic.tsx @@ -1,6 +1,6 @@ import { ChevronRightIcon, FileIcon, FolderIcon, FolderOpenIcon } from 'lucide-solid' import { For } from 'solid-js' -import { TreeView, createTreeCollection } from '../' +import { TreeView, createTreeCollection } from '../index.tsx' interface Node { id: string diff --git a/packages/solid/src/components/tree-view/tests/tree-view.test.tsx b/packages/solid/src/components/tree-view/tests/tree-view.test.tsx index 353e9c057b..b4168bafb7 100644 --- a/packages/solid/src/components/tree-view/tests/tree-view.test.tsx +++ b/packages/solid/src/components/tree-view/tests/tree-view.test.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@solidjs/testing-library' -import { ComponentUnderTest } from './basic' +import { ComponentUnderTest } from './basic.tsx' describe('TreeView', () => { it('should render a leaf node correctly', () => { diff --git a/packages/solid/src/components/tree-view/tree-view-branch-content.tsx b/packages/solid/src/components/tree-view/tree-view-branch-content.tsx index 55226a8e6b..cb9e41667c 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch-content.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch-content.tsx @@ -1,10 +1,10 @@ import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { Collapsible } from '../collapsible' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { Collapsible } from '../collapsible/index.tsx' +import type { HTMLProps, PolymorphicProps } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchContentBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewBranchContentProps extends HTMLProps<'div'>, TreeViewBranchContentBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-branch-control.tsx b/packages/solid/src/components/tree-view/tree-view-branch-control.tsx index 1ed32121dd..3a1b4f65aa 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch-control.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch-control.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchControlBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewBranchControlProps extends HTMLProps<'div'>, TreeViewBranchControlBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-branch-indent-guide.tsx b/packages/solid/src/components/tree-view/tree-view-branch-indent-guide.tsx index 3de95ef97b..69affc497c 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch-indent-guide.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch-indent-guide.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchIndentGuideBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewBranchIndentGuideProps extends HTMLProps<'div'>, TreeViewBranchIndentGuideBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-branch-indicator.tsx b/packages/solid/src/components/tree-view/tree-view-branch-indicator.tsx index 0a61bc47c3..34f3a46d6e 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch-indicator.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewBranchIndicatorProps extends HTMLProps<'div'>, TreeViewBranchIndicatorBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-branch-text.tsx b/packages/solid/src/components/tree-view/tree-view-branch-text.tsx index 994dd52f03..5fdc502acd 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch-text.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchTextBaseProps extends PolymorphicProps<'span'> {} export interface TreeViewBranchTextProps extends HTMLProps<'span'>, TreeViewBranchTextBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-branch-trigger.tsx b/packages/solid/src/components/tree-view/tree-view-branch-trigger.tsx index 13a948fdc7..afa8ee0d69 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch-trigger.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch-trigger.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchTriggerBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewBranchTriggerProps extends HTMLProps<'div'>, TreeViewBranchTriggerBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-branch.tsx b/packages/solid/src/components/tree-view/tree-view-branch.tsx index 42528b56d6..bae698ef76 100644 --- a/packages/solid/src/components/tree-view/tree-view-branch.tsx +++ b/packages/solid/src/components/tree-view/tree-view-branch.tsx @@ -1,12 +1,12 @@ import { mergeProps } from '@zag-js/solid' import { createMemo } from 'solid-js' -import type { Assign } from '../../types' -import { useRenderStrategyContext } from '../../utils/render-strategy' -import { Collapsible } from '../collapsible' -import type { HTMLProps, PolymorphicProps } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodeContext } from './use-tree-view-node-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import type { Assign } from '../../types.ts' +import { useRenderStrategyContext } from '../../utils/render-strategy.ts' +import { Collapsible } from '../collapsible/index.tsx' +import type { HTMLProps, PolymorphicProps } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodeContext } from './use-tree-view-node-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewBranchBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewBranchProps extends Assign, TreeViewBranchBaseProps> {} diff --git a/packages/solid/src/components/tree-view/tree-view-context.tsx b/packages/solid/src/components/tree-view/tree-view-context.tsx index 061892c8a5..1853f3beb5 100644 --- a/packages/solid/src/components/tree-view/tree-view-context.tsx +++ b/packages/solid/src/components/tree-view/tree-view-context.tsx @@ -1,6 +1,6 @@ import type { JSX } from 'solid-js' -import type { TreeNode } from '../collection' -import { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context' +import type { TreeNode } from '../collection/index.tsx' +import { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context.ts' export interface TreeViewContextProps { children: (context: UseTreeViewContext) => JSX.Element diff --git a/packages/solid/src/components/tree-view/tree-view-item-indicator.tsx b/packages/solid/src/components/tree-view/tree-view-item-indicator.tsx index 1224307b1b..feeffb058d 100644 --- a/packages/solid/src/components/tree-view/tree-view-item-indicator.tsx +++ b/packages/solid/src/components/tree-view/tree-view-item-indicator.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewItemIndicatorBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewItemIndicatorProps extends HTMLProps<'div'>, TreeViewItemIndicatorBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-item-text.tsx b/packages/solid/src/components/tree-view/tree-view-item-text.tsx index 396083e169..ccc2ce33ab 100644 --- a/packages/solid/src/components/tree-view/tree-view-item-text.tsx +++ b/packages/solid/src/components/tree-view/tree-view-item-text.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewItemTextBaseProps extends PolymorphicProps<'span'> {} export interface TreeViewItemTextProps extends HTMLProps<'span'>, TreeViewItemTextBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-item.tsx b/packages/solid/src/components/tree-view/tree-view-item.tsx index 15f5b02f0f..dcfe26f216 100644 --- a/packages/solid/src/components/tree-view/tree-view-item.tsx +++ b/packages/solid/src/components/tree-view/tree-view-item.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewItemBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewItemProps extends Assign, TreeViewItemBaseProps> {} diff --git a/packages/solid/src/components/tree-view/tree-view-label.tsx b/packages/solid/src/components/tree-view/tree-view-label.tsx index 17ab1016aa..21f9ea0f45 100644 --- a/packages/solid/src/components/tree-view/tree-view-label.tsx +++ b/packages/solid/src/components/tree-view/tree-view-label.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' export interface TreeViewLabelBaseProps extends PolymorphicProps<'h3'> {} export interface TreeViewLabelProps extends HTMLProps<'h3'>, TreeViewLabelBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-node-checkbox-indicator.tsx b/packages/solid/src/components/tree-view/tree-view-node-checkbox-indicator.tsx index c2c290a905..11fa1e9ce9 100644 --- a/packages/solid/src/components/tree-view/tree-view-node-checkbox-indicator.tsx +++ b/packages/solid/src/components/tree-view/tree-view-node-checkbox-indicator.tsx @@ -1,5 +1,5 @@ import { type JSX, createMemo } from 'solid-js' -import { useTreeViewNodeContext } from './use-tree-view-node-context' +import { useTreeViewNodeContext } from './use-tree-view-node-context.ts' export interface TreeViewNodeCheckboxIndicatorBaseProps { children?: JSX.Element diff --git a/packages/solid/src/components/tree-view/tree-view-node-checkbox.tsx b/packages/solid/src/components/tree-view/tree-view-node-checkbox.tsx index 41c2e39568..1c2c2f9a1c 100644 --- a/packages/solid/src/components/tree-view/tree-view-node-checkbox.tsx +++ b/packages/solid/src/components/tree-view/tree-view-node-checkbox.tsx @@ -1,7 +1,7 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps<'span'> {} export interface TreeViewNodeCheckboxProps extends HTMLProps<'span'>, TreeViewNodeCheckboxBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view-node-context.ts b/packages/solid/src/components/tree-view/tree-view-node-context.ts index f44d0c51ab..fab3aa14cf 100644 --- a/packages/solid/src/components/tree-view/tree-view-node-context.ts +++ b/packages/solid/src/components/tree-view/tree-view-node-context.ts @@ -1,5 +1,5 @@ import type { JSX } from 'solid-js' -import { type UseTreeViewNodeContext, useTreeViewNodeContext } from './use-tree-view-node-context' +import { type UseTreeViewNodeContext, useTreeViewNodeContext } from './use-tree-view-node-context.ts' export interface TreeViewNodeContextProps { children: (context: UseTreeViewNodeContext) => JSX.Element diff --git a/packages/solid/src/components/tree-view/tree-view-node-provider.tsx b/packages/solid/src/components/tree-view/tree-view-node-provider.tsx index 6137db5b3b..c22b5cab8c 100644 --- a/packages/solid/src/components/tree-view/tree-view-node-provider.tsx +++ b/packages/solid/src/components/tree-view/tree-view-node-provider.tsx @@ -1,9 +1,9 @@ import type { NodeProps } from '@zag-js/tree-view' import { type JSX, createMemo } from 'solid-js' -import { createSplitProps } from '../../utils/create-split-props' -import { useTreeViewContext } from './use-tree-view-context' -import { TreeViewNodeStateProvider } from './use-tree-view-node-context' -import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { TreeViewNodeStateProvider } from './use-tree-view-node-context.ts' +import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context.ts' export interface TreeViewNodeProviderBaseProps extends NodeProps { node: T diff --git a/packages/solid/src/components/tree-view/tree-view-node-rename-input.tsx b/packages/solid/src/components/tree-view/tree-view-node-rename-input.tsx index 84ad475f5f..7bac0688d2 100644 --- a/packages/solid/src/components/tree-view/tree-view-node-rename-input.tsx +++ b/packages/solid/src/components/tree-view/tree-view-node-rename-input.tsx @@ -1,8 +1,8 @@ import { mergeProps } from '@zag-js/solid' -import type { Assign } from '../../types' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' -import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context' +import type { Assign } from '../../types.ts' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' +import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.ts' export interface TreeViewNodeRenameInputBaseProps extends PolymorphicProps<'input'> {} export interface TreeViewNodeRenameInputProps extends Assign, TreeViewNodeRenameInputBaseProps> {} diff --git a/packages/solid/src/components/tree-view/tree-view-root-provider.tsx b/packages/solid/src/components/tree-view/tree-view-root-provider.tsx index 069661690c..05386b3732 100644 --- a/packages/solid/src/components/tree-view/tree-view-root-provider.tsx +++ b/packages/solid/src/components/tree-view/tree-view-root-provider.tsx @@ -1,12 +1,16 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import type { TreeNode } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import type { UseTreeViewReturn } from './use-tree-view' -import { TreeViewProvider } from './use-tree-view-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import type { TreeNode } from '../collection/index.tsx' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import type { UseTreeViewReturn } from './use-tree-view.ts' +import { TreeViewProvider } from './use-tree-view-context.ts' interface RootProviderProps { value: UseTreeViewReturn diff --git a/packages/solid/src/components/tree-view/tree-view-root.tsx b/packages/solid/src/components/tree-view/tree-view-root.tsx index 8948050460..5bcf532d78 100644 --- a/packages/solid/src/components/tree-view/tree-view-root.tsx +++ b/packages/solid/src/components/tree-view/tree-view-root.tsx @@ -1,12 +1,16 @@ import { mergeProps } from '@zag-js/solid' import type { JSX } from 'solid-js' -import type { Assign } from '../../types' -import { createSplitProps } from '../../utils/create-split-props' -import { type RenderStrategyProps, RenderStrategyProvider, splitRenderStrategyProps } from '../../utils/render-strategy' -import type { TreeNode } from '../collection' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { type UseTreeViewProps, useTreeView } from './use-tree-view' -import { TreeViewProvider } from './use-tree-view-context' +import type { Assign } from '../../types.ts' +import { createSplitProps } from '../../utils/create-split-props.ts' +import { + type RenderStrategyProps, + RenderStrategyProvider, + splitRenderStrategyProps, +} from '../../utils/render-strategy.ts' +import type { TreeNode } from '../collection/index.tsx' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { type UseTreeViewProps, useTreeView } from './use-tree-view.ts' +import { TreeViewProvider } from './use-tree-view-context.ts' export interface TreeViewRootBaseProps extends UseTreeViewProps, RenderStrategyProps, PolymorphicProps<'div'> {} diff --git a/packages/solid/src/components/tree-view/tree-view-tree.tsx b/packages/solid/src/components/tree-view/tree-view-tree.tsx index 33805c3d15..4599e65736 100644 --- a/packages/solid/src/components/tree-view/tree-view-tree.tsx +++ b/packages/solid/src/components/tree-view/tree-view-tree.tsx @@ -1,6 +1,6 @@ import { mergeProps } from '@zag-js/solid' -import { type HTMLProps, type PolymorphicProps, ark } from '../factory' -import { useTreeViewContext } from './use-tree-view-context' +import { type HTMLProps, type PolymorphicProps, ark } from '../factory.tsx' +import { useTreeViewContext } from './use-tree-view-context.ts' export interface TreeViewTreeBaseProps extends PolymorphicProps<'div'> {} export interface TreeViewTreeProps extends HTMLProps<'div'>, TreeViewTreeBaseProps {} diff --git a/packages/solid/src/components/tree-view/tree-view.stories.tsx b/packages/solid/src/components/tree-view/tree-view.stories.tsx index 4e5c8d6a86..2a93824759 100644 --- a/packages/solid/src/components/tree-view/tree-view.stories.tsx +++ b/packages/solid/src/components/tree-view/tree-view.stories.tsx @@ -6,18 +6,18 @@ const meta: Meta = { export default meta -export { AsyncLoading } from './examples/async-loading' -export { Basic } from './examples/basic' -export { CheckboxTree } from './examples/checkbox-tree' -export { ContextMenu } from './examples/context-menu' -export { ControlledExpanded } from './examples/controlled-expanded' -export { ControlledSelected } from './examples/controlled-selected' -export { DisabledNode } from './examples/disabled-node' -export { ExpandCollapseAll } from './examples/expand-collapse-all' -export { Filtering } from './examples/filtering' -export { LazyMount } from './examples/lazy-mount' -export { Links } from './examples/links' -export { Mutation } from './examples/mutation' -export { RenameNode } from './examples/rename-node' -export { RootProvider } from './examples/root-provider' -export { Virtualized } from './examples/virtualized' +export { AsyncLoading } from './examples/async-loading.tsx' +export { Basic } from './examples/basic.tsx' +export { CheckboxTree } from './examples/checkbox-tree.tsx' +export { ContextMenu } from './examples/context-menu.tsx' +export { ControlledExpanded } from './examples/controlled-expanded.tsx' +export { ControlledSelected } from './examples/controlled-selected.tsx' +export { DisabledNode } from './examples/disabled-node.tsx' +export { ExpandCollapseAll } from './examples/expand-collapse-all.tsx' +export { Filtering } from './examples/filtering.tsx' +export { LazyMount } from './examples/lazy-mount.tsx' +export { Links } from './examples/links.tsx' +export { Mutation } from './examples/mutation.tsx' +export { RenameNode } from './examples/rename-node.tsx' +export { RootProvider } from './examples/root-provider.tsx' +export { Virtualized } from './examples/virtualized.tsx' diff --git a/packages/solid/src/components/tree-view/tree-view.ts b/packages/solid/src/components/tree-view/tree-view.ts index 07c08ae0c0..5856f2e93f 100644 --- a/packages/solid/src/components/tree-view/tree-view.ts +++ b/packages/solid/src/components/tree-view/tree-view.ts @@ -15,97 +15,97 @@ export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, -} from './tree-view-branch' +} from './tree-view-branch.tsx' export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, -} from './tree-view-branch-content' +} from './tree-view-branch-content.tsx' export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, -} from './tree-view-branch-control' +} from './tree-view-branch-control.tsx' export { TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, -} from './tree-view-branch-indent-guide' +} from './tree-view-branch-indent-guide.tsx' export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, type TreeViewBranchIndicatorProps as BranchIndicatorProps, -} from './tree-view-branch-indicator' +} from './tree-view-branch-indicator.tsx' export { TreeViewBranchText as BranchText, type TreeViewBranchTextBaseProps as BranchTextBaseProps, type TreeViewBranchTextProps as BranchTextProps, -} from './tree-view-branch-text' +} from './tree-view-branch-text.tsx' export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, type TreeViewBranchTriggerProps as BranchTriggerProps, -} from './tree-view-branch-trigger' -export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context' +} from './tree-view-branch-trigger.tsx' +export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context.tsx' export { TreeViewItem as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, -} from './tree-view-item' +} from './tree-view-item.tsx' export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, type TreeViewItemIndicatorProps as ItemIndicatorProps, -} from './tree-view-item-indicator' +} from './tree-view-item-indicator.tsx' export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, -} from './tree-view-item-text' +} from './tree-view-item-text.tsx' export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, -} from './tree-view-label' +} from './tree-view-label.tsx' export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, -} from './tree-view-node-checkbox' +} from './tree-view-node-checkbox.tsx' export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, -} from './tree-view-node-checkbox-indicator' +} from './tree-view-node-checkbox-indicator.tsx' export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, -} from './tree-view-node-rename-input' +} from './tree-view-node-rename-input.tsx' export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, -} from './tree-view-node-context' +} from './tree-view-node-context.ts' export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, -} from './tree-view-node-provider' +} from './tree-view-node-provider.tsx' export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootProps as RootProps, -} from './tree-view-root' +} from './tree-view-root.tsx' export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, -} from './tree-view-root-provider' +} from './tree-view-root-provider.tsx' export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, -} from './tree-view-tree' +} from './tree-view-tree.tsx' diff --git a/packages/solid/src/components/tree-view/use-tree-view-context.ts b/packages/solid/src/components/tree-view/use-tree-view-context.ts index ac841aacd3..d342635a13 100644 --- a/packages/solid/src/components/tree-view/use-tree-view-context.ts +++ b/packages/solid/src/components/tree-view/use-tree-view-context.ts @@ -1,6 +1,6 @@ -import { createContext } from '../../utils/create-context' -import type { TreeNode } from '../collection' -import type { UseTreeViewReturn } from './use-tree-view' +import { createContext } from '../../utils/create-context.ts' +import type { TreeNode } from '../collection/index.tsx' +import type { UseTreeViewReturn } from './use-tree-view.ts' export interface UseTreeViewContext extends UseTreeViewReturn {} diff --git a/packages/solid/src/components/tree-view/use-tree-view-node-context.ts b/packages/solid/src/components/tree-view/use-tree-view-node-context.ts index 6fc0e760b1..27dd339a7c 100644 --- a/packages/solid/src/components/tree-view/use-tree-view-node-context.ts +++ b/packages/solid/src/components/tree-view/use-tree-view-node-context.ts @@ -1,6 +1,6 @@ import type { NodeState } from '@zag-js/tree-view' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTreeViewNodeContext extends Accessor {} diff --git a/packages/solid/src/components/tree-view/use-tree-view-node-props-context.ts b/packages/solid/src/components/tree-view/use-tree-view-node-props-context.ts index cb2d0254f2..2c212dd9e3 100644 --- a/packages/solid/src/components/tree-view/use-tree-view-node-props-context.ts +++ b/packages/solid/src/components/tree-view/use-tree-view-node-props-context.ts @@ -1,5 +1,5 @@ import type { NodeProps } from '@zag-js/tree-view' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseTreeViewNodePropsContext extends NodeProps {} diff --git a/packages/solid/src/components/tree-view/use-tree-view.ts b/packages/solid/src/components/tree-view/use-tree-view.ts index 8c2d411858..500c9eeb50 100644 --- a/packages/solid/src/components/tree-view/use-tree-view.ts +++ b/packages/solid/src/components/tree-view/use-tree-view.ts @@ -1,10 +1,10 @@ import { type PropTypes, normalizeProps, useMachine } from '@zag-js/solid' import * as treeView from '@zag-js/tree-view' import { type Accessor, createMemo, createUniqueId } from 'solid-js' -import { useEnvironmentContext, useLocaleContext } from '../../providers' -import type { MaybeAccessor, Optional } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import type { TreeCollection, TreeNode } from '../collection' +import { useEnvironmentContext, useLocaleContext } from '../../providers/index.tsx' +import type { MaybeAccessor, Optional } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import type { TreeCollection, TreeNode } from '../collection/index.tsx' export interface UseTreeViewProps extends Optional< Omit, diff --git a/packages/solid/src/index.tsx b/packages/solid/src/index.tsx index 9799373284..eeaa601622 100644 --- a/packages/solid/src/index.tsx +++ b/packages/solid/src/index.tsx @@ -1,4 +1,4 @@ -export * from './components' -export * from './providers' -export * from './utils' -export type { Assign, Optional } from './types' +export * from './components/index.tsx' +export * from './providers/index.tsx' +export * from './utils/index.tsx' +export type { Assign, Optional } from './types.ts' diff --git a/packages/solid/src/providers/environment/environment-provider.tsx b/packages/solid/src/providers/environment/environment-provider.tsx index 019feb1ae1..6bc87d5e95 100644 --- a/packages/solid/src/providers/environment/environment-provider.tsx +++ b/packages/solid/src/providers/environment/environment-provider.tsx @@ -1,8 +1,8 @@ import { getDocument, getWindow } from '@zag-js/dom-query' import { type JSX, Show, createMemo, createSignal } from 'solid-js' -import { ark } from '../../components/factory' -import { runIfFn } from '../../utils/run-if-fn' -import { EnvironmentContextProvider, type RootNode } from './use-environment-context' +import { ark } from '../../components/factory.tsx' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { EnvironmentContextProvider, type RootNode } from './use-environment-context.ts' export interface EnvironmentProviderProps { children?: JSX.Element diff --git a/packages/solid/src/providers/environment/environment.stories.tsx b/packages/solid/src/providers/environment/environment.stories.tsx index be727f76e0..1ff322bad4 100644 --- a/packages/solid/src/providers/environment/environment.stories.tsx +++ b/packages/solid/src/providers/environment/environment.stories.tsx @@ -6,4 +6,4 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' +export { Basic } from './examples/basic.tsx' diff --git a/packages/solid/src/providers/environment/environment.test.tsx b/packages/solid/src/providers/environment/environment.test.tsx index 6b83ec7d9f..5b79f9e5be 100644 --- a/packages/solid/src/providers/environment/environment.test.tsx +++ b/packages/solid/src/providers/environment/environment.test.tsx @@ -1,5 +1,5 @@ import { render, screen } from '@solidjs/testing-library' -import { EnvironmentProvider, useEnvironmentContext } from './' +import { EnvironmentProvider, useEnvironmentContext } from './index.tsx' const PrintEnvironment = () => { const environment = useEnvironmentContext() diff --git a/packages/solid/src/providers/environment/examples/basic.tsx b/packages/solid/src/providers/environment/examples/basic.tsx index 506b9b6cb8..fb23b4a45a 100644 --- a/packages/solid/src/providers/environment/examples/basic.tsx +++ b/packages/solid/src/providers/environment/examples/basic.tsx @@ -1,5 +1,5 @@ import { EnvironmentProvider } from '@ark-ui/solid/environment' -import { Usage } from './usage' +import { Usage } from './usage.tsx' export const Basic = () => ( diff --git a/packages/solid/src/providers/environment/examples/usage.tsx b/packages/solid/src/providers/environment/examples/usage.tsx index 85a37b55cf..73f0d2893d 100644 --- a/packages/solid/src/providers/environment/examples/usage.tsx +++ b/packages/solid/src/providers/environment/examples/usage.tsx @@ -1,4 +1,4 @@ -import { useEnvironmentContext } from '../use-environment-context' +import { useEnvironmentContext } from '../use-environment-context.ts' export const Usage = () => { const environment = useEnvironmentContext() diff --git a/packages/solid/src/providers/environment/index.tsx b/packages/solid/src/providers/environment/index.tsx index e6cd1093fd..ed7aedd49d 100644 --- a/packages/solid/src/providers/environment/index.tsx +++ b/packages/solid/src/providers/environment/index.tsx @@ -1,4 +1,4 @@ -export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider' +export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider.tsx' export { useEnvironmentContext, /** @@ -7,4 +7,4 @@ export { type UseEnvironmentContext as EnvironmentContext, type RootNode, type UseEnvironmentContext, -} from './use-environment-context' +} from './use-environment-context.ts' diff --git a/packages/solid/src/providers/environment/use-environment-context.ts b/packages/solid/src/providers/environment/use-environment-context.ts index ca8557c8a7..15d3b31e12 100644 --- a/packages/solid/src/providers/environment/use-environment-context.ts +++ b/packages/solid/src/providers/environment/use-environment-context.ts @@ -1,5 +1,5 @@ import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export type RootNode = ShadowRoot | Document | Node diff --git a/packages/solid/src/providers/index.tsx b/packages/solid/src/providers/index.tsx index 731ade1980..2ed79e0163 100644 --- a/packages/solid/src/providers/index.tsx +++ b/packages/solid/src/providers/index.tsx @@ -1,3 +1,3 @@ -export * from './environment' -export * from './interaction' -export * from './locale' +export * from './environment/index.tsx' +export * from './interaction/index.ts' +export * from './locale/index.tsx' diff --git a/packages/solid/src/providers/interaction/index.ts b/packages/solid/src/providers/interaction/index.ts index f973d14957..6e3e2bda37 100644 --- a/packages/solid/src/providers/interaction/index.ts +++ b/packages/solid/src/providers/interaction/index.ts @@ -1,2 +1,2 @@ -export { useFocusVisible, type UseFocusVisibleProps } from './use-focus-visible' -export { useInteractionModality, type Modality } from './use-interaction-modality' +export { useFocusVisible, type UseFocusVisibleProps } from './use-focus-visible.ts' +export { useInteractionModality, type Modality } from './use-interaction-modality.ts' diff --git a/packages/solid/src/providers/interaction/interaction.stories.tsx b/packages/solid/src/providers/interaction/interaction.stories.tsx index 0a59fe4c7a..d49340acff 100644 --- a/packages/solid/src/providers/interaction/interaction.stories.tsx +++ b/packages/solid/src/providers/interaction/interaction.stories.tsx @@ -6,6 +6,6 @@ const meta: Meta = { export default meta -export { InteractionModality } from './examples/interaction' -export { FocusVisible } from './examples/focus-visible' -export { FocusVisibleTextInput } from './examples/focus-visible-text-input' +export { InteractionModality } from './examples/interaction.tsx' +export { FocusVisible } from './examples/focus-visible.tsx' +export { FocusVisibleTextInput } from './examples/focus-visible-text-input.tsx' diff --git a/packages/solid/src/providers/interaction/use-focus-visible.ts b/packages/solid/src/providers/interaction/use-focus-visible.ts index 647d926dbd..f8c8f26327 100644 --- a/packages/solid/src/providers/interaction/use-focus-visible.ts +++ b/packages/solid/src/providers/interaction/use-focus-visible.ts @@ -1,7 +1,7 @@ import { isFocusVisible, trackFocusVisible } from '@zag-js/focus-visible' import { useSyncExternalStore } from '@zag-js/solid' import type { Accessor } from 'solid-js' -import { useEnvironmentContext } from '../environment' +import { useEnvironmentContext } from '../environment/index.tsx' export interface UseFocusVisibleProps { isTextInput?: boolean diff --git a/packages/solid/src/providers/interaction/use-interaction-modality.ts b/packages/solid/src/providers/interaction/use-interaction-modality.ts index 3f5d429f47..5b88c9b549 100644 --- a/packages/solid/src/providers/interaction/use-interaction-modality.ts +++ b/packages/solid/src/providers/interaction/use-interaction-modality.ts @@ -1,7 +1,7 @@ import { getInteractionModality, trackInteractionModality, type Modality } from '@zag-js/focus-visible' import { useSyncExternalStore } from '@zag-js/solid' import type { Accessor } from 'solid-js' -import { useEnvironmentContext } from '../environment' +import { useEnvironmentContext } from '../environment/index.tsx' export type { Modality } diff --git a/packages/solid/src/providers/locale/examples/basic.tsx b/packages/solid/src/providers/locale/examples/basic.tsx index 53614ca700..0353b9914a 100644 --- a/packages/solid/src/providers/locale/examples/basic.tsx +++ b/packages/solid/src/providers/locale/examples/basic.tsx @@ -1,5 +1,5 @@ import { LocaleProvider } from '@ark-ui/solid/locale' -import { Usage } from './usage' +import { Usage } from './usage.tsx' export const Basic = () => { return ( diff --git a/packages/solid/src/providers/locale/index.tsx b/packages/solid/src/providers/locale/index.tsx index 011d72ca81..2d564ecc1e 100644 --- a/packages/solid/src/providers/locale/index.tsx +++ b/packages/solid/src/providers/locale/index.tsx @@ -1,5 +1,5 @@ -export { LocaleProvider, type LocaleProviderProps } from './locale-provider' -export { useCollator, type UseCollatorProps } from './use-collator' -export { useDateFormatter, type UseDateFormatterProps, type UseDateFormatterReturn } from './use-date-formatter' -export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter' -export { useLocaleContext, type UseLocaleContext } from './use-locale-context' +export { LocaleProvider, type LocaleProviderProps } from './locale-provider.tsx' +export { useCollator, type UseCollatorProps } from './use-collator.ts' +export { useDateFormatter, type UseDateFormatterProps, type UseDateFormatterReturn } from './use-date-formatter.ts' +export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter.ts' +export { useLocaleContext, type UseLocaleContext } from './use-locale-context.ts' diff --git a/packages/solid/src/providers/locale/locale-provider.tsx b/packages/solid/src/providers/locale/locale-provider.tsx index 43c9aa8a9f..36999bf08d 100644 --- a/packages/solid/src/providers/locale/locale-provider.tsx +++ b/packages/solid/src/providers/locale/locale-provider.tsx @@ -1,6 +1,6 @@ import { type Locale, isRTL } from '@zag-js/i18n-utils' import { type ParentProps, createMemo } from 'solid-js' -import { LocaleContextProvider } from './use-locale-context' +import { LocaleContextProvider } from './use-locale-context.ts' export interface LocaleProviderProps extends ParentProps { /** diff --git a/packages/solid/src/providers/locale/locale.stories.tsx b/packages/solid/src/providers/locale/locale.stories.tsx index bc51a72027..a00795f7e8 100644 --- a/packages/solid/src/providers/locale/locale.stories.tsx +++ b/packages/solid/src/providers/locale/locale.stories.tsx @@ -6,4 +6,4 @@ const meta: Meta = { export default meta -export { Basic } from './examples/basic' +export { Basic } from './examples/basic.tsx' diff --git a/packages/solid/src/providers/locale/use-collator.ts b/packages/solid/src/providers/locale/use-collator.ts index d787dff1ad..f7ca88a0db 100644 --- a/packages/solid/src/providers/locale/use-collator.ts +++ b/packages/solid/src/providers/locale/use-collator.ts @@ -1,6 +1,6 @@ import { createCollator } from '@zag-js/i18n-utils' import { createMemo, type Accessor } from 'solid-js' -import { useLocaleContext } from './use-locale-context' +import { useLocaleContext } from './use-locale-context.ts' export interface UseCollatorProps extends Intl.CollatorOptions { locale?: string diff --git a/packages/solid/src/providers/locale/use-date-formatter.ts b/packages/solid/src/providers/locale/use-date-formatter.ts index 06daf531e0..1735583bf1 100644 --- a/packages/solid/src/providers/locale/use-date-formatter.ts +++ b/packages/solid/src/providers/locale/use-date-formatter.ts @@ -1,8 +1,8 @@ import { DateFormatter } from '@internationalized/date' import { createMemo, type Accessor } from 'solid-js' -import type { MaybeAccessor } from '../../types' -import { runIfFn } from '../../utils/run-if-fn' -import { useLocaleContext } from './use-locale-context' +import type { MaybeAccessor } from '../../types.ts' +import { runIfFn } from '../../utils/run-if-fn.ts' +import { useLocaleContext } from './use-locale-context.ts' export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions { locale?: string diff --git a/packages/solid/src/providers/locale/use-filter.ts b/packages/solid/src/providers/locale/use-filter.ts index 6a2e9b805d..1b3d51876b 100644 --- a/packages/solid/src/providers/locale/use-filter.ts +++ b/packages/solid/src/providers/locale/use-filter.ts @@ -1,6 +1,6 @@ import { type FilterOptions, type FilterReturn, createFilter } from '@zag-js/i18n-utils' import { type Accessor, createMemo } from 'solid-js' -import { useLocaleContext } from './use-locale-context' +import { useLocaleContext } from './use-locale-context.ts' export interface UseFilterProps extends FilterOptions {} diff --git a/packages/solid/src/providers/locale/use-locale-context.ts b/packages/solid/src/providers/locale/use-locale-context.ts index b1a2f0bdba..147c926ae1 100644 --- a/packages/solid/src/providers/locale/use-locale-context.ts +++ b/packages/solid/src/providers/locale/use-locale-context.ts @@ -1,6 +1,6 @@ import type { Locale } from '@zag-js/i18n-utils' import type { Accessor } from 'solid-js' -import { createContext } from '../../utils/create-context' +import { createContext } from '../../utils/create-context.ts' export interface UseLocaleContext extends Accessor {} diff --git a/packages/solid/src/utils/create-split-props.test.ts b/packages/solid/src/utils/create-split-props.test.ts index 67886f5113..f113210aee 100644 --- a/packages/solid/src/utils/create-split-props.test.ts +++ b/packages/solid/src/utils/create-split-props.test.ts @@ -1,4 +1,4 @@ -import { createSplitProps } from './create-split-props' +import { createSplitProps } from './create-split-props.ts' describe('createSplitProps', () => { type Target = { diff --git a/packages/solid/src/utils/index.tsx b/packages/solid/src/utils/index.tsx index da47898787..0d8e0564cc 100644 --- a/packages/solid/src/utils/index.tsx +++ b/packages/solid/src/utils/index.tsx @@ -1,2 +1,2 @@ -export { createContext } from './create-context' +export { createContext } from './create-context.ts' export { mergeProps } from '@zag-js/core' diff --git a/packages/solid/src/utils/render-strategy.ts b/packages/solid/src/utils/render-strategy.ts index 430a911b1f..88d1149109 100644 --- a/packages/solid/src/utils/render-strategy.ts +++ b/packages/solid/src/utils/render-strategy.ts @@ -1,5 +1,5 @@ -import { createContext } from './create-context' -import { createSplitProps } from './create-split-props' +import { createContext } from './create-context.ts' +import { createSplitProps } from './create-split-props.ts' export interface RenderStrategyProps { /** diff --git a/packages/solid/src/utils/run-if-fn.test.ts b/packages/solid/src/utils/run-if-fn.test.ts index a8fd4a5f84..d0eff346df 100644 --- a/packages/solid/src/utils/run-if-fn.test.ts +++ b/packages/solid/src/utils/run-if-fn.test.ts @@ -1,4 +1,4 @@ -import { runIfFn } from './run-if-fn' +import { runIfFn } from './run-if-fn.ts' describe('Util: runIfFn', () => { it('should pass through a non function value', () => { diff --git a/packages/solid/src/utils/use-controllable-state.ts b/packages/solid/src/utils/use-controllable-state.ts index 5a6f3c25f2..96b30c080c 100644 --- a/packages/solid/src/utils/use-controllable-state.ts +++ b/packages/solid/src/utils/use-controllable-state.ts @@ -1,5 +1,5 @@ import { type Accessor, createMemo, createSignal, untrack } from 'solid-js' -import { runIfFn } from './run-if-fn' +import { runIfFn } from './run-if-fn.ts' export interface UseControllableStateProps { value?: Accessor diff --git a/packages/svelte/package.json b/packages/svelte/package.json index 901338aa13..8c9123d8de 100644 --- a/packages/svelte/package.json +++ b/packages/svelte/package.json @@ -102,7 +102,7 @@ } }, "scripts": { - "build": "svelte-kit sync && svelte-package --tsconfig ./tsconfig.build.json", + "build": "svelte-kit sync && svelte-package --tsconfig ./tsconfig.build.json && node scripts/fix-dist-extensions.mjs", "start": "svelte-kit sync && vite dev", "dev": "storybook dev -p 6006", "storybook": "storybook dev -p 6006", diff --git a/packages/svelte/scripts/fix-dist-extensions.mjs b/packages/svelte/scripts/fix-dist-extensions.mjs new file mode 100644 index 0000000000..e093f48d50 --- /dev/null +++ b/packages/svelte/scripts/fix-dist-extensions.mjs @@ -0,0 +1,36 @@ +import { readdir, readFile, writeFile } from 'node:fs/promises' +import path from 'node:path' +import { fileURLToPath } from 'node:url' + +// svelte-package does not rewrite import specifiers, so .ts / .svelte.ts +// extensions added in source leak into dist. Map them to emitted files: +// ./x.ts -> ./x.js +// ./x.svelte.ts -> ./x.svelte.js +// ./x.svelte -> unchanged (component shipped as-is) +const __dirname = path.dirname(fileURLToPath(import.meta.url)) +const distRoot = path.resolve(__dirname, '../dist') + +const RE = /(\bfrom\s*['"]|\bimport\s*\(\s*['"]|\bimport\s*['"])(\.\.?\/[^'"]*?)(\.svelte)?\.tsx?(['"])/g + +const walk = async (dir) => { + const entries = await readdir(dir, { withFileTypes: true }) + const out = [] + for (const e of entries) { + const full = path.join(dir, e.name) + if (e.isDirectory()) out.push(...(await walk(full))) + else if (/\.(js|svelte|d\.ts)$/.test(e.name)) out.push(full) + } + return out +} + +const files = await walk(distRoot) +let changed = 0 +for (const file of files) { + const code = await readFile(file, 'utf8') + const next = code.replace(RE, (_m, pre, spec, svelte, post) => `${pre}${spec}${svelte ?? ''}.js${post}`) + if (next !== code) { + await writeFile(file, next) + changed++ + } +} +console.log(`fix-dist-extensions: rewrote ${changed}/${files.length} files`) diff --git a/packages/svelte/src/lib/components/accordion/accordion-context.svelte b/packages/svelte/src/lib/components/accordion/accordion-context.svelte index 4eedd27321..810040ec29 100644 --- a/packages/svelte/src/lib/components/accordion/accordion-context.svelte +++ b/packages/svelte/src/lib/components/accordion/accordion-context.svelte @@ -7,7 +7,7 @@ diff --git a/packages/svelte/src/lib/components/field/tests/field-item-disabled.test.svelte b/packages/svelte/src/lib/components/field/tests/field-item-disabled.test.svelte index b422c5e81d..fc88c1b37f 100644 --- a/packages/svelte/src/lib/components/field/tests/field-item-disabled.test.svelte +++ b/packages/svelte/src/lib/components/field/tests/field-item-disabled.test.svelte @@ -1,5 +1,5 @@ diff --git a/packages/svelte/src/lib/components/field/tests/field-item-invalid.test.svelte b/packages/svelte/src/lib/components/field/tests/field-item-invalid.test.svelte index e712e45f29..fc4a285143 100644 --- a/packages/svelte/src/lib/components/field/tests/field-item-invalid.test.svelte +++ b/packages/svelte/src/lib/components/field/tests/field-item-invalid.test.svelte @@ -1,5 +1,5 @@ diff --git a/packages/svelte/src/lib/components/field/tests/field-item-mixed-target.test.svelte b/packages/svelte/src/lib/components/field/tests/field-item-mixed-target.test.svelte index a04661618a..82f14864a5 100644 --- a/packages/svelte/src/lib/components/field/tests/field-item-mixed-target.test.svelte +++ b/packages/svelte/src/lib/components/field/tests/field-item-mixed-target.test.svelte @@ -1,5 +1,5 @@ diff --git a/packages/svelte/src/lib/components/field/tests/field-item-mixed.test.svelte b/packages/svelte/src/lib/components/field/tests/field-item-mixed.test.svelte index 7d2cfe5d07..bb565c1e59 100644 --- a/packages/svelte/src/lib/components/field/tests/field-item-mixed.test.svelte +++ b/packages/svelte/src/lib/components/field/tests/field-item-mixed.test.svelte @@ -1,5 +1,5 @@ diff --git a/packages/svelte/src/lib/components/field/tests/field-item-orphan.test.svelte b/packages/svelte/src/lib/components/field/tests/field-item-orphan.test.svelte index ba575cea4d..ab687c88fb 100644 --- a/packages/svelte/src/lib/components/field/tests/field-item-orphan.test.svelte +++ b/packages/svelte/src/lib/components/field/tests/field-item-orphan.test.svelte @@ -1,5 +1,5 @@ diff --git a/packages/svelte/src/lib/components/field/use-field-context.ts b/packages/svelte/src/lib/components/field/use-field-context.ts index 74b110bd40..762cf78eb0 100644 --- a/packages/svelte/src/lib/components/field/use-field-context.ts +++ b/packages/svelte/src/lib/components/field/use-field-context.ts @@ -1,6 +1,6 @@ import type { Accessor } from '$lib/types' import { createContext } from '$lib/utils/create-context' -import type { UseFieldReturn } from './use-field.svelte' +import type { UseFieldReturn } from './use-field.svelte.ts' export type UseFieldApi = ReturnType export type UseFieldContext = Accessor diff --git a/packages/svelte/src/lib/components/field/use-field.svelte.ts b/packages/svelte/src/lib/components/field/use-field.svelte.ts index b3d569e353..b259c7e1aa 100644 --- a/packages/svelte/src/lib/components/field/use-field.svelte.ts +++ b/packages/svelte/src/lib/components/field/use-field.svelte.ts @@ -3,8 +3,8 @@ import type { HTMLProps } from '$lib/types' import { ariaAttr, dataAttr } from '@zag-js/dom-query' import { type MaybeFunction, ensureProps, runIfFn } from '@zag-js/utils' import { onMount } from 'svelte' -import { useFieldsetContext } from '../fieldset/use-fieldset-context' -import { parts } from './field.anatomy' +import { useFieldsetContext } from '../fieldset/use-fieldset-context.ts' +import { parts } from './field.anatomy.ts' export interface ElementIds { root?: string diff --git a/packages/svelte/src/lib/components/fieldset/fieldset-context.svelte b/packages/svelte/src/lib/components/fieldset/fieldset-context.svelte index 2b3263aa9f..62daae7b1b 100644 --- a/packages/svelte/src/lib/components/fieldset/fieldset-context.svelte +++ b/packages/svelte/src/lib/components/fieldset/fieldset-context.svelte @@ -1,6 +1,6 @@ diff --git a/packages/svelte/src/lib/components/tour/tour-description.svelte b/packages/svelte/src/lib/components/tour/tour-description.svelte index 45e404eca6..7924f2f0c2 100644 --- a/packages/svelte/src/lib/components/tour/tour-description.svelte +++ b/packages/svelte/src/lib/components/tour/tour-description.svelte @@ -7,8 +7,8 @@