@ark-ui/solid 3.0.0-4 → 3.0.0-5

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

@@ -1,11 +1,18 @@
 import * as pinInput from '@zag-js/pin-input';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const usePinInput = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(pinInput.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(pinInput.machine(context()), { context });
     return createMemo(() => pinInput.connect(state, send, normalizeProps));
 };

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

@@ -7,8 +7,9 @@ export const PopoverRoot = (props) => {
     const [presenceProps, popoverProps] = splitPresenceProps(props);
     const [usePopoverProps, localProps] = createSplitProps()(popoverProps, [
         'autoFocus',
-        'closeOnEsc',
+        'closeOnEscape',
         'closeOnInteractOutside',
+        'defaultOpen',
         'id',
         'ids',
         'initialFocusEl',
@@ -19,6 +20,7 @@ export const PopoverRoot = (props) => {
         'onOpenChange',
         'onPointerDownOutside',
         'open',
+        'persistentElements',
         'portalled',
         'positioning',
     ]);

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

@@ -1,16 +1,19 @@
 import * as popover from '@zag-js/popover';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const usePopover = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({
-        id: createUniqueId(),
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
         dir: locale().dir,
         getRootNode: environment().getRootNode,
+        open: props.defaultOpen,
         'open.controlled': props.open !== undefined,
-    }, props);
-    const [state, send] = useMachine(popover.machine(context), { context });
+        ...props,
+    }));
+    const [state, send] = useMachine(popover.machine(context()), { context });
     return createMemo(() => popover.connect(state, send, normalizeProps));
 };

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

@@ -1,11 +1,17 @@
 import * as progress from '@zag-js/progress';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useProgress = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(progress.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        ...props,
+    }));
+    const [state, send] = useMachine(progress.machine(context()), { context });
     return createMemo(() => progress.connect(state, send, normalizeProps));
 };

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

