@ark-ui/solid 3.4.1 → 3.6.0

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

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

@@ -15,4 +15,5 @@ export { TagsInputRootProvider, } from './tags-input-root-provider';
 export { useTagsInput } from './use-tags-input';
 export { useTagsInputContext } from './use-tags-input-context';
 export { useTagsInputItemContext, } from './use-tags-input-item-context';
+export { tagsInputAnatomy } from './tags-input.anatomy';
 export * as TagsInput from './tags-input';

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

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

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

@@ -0,0 +1,16 @@
+export { TimePickerCell, } from './time-picker-cell';
+export { TimePickerClearTrigger, } from './time-picker-clear-trigger';
+export { TimePickerColumn, } from './time-picker-column';
+export { TimePickerContent, } from './time-picker-content';
+export { TimePickerContext, } from './time-picker-context';
+export { TimePickerControl, } from './time-picker-control';
+export { TimePickerInput, } from './time-picker-input';
+export { TimePickerLabel, } from './time-picker-label';
+export { TimePickerPositioner, } from './time-picker-positioner';
+export { TimePickerRoot, } from './time-picker-root';
+export { TimePickerRootProvider, } from './time-picker-root-provider';
+export { TimePickerSpacer, } from './time-picker-spacer';
+export { TimePickerTrigger, } from './time-picker-trigger';
+export { useTimePicker } from './use-time-picker';
+export { useTimePickerContext } from './use-time-picker-context';
+export * as TimePicker from './time-picker';

package/dist/source/components/time-picker/time-picker-cell.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useTimePickerColumnPropsContext } from './use-time-picker-column-props-context';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerCell = (props) => {
+    const [cellProps, localProps] = createSplitProps()(props, ['value']);
+    const timePicker = useTimePickerContext();
+    const columnProps = useTimePickerColumnPropsContext();
+    const unitToPropsMap = {
+        hour: () => timePicker().getHourCellProps(cellProps),
+        minute: () => timePicker().getMinuteCellProps(cellProps),
+        second: () => timePicker().getSecondCellProps(cellProps),
+        period: () => timePicker().getPeriodCellProps(cellProps),
+    };
+    const mergedProps = mergeProps(() => unitToPropsMap[columnProps.unit](), localProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-clear-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerClearTrigger = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getClearTriggerProps(), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-column.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { TimePickerColumnPropsProvider } from './use-time-picker-column-props-context';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerColumn = (props) => {
+    const [columnProps, localProps] = createSplitProps()(props, ['unit']);
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getColumnProps(columnProps), localProps);
+    return (<TimePickerColumnPropsProvider value={columnProps}>
+      <ark.div {...mergedProps}/>
+    </TimePickerColumnPropsProvider>);
+};

package/dist/source/components/time-picker/time-picker-content.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerContent = (props) => {
+    const timePicker = useTimePickerContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => timePicker().getContentProps(), () => presenceApi().presenceProps, props);
+    return (<Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/components/time-picker/time-picker-context.jsx

@@ -0,0 +1,2 @@
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerContext = (props) => props.children(useTimePickerContext());

package/dist/source/components/time-picker/time-picker-control.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerControl = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getControlProps(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-input.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerInput = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getInputProps(), props);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerLabel = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getLabelProps(), props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-positioner.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerPositioner = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getPositionerProps(), props);
+    const presenceApi = usePresenceContext();
+    return (<Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/components/time-picker/time-picker-root-provider.jsx

@@ -0,0 +1,16 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { TimePickerProvider } from './use-time-picker-context';
+export const TimePickerRootProvider = (props) => {
+    const [presenceProps, timePickerProps] = splitPresenceProps(props);
+    const [{ value: timePicker }, localProps] = createSplitProps()(timePickerProps, ['value']);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: timePicker().open })));
+    const mergedProps = mergeProps(() => timePicker().getRootProps(), localProps);
+    return (<TimePickerProvider value={timePicker}>
+      <PresenceProvider value={apiPresence}>
+        <ark.div {...mergedProps}/>
+      </PresenceProvider>
+    </TimePickerProvider>);
+};

package/dist/source/components/time-picker/time-picker-root.jsx

