@ark-ui/solid 3.4.1 → 3.6.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) => {

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/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/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,12 +1,13 @@
-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 { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from 'solid-js';
+import { useFieldsetContext } from '../fieldset';
+import { parts } from './field.anatomy';
 export const useField = (props) => {
-    const { required = false, disabled = false, invalid = false, readOnly = false } = props;
+    const fieldset = useFieldsetContext();
+    const { disabled = Boolean(fieldset?.().disabled), invalid = false, readOnly = false, required = false, } = props;
     const [hasErrorText, setHasErrorText] = createSignal(false);
     const [hasHelperText, setHasHelperText] = createSignal(false);
-    const id = props.id ?? `field-${Math.random().toString(36).substr(2, 9)}`;
+    const id = props.id ?? createUniqueId();
     let rootRef;
     const errorTextId = `field::${id}::error-text`;
     const helperTextId = `field::${id}::helper-text`;

package/dist/source/components/fieldset/fieldset-context.jsx

@@ -0,0 +1,2 @@
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetContext = (props) => props.children(useFieldsetContext());

package/dist/source/components/fieldset/fieldset-error-text.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetErrorText = (props) => {
+    const fieldset = useFieldsetContext();
+    const mergedProps = mergeProps(() => fieldset().getErrorTextProps(), props);
+    return (<Show when={fieldset().invalid}>
+      <ark.span {...mergedProps}/>
+    </Show>);
+};

package/dist/source/components/fieldset/fieldset-helper-text.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetHelperText = (props) => {
+    const fieldset = useFieldsetContext();
+    const mergedProps = mergeProps(() => fieldset().getHelperTextProps(), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/components/fieldset/fieldset-legend.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetLegend = (props) => {
+    const fieldset = useFieldsetContext();
+    const mergedProps = mergeProps(() => fieldset().getLegendProps(), props);
+    return <ark.legend {...mergedProps}/>;
+};

package/dist/source/components/fieldset/fieldset-root-provider.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { FieldsetProvider } from './use-fieldset-context';
+export const FieldsetRootProvider = (props) => {
+    const [{ value: fieldset }, localProps] = createSplitProps()(props, ['value']);
+    const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
+    return (<FieldsetProvider value={fieldset}>
+      <ark.fieldset {...mergedProps}/>
+    </FieldsetProvider>);
+};

package/dist/source/components/fieldset/fieldset-root.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useFieldset } from './use-fieldset';
+import { FieldsetProvider } from './use-fieldset-context';
+export const FieldsetRoot = (props) => {
+    const [useFieldsetProps, localProps] = createSplitProps()(props, [
+        'id',
+        'disabled',
+        'invalid',
+    ]);
+    const fieldset = useFieldset(useFieldsetProps);
+    const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
+    return (<FieldsetProvider value={fieldset}>
+      <ark.fieldset {...mergedProps}/>
+    </FieldsetProvider>);
+};
+FieldsetRoot.displayName = 'FieldsetRoot';

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

@@ -0,0 +1,3 @@
+import { createAnatomy } from '@zag-js/anatomy';
+export const fieldsetAnatomy = createAnatomy('fieldset').parts('root', 'errorText', 'helperText', 'legend');
+export const parts = fieldsetAnatomy.build();

package/dist/source/components/fieldset/fieldset.jsx

@@ -0,0 +1,6 @@
+export { FieldsetRoot as Root, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, } from './fieldset-root-provider';
+export { FieldsetLegend as Legend, } from './fieldset-legend';
+export { FieldsetHelperText as HelperText, } from './fieldset-helper-text';
+export { FieldsetErrorText as ErrorText, } from './fieldset-error-text';
+export { FieldsetContext as Context, } from './fieldset-context';

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

@@ -0,0 +1,9 @@
+export { FieldsetContext } from './fieldset-context';
+export { FieldsetErrorText, } from './fieldset-error-text';
+export { FieldsetHelperText, } from './fieldset-helper-text';
+export { FieldsetRoot } from './fieldset-root';
+export { FieldsetRootProvider, } from './fieldset-root-provider';
+export { FieldsetLegend, } from './fieldset-legend';
+export { fieldsetAnatomy } from './fieldset.anatomy';
+export { useFieldsetContext } from './use-fieldset-context';
+export * as Fieldset from './fieldset';

package/dist/source/components/fieldset/use-fieldset-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [FieldsetProvider, useFieldsetContext] = createContext({
+    hookName: 'useFieldsetContext',
+    providerName: '<FieldsetProvider />',
+    strict: false,
+});

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

@@ -0,0 +1,65 @@
+import { getWindow } from '@zag-js/dom-query';
+import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from 'solid-js';
+import { parts } from './fieldset.anatomy';
+export const useFieldset = (props) => {
+    const { disabled = false, invalid = false } = props;
+    let rootRef;
+    const id = props.id ?? createUniqueId();
+    const errorTextId = `fieldset::${id}::error-text`;
+    const helperTextId = `fieldset::${id}::helper-text`;
+    const [hasErrorText, setHasErrorText] = createSignal(false);
+    const [hasHelperText, setHasHelperText] = createSignal(false);
+    createEffect(() => {
+        const rootNode = rootRef;
+        if (!rootNode)
+            return;
+        const win = getWindow(rootNode);
+        const doc = win.document;
+        const checkTextElements = () => {
+            setHasErrorText(!!doc.getElementById(errorTextId));
+            setHasHelperText(!!doc.getElementById(helperTextId));
+        };
+        checkTextElements();
+        const observer = new win.MutationObserver(checkTextElements);
+        observer.observe(rootNode, { childList: true, subtree: true });
+        onCleanup(() => observer.disconnect());
+    });
+    const labelIds = [];
+    if (hasErrorText() && invalid)
+        labelIds.push(errorTextId);
+    if (hasHelperText())
+        labelIds.push(helperTextId);
+    const getRootProps = () => ({
+        ...parts.root.attrs,
+        disabled,
+        'data-disabled': dataAttr(disabled),
+        'data-invalid': dataAttr(invalid),
+        'aria-describedby': labelIds.join(' ') || undefined,
+    });
+    const getLegendProps = () => ({
+        ...parts.legend.attrs,
+        'data-disabled': dataAttr(disabled),
+        'data-invalid': dataAttr(invalid),
+    });
+    const getHelperTextProps = () => ({
+        id: helperTextId,
+        ...parts.helperText.attrs,
+    });
+    const getErrorTextProps = () => ({
+        id: errorTextId,
+        ...parts.errorText.attrs,
+        'aria-live': 'polite',
+    });
+    return createMemo(() => ({
+        refs: {
+            rootRef,
+        },
+        disabled,
+        invalid,
+        getRootProps,
+        getLegendProps,
+        getHelperTextProps,
+        getErrorTextProps,
+    }));
+};
+const dataAttr = (condition) => (condition ? '' : undefined);

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/highlight/highlight.jsx

@@ -0,0 +1,20 @@
+import { For, Show } from 'solid-js';
+import { createSplitProps } from '../../utils/create-split-props';
+import { useHighlight } from './use-highlight';
+export const Highlight = (props) => {
+    if (typeof props.text !== 'string') {
+        throw new Error('[ark-ui/highlight] text must be a string');
+    }
+    const [highlightProps, localProps] = createSplitProps()(props, [
+        'query',
+        'text',
+        'ignoreCase',
+        'matchAll',
+    ]);
+    const chunks = useHighlight(highlightProps);
+    return (<For each={chunks()}>
+      {(chunk) => (<Show when={chunk.match} fallback={chunk.text}>
+          <mark {...localProps}>{chunk.text}</mark>
+        </Show>)}
+    </For>);
+};

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

@@ -0,0 +1,2 @@
+export { Highlight } from './highlight';
+export { useHighlight } from './use-highlight';

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

@@ -0,0 +1,42 @@
+import { createMemo } from 'solid-js';
+const escapeRegexp = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+const buildRegex = (queryProp, flags) => {
+    const query = queryProp.filter(Boolean).map((text) => escapeRegexp(text));
+    return new RegExp(`(${query.join('|')})`, flags);
+};
+const getRegexFlags = (ignoreCase = true, matchAll = true) => `${ignoreCase ? 'i' : ''}${matchAll ? 'g' : ''}`;
+const normalizeSpan = (spans, len) => {
+    const result = [];
+    const append = (start, end, match) => {
+        if (end - start > 0)
+            result.push({ start, end, match });
+    };
+    if (spans.length === 0) {
+        append(0, len, false);
+    }
+    else {
+        let lastIndex = 0;
+        for (const chunk of spans) {
+            append(lastIndex, chunk.start, false);
+            append(chunk.start, chunk.end, true);
+            lastIndex = chunk.end;
+        }
+        append(lastIndex, len, false);
+    }
+    return result;
+};
+const highlightWords = (props) => {
+    const flags = getRegexFlags(props.ignoreCase, props.matchAll);
+    const regex = buildRegex(Array.isArray(props.query) ? props.query : [props.query], flags);
+    const spans = [...props.text.matchAll(regex)].map((match) => ({
+        start: match.index || 0,
+        end: (match.index || 0) + match[0].length,
+    }));
+    return normalizeSpan(spans, props.text.length).map((chunk) => ({
+        text: props.text.slice(chunk.start, chunk.end),
+        match: !!chunk.match,
+    }));
+};
+export const useHighlight = (props) => {
+    return createMemo(() => highlightWords(props));
+};

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/index.js

@@ -11,8 +11,10 @@ export * from './dialog';
 export * from './editable';
 export * from './factory';
 export * from './field';
+export * from './fieldset';
 export * from './file-upload';
 export * from './format';
+export * from './highlight';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';
@@ -32,6 +34,7 @@ export * from './splitter';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';
+export * from './time-picker';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';

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';