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

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

@@ -4,6 +4,16 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { CollectionItem, Optional } from '../../types';
 export interface UseComboboxProps<T extends CollectionItem> extends CollectionOptions<T>, Optional<Omit<combobox.Context<T>, 'collection' | 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the combobox when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: combobox.Context['open'];
+    /**
+     * The initial value of the combobox when it is first rendered.
+     * Use when you do not need to control the state of the combobox.
+     */
+    defaultValue?: combobox.Context<T>['value'];
 }
 export interface UseComboboxReturn<T extends CollectionItem> extends Accessor<combobox.Api<PropTypes, T>> {
 }

package/dist/types/components/date-picker/use-date-picker.d.ts

@@ -3,22 +3,32 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
 export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'dir' | 'getRootNode' | 'value' | 'min' | 'max' | 'parse' | 'focusedValue' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the date picker when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: datePicker.Context['open'];
+    /**
+     * The initial value of the date picker when it is first rendered.
+     * Use when you do not need to control the state of the date picker.
+     */
+    defaultValue?: string[];
     /**
      * The focused date.
      */
     focusedValue?: string;
     /**
-     * The value of the date picker
+     * The maximum date for the date picker in the format yyyy-mm-dd
      */
-    value?: string[];
+    max?: string;
     /**
      * The minimum date for the date picker in the format yyyy-mm-dd
      */
     min?: string;
     /**
-     * The maximum date for the date picker in the format yyyy-mm-dd
+     * The value of the date picker
      */
-    max?: string;
+    value?: string[];
 }
 export interface UseDatePickerReturn extends Accessor<datePicker.Api<PropTypes>> {
 }

package/dist/types/components/dialog/use-dialog.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 UseDialogProps extends Optional<Omit<dialog.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the dialog when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: dialog.Context['open'];
 }
 export interface UseDialogReturn extends Accessor<dialog.Api<PropTypes>> {
 }

package/dist/types/components/editable/use-editable.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 UseEditableProps extends Optional<Omit<editable.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the editable when it is first rendered.
+     * Use when you do not need to control the state of the editable.
+     */
+    defaultValue?: editable.Context['value'];
 }
 export interface UseEditableReturn extends Accessor<editable.Api<PropTypes>> {
 }

package/dist/types/components/hover-card/use-hover-card.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 UseHoverCardProps extends Optional<Omit<hoverCard.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the hover card when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: hoverCard.Context['open'];
 }
 export interface UseHoverCardReturn extends Accessor<hoverCard.Api<PropTypes>> {
 }

package/dist/types/components/menu/use-menu.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 UseMenuProps extends Optional<Omit<menu.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the menu when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: menu.Context['open'];
 }
 export interface UseMenuReturn {
     machine: menu.Service;

package/dist/types/components/number-input/use-number-input.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 UseNumberInputProps extends Optional<Omit<numberInput.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the number input when it is first rendered.
+     * Use when you do not need to control the state of the number input.
+     */
+    defaultValue?: numberInput.Context['value'];
 }
 export interface UseNumberInputReturn extends Accessor<numberInput.Api<PropTypes>> {
 }

package/dist/types/components/pagination/use-pagination.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 UsePaginationProps extends Optional<Omit<pagination.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial page of the pagination when it is first rendered.
+     * Use when you do not need to control the state of the pagination.
+     */
+    defaultPage?: pagination.Context['page'];
 }
 export interface UsePaginationReturn extends Accessor<pagination.Api<PropTypes>> {
 }

package/dist/types/components/pin-input/use-pin-input.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 UsePinInputProps extends Optional<Omit<pinInput.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the pin input when it is first rendered.
+     * Use when you do not need to control the state of the pin input
+     */
+    defaultValue?: pinInput.Context['value'];
 }
 export interface UsePinInputReturn extends Accessor<pinInput.Api<PropTypes>> {
 }

package/dist/types/components/popover/use-popover.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 UsePopoverProps extends Optional<Omit<popover.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the popover when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: popover.Context['open'];
 }
 export interface UsePopoverReturn extends Accessor<popover.Api<PropTypes>> {
 }

package/dist/types/components/radio-group/use-radio-group.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 UseRadioGroupProps extends Optional<Omit<radio.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the radio group when it is first rendered.
+     * Use when you do not need to control the state of the radio group.
+     */
+    defaultValue?: radio.Context['value'];
 }
 export interface UseRadioGroupReturn extends Accessor<radio.Api<PropTypes>> {
 }