@@ -0,0 +1,39 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { useTimePicker } from './use-time-picker';
+import { TimePickerProvider } from './use-time-picker-context';
+export const TimePickerRoot = (props) => {
+    const [presenceProps, timePickerProps] = splitPresenceProps(props);
+    const [useTimePickerProps, localProps] = createSplitProps()(timePickerProps, [
+        'allowSeconds',
+        'defaultOpen',
+        'defaultValue',
+        'disableLayer',
+        'disabled',
+        'id',
+        'ids',
+        'locale',
+        'max',
+        'min',
+        'name',
+        'onFocusChange',
+        'onOpenChange',
+        'onValueChange',
+        'open',
+        'placeholder',
+        'positioning',
+        'readOnly',
+        'steps',
+        'value',
+    ]);
+    const timePicker = useTimePicker(useTimePickerProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: timePicker().open })));
+    const mergedProps = mergeProps(() => timePicker().getRootProps(), localProps);
+    return (<TimePickerProvider value={timePicker}>
+      <PresenceProvider value={apiPresence}>
+        <ark.div {...mergedProps}/>
+      </PresenceProvider>
+    </TimePickerProvider>);
+};

package/dist/source/components/time-picker/time-picker-spacer.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerSpacer = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getSpacerProps(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerTrigger = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getTriggerProps(), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker.js

@@ -0,0 +1,13 @@
+export { TimePickerCell as Cell, } from './time-picker-cell';
+export { TimePickerClearTrigger as ClearTrigger, } from './time-picker-clear-trigger';
+export { TimePickerColumn as Column, } from './time-picker-column';
+export { TimePickerContent as Content, } from './time-picker-content';
+export { TimePickerContext as Context, } from './time-picker-context';
+export { TimePickerControl as Control, } from './time-picker-control';
+export { TimePickerInput as Input, } from './time-picker-input';
+export { TimePickerLabel as Label, } from './time-picker-label';
+export { TimePickerPositioner as Positioner, } from './time-picker-positioner';
+export { TimePickerRoot as Root, } from './time-picker-root';
+export { TimePickerRootProvider as RootProvider, } from './time-picker-root-provider';
+export { TimePickerSpacer as Spacer, } from './time-picker-spacer';
+export { TimePickerTrigger as Trigger, } from './time-picker-trigger';

package/dist/source/components/time-picker/use-time-picker-column-props-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context';
+export const [TimePickerColumnPropsProvider, useTimePickerColumnPropsContext] = createContext({
+    hookName: 'useTimePickerColumnPropsContext',
+    providerName: '<TimePickerColumnPropsProvider />',
+});

package/dist/source/components/time-picker/use-time-picker-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context';
+export const [TimePickerProvider, useTimePickerContext] = createContext({
+    hookName: 'useTimePickerContext',
+    providerName: '<TimePickerProvider />',
+});

package/dist/source/components/time-picker/use-time-picker.js

@@ -0,0 +1,23 @@
+import { parseTime } from '@internationalized/date';
+import { normalizeProps, useMachine } from '@zag-js/solid';
+import * as timePicker from '@zag-js/time-picker';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export const useTimePicker = (props = {}) => {
+    const locale = useLocaleContext();
+    const environment = useEnvironmentContext();
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        open: props.defaultOpen,
+        'open.controlled': props.open !== undefined,
+        ...props,
+        value: props.defaultValue ? parseTime(props.defaultValue) : undefined,
+        min: props.min ? parseTime(props.min) : undefined,
+        max: props.max ? parseTime(props.max) : undefined,
+    }));
+    const [state, send] = useMachine(timePicker.machine(context()), { context });
+    return createMemo(() => timePicker.connect(state, send, normalizeProps));
+};

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

@@ -7,4 +7,5 @@ export { ToastRoot, } from './toast-root';
 export { ToastTitle, } from './toast-title';
 export { Toaster, } from './toaster';
 export { useToastContext } from './use-toast-context';
+export { toastAnatomy } from './toast.anatomy';
 export * as Toast from './toast';

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

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

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

@@ -4,4 +4,5 @@ export { ToggleGroupRoot, } from './toggle-group-root';
 export { ToggleGroupRootProvider, } from './toggle-group-root-provider';
 export { useToggleGroup, } from './use-toggle-group';
 export { useToggleGroupContext } from './use-toggle-group-context';
+export { toggleGroupAnatomy } from './toggle-group.anatomy';
 export * as ToggleGroup from './toggle-group';

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

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

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

@@ -8,4 +8,5 @@ export { TooltipRootProvider, } from './tooltip-root-provider';
 export { TooltipTrigger, } from './tooltip-trigger';
 export { useTooltip } from './use-tooltip';
 export { useTooltipContext } from './use-tooltip-context';
+export { tooltipAnatomy } from './tooltip.anatomy';
 export * as Tooltip from './tooltip';

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

