feat(*): /anatomy entrypoint

packages/react/CHANGELOG.md

@@ -1,5 +1,14 @@
 ## [Unreleased]
 
+### Added
+
+- **Anatomy**: Export all component anatomies from `@ark-ui/react/anatomy` to prevent resolution issues with other Node
+  programs like Panda CSS. You can now import anatomies directly:
+
+  ```tsx
+  import { accordionAnatomy, dialogAnatomy } from '@ark-ui/react/anatomy'
+  ```
+
 ### Changed
 
 - **Fieldset**: Reverted `Fieldset.Legend` to render as a `legend` element instead of a `div` element (reverting changes

packages/react/src/components/anatomy.ts

@@ -1 +1,46 @@
 export * from '@zag-js/anatomy'
+export { accordionAnatomy } from './accordion/accordion.anatomy'
+export { avatarAnatomy } from './avatar/avatar.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 { 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 { listboxAnatomy } from './listbox/listbox.anatomy'
+export { menuAnatomy } from './menu/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 { switchAnatomy } from './switch/switch.anatomy'
+export { tabsAnatomy } from './tabs/tabs.anatomy'
+export { tagsInputAnatomy } from './tags-input/tags-input.anatomy'
+export { timePickerAnatomy } from './time-picker/time-picker.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'

packages/solid/CHANGELOG.md

@@ -1,5 +1,14 @@
 ## [Unreleased]
 
+### Added
+
+- **Anatomy**: Export all component anatomies from `@ark-ui/solid/anatomy` to prevent resolution issues with other Node
+  programs like Panda CSS. You can now import anatomies directly:
+
+  ```tsx
+  import { accordionAnatomy, dialogAnatomy } from '@ark-ui/solid/anatomy'
+  ```
+
 ### Changed
 
 - **Fieldset**: Reverted `Fieldset.Legend` to render as a `legend` element instead of a `div` element (reverting changes

packages/solid/src/components/anatomy.ts

@@ -1 +1,46 @@
 export * from '@zag-js/anatomy'
+export { accordionAnatomy } from './accordion/accordion.anatomy'
+export { avatarAnatomy } from './avatar/avatar.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 { 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 { listboxAnatomy } from './listbox/listbox.anatomy'
+export { menuAnatomy } from './menu/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 { switchAnatomy } from './switch/switch.anatomy'
+export { tabsAnatomy } from './tabs/tabs.anatomy'
+export { tagsInputAnatomy } from './tags-input/tags-input.anatomy'
+export { timePickerAnatomy } from './time-picker/time-picker.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'

packages/solid/tsup.config.ts

@@ -28,7 +28,6 @@ function generateConfig(jsx: boolean): Options {
     outExtension() {
       return jsx ? { js: '.jsx' } : {}
     },
-    // @ts-ignore
     esbuildPlugins: !jsx ? [solidPlugin({ solid: { generate: 'dom' } })] : [],
   }
 }

packages/svelte/CHANGELOG.md

@@ -6,6 +6,15 @@ description: All notable changes will be documented in this file.
 
 ## [Unreleased]
 
+### Added
+
+- **Anatomy**: Export all component anatomies from `@ark-ui/svelte/anatomy` to prevent resolution issues with other Node
+  programs like Panda CSS. You can now import anatomies directly:
+
+  ```ts
+  import { accordionAnatomy, dialogAnatomy } from '@ark-ui/svelte/anatomy'
+  ```
+
 ### Changed
 
 - **Fieldset**: Reverted `Fieldset.Legend` to render as a `legend` element instead of a `div` element (reverting changes

packages/svelte/src/lib/components/anatomy.ts

@@ -1 +1,46 @@
 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 { 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 { 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 { listboxAnatomy } from './listbox/listbox.anatomy'
+export { menuAnatomy } from './menu/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 { 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'

packages/vue/CHANGELOG.md

@@ -1,5 +1,14 @@
 ## [Unreleased]
 
+### Added
+
+- **Anatomy**: Export all component anatomies from `@ark-ui/vue/anatomy` to prevent resolution issues with other Node
+  programs like Panda CSS. You can now import anatomies directly:
+
+  ```ts
+  import { accordionAnatomy, dialogAnatomy } from '@ark-ui/vue/anatomy'
+  ```
+
 ### Changed
 
 - **Fieldset**: Reverted `Fieldset.Legend` to render as a `legend` element instead of a `div` element (reverting changes

packages/vue/src/components/anatomy.ts

@@ -1 +1,47 @@
 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 { 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 { 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 { listboxAnatomy } from './listbox/listbox.anatomy'
+export { menuAnatomy } from './menu/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 { switchAnatomy } from './switch/switch.anatomy'
+export { tabsAnatomy } from './tabs/tabs.anatomy'
+export { tagsInputAnatomy } from './tags-input/tags-input.anatomy'
+export { timePickerAnatomy } from './time-picker/time-picker.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'