package/dist/types/components/rating-group/use-rating-group.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 UseRatingGroupProps extends Optional<Omit<rating.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the rating group when it is first rendered.
+     * Use when you do not need to control the state of the rating group.
+     */
+    defaultValue?: rating.Context['value'];
 }
 export interface UseRatingGroupReturn extends Accessor<rating.Api<PropTypes>> {
 }

package/dist/types/components/segment-group/use-segment-group.d.ts

@@ -1,9 +1,14 @@
-import * as segment from '@zag-js/radio-group';
+import * as segmentGroup from '@zag-js/radio-group';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
-export interface UseSegmentGroupProps extends Optional<Omit<segment.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseSegmentGroupProps extends Optional<Omit<segmentGroup.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the segment group when it is first rendered.
+     * Use when you do not need to control the state of the segment group.
+     */
+    defaultValue?: segmentGroup.Context['value'];
 }
-export interface UseSegmentGroupReturn extends Accessor<segment.Api<PropTypes>> {
+export interface UseSegmentGroupReturn extends Accessor<segmentGroup.Api<PropTypes>> {
 }
 export declare const useSegmentGroup: (props: UseSegmentGroupProps) => UseSegmentGroupReturn;

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

@@ -4,6 +4,16 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import type { CollectionItem, Optional } from '../../types';
 export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Optional<Omit<select.Context<T>, 'collection' | 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+    /**
+     * The initial open state of the select when it is first rendered.
+     * Use when you do not need to control its open state.
+     */
+    defaultOpen?: select.Context['open'];
+    /**
+     * The initial value of the select when it is first rendered.
+     * Use when you do not need to control the state of the select.
+     */
+    defaultValue?: select.Context<T>['value'];
 }
 export interface UseSelectReturn<T extends CollectionItem> extends Accessor<select.Api<PropTypes, T>> {
 }

package/dist/types/components/slider/use-slider.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 UseSliderProps extends Optional<Omit<slider.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial value of the slider when it is first rendered.
+     * Use when you do not need to control the state of the slider picker.
+     */
+    defaultValue?: slider.Context['value'];
 }
 export interface UseSliderReturn extends Accessor<slider.Api<PropTypes>> {
 }

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

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

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

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

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

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

package/dist/types/components/tags-input/use-tags-input.d.ts

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

package/dist/types/components/toggle-group/use-toggle-group.d.ts

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

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

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

package/dist/types/components/tree-view/use-tree-view.d.ts

@@ -3,6 +3,16 @@ import * as treeView from '@zag-js/tree-view';
 import { type Accessor } from 'solid-js';
 import type { Optional } from '../../types';
 export interface UseTreeViewProps extends Optional<Omit<treeView.Context, 'dir' | 'getRootNode'>, 'id'> {
+    /**
+     * The initial selected items of the tree view.
+     * Use this when you do not need to control the state of the tree view.
+     */
+    defaultSelectedValue?: treeView.Context['selectedValue'];
+    /**
+     * The initial expanded items of the tree view.
+     * Use this when you do not need to control the state of the tree view.
+     */
+    defaultExpandedValue?: treeView.Context['expandedValue'];
 }
 export interface UseTreeViewReturn extends Accessor<treeView.Api<PropTypes>> {
 }

package/dist/types/providers/locale/locale-provider.d.ts

@@ -1,10 +1,8 @@
-import { type LocaleOptions } from '@zag-js/i18n-utils';
 import { type ParentProps } from 'solid-js';