@@ -5,6 +5,7 @@ import { useRadioGroup } from './use-radio-group';
 import { RadioGroupProvider } from './use-radio-group-context';
 export const RadioGroupRoot = (props) => {
     const [useRadioGroupProps, localProps] = createSplitProps()(props, [
+        'defaultValue',
         'disabled',
         'form',
         'id',

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

@@ -1,12 +1,19 @@
 import * as radio from '@zag-js/radio-group';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useRadioGroup = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(radio.machine(context), {
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(radio.machine(context()), {
         context,
     });
     return createMemo(() => radio.connect(state, send, normalizeProps));

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

@@ -8,6 +8,7 @@ export const RatingGroupRoot = (props) => {
         'allowHalf',
         'autoFocus',
         'count',
+        'defaultValue',
         'disabled',
         'form',
         'id',

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

@@ -1,11 +1,18 @@
 import * as rating from '@zag-js/rating-group';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useRatingGroup = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(rating.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(rating.machine(context()), { context });
     return createMemo(() => rating.connect(state, send, normalizeProps));
 };

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

@@ -6,6 +6,7 @@ import { useSegmentGroup } from './use-segment-group';
 import { SegmentGroupProvider } from './use-segment-group-context';
 export const SegmentGroupRoot = (props) => {
     const [useSegmentGroupProps, localProps] = createSplitProps()(props, [
+        'defaultValue',
         'disabled',
         'form',
         'id',

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

@@ -1,11 +1,18 @@
-import * as segment from '@zag-js/radio-group';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import * as segmentGroup from '@zag-js/radio-group';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useSegmentGroup = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(segment.machine(context), { context });
-    return createMemo(() => segment.connect(state, send, normalizeProps));
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(segmentGroup.machine(context()), { context });
+    return createMemo(() => segmentGroup.connect(state, send, normalizeProps));
 };

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

@@ -6,7 +6,7 @@ import { useSelectContext } from './use-select-context';
 import { SelectItemProvider } from './use-select-item-context';
 import { SelectItemPropsProvider } from './use-select-item-props-context';
 export const SelectItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['item']);
+    const [itemProps, localProps] = createSplitProps()(props, ['item', 'persistFocus']);
     const select = useSelectContext();
     const mergedProps = mergeProps(() => select().getItemProps(itemProps), localProps);
     const itemState = createMemo(() => select().getItemState(itemProps));

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

@@ -8,6 +8,9 @@ export const SelectRoot = (props) => {
     const [presenceProps, selectProps] = splitPresenceProps(props);
     const [useSelectProps, localProps] = createSplitProps()(selectProps, [
         'closeOnSelect',
+        'composite',
+        'defaultOpen',
+        'defaultValue',
         'disabled',
         'form',
         'highlightedValue',

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

@@ -1,28 +1,30 @@
 import * as select from '@zag-js/select';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 import { createSplitProps } from '../../utils/create-split-props';
 export const useSelect = (props) => {
-    const [collectionOptions, localProps] = createSplitProps()(props, [
+    const [collectionOptions, selectProps] = createSplitProps()(props, [
         'isItemDisabled',
         'itemToValue',
         'itemToString',
         'items',
     ]);
-    const collection = createMemo(() => select.collection(collectionOptions));
+    const collection = () => select.collection(collectionOptions);
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({
-        id: createUniqueId(),
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        collection: collection(),
         dir: locale().dir,
         getRootNode: environment().getRootNode,
+        open: props.defaultOpen,
+        value: props.defaultValue,
         'open.controlled': props.open !== undefined,
-        get collection() {
-            return collection();
-        },
-    }, localProps);
-    const [state, send] = useMachine(select.machine(context), {
+        ...selectProps,
+    }));
+    const [state, send] = useMachine(select.machine(context()), {
         context,
     });
     return createMemo(() => select.connect(state, send, normalizeProps));

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

@@ -7,6 +7,7 @@ export const SliderRoot = (props) => {
     const [useSliderProps, localProps] = createSplitProps()(props, [
         'aria-label',
         'aria-labelledby',
+        'defaultValue',
         'disabled',
         'form',
         'getAriaValueText',

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

@@ -1,11 +1,18 @@
 import * as slider from '@zag-js/slider';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useSlider = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(slider.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(slider.machine(context()), { context });
     return createMemo(() => slider.connect(state, send, normalizeProps));
 };

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

@@ -5,6 +5,7 @@ import { useSplitter } from './use-splitter';
 import { SplitterProvider } from './use-splitter-context';
 export const SplitterRoot = (props) => {
     const [useSplitterProps, localProps] = createSplitProps()(props, [
+        'defaultSize',
         'id',
         'ids',
         'onSizeChange',

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

@@ -1,11 +1,18 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as splitter from '@zag-js/splitter';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useSplitter = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(splitter.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        size: props.defaultSize,
+        ...props,
+    }));
+    const [state, send] = useMachine(splitter.machine(context()), { context });
     return createMemo(() => splitter.connect(state, send, normalizeProps));
 };

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

@@ -6,6 +6,7 @@ import { SwitchProvider } from './use-switch-context';
 export const SwitchRoot = (props) => {
     const [switchProps, localProps] = createSplitProps()(props, [
         'checked',
+        'defaultChecked',
         'disabled',
         'form',
         'id',

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

@@ -1,11 +1,18 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as zagSwitch from '@zag-js/switch';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useSwitch = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(zagSwitch.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        checked: props.defaultChecked,
+        ...props,
+    }));
+    const [state, send] = useMachine(zagSwitch.machine(context()), { context });
     return createMemo(() => zagSwitch.connect(state, send, normalizeProps));
 };

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

@@ -8,6 +8,8 @@ export const TabsRoot = (props) => {
     const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
     const [useTabsProps, restProps] = createSplitProps()(tabsProps, [
         'activationMode',
+        'composite',
+        'defaultValue',
         'id',
         'ids',
         'loopFocus',

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

@@ -1,11 +1,18 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as tabs from '@zag-js/tabs';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTabs = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(tabs.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(tabs.machine(context()), { context });
     return createMemo(() => tabs.connect(state, send, normalizeProps));
 };

package/dist/source/components/tags-input/tags-input-root.jsx

@@ -10,6 +10,7 @@ export const TagsInputRoot = (props) => {
         'autoFocus',
         'blurBehavior',
         'delimiter',
+        'defaultValue',
         'disabled',
         'editable',
         'form',

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

@@ -1,11 +1,18 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as tagsInput from '@zag-js/tags-input';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTagsInput = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(tagsInput.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(tagsInput.machine(context()), { context });
     return createMemo(() => tagsInput.connect(state, send, normalizeProps));
 };

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

@@ -5,6 +5,7 @@ import { useToggleGroup } from './use-toggle-group';
 import { ToggleGroupProvider } from './use-toggle-group-context';
 export const ToggleGroupRoot = (props) => {
     const [useToggleGroupProps, restProps] = createSplitProps()(props, [
+        'defaultValue',
         'disabled',
         'id',
         'ids',

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

@@ -1,12 +1,19 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as toggleGroup from '@zag-js/toggle-group';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useToggleGroup = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(toggleGroup.machine(context), {
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        value: props.defaultValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(toggleGroup.machine(context()), {
         context,
     });
     return createMemo(() => toggleGroup.connect(state, send, normalizeProps));

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

@@ -8,8 +8,9 @@ export const TooltipRoot = (props) => {
     const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, [
         'aria-label',
         'closeDelay',
-        'closeOnEsc',
+        'closeOnEscape',
         'closeOnPointerDown',
+        'defaultOpen',
         'disabled',
         'id',
         'ids',

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

@@ -1,16 +1,19 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as tooltip from '@zag-js/tooltip';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTooltip = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({
-        id: createUniqueId(),
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
         dir: locale().dir,
         getRootNode: environment().getRootNode,
+        open: props.defaultOpen,
         'open.controlled': props.open !== undefined,
-    }, props);
-    const [state, send] = useMachine(tooltip.machine(context), { context });
+        ...props,
+    }));
+    const [state, send] = useMachine(tooltip.machine(context()), { context });
     return createMemo(() => tooltip.connect(state, send, normalizeProps));
 };

package/dist/source/components/tree-view/tree-view-root.jsx

@@ -5,14 +5,16 @@ import { useTreeView } from './use-tree-view';
 import { TreeViewProvider } from './use-tree-view-context';
 export const TreeViewRoot = (props) => {
     const [useTreeViewProps, localProps] = createSplitProps()(props, [
+        'defaultExpandedValue',
+        'defaultSelectedValue',
         'expandedValue',
+        'expandOnClick',
         'focusedValue',
         'id',
         'ids',
         'onExpandedChange',
         'onFocusChange',
         'onSelectionChange',
-        'openOnClick',
         'selectedValue',
         'selectionMode',
         'typeahead',

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

@@ -1,11 +1,19 @@
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as treeView from '@zag-js/tree-view';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTreeView = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
-    const [state, send] = useMachine(treeView.machine(context), { context });
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        selectedValue: props.defaultSelectedValue,
+        expandedValue: props.defaultExpandedValue,
+        ...props,
+    }));
+    const [state, send] = useMachine(treeView.machine(context()), { context });
     return createMemo(() => treeView.connect(state, send, normalizeProps));
 };

package/dist/source/providers/locale/locale-provider.jsx

@@ -1,24 +1,10 @@
-import { isRTL, trackLocale } from '@zag-js/i18n-utils';
-import { createEffect, createMemo, createSignal, onCleanup, splitProps, } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
+import { isRTL } from '@zag-js/i18n-utils';
+import { createMemo } from 'solid-js';
 import { LocaleContextProvider } from './use-locale-context';
 export const LocaleProvider = (props) => {
-    const [localeProps, restProps] = splitProps(props, ['locale', 'defaultLocale']);
-    const [locale, setLocale] = createSignal(localeProps.defaultLocale || localeProps.locale || 'en-US');
-    const environment = useEnvironmentContext();
-    createEffect(() => {
-        const cleanup = trackLocale({
-            locale: localeProps.locale,
-            getRootNode: environment().getRootNode,
-            onLocaleChange(locale) {
-                setLocale(locale.locale);
-            },
-        });
-        onCleanup(cleanup);
-    });
     const context = createMemo(() => ({
-        locale: locale(),
-        dir: isRTL(locale()) ? 'rtl' : 'ltr',
+        locale: props.locale,
+        dir: isRTL(props.locale) ? 'rtl' : 'ltr',
     }));
-    return <LocaleContextProvider value={context}>{restProps.children}</LocaleContextProvider>;
+    return <LocaleContextProvider value={context}>{props.children}</LocaleContextProvider>;
 };

package/dist/types/components/accordion/accordion-item.d.ts

@@ -1,7 +1,6 @@
 import type { ItemProps } from '@zag-js/accordion';
 import type { Assign } from '../../types';
-import type { UseCollapsibleProps } from '../collapsible/use-collapsible';
 import type { HTMLArkProps } from '../factory';
-export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, UseCollapsibleProps>, ItemProps {
+export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
 }
 export declare const AccordionItem: (props: AccordionItemProps) => import("solid-js").JSX.Element;

package/dist/types/components/accordion/use-accordion.d.ts

@@ -3,6 +3,11 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
 export interface UseAccordionProps extends Optional<Omit<accordion.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the accordion when it is first rendered.
+     * Use when you do not need to control the state of the color picker.
+     */
+    defaultValue?: accordion.Context['value'];
 }
 export interface UseAccordionReturn extends Accessor<accordion.Api<PropTypes>> {
 }

package/dist/types/components/carousel/use-carousel.d.ts

@@ -3,6 +3,11 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
 export interface UseCarouselProps extends Optional<Omit<carousel.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial index of the carousel when it is first rendered.
+     * Use this when you do not need to control the state of the carousel.
+     */
+    defaultIndex?: carousel.Context['index'];
 }
 export interface UseCarouselReturn extends Accessor<carousel.Api<PropTypes>> {
 }

package/dist/types/components/checkbox/use-checkbox.d.ts

@@ -3,6 +3,11 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
 export interface UseCheckboxProps extends Optional<Omit<checkbox.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The checked state of the checkbox when it is first rendered.
+     * Use this when you do not need to control the state of the checkbox.
+     */
+    defaultChecked?: checkbox.Context['checked'];
 }
 export interface UseCheckboxReturn extends Accessor<checkbox.Api<PropTypes>> {
 }

package/dist/types/components/collapsible/use-collapsible.d.ts

@@ -4,6 +4,11 @@ import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
 import { type RenderStrategyProps } from '../../utils/render-strategy';
 export interface UseCollapsibleProps extends Optional<Omit<collapsible.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'>, RenderStrategyProps {
+    /**
+     * The initial open state of the collapsible when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: collapsible.Context['open'];
 }
 export interface UseCollapsibleReturn extends Accessor<collapsible.Api<PropTypes> & {
     /**