@ark-ui/react 3.4.0 → 3.5.0

package/dist/components/color-picker/color-picker.anatomy.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPicker = require('@zag-js/color-picker');
+
+const colorPickerAnatomy = colorPicker.anatomy.extendWith("view");
+
+exports.colorPickerAnatomy = colorPickerAnatomy;

package/dist/components/color-picker/color-picker.anatomy.d.cts

@@ -0,0 +1,2 @@
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

package/dist/components/color-picker/color-picker.anatomy.d.ts

@@ -0,0 +1,2 @@
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const colorPickerAnatomy: AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

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

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

package/dist/components/color-picker/index.cjs

@@ -33,6 +33,7 @@ const colorPickerValueText = require('./color-picker-value-text.cjs');
 const colorPickerView = require('./color-picker-view.cjs');
 const useColorPicker = require('./use-color-picker.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
+const colorPicker_anatomy = require('./color-picker.anatomy.cjs');
 const colorPicker = require('./color-picker.cjs');
 
 
@@ -68,4 +69,5 @@ exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
+exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.ColorPicker = colorPicker;

package/dist/components/color-picker/index.d.cts

@@ -30,4 +30,5 @@ export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPic
 export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
+export { colorPickerAnatomy } from './color-picker.anatomy';
 export * as ColorPicker from './color-picker';

package/dist/components/color-picker/index.d.ts

@@ -30,4 +30,5 @@ export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPic
 export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
+export { colorPickerAnatomy } from './color-picker.anatomy';
 export * as ColorPicker from './color-picker';

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

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

package/dist/components/combobox/combobox.anatomy.d.cts

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

package/dist/components/combobox/combobox.anatomy.d.ts

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

package/dist/components/combobox/index.cjs

@@ -22,7 +22,8 @@ const comboboxTrigger = require('./combobox-trigger.cjs');
 const useCombobox = require('./use-combobox.cjs');
 const useComboboxContext = require('./use-combobox-context.cjs');
 const useComboboxItemContext = require('./use-combobox-item-context.cjs');
-const combobox = require('./combobox.cjs');
+const combobox$1 = require('./combobox.cjs');
+const combobox = require('@zag-js/combobox');
 
 
 
@@ -46,4 +47,8 @@ exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
-exports.Combobox = combobox;
+exports.Combobox = combobox$1;
+Object.defineProperty(exports, "comboboxAnatomy", {
+  enumerable: true,
+  get: () => combobox.anatomy
+});

package/dist/components/combobox/index.d.cts

@@ -20,4 +20,5 @@ export { ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerBasePro
 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';
+export { comboboxAnatomy } from './combobox.anatomy';
 export * as Combobox from './combobox';

package/dist/components/combobox/index.d.ts

@@ -20,4 +20,5 @@ export { ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerBasePro
 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';
+export { comboboxAnatomy } from './combobox.anatomy';
 export * as Combobox from './combobox';

package/dist/components/combobox/index.js

@@ -20,3 +20,4 @@ export { useComboboxContext } from './use-combobox-context.js';
 export { useComboboxItemContext } from './use-combobox-item-context.js';
 import * as combobox from './combobox.js';
 export { combobox as Combobox };
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/components/date-picker/date-picker-view.cjs

@@ -4,10 +4,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const anatomy = require('@ark-ui/anatomy');
 const react = require('react');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
 const useDatePickerViewPropsContext = require('./use-date-picker-view-props-context.cjs');
 
@@ -18,7 +18,7 @@ const DatePickerView = react.forwardRef((props, ref) => {
     factory.ark.div,
     {
       hidden: datePicker.view !== viewProps.view,
-      ...anatomy.datePickerAnatomy.build().view.attrs,
+      ...datePicker_anatomy.datePickerAnatomy.build().view.attrs,
       ...localProps,
       ref
     }

package/dist/components/date-picker/date-picker-view.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { datePickerAnatomy } from '@ark-ui/anatomy';
 import { forwardRef } from 'react';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
+import { datePickerAnatomy } from './date-picker.anatomy.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
 import { DatePickerViewPropsProvider } from './use-date-picker-view-props-context.js';
 

package/dist/components/date-picker/date-picker.anatomy.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePicker = require('@zag-js/date-picker');
+
+const datePickerAnatomy = datePicker.anatomy.extendWith("view");
+
+exports.datePickerAnatomy = datePickerAnatomy;

package/dist/components/date-picker/date-picker.anatomy.d.cts

@@ -0,0 +1,2 @@
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -0,0 +1,2 @@
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;

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

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

package/dist/components/date-picker/index.cjs

@@ -30,6 +30,7 @@ const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
 const datePickerYearSelect = require('./date-picker-year-select.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 const datePicker = require('./date-picker.cjs');
 
 
@@ -62,4 +63,5 @@ exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
 exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
 exports.useDatePicker = useDatePicker.useDatePicker;
 exports.useDatePickerContext = useDatePickerContext.useDatePickerContext;
+exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.DatePicker = datePicker;

package/dist/components/date-picker/index.d.cts

@@ -27,4 +27,5 @@ export { DatePickerViewTrigger, type DatePickerViewTriggerProps, type DatePicker
 export { DatePickerYearSelect, type DatePickerYearSelectProps, type DatePickerYearSelectBaseProps, } from './date-picker-year-select';
 export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
 export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context';
+export { datePickerAnatomy } from './date-picker.anatomy';
 export * as DatePicker from './date-picker';

package/dist/components/date-picker/index.d.ts

@@ -27,4 +27,5 @@ export { DatePickerViewTrigger, type DatePickerViewTriggerProps, type DatePicker
 export { DatePickerYearSelect, type DatePickerYearSelectProps, type DatePickerYearSelectBaseProps, } from './date-picker-year-select';
 export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
 export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context';
+export { datePickerAnatomy } from './date-picker.anatomy';
 export * as DatePicker from './date-picker';

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

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

package/dist/components/dialog/dialog.anatomy.d.cts

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

package/dist/components/dialog/dialog.anatomy.d.ts

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

package/dist/components/dialog/index.cjs

@@ -14,7 +14,8 @@ const dialogTitle = require('./dialog-title.cjs');
 const dialogTrigger = require('./dialog-trigger.cjs');
 const useDialog = require('./use-dialog.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
-const dialog = require('./dialog.cjs');
+const dialog$1 = require('./dialog.cjs');
+const dialog = require('@zag-js/dialog');
 
 
 
@@ -30,4 +31,8 @@ exports.DialogTitle = dialogTitle.DialogTitle;
 exports.DialogTrigger = dialogTrigger.DialogTrigger;
 exports.useDialog = useDialog.useDialog;
 exports.useDialogContext = useDialogContext.useDialogContext;
-exports.Dialog = dialog;
+exports.Dialog = dialog$1;
+Object.defineProperty(exports, "dialogAnatomy", {
+  enumerable: true,
+  get: () => dialog.anatomy
+});

package/dist/components/dialog/index.d.cts

@@ -11,4 +11,5 @@ export { DialogTitle, type DialogTitleProps, type DialogTitleBaseProps, } from '
 export { DialogTrigger, type DialogTriggerProps, type DialogTriggerBaseProps, } from './dialog-trigger';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';
 export { useDialogContext, type UseDialogContext } from './use-dialog-context';
+export { dialogAnatomy } from './dialog.anatomy';
 export * as Dialog from './dialog';

package/dist/components/dialog/index.d.ts

@@ -11,4 +11,5 @@ export { DialogTitle, type DialogTitleProps, type DialogTitleBaseProps, } from '
 export { DialogTrigger, type DialogTriggerProps, type DialogTriggerBaseProps, } from './dialog-trigger';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';
 export { useDialogContext, type UseDialogContext } from './use-dialog-context';
+export { dialogAnatomy } from './dialog.anatomy';
 export * as Dialog from './dialog';

package/dist/components/dialog/index.js

@@ -12,3 +12,4 @@ export { useDialog } from './use-dialog.js';
 export { useDialogContext } from './use-dialog-context.js';
 import * as dialog from './dialog.js';
 export { dialog as Dialog };
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';

package/dist/components/editable/editable.anatomy.d.cts

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

package/dist/components/editable/editable.anatomy.d.ts

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

package/dist/components/editable/index.cjs

@@ -15,7 +15,8 @@ const editableRootProvider = require('./editable-root-provider.cjs');
 const editableSubmitTrigger = require('./editable-submit-trigger.cjs');
 const useEditable = require('./use-editable.cjs');
 const useEditableContext = require('./use-editable-context.cjs');
-const editable = require('./editable.cjs');
+const editable$1 = require('./editable.cjs');
+const editable = require('@zag-js/editable');
 
 
 
@@ -32,4 +33,8 @@ exports.EditableRootProvider = editableRootProvider.EditableRootProvider;
 exports.EditableSubmitTrigger = editableSubmitTrigger.EditableSubmitTrigger;
 exports.useEditable = useEditable.useEditable;
 exports.useEditableContext = useEditableContext.useEditableContext;
-exports.Editable = editable;
+exports.Editable = editable$1;
+Object.defineProperty(exports, "editableAnatomy", {
+  enumerable: true,
+  get: () => editable.anatomy
+});

package/dist/components/editable/index.d.cts

@@ -12,4 +12,5 @@ export { EditableRootProvider, type EditableRootProviderProps, type EditableRoot
 export { EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableSubmitTriggerBaseProps, } from './editable-submit-trigger';
 export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable';
 export { useEditableContext, type UseEditableContext } from './use-editable-context';
+export { editableAnatomy } from './editable.anatomy';
 export * as Editable from './editable';

package/dist/components/editable/index.d.ts

@@ -12,4 +12,5 @@ export { EditableRootProvider, type EditableRootProviderProps, type EditableRoot
 export { EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableSubmitTriggerBaseProps, } from './editable-submit-trigger';
 export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable';
 export { useEditableContext, type UseEditableContext } from './use-editable-context';
+export { editableAnatomy } from './editable.anatomy';
 export * as Editable from './editable';

package/dist/components/editable/index.js

@@ -13,3 +13,4 @@ export { useEditable } from './use-editable.js';
 export { useEditableContext } from './use-editable-context.js';
 import * as editable from './editable.js';
 export { editable as Editable };
+export { anatomy as editableAnatomy } from '@zag-js/editable';

package/dist/components/field/field.anatomy.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const anatomy = require('@zag-js/anatomy');
+
+const fieldAnatomy = anatomy.createAnatomy("field").parts(
+  "root",
+  "errorText",
+  "helperText",
+  "input",
+  "label",
+  "select",
+  "textarea"
+);
+const parts = fieldAnatomy.build();
+
+exports.fieldAnatomy = fieldAnatomy;
+exports.parts = parts;

package/dist/components/field/field.anatomy.d.cts

@@ -0,0 +1,3 @@
+import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const fieldAnatomy: AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText">;
+export declare const parts: Record<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText", AnatomyPart>;

package/dist/components/field/field.anatomy.d.ts

@@ -0,0 +1,3 @@
+import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const fieldAnatomy: AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText">;
+export declare const parts: Record<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText", AnatomyPart>;

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

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

package/dist/components/field/index.cjs

@@ -12,6 +12,7 @@ const fieldRoot = require('./field-root.cjs');
 const fieldRootProvider = require('./field-root-provider.cjs');
 const fieldTextarea = require('./field-textarea.cjs');
 const useFieldContext = require('./use-field-context.cjs');
+const field_anatomy = require('./field.anatomy.cjs');
 const field = require('./field.cjs');
 
 
@@ -26,4 +27,5 @@ exports.FieldRoot = fieldRoot.FieldRoot;
 exports.FieldRootProvider = fieldRootProvider.FieldRootProvider;
 exports.FieldTextarea = fieldTextarea.FieldTextarea;
 exports.useFieldContext = useFieldContext.useFieldContext;
+exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.Field = field;

package/dist/components/field/index.d.cts

@@ -8,4 +8,5 @@ export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field
 export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
 export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
 export { useFieldContext, type UseFieldContext } from './use-field-context';
+export { fieldAnatomy } from './field.anatomy';
 export * as Field from './field';

package/dist/components/field/index.d.ts

@@ -8,4 +8,5 @@ export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field
 export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
 export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
 export { useFieldContext, type UseFieldContext } from './use-field-context';
+export { fieldAnatomy } from './field.anatomy';
 export * as Field from './field';

package/dist/components/field/index.js

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

package/dist/components/field/use-field.cjs

@@ -3,11 +3,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const anatomy = require('@ark-ui/anatomy');
 const domQuery = require('@zag-js/dom-query');
 const react = require('react');
+const field_anatomy = require('./field.anatomy.cjs');
 
-const parts = anatomy.fieldAnatomy.build();
 const useField = (props) => {
   const { required = false, disabled = false, invalid = false, readOnly = false } = props;
   const [hasErrorText, setHasErrorText] = react.useState(false);
@@ -32,14 +31,14 @@ const useField = (props) => {
     return () => observer.disconnect();
   }, [errorTextId, helperTextId]);
   const getRootProps = () => ({
-    ...parts.root.attrs,
+    ...field_anatomy.parts.root.attrs,
     role: "group",
     "data-disabled": dataAttr(disabled),
     "data-invalid": dataAttr(invalid),
     "data-readonly": dataAttr(readOnly)
   });
   const getLabelProps = () => ({
-    ...parts.label.attrs,
+    ...field_anatomy.parts.label.attrs,
     id: labelId,
     "data-disabled": dataAttr(disabled),
     "data-invalid": dataAttr(invalid),
@@ -61,23 +60,23 @@ const useField = (props) => {
   });
   const getInputProps = () => ({
     ...getControlProps(),
-    ...parts.input.attrs
+    ...field_anatomy.parts.input.attrs
   });
   const getTextareaProps = () => ({
     ...getControlProps(),
-    ...parts.textarea.attrs
+    ...field_anatomy.parts.textarea.attrs
   });
   const getSelectProps = () => ({
     ...getControlProps(),
-    ...parts.select.attrs
+    ...field_anatomy.parts.select.attrs
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
-    ...parts.helperText.attrs
+    ...field_anatomy.parts.helperText.attrs
   });
   const getErrorTextProps = () => ({
     id: errorTextId,
-    ...parts.errorText.attrs,
+    ...field_anatomy.parts.errorText.attrs,
     "aria-live": "polite"
   });
   return {

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

@@ -1,9 +1,8 @@
 'use client';
-import { fieldAnatomy } from '@ark-ui/anatomy';
 import { getWindow } from '@zag-js/dom-query';
 import { useState, useId, useRef, useLayoutEffect } from 'react';
+import { parts } from './field.anatomy.js';
 
-const parts = fieldAnatomy.build();
 const useField = (props) => {
   const { required = false, disabled = false, invalid = false, readOnly = false } = props;
   const [hasErrorText, setHasErrorText] = useState(false);

package/dist/components/file-upload/file-upload.anatomy.d.cts

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

package/dist/components/file-upload/file-upload.anatomy.d.ts

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

package/dist/components/file-upload/index.cjs

@@ -18,7 +18,8 @@ const fileUploadRootProvider = require('./file-upload-root-provider.cjs');
 const fileUploadTrigger = require('./file-upload-trigger.cjs');
 const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const fileUpload = require('./file-upload.cjs');
+const fileUpload$1 = require('./file-upload.cjs');
+const fileUpload = require('@zag-js/file-upload');
 
 
 
@@ -38,4 +39,8 @@ exports.FileUploadRootProvider = fileUploadRootProvider.FileUploadRootProvider;
 exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
-exports.FileUpload = fileUpload;
+exports.FileUpload = fileUpload$1;
+Object.defineProperty(exports, "fileUploadAnatomy", {
+  enumerable: true,
+  get: () => fileUpload.anatomy
+});

package/dist/components/file-upload/index.d.cts

@@ -15,4 +15,5 @@ export { FileUploadRootProvider, type FileUploadRootProviderProps, type FileUplo
 export { FileUploadTrigger, type FileUploadTriggerProps, type FileUploadTriggerBaseProps, } from './file-upload-trigger';
 export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
 export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
+export { fileUploadAnatomy } from './file-upload.anatomy';
 export * as FileUpload from './file-upload';

package/dist/components/file-upload/index.d.ts

@@ -15,4 +15,5 @@ export { FileUploadRootProvider, type FileUploadRootProviderProps, type FileUplo
 export { FileUploadTrigger, type FileUploadTriggerProps, type FileUploadTriggerBaseProps, } from './file-upload-trigger';
 export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
 export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
+export { fileUploadAnatomy } from './file-upload.anatomy';
 export * as FileUpload from './file-upload';

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

@@ -16,3 +16,4 @@ export { useFileUpload } from './use-file-upload.js';
 export { useFileUploadContext } from './use-file-upload-context.js';
 import * as fileUpload from './file-upload.js';
 export { fileUpload as FileUpload };
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/components/hover-card/hover-card.anatomy.d.cts

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

package/dist/components/hover-card/hover-card.anatomy.d.ts

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

package/dist/components/hover-card/index.cjs

@@ -12,7 +12,8 @@ const hoverCardRootProvider = require('./hover-card-root-provider.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
 const useHoverCard = require('./use-hover-card.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
-const hoverCard = require('./hover-card.cjs');
+const hoverCard$1 = require('./hover-card.cjs');
+const hoverCard = require('@zag-js/hover-card');
 
 
 
@@ -26,4 +27,8 @@ exports.HoverCardRootProvider = hoverCardRootProvider.HoverCardRootProvider;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
-exports.HoverCard = hoverCard;
+exports.HoverCard = hoverCard$1;
+Object.defineProperty(exports, "hoverCardAnatomy", {
+  enumerable: true,
+  get: () => hoverCard.anatomy
+});

package/dist/components/hover-card/index.d.cts

@@ -9,4 +9,5 @@ export { HoverCardRootProvider, type HoverCardRootProviderProps, type HoverCardR
 export { HoverCardTrigger, type HoverCardTriggerProps, type HoverCardTriggerBaseProps, } from './hover-card-trigger';
 export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
+export { hoverCardAnatomy } from './hover-card.anatomy';
 export * as HoverCard from './hover-card';

package/dist/components/hover-card/index.d.ts

@@ -9,4 +9,5 @@ export { HoverCardRootProvider, type HoverCardRootProviderProps, type HoverCardR
 export { HoverCardTrigger, type HoverCardTriggerProps, type HoverCardTriggerBaseProps, } from './hover-card-trigger';
 export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
+export { hoverCardAnatomy } from './hover-card.anatomy';
 export * as HoverCard from './hover-card';

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

@@ -10,3 +10,4 @@ export { useHoverCard } from './use-hover-card.js';
 export { useHoverCardContext } from './use-hover-card-context.js';
 import * as hoverCard from './hover-card.js';
 export { hoverCard as HoverCard };
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';