@ark-ui/solid 3.4.0 → 3.5.0

package/dist/source/components/accordion/accordion.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/dist/source/components/accordion/index.js

@@ -9,4 +9,5 @@ export { AccordionRootProvider, } from './accordion-root-provider';
 export { useAccordion } from './use-accordion';
 export { useAccordionContext } from './use-accordion-context';
 export { useAccordionItemContext } from './use-accordion-item-context';
+export { accordionAnatomy } from './accordion.anatomy';
 export * as Accordion from './accordion';

package/dist/source/components/avatar/avatar.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';

package/dist/source/components/avatar/index.js

@@ -5,4 +5,5 @@ export { AvatarRoot, } from './avatar-root';
 export { AvatarRootProvider, } from './avatar-root-provider';
 export { useAvatar } from './use-avatar';
 export { useAvatarContext } from './use-avatar-context';
+export { avatarAnatomy } from './avatar.anatomy';
 export * as Avatar from './avatar';

package/dist/source/components/carousel/carousel-control.jsx

@@ -1,6 +1,6 @@
-import { carouselAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
+import { carouselAnatomy } from './carousel.anatomy';
 export const CarouselControl = (props) => {
     const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
     return <ark.div {...mergedProps}/>;

package/dist/source/components/carousel/carousel.anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@zag-js/carousel';
+export const carouselAnatomy = anatomy.extendWith('control');

package/dist/source/components/carousel/index.js

@@ -11,4 +11,5 @@ export { CarouselRootProvider, } from './carousel-root-provider';
 export { CarouselViewport, } from './carousel-viewport';
 export { useCarousel } from './use-carousel';
 export { useCarouselContext } from './use-carousel-context';
+export { carouselAnatomy } from './carousel.anatomy';
 export * as Carousel from './carousel';

package/dist/source/components/checkbox/checkbox-group.jsx

@@ -1,6 +1,6 @@
-import { checkboxAnatomy } from '@ark-ui/anatomy';
 import { createSplitProps } from '../../utils/create-split-props';
 import { ark } from '../factory';
+import { checkboxAnatomy } from './checkbox.anatomy';
 import { useCheckboxGroup } from './use-checkbox-group';
 import { CheckboxGroupContextProvider } from './use-checkbox-group-context';
 export const CheckboxGroup = (props) => {
@@ -10,6 +10,7 @@ export const CheckboxGroup = (props) => {
         'onValueChange',
         'disabled',
         'readOnly',
+        'name',
     ]);
     const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
     return (<CheckboxGroupContextProvider value={checkboxGroup}>

package/dist/source/components/checkbox/checkbox.anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@zag-js/checkbox';
+export const checkboxAnatomy = anatomy.extendWith('group');

package/dist/source/components/checkbox/index.js

@@ -10,4 +10,5 @@ export { useCheckbox } from './use-checkbox';
 export { useCheckboxContext } from './use-checkbox-context';
 export { useCheckboxGroup, } from './use-checkbox-group';
 export { useCheckboxGroupContext } from './use-checkbox-group-context';
+export { checkboxAnatomy } from './checkbox.anatomy';
 export * as Checkbox from './checkbox';

package/dist/source/components/checkbox/use-checkbox-group.js

@@ -34,6 +34,7 @@ export function useCheckboxGroup(props = {}) {
                         toggleValue(itemProps.value);
                     }
                 },
+                name: props.name,
                 disabled: props.disabled,
                 readOnly: props.readOnly,
             };
@@ -41,6 +42,7 @@ export function useCheckboxGroup(props = {}) {
         return {
             isChecked,
             value,
+            name: props.name,
             disabled: props.disabled,
             readOnly: props.readOnly,
             setValue,

package/dist/source/components/clipboard/clipboard.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';

package/dist/source/components/clipboard/index.js

@@ -8,4 +8,5 @@ export { ClipboardRootProvider, } from './clipboard-root-provider';
 export { ClipboardTrigger, } from './clipboard-trigger';
 export { useClipboard } from './use-clipboard';
 export { useClipboardContext } from './use-clipboard-context';
+export { clipboardAnatomy } from './clipboard.anatomy';
 export * as Clipboard from './clipboard';

package/dist/source/components/collapsible/collapsible.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';

package/dist/source/components/collapsible/index.js

@@ -5,4 +5,5 @@ export { CollapsibleRootProvider, } from './collapsible-root-provider';
 export { CollapsibleTrigger, } from './collapsible-trigger';
 export { useCollapsible, } from './use-collapsible';
 export { useCollapsibleContext } from './use-collapsible-context';
+export { collapsibleAnatomy } from './collapsible.anatomy';
 export * as Collapsible from './collapsible';

package/dist/source/components/color-picker/color-picker-value-text.jsx

@@ -1,9 +1,8 @@
-import { colorPickerAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
 import { useColorPickerContext } from './use-color-picker-context';
 export const ColorPickerValueText = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => colorPickerAnatomy.build().valueText.attrs, props);
-    return <ark.span {...mergedProps}>{api().valueAsString || props.children}</ark.span>;
+    const colorPicker = useColorPickerContext();
+    const mergedProps = mergeProps(() => colorPicker().getValueTextProps(), props);
+    return <ark.span {...mergedProps}>{colorPicker().valueAsString || props.children}</ark.span>;
 };

package/dist/source/components/color-picker/color-picker-view.jsx

@@ -1,8 +1,8 @@
-import { colorPickerAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { Show } from 'solid-js';
 import { createSplitProps } from '../../utils/create-split-props';
 import { ark } from '../factory';
+import { colorPickerAnatomy } from './color-picker.anatomy';
 import { useColorPickerContext } from './use-color-picker-context';
 import { ColorPickerFormatPropsProvider } from './use-color-picker-format-context';
 export const ColorPickerView = (props) => {

package/dist/source/components/color-picker/color-picker.anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@zag-js/color-picker';
+export const colorPickerAnatomy = anatomy.extendWith('view');

package/dist/source/components/color-picker/index.js

@@ -29,4 +29,5 @@ export { ColorPickerValueText, } from './color-picker-value-text';
 export { ColorPickerView, } from './color-picker-view';
 export { useColorPicker, } from './use-color-picker';
 export { useColorPickerContext } from './use-color-picker-context';
+export { colorPickerAnatomy } from './color-picker.anatomy';
 export * as ColorPicker from './color-picker';

package/dist/source/components/combobox/combobox.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/source/components/combobox/index.js

@@ -18,4 +18,5 @@ export { ComboboxTrigger, } from './combobox-trigger';
 export { useCombobox } from './use-combobox';
 export { useComboboxContext } from './use-combobox-context';
 export { useComboboxItemContext } from './use-combobox-item-context';
+export { comboboxAnatomy } from './combobox.anatomy';
 export * as Combobox from './combobox';

package/dist/source/components/combobox/use-combobox.js

@@ -11,7 +11,7 @@ export const useCombobox = (props) => {
         'itemToString',
         'items',
     ]);
-    const collection = () => combobox.collection(collectionOptions);
+    const collection = () => combobox.collection({ ...collectionOptions });
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
     const id = createUniqueId();

package/dist/source/components/date-picker/date-picker-view.jsx

@@ -1,7 +1,7 @@
-import { datePickerAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../../utils/create-split-props';
 import { 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';
 export const DatePickerView = (props) => {

package/dist/source/components/date-picker/date-picker.anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@zag-js/date-picker';
+export const datePickerAnatomy = anatomy.extendWith('view');

package/dist/source/components/date-picker/index.js

@@ -26,4 +26,5 @@ export { DatePickerViewTrigger, } from './date-picker-view-trigger';
 export { DatePickerYearSelect, } from './date-picker-year-select';
 export { useDatePicker } from './use-date-picker';
 export { useDatePickerContext } from './use-date-picker-context';
+export { datePickerAnatomy } from './date-picker.anatomy';
 export * as DatePicker from './date-picker';

package/dist/source/components/dialog/dialog.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';

package/dist/source/components/dialog/index.js

@@ -10,4 +10,5 @@ export { DialogTitle, } from './dialog-title';
 export { DialogTrigger, } from './dialog-trigger';
 export { useDialog } from './use-dialog';
 export { useDialogContext } from './use-dialog-context';
+export { dialogAnatomy } from './dialog.anatomy';
 export * as Dialog from './dialog';

package/dist/source/components/editable/editable.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as editableAnatomy } from '@zag-js/editable';

package/dist/source/components/editable/index.js

@@ -11,4 +11,5 @@ export { EditableRootProvider, } from './editable-root-provider';
 export { EditableSubmitTrigger, } from './editable-submit-trigger';
 export { useEditable } from './use-editable';
 export { useEditableContext } from './use-editable-context';
+export { editableAnatomy } from './editable.anatomy';
 export * as Editable from './editable';

package/dist/source/components/field/field.anatomy.js

@@ -0,0 +1,3 @@
+import { createAnatomy } from '@zag-js/anatomy';
+export const fieldAnatomy = createAnatomy('field').parts('root', 'errorText', 'helperText', 'input', 'label', 'select', 'textarea');
+export const parts = fieldAnatomy.build();

package/dist/source/components/field/index.js

@@ -8,4 +8,5 @@ export { FieldRoot } from './field-root';
 export { FieldRootProvider, } from './field-root-provider';
 export { FieldTextarea, } from './field-textarea';
 export { useFieldContext } from './use-field-context';
+export { fieldAnatomy } from './field.anatomy';
 export * as Field from './field';

package/dist/source/components/field/use-field.js

@@ -1,7 +1,6 @@
-import { fieldAnatomy } from '@ark-ui/anatomy';
 import { getWindow } from '@zag-js/dom-query';
 import { createEffect, createMemo, createSignal, onCleanup } from 'solid-js';
-const parts = fieldAnatomy.build();
+import { parts } from './field.anatomy';
 export const useField = (props) => {
     const { required = false, disabled = false, invalid = false, readOnly = false } = props;
     const [hasErrorText, setHasErrorText] = createSignal(false);

package/dist/source/components/file-upload/file-upload.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/source/components/file-upload/index.js

@@ -14,4 +14,5 @@ export { FileUploadRootProvider, } from './file-upload-root-provider';
 export { FileUploadTrigger, } from './file-upload-trigger';
 export { useFileUpload } from './use-file-upload';
 export { useFileUploadContext } from './use-file-upload-context';
+export { fileUploadAnatomy } from './file-upload.anatomy';
 export * as FileUpload from './file-upload';

package/dist/source/components/hover-card/hover-card.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';

package/dist/source/components/hover-card/index.js

@@ -8,4 +8,5 @@ export { HoverCardRootProvider, } from './hover-card-root-provider';
 export { HoverCardTrigger, } from './hover-card-trigger';
 export { useHoverCard } from './use-hover-card';
 export { useHoverCardContext } from './use-hover-card-context';
+export { hoverCardAnatomy } from './hover-card.anatomy';
 export * as HoverCard from './hover-card';

package/dist/source/components/menu/index.js

@@ -22,4 +22,5 @@ export { MenuTriggerItem, } from './menu-trigger-item';
 export { useMenu } from './use-menu';
 export { useMenuContext } from './use-menu-context';
 export { useMenuItemContext } from './use-menu-item-context';
+export { menuAnatomy } from './menu.anatomy';
 export * as Menu from './menu';

package/dist/source/components/menu/menu.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as menuAnatomy } from '@zag-js/menu';

package/dist/source/components/number-input/index.js

@@ -7,6 +7,8 @@ export { NumberInputLabel, } from './number-input-label';
 export { NumberInputRoot, } from './number-input-root';
 export { NumberInputRootProvider, } from './number-input-root-provider';
 export { NumberInputScrubber, } from './number-input-scrubber';
+export { NumberInputValueText, } from './number-input-value-text';
 export { useNumberInput, } from './use-number-input';
 export { useNumberInputContext } from './use-number-input-context';
+export { numberInputAnatomy } from './number-input.anatomy';
 export * as NumberInput from './number-input';

package/dist/source/components/number-input/number-input-value-text.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputValueText = (props) => {
+    const numberInput = useNumberInputContext();
+    const mergedProps = mergeProps(() => numberInput().getValueTextProps(), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/components/number-input/number-input.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';

package/dist/source/components/number-input/number-input.js

@@ -7,3 +7,4 @@ export { NumberInputLabel as Label, } from './number-input-label';
 export { NumberInputRoot as Root, } from './number-input-root';
 export { NumberInputRootProvider as RootProvider, } from './number-input-root-provider';
 export { NumberInputScrubber as Scrubber, } from './number-input-scrubber';
+export { NumberInputValueText as ValueText, } from './number-input-value-text';

package/dist/source/components/pagination/index.js

@@ -7,4 +7,5 @@ export { PaginationRoot, } from './pagination-root';
 export { PaginationRootProvider, } from './pagination-root-provider';
 export { usePagination } from './use-pagination';
 export { usePaginationContext } from './use-pagination-context';
+export { paginationAnatomy } from './pagination.anatomy';
 export * as Pagination from './pagination';

package/dist/source/components/pagination/pagination.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/source/components/pin-input/index.js

@@ -7,4 +7,5 @@ export { PinInputRoot, } from './pin-input-root';
 export { PinInputRootProvider, } from './pin-input-root-provider';
 export { usePinInput } from './use-pin-input';
 export { usePinInputContext } from './use-pin-input-context';
+export { pinInputAnatomy } from './pin-input.anatomy';
 export * as PinInput from './pin-input';

package/dist/source/components/pin-input/pin-input.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';

package/dist/source/components/popover/index.js

@@ -13,4 +13,5 @@ export { PopoverTitle, } from './popover-title';
 export { PopoverTrigger, } from './popover-trigger';
 export { usePopover } from './use-popover';
 export { usePopoverContext } from './use-popover-context';
+export { popoverAnatomy } from './popover.anatomy';
 export * as Popover from './popover';

package/dist/source/components/popover/popover.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as popoverAnatomy } from '@zag-js/popover';

package/dist/source/components/progress/index.js

@@ -11,4 +11,5 @@ export { ProgressValueText, } from './progress-value-text';
 export { ProgressView, } from './progress-view';
 export { useProgress } from './use-progress';
 export { useProgressContext } from './use-progress-context';
+export { progressAnatomy } from './progress.anatomy';
 export * as Progress from './progress';

package/dist/source/components/progress/progress.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as progressAnatomy } from '@zag-js/progress';

package/dist/source/components/qr-code/index.js

@@ -6,4 +6,5 @@ export { QrCodeRoot, } from './qr-code-root';
 export { QrCodeRootProvider, } from './qr-code-root-provider';
 export { useQrCode } from './use-qr-code';
 export { useQrCodeContext } from './use-qr-code-context';
+export { qrCodeAnatomy } from './qr-code.anatomy';
 export * as QrCode from './qr-code';

package/dist/source/components/qr-code/qr-code.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';

package/dist/source/components/radio-group/index.js

@@ -11,4 +11,5 @@ export { RadioGroupRootProvider, } from './radio-group-root-provider';
 export { useRadioGroup } from './use-radio-group';
 export { useRadioGroupContext } from './use-radio-group-context';
 export { useRadioGroupItemContext, } from './use-radio-group-item-context';
+export { radioGroupAnatomy } from './radio-group.anatomy';
 export * as RadioGroup from './radio-group';

package/dist/source/components/radio-group/radio-group.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';

package/dist/source/components/rating-group/index.js

@@ -9,4 +9,5 @@ export { RatingGroupRootProvider, } from './rating-group-root-provider';
 export { useRatingGroup, } from './use-rating-group';
 export { useRatingGroupContext } from './use-rating-group-context';
 export { useRatingGroupItemContext, } from './use-rating-group-item-context';
+export { ratingGroupAnatomy } from './rating-group.anatomy';
 export * as RatingGroup from './rating-group';

package/dist/source/components/rating-group/rating-group.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';

package/dist/source/components/segment-group/index.js

@@ -11,4 +11,5 @@ export { SegmentGroupRootProvider, } from './segment-group-root-provider';
 export { useSegmentGroup, } from './use-segment-group';
 export { useSegmentGroupContext } from './use-segment-group-context';
 export { useSegmentGroupItemContext, } from './use-segment-group-item-context';
+export { segmentGroupAnatomy } from './segment-group.anatomy';
 export * as SegmentGroup from './segment-group';

package/dist/source/components/segment-group/segment-group-indicator.jsx

@@ -1,9 +1,9 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
+import { parts } from './segment-group.anatomy';
 import { useSegmentGroupContext } from './use-segment-group-context';
 export const SegmentGroupIndicator = (props) => {
     const segmentGroup = useSegmentGroupContext();
-    const mergedProps = mergeProps(() => segmentGroup().getIndicatorProps(), segmentGroupAnatomy.build().indicator.attrs, props);
+    const mergedProps = mergeProps(() => segmentGroup().getIndicatorProps(), parts.indicator.attrs, props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/segment-group/segment-group-item-control.jsx

@@ -1,11 +1,11 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { 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';
 export const SegmentGroupItemControl = (props) => {
     const segmentGroup = useSegmentGroupContext();
     const itemProps = useSegmentGroupItemPropsContext();
-    const mergedProps = mergeProps(() => segmentGroup().getItemControlProps(itemProps), segmentGroupAnatomy.build().itemControl.attrs, props);
+    const mergedProps = mergeProps(() => segmentGroup().getItemControlProps(itemProps), parts.itemControl.attrs, props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/segment-group/segment-group-item-text.jsx

@@ -1,11 +1,11 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { 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';
 export const SegmentGroupItemText = (props) => {
     const segmentGroup = useSegmentGroupContext();
     const itemProps = useSegmentGroupItemPropsContext();
-    const mergedProps = mergeProps(() => segmentGroup().getItemTextProps(itemProps), segmentGroupAnatomy.build().itemText.attrs, props);
+    const mergedProps = mergeProps(() => segmentGroup().getItemTextProps(itemProps), parts.itemText.attrs, props);
     return <ark.span {...mergedProps}/>;
 };

package/dist/source/components/segment-group/segment-group-item.jsx

@@ -1,8 +1,8 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { createMemo } from 'solid-js';
 import { createSplitProps } from '../../utils/create-split-props';
 import { 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';
@@ -13,7 +13,7 @@ export const SegmentGroupItem = (props) => {
         'invalid',
     ]);
     const segmentGroup = useSegmentGroupContext();
-    const mergedProps = mergeProps(() => segmentGroup().getItemProps(itemProps), segmentGroupAnatomy.build().item.attrs, localProps);
+    const mergedProps = mergeProps(() => segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps);
     const itemState = createMemo(() => segmentGroup().getItemState(itemProps));
     return (<SegmentGroupItemPropsProvider value={itemProps}>
       <SegmentGroupItemProvider value={itemState}>

package/dist/source/components/segment-group/segment-group-label.jsx

@@ -1,9 +1,9 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
+import { parts } from './segment-group.anatomy';
 import { useSegmentGroupContext } from './use-segment-group-context';
 export const SegmentGroupLabel = (props) => {
     const segmentGroup = useSegmentGroupContext();
-    const mergedProps = mergeProps(() => segmentGroup().getLabelProps(), segmentGroupAnatomy.build().label.attrs, props);
+    const mergedProps = mergeProps(() => segmentGroup().getLabelProps(), parts.label.attrs, props);
     return <ark.label {...mergedProps}/>;
 };

package/dist/source/components/segment-group/segment-group-root-provider.jsx

@@ -1,13 +1,13 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../../utils/create-split-props';
 import { ark } from '../factory';
+import { parts } from './segment-group.anatomy';
 import { SegmentGroupProvider } from './use-segment-group-context';
 export const SegmentGroupRootProvider = (props) => {
     const [{ value: segmentGroup }, localProps] = createSplitProps()(props, [
         'value',
     ]);
-    const mergedProps = mergeProps(() => segmentGroup().getRootProps(), segmentGroupAnatomy.build().root.attrs, localProps);
+    const mergedProps = mergeProps(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
     return (<SegmentGroupProvider value={segmentGroup}>
       <ark.div {...mergedProps}/>
     </SegmentGroupProvider>);

package/dist/source/components/segment-group/segment-group-root.jsx

@@ -1,7 +1,7 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../../utils/create-split-props';
 import { ark } from '../factory';
+import { parts } from './segment-group.anatomy';
 import { useSegmentGroup } from './use-segment-group';
 import { SegmentGroupProvider } from './use-segment-group-context';
 export const SegmentGroupRoot = (props) => {
@@ -18,7 +18,7 @@ export const SegmentGroupRoot = (props) => {
         'value',
     ]);
     const segmentGroup = useSegmentGroup(useSegmentGroupProps);
-    const mergedProps = mergeProps(() => segmentGroup().getRootProps(), segmentGroupAnatomy.build().root.attrs, localProps);
+    const mergedProps = mergeProps(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
     return (<SegmentGroupProvider value={segmentGroup}>
       <ark.div {...mergedProps}/>
     </SegmentGroupProvider>);

package/dist/source/components/segment-group/segment-group.anatomy.js

@@ -0,0 +1,3 @@
+import { anatomy } from '@zag-js/radio-group';
+export const segmentGroupAnatomy = anatomy.rename('segment-group');
+export const parts = segmentGroupAnatomy.build();

package/dist/source/components/select/index.js

@@ -20,4 +20,5 @@ export { SelectValueText, } from './select-value-text';
 export { useSelect } from './use-select';
 export { useSelectContext } from './use-select-context';
 export { useSelectItemContext } from './use-select-item-context';
+export { selectAnatomy } from './select.anatomy';
 export * as Select from './select';

package/dist/source/components/select/select-hidden-select.jsx

@@ -12,7 +12,7 @@ export const SelectHiddenSelect = (props) => {
       <Show when={isValueEmpty()}>
         <option value=""/>
       </Show>
-      <Index each={select().collection.toArray()}>
+      <Index each={select().collection.items}>
         {(option) => <option value={option().value}>{option().label}</option>}
       </Index>
     </ark.select>);

package/dist/source/components/select/select-value-text.jsx

@@ -1,9 +1,8 @@
-import { selectAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
 import { useSelectContext } from './use-select-context';
 export const SelectValueText = (props) => {
     const select = useSelectContext();
-    const mergedProps = mergeProps(() => selectAnatomy.build().valueText.attrs, props);
+    const mergedProps = mergeProps(() => select().getValueTextProps(), props);
     return <ark.span {...mergedProps}>{select().valueAsString || props.placeholder}</ark.span>;
 };

package/dist/source/components/select/select.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as selectAnatomy } from '@zag-js/select';

package/dist/source/components/select/use-select.js

@@ -11,7 +11,7 @@ export const useSelect = (props) => {
         'itemToString',
         'items',
     ]);
-    const collection = () => select.collection(collectionOptions);
+    const collection = () => select.collection({ ...collectionOptions });
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
     const id = createUniqueId();

package/dist/source/components/signature-pad/index.js

@@ -9,4 +9,5 @@ export { SignaturePadRootProvider, } from './signature-pad-root-provider';
 export { SignaturePadSegment, } from './signature-pad-segment';
 export { useSignaturePad, } from './use-signature-pad';
 export { useSignaturePadContext } from './use-signature-pad-context';
+export { signaturePadAnatomy } from './signature-pad.anatomy';
 export * as SignaturePad from './signature-pad';

package/dist/source/components/signature-pad/signature-pad.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';

package/dist/source/components/slider/index.js

@@ -12,4 +12,5 @@ export { SliderTrack, } from './slider-track';
 export { SliderValueText, } from './slider-value-text';
 export { useSlider } from './use-slider';
 export { useSliderContext } from './use-slider-context';
+export { sliderAnatomy } from './slider.anatomy';
 export * as Slider from './slider';

package/dist/source/components/slider/slider.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

package/dist/source/components/splitter/index.js

@@ -5,4 +5,5 @@ export { SplitterRoot, } from './splitter-root';
 export { SplitterRootProvider, } from './splitter-root-provider';
 export { useSplitter } from './use-splitter';
 export { useSplitterContext } from './use-splitter-context';
+export { splitterAnatomy } from './splitter.anatomy';
 export * as Splitter from './splitter';

package/dist/source/components/splitter/splitter.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/dist/source/components/switch/index.js

@@ -7,4 +7,5 @@ export { SwitchRootProvider, } from './switch-root-provider';
 export { SwitchThumb, } from './switch-thumb';
 export { useSwitch } from './use-switch';
 export { useSwitchContext } from './use-switch-context';
+export { switchAnatomy } from './switch.anatomy';
 export * as Switch from './switch';

package/dist/source/components/switch/switch.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as switchAnatomy } from '@zag-js/switch';

package/dist/source/components/tabs/index.js

@@ -7,4 +7,5 @@ export { TabsRoot, } from './tabs-root';
 export { TabsRootProvider, } from './tabs-root-provider';
 export { useTabs } from './use-tabs';
 export { useTabsContext } from './use-tabs-context';
+export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

package/dist/source/components/tabs/tabs.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';