-export interface LocaleProviderProps extends LocaleOptions, ParentProps {
+export interface LocaleProviderProps extends ParentProps {
     /**
-     * The default locale to use if no locale is provided via props.
-     * @default 'en-US'
+     * The locale to use. For example, 'en-US'.
      */
-    defaultLocale?: string;
+    locale: string;
 }
 export declare const LocaleProvider: (props: LocaleProviderProps) => import("solid-js").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.0.0-3",
+  "version": "3.0.0-5",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -41,7 +41,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/chakra-ui/ark.git",
-    "directory": "frameworks/solid"
+    "directory": "packages/solid"
   },
   "bugs": {
     "url": "https://github.com/chakra-ui/ark/issues"
@@ -81,70 +81,70 @@
   "sideEffects": false,
   "dependencies": {
     "@ark-ui/anatomy": "3.0.0",
-    "@zag-js/accordion": "0.49.0",
-    "@zag-js/avatar": "0.49.0",
-    "@zag-js/carousel": "0.49.0",
-    "@zag-js/checkbox": "0.49.0",
-    "@zag-js/clipboard": "0.49.0",
-    "@zag-js/collapsible": "0.49.0",
-    "@zag-js/color-picker": "0.49.0",
-    "@zag-js/combobox": "0.49.0",
-    "@zag-js/date-picker": "0.49.0",
-    "@zag-js/dialog": "0.49.0",
-    "@zag-js/dom-query": "0.49.0",
-    "@zag-js/editable": "0.49.0",
-    "@zag-js/file-upload": "0.49.0",
-    "@zag-js/hover-card": "0.49.0",
-    "@zag-js/file-utils": "0.49.0",
-    "@zag-js/i18n-utils": "0.49.0",
-    "@zag-js/menu": "0.49.0",
-    "@zag-js/number-input": "0.49.0",
-    "@zag-js/pagination": "0.49.0",
-    "@zag-js/pin-input": "0.49.0",
-    "@zag-js/popover": "0.49.0",
-    "@zag-js/presence": "0.49.0",
-    "@zag-js/progress": "0.49.0",
-    "@zag-js/radio-group": "0.49.0",
-    "@zag-js/rating-group": "0.49.0",
-    "@zag-js/select": "0.49.0",
-    "@zag-js/slider": "0.49.0",
-    "@zag-js/solid": "0.49.0",
-    "@zag-js/splitter": "0.49.0",
-    "@zag-js/switch": "0.49.0",
-    "@zag-js/tabs": "0.49.0",
-    "@zag-js/tags-input": "0.49.0",
-    "@zag-js/toast": "0.49.0",
-    "@zag-js/toggle-group": "0.49.0",
-    "@zag-js/tooltip": "0.49.0",
-    "@zag-js/tree-view": "0.49.0",
-    "@zag-js/types": "0.49.0"
+    "@zag-js/accordion": "0.50.0",
+    "@zag-js/avatar": "0.50.0",
+    "@zag-js/carousel": "0.50.0",
+    "@zag-js/checkbox": "0.50.0",
+    "@zag-js/clipboard": "0.50.0",
+    "@zag-js/collapsible": "0.50.0",
+    "@zag-js/color-picker": "0.50.0",
+    "@zag-js/combobox": "0.50.0",
+    "@zag-js/date-picker": "0.50.0",
+    "@zag-js/dialog": "0.50.0",
+    "@zag-js/dom-query": "0.50.0",
+    "@zag-js/editable": "0.50.0",
+    "@zag-js/file-upload": "0.50.0",
+    "@zag-js/hover-card": "0.50.0",
+    "@zag-js/file-utils": "0.50.0",
+    "@zag-js/i18n-utils": "0.50.0",
+    "@zag-js/menu": "0.50.0",
+    "@zag-js/number-input": "0.50.0",
+    "@zag-js/pagination": "0.50.0",
+    "@zag-js/pin-input": "0.50.0",
+    "@zag-js/popover": "0.50.0",
+    "@zag-js/presence": "0.50.0",
+    "@zag-js/progress": "0.50.0",
+    "@zag-js/radio-group": "0.50.0",
+    "@zag-js/rating-group": "0.50.0",
+    "@zag-js/select": "0.50.0",
+    "@zag-js/slider": "0.50.0",
+    "@zag-js/solid": "0.50.0",
+    "@zag-js/splitter": "0.50.0",
+    "@zag-js/switch": "0.50.0",
+    "@zag-js/tabs": "0.50.0",
+    "@zag-js/tags-input": "0.50.0",
+    "@zag-js/toast": "0.50.0",
+    "@zag-js/toggle-group": "0.50.0",
+    "@zag-js/tooltip": "0.50.0",
+    "@zag-js/tree-view": "0.50.0",
+    "@zag-js/types": "0.50.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.7.2",
+    "@biomejs/biome": "1.7.3",
     "@release-it/keep-a-changelog": "5.0.0",
     "@solidjs/testing-library": "0.8.7",
-    "@storybook/addon-a11y": "8.0.9",
-    "@storybook/addon-essentials": "8.0.9",
+    "@storybook/addon-a11y": "8.1.1",
+    "@storybook/addon-essentials": "8.1.1",
     "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/jest-dom": "6.4.5",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
     "@types/testing-library__jest-dom": "5.14.9",
     "globby": "14.0.1",
     "jsdom": "24.0.0",
-    "lucide-solid": "0.377.0",
+    "lucide-solid": "0.378.0",
     "release-it": "17.2.1",
     "resize-observer-polyfill": "1.5.1",
     "rollup": "4.17.2",
     "rollup-preset-solid": "2.0.1",
     "solid-js": "1.8.17",
-    "storybook": "8.0.9",
+    "storybook": "8.1.1",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.4.5",
     "vite": "5.2.11",
     "vite-plugin-solid": "2.10.2",
-    "vitest": "1.5.3"
+    "vitest": "1.6.0"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"