@@ -8,6 +8,7 @@ export const TooltipRoot = (props) => {
     const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, [
         'aria-label',
         'closeDelay',
+        'closeOnClick',
         'closeOnEscape',
         'closeOnPointerDown',
         'closeOnScroll',

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

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

package/dist/source/components/tree-view/index.js

@@ -16,4 +16,5 @@ export { TreeViewTree, } from './tree-view-tree';
 export { useTreeView } from './use-tree-view';
 export { useTreeViewContext } from './use-tree-view-context';
 export { useTreeViewItemContext } from './use-tree-view-item-context';
+export { treeViewAnatomy } from './tree-view.anatomy';
 export * as TreeView from './tree-view';

package/dist/source/components/tree-view/tree-view.anatomy.js

@@ -0,0 +1 @@
+export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

package/dist/types/components/accordion/accordion.anatomy.d.ts

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

package/dist/types/components/accordion/index.d.ts

@@ -1,13 +1,14 @@
 export type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, } from '@zag-js/accordion';
 export { AccordionContext, type AccordionContextProps, } from './accordion-context';
-export { AccordionItem, type AccordionItemProps, type AccordionItemBaseProps, } from './accordion-item';
-export { AccordionItemContent, type AccordionItemContentProps, type AccordionItemContentBaseProps, } from './accordion-item-content';
+export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps, } from './accordion-item';
+export { AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, } from './accordion-item-content';
 export { AccordionItemContext, type AccordionItemContextProps, } from './accordion-item-context';
-export { AccordionItemIndicator, type AccordionItemIndicatorProps, type AccordionItemIndicatorBaseProps, } from './accordion-item-indicator';
-export { AccordionItemTrigger, type AccordionItemTriggerProps, type AccordionItemTriggerBaseProps, } from './accordion-item-trigger';
-export { AccordionRoot, type AccordionRootProps, type AccordionRootBaseProps, } from './accordion-root';
-export { AccordionRootProvider, type AccordionRootProviderProps, type AccordionRootProviderBaseProps, } from './accordion-root-provider';
+export { AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, } from './accordion-item-indicator';
+export { AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, } from './accordion-item-trigger';
+export { AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, } from './accordion-root';
+export { AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, } from './accordion-root-provider';
 export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion';
 export { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
 export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';
+export { accordionAnatomy } from './accordion.anatomy';
 export * as Accordion from './accordion';

package/dist/types/components/avatar/avatar.anatomy.d.ts

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

package/dist/types/components/avatar/index.d.ts

@@ -6,4 +6,5 @@ export { AvatarRoot, type AvatarRootProps, type AvatarRootBaseProps, } from './a
 export { AvatarRootProvider, type AvatarRootProviderProps, type AvatarRootProviderBaseProps, } from './avatar-root-provider';
 export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar';
 export { useAvatarContext, type UseAvatarContext } from './use-avatar-context';
+export { avatarAnatomy } from './avatar.anatomy';
 export * as Avatar from './avatar';

package/dist/types/components/carousel/carousel.anatomy.d.ts

@@ -0,0 +1 @@
+export declare const carouselAnatomy: import("@zag-js/anatomy").AnatomyInstance<"item" | "root" | "viewport" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "control">;

package/dist/types/components/carousel/index.d.ts

@@ -12,4 +12,5 @@ export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRoot
 export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
+export { carouselAnatomy } from './carousel.anatomy';
 export * as Carousel from './carousel';

package/dist/types/components/checkbox/checkbox.anatomy.d.ts

@@ -0,0 +1 @@
+export declare const checkboxAnatomy: import("@zag-js/anatomy").AnatomyInstance<"label" | "group" | "root" | "indicator" | "control">;

package/dist/types/components/checkbox/index.d.ts

@@ -11,4 +11,5 @@ export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './us
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';
 export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
+export { checkboxAnatomy } from './checkbox.anatomy';
 export * as Checkbox from './checkbox';

package/dist/types/components/clipboard/clipboard.anatomy.d.ts

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

package/dist/types/components/clipboard/index.d.ts

@@ -9,4 +9,5 @@ export { ClipboardRootProvider, type ClipboardRootProviderProps, type ClipboardR
 export { ClipboardTrigger, type ClipboardTriggerProps, type ClipboardTriggerBaseProps, } from './clipboard-trigger';
 export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard';
 export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context';
+export { clipboardAnatomy } from './clipboard.anatomy';
 export * as Clipboard from './clipboard';

package/dist/types/components/collapsible/collapsible.anatomy.d.ts

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

package/dist/types/components/collapsible/index.d.ts

@@ -6,4 +6,5 @@ export { CollapsibleRootProvider, type CollapsibleRootProviderProps, type Collap
 export { CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleTriggerBaseProps, } from './collapsible-trigger';
 export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn, } from './use-collapsible';
 export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context';
+export { collapsibleAnatomy } from './collapsible.anatomy';
 export * as Collapsible from './collapsible';