@ark-ui/solid 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -6,6 +6,12 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [0.7.1] - 2023-06-30
+
+## Fixed
+
+- Resolved an issue that types accross various components were not being exported correctly.
+
 ## [0.7.0] - 2023-06-27
 
 ### Added
@@ -87,12 +93,13 @@ description: All notable changes to this project will be documented in this file
 - Add `Toast`
 - Add `Tooltip`
 
-[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.0...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.1...HEAD
 [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.1.0
 [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.2.0
 [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.3.0
 [0.4.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.4.0
 [0.5.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.5.0
 [0.6.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.6.0
-
 [0.7.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.0
+
+[0.7.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.1

package/accordion/accordion-context.d.ts

@@ -1,4 +1,4 @@
-import type { ItemProps, ItemState } from '@zag-js/accordion/dist/accordion.types';
+import type { ItemProps, ItemState } from '@zag-js/accordion';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseAccordionReturn } from './use-accordion';

package/carousel/carousel.anatomy.d.ts

@@ -1,3 +1,3 @@
-import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
 export declare const carouselAnatomy: AnatomyInstance<"root" | "viewport" | "slideGroup" | "slide" | "previousTrigger" | "nextTrigger" | "indicatorGroup" | "indicator" | "control">;
 export declare const parts: Record<"root" | "viewport" | "slideGroup" | "slide" | "previousTrigger" | "nextTrigger" | "indicatorGroup" | "indicator" | "control", AnatomyPart>;

package/combobox/combobox-context.d.ts

@@ -1,4 +1,4 @@
-import type { OptionData, OptionProps, OptionGroupProps } from '@zag-js/combobox/dist/combobox.types';
+import type { OptionData, OptionProps, OptionGroupProps } from '@zag-js/combobox';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseComboboxReturn } from './use-combobox';

package/combobox/use-combobox.d.ts

@@ -1,4 +1,3 @@
-import type { OptionData } from '@zag-js/combobox/dist/combobox.types';
 import type { Accessor, JSX } from 'solid-js';
 import * as combobox from '@zag-js/combobox';
 import { type Optional } from '../types';
@@ -9,9 +8,9 @@ export declare const useCombobox: (props: UseComboboxProps) => Accessor<{
     isOpen: boolean;
     isInputValueEmpty: boolean;
     inputValue: string;
-    focusedOption: OptionData | null;
+    focusedOption: combobox.OptionData | null;
     selectedValue: string | undefined;
-    setValue(value: string | OptionData): void;
+    setValue(value: string | combobox.OptionData): void;
     setInputValue(value: string): void;
     clearValue(): void;
     focus(): void;

package/date-picker/date-picker-context.d.ts

@@ -0,0 +1,257 @@
+import type { matchView } from '@zag-js/date-picker/dist/date-picker.utils';
+import type { DateView, DateValue, CalendarDate, CalendarDateTime, ZonedDateTime, GridProps, DayCellProps, CellProps, ViewProps } from '@zag-js/date-picker';
+import type { Accessor, JSX } from 'solid-js';
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { type UseDatePickerReturn } from './use-date-picker';
+export type DatePickerContext = UseDatePickerReturn;
+export declare const DatePickerProvider: ContextProviderComponent<Accessor<{
+    isFocused: boolean;
+    isOpen: boolean | undefined;
+    view: DateView;
+    matchView: typeof matchView;
+    getDaysInWeek(weekIndex: number, from?: DateValue | undefined): DateValue[];
+    getOffset(months: number): {
+        amount: number;
+        visibleRange: {
+            start: CalendarDate | CalendarDateTime | ZonedDateTime;
+            end: CalendarDate | CalendarDateTime | ZonedDateTime;
+        };
+        weeks: DateValue[][];
+    };
+    getMonthDays(from?: DateValue | undefined): DateValue[][];
+    isUnavailable(date: DateValue): boolean;
+    readonly weeks: DateValue[][];
+    weekDays: {
+        value: CalendarDate | CalendarDateTime | ZonedDateTime;
+        short: string;
+        long: string;
+        narrow: string;
+    }[];
+    visibleRangeText: {
+        start: string;
+        end: string;
+        formatted: string;
+    };
+    value: DateValue[];
+    valueAsDate: Date[];
+    valueAsString: string[];
+    focusedValue: DateValue;
+    focusedValueAsDate: Date;
+    focusedValueAsString: string;
+    selectToday(): void;
+    setValue(values: CalendarDate[]): void;
+    setFocusedValue(value: CalendarDate): void;
+    clearValue(): void;
+    open(): void;
+    close(): void;
+    focusMonth(month: number): void;
+    focusYear(year: number): void;
+    visibleRange: {
+        start: DateValue;
+        end: DateValue;
+    };
+    getYears(): {
+        label: string;
+        value: number;
+    }[];
+    getYearsGrid(props?: {
+        columns?: number | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[][];
+    getDecade(): {
+        start: number | undefined;
+        end: number | undefined;
+    };
+    getMonths(props?: {
+        format?: "short" | "long" | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[];
+    getMonthsGrid(props?: {
+        columns?: number | undefined;
+        format?: "short" | "long" | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[][];
+    format(value: CalendarDate, opts?: Intl.DateTimeFormatOptions | undefined): string;
+    setView(view: DateView): void;
+    goToNext(): void;
+    goToPrev(): void;
+    controlProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    getGridProps(props?: GridProps | undefined): JSX.HTMLAttributes<any>;
+    getDayCellState(props: DayCellProps): {
+        isInvalid: boolean;
+        isDisabled: boolean;
+        isSelected: boolean;
+        isUnavailable: boolean;
+        isOutsideRange: boolean;
+        isInRange: boolean;
+        isFirstInRange: boolean;
+        isLastInRange: boolean;
+        isToday: boolean;
+        isWeekend: boolean;
+        formattedDate: string;
+        readonly isFocused: boolean;
+        readonly ariaLabel: string;
+        readonly isSelectable: boolean;
+    };
+    getDayCellProps(props: DayCellProps): JSX.HTMLAttributes<any>;
+    getDayCellTriggerProps(props: DayCellProps): JSX.HTMLAttributes<any>;
+    getMonthCellState(props: CellProps): {
+        isFocused: boolean;
+        isSelectable: boolean;
+        isSelected: boolean;
+        valueText: string;
+        readonly isDisabled: boolean;
+    };
+    getMonthCellProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getMonthCellTriggerProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getYearCellState(props: CellProps): {
+        isFocused: boolean;
+        isSelectable: boolean;
+        isSelected: boolean;
+        valueText: string;
+        readonly isDisabled: boolean;
+    };
+    getYearCellProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getYearCellTriggerProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getNextTriggerProps(props?: ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getPrevTriggerProps(props?: ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getHeaderProps(props?: ViewProps | undefined): JSX.HTMLAttributes<any>;
+    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getViewTriggerProps(props?: ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    monthSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    yearSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+}>>, useDatePickerContext: () => Accessor<{
+    isFocused: boolean;
+    isOpen: boolean | undefined;
+    view: DateView;
+    matchView: typeof matchView;
+    getDaysInWeek(weekIndex: number, from?: DateValue | undefined): DateValue[];
+    getOffset(months: number): {
+        amount: number;
+        visibleRange: {
+            start: CalendarDate | CalendarDateTime | ZonedDateTime;
+            end: CalendarDate | CalendarDateTime | ZonedDateTime;
+        };
+        weeks: DateValue[][];
+    };
+    getMonthDays(from?: DateValue | undefined): DateValue[][];
+    isUnavailable(date: DateValue): boolean;
+    readonly weeks: DateValue[][];
+    weekDays: {
+        value: CalendarDate | CalendarDateTime | ZonedDateTime;
+        short: string;
+        long: string;
+        narrow: string;
+    }[];
+    visibleRangeText: {
+        start: string;
+        end: string;
+        formatted: string;
+    };
+    value: DateValue[];
+    valueAsDate: Date[];
+    valueAsString: string[];
+    focusedValue: DateValue;
+    focusedValueAsDate: Date;
+    focusedValueAsString: string;
+    selectToday(): void;
+    setValue(values: CalendarDate[]): void;
+    setFocusedValue(value: CalendarDate): void;
+    clearValue(): void;
+    open(): void;
+    close(): void;
+    focusMonth(month: number): void;
+    focusYear(year: number): void;
+    visibleRange: {
+        start: DateValue;
+        end: DateValue;
+    };
+    getYears(): {
+        label: string;
+        value: number;
+    }[];
+    getYearsGrid(props?: {
+        columns?: number | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[][];
+    getDecade(): {
+        start: number | undefined;
+        end: number | undefined;
+    };
+    getMonths(props?: {
+        format?: "short" | "long" | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[];
+    getMonthsGrid(props?: {
+        columns?: number | undefined;
+        format?: "short" | "long" | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[][];
+    format(value: CalendarDate, opts?: Intl.DateTimeFormatOptions | undefined): string;
+    setView(view: DateView): void;
+    goToNext(): void;
+    goToPrev(): void;
+    controlProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    getGridProps(props?: GridProps | undefined): JSX.HTMLAttributes<any>;
+    getDayCellState(props: DayCellProps): {
+        isInvalid: boolean;
+        isDisabled: boolean;
+        isSelected: boolean;
+        isUnavailable: boolean;
+        isOutsideRange: boolean;
+        isInRange: boolean;
+        isFirstInRange: boolean;
+        isLastInRange: boolean;
+        isToday: boolean;
+        isWeekend: boolean;
+        formattedDate: string;
+        readonly isFocused: boolean;
+        readonly ariaLabel: string;
+        readonly isSelectable: boolean;
+    };
+    getDayCellProps(props: DayCellProps): JSX.HTMLAttributes<any>;
+    getDayCellTriggerProps(props: DayCellProps): JSX.HTMLAttributes<any>;
+    getMonthCellState(props: CellProps): {
+        isFocused: boolean;
+        isSelectable: boolean;
+        isSelected: boolean;
+        valueText: string;
+        readonly isDisabled: boolean;
+    };
+    getMonthCellProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getMonthCellTriggerProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getYearCellState(props: CellProps): {
+        isFocused: boolean;
+        isSelectable: boolean;
+        isSelected: boolean;
+        valueText: string;
+        readonly isDisabled: boolean;
+    };
+    getYearCellProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getYearCellTriggerProps(props: CellProps): JSX.HTMLAttributes<any>;
+    getNextTriggerProps(props?: ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getPrevTriggerProps(props?: ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getHeaderProps(props?: ViewProps | undefined): JSX.HTMLAttributes<any>;
+    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getViewTriggerProps(props?: ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    monthSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    yearSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+}>;

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

@@ -1,3 +1,3 @@
-import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
 export declare const datePickerAnatomy: AnatomyInstance<"header" | "input" | "label" | "content" | "grid" | "row" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader">;
 export declare const parts: Record<"header" | "input" | "label" | "content" | "grid" | "row" | "nextTrigger" | "control" | "trigger" | "viewTrigger" | "cellTrigger" | "prevTrigger" | "clearTrigger" | "monthSelect" | "yearSelect" | "rowGroup" | "columnHeader", AnatomyPart>;

package/date-picker/use-date-picker.d.ts

@@ -0,0 +1,132 @@
+import type { matchView } from '@zag-js/date-picker/dist/date-picker.utils';
+import type { Accessor, JSX } from 'solid-js';
+import * as datePicker from '@zag-js/date-picker';
+import { type Optional } from '../types';
+export type UseDatePickerProps = Optional<datePicker.Context, 'id'>;
+export type UseDatePickerReturn = ReturnType<typeof useDatePicker>;
+export declare const useDatePicker: (props: UseDatePickerProps) => Accessor<{
+    isFocused: boolean;
+    isOpen: boolean | undefined;
+    view: datePicker.DateView;
+    matchView: typeof matchView;
+    getDaysInWeek(weekIndex: number, from?: datePicker.DateValue | undefined): datePicker.DateValue[];
+    getOffset(months: number): {
+        amount: number;
+        visibleRange: {
+            start: datePicker.CalendarDate | datePicker.CalendarDateTime | datePicker.ZonedDateTime;
+            end: datePicker.CalendarDate | datePicker.CalendarDateTime | datePicker.ZonedDateTime;
+        };
+        weeks: datePicker.DateValue[][];
+    };
+    getMonthDays(from?: datePicker.DateValue | undefined): datePicker.DateValue[][];
+    isUnavailable(date: datePicker.DateValue): boolean;
+    readonly weeks: datePicker.DateValue[][];
+    weekDays: {
+        value: datePicker.CalendarDate | datePicker.CalendarDateTime | datePicker.ZonedDateTime;
+        short: string;
+        long: string;
+        narrow: string;
+    }[];
+    visibleRangeText: {
+        start: string;
+        end: string;
+        formatted: string;
+    };
+    value: datePicker.DateValue[];
+    valueAsDate: Date[];
+    valueAsString: string[];
+    focusedValue: datePicker.DateValue;
+    focusedValueAsDate: Date;
+    focusedValueAsString: string;
+    selectToday(): void;
+    setValue(values: datePicker.CalendarDate[]): void;
+    setFocusedValue(value: datePicker.CalendarDate): void;
+    clearValue(): void;
+    open(): void;
+    close(): void;
+    focusMonth(month: number): void;
+    focusYear(year: number): void;
+    visibleRange: {
+        start: datePicker.DateValue;
+        end: datePicker.DateValue;
+    };
+    getYears(): {
+        label: string;
+        value: number;
+    }[];
+    getYearsGrid(props?: {
+        columns?: number | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[][];
+    getDecade(): {
+        start: number | undefined;
+        end: number | undefined;
+    };
+    getMonths(props?: {
+        format?: "short" | "long" | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[];
+    getMonthsGrid(props?: {
+        columns?: number | undefined;
+        format?: "short" | "long" | undefined;
+    } | undefined): {
+        label: string;
+        value: number;
+    }[][];
+    format(value: datePicker.CalendarDate, opts?: Intl.DateTimeFormatOptions | undefined): string;
+    setView(view: datePicker.DateView): void;
+    goToNext(): void;
+    goToPrev(): void;
+    controlProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    getGridProps(props?: datePicker.GridProps | undefined): JSX.HTMLAttributes<any>;
+    getDayCellState(props: datePicker.DayCellProps): {
+        isInvalid: boolean;
+        isDisabled: boolean;
+        isSelected: boolean;
+        isUnavailable: boolean;
+        isOutsideRange: boolean;
+        isInRange: boolean;
+        isFirstInRange: boolean;
+        isLastInRange: boolean;
+        isToday: boolean;
+        isWeekend: boolean;
+        formattedDate: string;
+        readonly isFocused: boolean;
+        readonly ariaLabel: string;
+        readonly isSelectable: boolean;
+    };
+    getDayCellProps(props: datePicker.DayCellProps): JSX.HTMLAttributes<any>;
+    getDayCellTriggerProps(props: datePicker.DayCellProps): JSX.HTMLAttributes<any>;
+    getMonthCellState(props: datePicker.CellProps): {
+        isFocused: boolean;
+        isSelectable: boolean;
+        isSelected: boolean;
+        valueText: string;
+        readonly isDisabled: boolean;
+    };
+    getMonthCellProps(props: datePicker.CellProps): JSX.HTMLAttributes<any>;
+    getMonthCellTriggerProps(props: datePicker.CellProps): JSX.HTMLAttributes<any>;
+    getYearCellState(props: datePicker.CellProps): {
+        isFocused: boolean;
+        isSelectable: boolean;
+        isSelected: boolean;
+        valueText: string;
+        readonly isDisabled: boolean;
+    };
+    getYearCellProps(props: datePicker.CellProps): JSX.HTMLAttributes<any>;
+    getYearCellTriggerProps(props: datePicker.CellProps): JSX.HTMLAttributes<any>;
+    getNextTriggerProps(props?: datePicker.ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getPrevTriggerProps(props?: datePicker.ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getHeaderProps(props?: datePicker.ViewProps | undefined): JSX.HTMLAttributes<any>;
+    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    getViewTriggerProps(props?: datePicker.ViewProps | undefined): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    monthSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+    yearSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
+}>;

package/hover-card/hover-card-context.d.ts

@@ -0,0 +1,26 @@
+import type { PositioningOptions } from '@zag-js/combobox';
+import type { Accessor, JSX } from 'solid-js';
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { type UseHoverCardReturn } from './use-hover-card';
+export type HoverCardContext = UseHoverCardReturn;
+export declare const HoverCardProvider: ContextProviderComponent<Accessor<{
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    triggerProps: JSX.HTMLAttributes<any>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+}>>, useHoverCardContext: () => Accessor<{
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    triggerProps: JSX.HTMLAttributes<any>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+}>;

package/hover-card/use-hover-card.d.ts

@@ -0,0 +1,16 @@
+import type { Accessor, JSX } from 'solid-js';
+import * as hoverCard from '@zag-js/hover-card';
+import { type Optional } from '../types';
+export type UseHoverCardProps = Optional<hoverCard.Context, 'id'>;
+export declare const useHoverCard: (props: UseHoverCardProps) => Accessor<{
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    setPositioning(options?: Partial<hoverCard.PositioningOptions> | undefined): void;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    triggerProps: JSX.HTMLAttributes<any>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+}>;
+export type UseHoverCardReturn = ReturnType<typeof useHoverCard>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -60,44 +60,44 @@
     "foo": "pnpm --filter=@ark-ui/scripts release:prepare @ark-ui/solid"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.10.2",
-    "@zag-js/anatomy": "0.10.2",
-    "@zag-js/avatar": "0.10.2",
-    "@zag-js/carousel": "0.10.2",
-    "@zag-js/checkbox": "0.10.2",
-    "@zag-js/color-picker": "0.10.2",
-    "@zag-js/combobox": "0.10.2",
-    "@zag-js/date-picker": "0.10.2",
-    "@zag-js/dialog": "0.10.2",
-    "@zag-js/editable": "0.10.2",
-    "@zag-js/hover-card": "0.10.2",
-    "@zag-js/menu": "0.10.2",
-    "@zag-js/number-input": "0.10.2",
-    "@zag-js/pagination": "0.10.2",
-    "@zag-js/pin-input": "0.10.2",
-    "@zag-js/popover": "0.10.2",
-    "@zag-js/pressable": "0.10.2",
-    "@zag-js/radio-group": "0.10.2",
-    "@zag-js/range-slider": "0.10.2",
-    "@zag-js/rating-group": "0.10.2",
-    "@zag-js/select": "0.10.2",
-    "@zag-js/slider": "0.10.2",
-    "@zag-js/solid": "0.10.2",
-    "@zag-js/splitter": "0.10.2",
-    "@zag-js/switch": "0.10.2",
-    "@zag-js/tabs": "0.10.2",
-    "@zag-js/tags-input": "0.10.2",
-    "@zag-js/toast": "0.10.2",
-    "@zag-js/tooltip": "0.10.2",
-    "@zag-js/types": "0.10.2"
+    "@zag-js/accordion": "0.10.3",
+    "@zag-js/anatomy": "0.10.3",
+    "@zag-js/avatar": "0.10.3",
+    "@zag-js/carousel": "0.10.3",
+    "@zag-js/checkbox": "0.10.3",
+    "@zag-js/color-picker": "0.10.3",
+    "@zag-js/combobox": "0.10.3",
+    "@zag-js/date-picker": "0.10.3",
+    "@zag-js/dialog": "0.10.3",
+    "@zag-js/editable": "0.10.3",
+    "@zag-js/hover-card": "0.10.3",
+    "@zag-js/menu": "0.10.3",
+    "@zag-js/number-input": "0.10.3",
+    "@zag-js/pagination": "0.10.3",
+    "@zag-js/pin-input": "0.10.3",
+    "@zag-js/popover": "0.10.3",
+    "@zag-js/pressable": "0.10.3",
+    "@zag-js/radio-group": "0.10.3",
+    "@zag-js/range-slider": "0.10.3",
+    "@zag-js/rating-group": "0.10.3",
+    "@zag-js/select": "0.10.3",
+    "@zag-js/slider": "0.10.3",
+    "@zag-js/solid": "0.10.3",
+    "@zag-js/splitter": "0.10.3",
+    "@zag-js/switch": "0.10.3",
+    "@zag-js/tabs": "0.10.3",
+    "@zag-js/tags-input": "0.10.3",
+    "@zag-js/toast": "0.10.3",
+    "@zag-js/tooltip": "0.10.3",
+    "@zag-js/types": "0.10.3"
   },
   "devDependencies": {
     "@release-it/keep-a-changelog": "3.1.0",
-    "@solidjs/testing-library": "0.8.1",
-    "@storybook/addon-essentials": "7.0.23",
-    "@storybook/addon-interactions": "7.0.23",
-    "@storybook/addon-links": "7.0.23",
-    "@storybook/blocks": "7.0.23",
+    "@solidjs/testing-library": "0.8.3",
+    "@storybook/addon-essentials": "7.0.24",
+    "@storybook/addon-interactions": "7.0.24",
+    "@storybook/addon-links": "7.0.24",
+    "@storybook/blocks": "7.0.24",
     "@storybook/testing-library": "0.2.0",
     "@testing-library/dom": "9.3.1",
     "@testing-library/jest-dom": "5.16.5",
@@ -106,21 +106,21 @@
     "@types/testing-library__jest-dom": "5.14.6",
     "@typescript-eslint/eslint-plugin": "5.60.1",
     "@typescript-eslint/parser": "5.60.1",
-    "@vitest/coverage-c8": "0.31.4",
+    "@vitest/coverage-v8": "0.32.2",
     "eslint": "8.43.0",
     "happy-dom": "9.20.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "release-it": "15.11.0",
     "solid-js": "1.7.7",
-    "storybook": "7.0.23",
+    "storybook": "7.0.24",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
-    "typescript": "5.1.3",
+    "typescript": "5.1.6",
     "vite": "4.3.9",
     "vite-plugin-dts": "2.3.0",
     "vite-plugin-solid": "2.7.0",
-    "vitest": "0.31.4"
+    "vitest": "0.32.2"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"

package/pagination/pagination.anatomy.d.ts

@@ -1,3 +1,3 @@
-import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
+import type { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
 export declare const paginationAnatomy: AnatomyInstance<"ellipsis" | "list" | "root" | "pageTrigger" | "prevPageTrigger" | "nextPageTrigger" | "listItem">;
 export declare const parts: Record<"ellipsis" | "list" | "root" | "pageTrigger" | "prevPageTrigger" | "nextPageTrigger" | "listItem", AnatomyPart>;

package/popover/popover-context.d.ts

@@ -0,0 +1,36 @@
+import type { PositioningOptions } from '@zag-js/combobox';
+import type { Accessor, JSX } from 'solid-js';
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { type UsePopoverReturn } from './use-popover';
+export type PopoverContext = UsePopoverReturn;
+export declare const PopoverProvider: ContextProviderComponent<Accessor<{
+    portalled: boolean;
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    anchorProps: JSX.HTMLAttributes<any>;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    titleProps: JSX.HTMLAttributes<any>;
+    descriptionProps: JSX.HTMLAttributes<any>;
+    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>>, usePopoverContext: () => Accessor<{
+    portalled: boolean;
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    anchorProps: JSX.HTMLAttributes<any>;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    titleProps: JSX.HTMLAttributes<any>;
+    descriptionProps: JSX.HTMLAttributes<any>;
+    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>;

package/popover/use-popover.d.ts

@@ -0,0 +1,21 @@
+import type { Accessor, JSX } from 'solid-js';
+import * as popover from '@zag-js/popover';
+import { type Optional } from '../types';
+export type UsePopoverProps = Optional<popover.Context, 'id'>;
+export declare const usePopover: (props: UsePopoverProps) => Accessor<{
+    portalled: boolean;
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    setPositioning(options?: Partial<popover.PositioningOptions> | undefined): void;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    anchorProps: JSX.HTMLAttributes<any>;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    titleProps: JSX.HTMLAttributes<any>;
+    descriptionProps: JSX.HTMLAttributes<any>;
+    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>;
+export type UsePopoverReturn = ReturnType<typeof usePopover>;

package/rating-group/rating-context.d.ts

@@ -1,6 +1,5 @@
-import type { ItemState } from '@zag-js/rating-group/dist/rating-group.types';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
-import { type connect } from '@zag-js/rating-group';
+import type { ItemState, type connect } from '@zag-js/rating-group';
 import type { Accessor } from 'solid-js';
 export type RatingContext = ReturnType<ReturnType<typeof connect>['getRatingState']>;
 export declare const RatingProvider: ContextProviderComponent<Accessor<ItemState>>, useRatingContext: () => Accessor<ItemState>;

package/rating-group/rating-group-context.d.ts

@@ -1,4 +1,4 @@
-import type { ItemProps, ItemState } from '@zag-js/rating-group/dist/rating-group.types';
+import type { ItemProps, ItemState } from '@zag-js/rating-group';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseRatingGroupReturn } from './use-rating-group';

package/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
-import type { Anatomy, AnatomyPart } from '@zag-js/anatomy/dist/create-anatomy';
+import type { Anatomy, AnatomyPart } from '@zag-js/anatomy';
 export declare const segmentGroupAnatomy: Anatomy<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl" | "radioInput">;
 export declare const parts: Record<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl" | "radioInput", AnatomyPart>;

package/select/select-context.d.ts

@@ -1,4 +1,5 @@
-import type { Option, OptionProps, OptionGroupLabelProps, OptionGroupProps } from '@zag-js/select/dist/select.types';
+import type { OptionProps, OptionGroupLabelProps, OptionGroupProps } from '@zag-js/select';
+import type { Option } from '@zag-js/select/dist/select.types';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseSelectReturn } from './use-select';

package/splitter/splitter-context.d.ts

@@ -1,4 +1,5 @@
-import type { PanelId, ResizeTriggerProps, PanelProps } from '@zag-js/splitter/dist/splitter.types';
+import type { ResizeTriggerProps, PanelProps } from '@zag-js/splitter';
+import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseSplitterReturn } from './use-splitter';

package/splitter/use-splitter.d.ts

@@ -1,6 +1,6 @@
-import type { PanelId, ResizeTriggerProps, PanelProps } from '@zag-js/splitter/dist/splitter.types';
+import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
 import type { Accessor, JSX } from 'solid-js';
-import { type Context } from '@zag-js/splitter';
+import type { ResizeTriggerProps, PanelProps, type Context } from '@zag-js/splitter';
 import { type Optional } from '../types';
 export type UseSplitterProps = Optional<Context, 'id'>;
 export type UseSplitterReturn = ReturnType<typeof useSplitter>;

package/tabs/tabs-context.d.ts

@@ -1,4 +1,4 @@
-import type { TriggerProps, ContentProps } from '@zag-js/tabs/dist/tabs.types';
+import type { TriggerProps, ContentProps } from '@zag-js/tabs';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseTabsReturn } from './use-tabs';

package/toast/toast-item-context.d.ts

@@ -1,4 +1,4 @@
-import type { Type, Placement } from '@zag-js/toast/dist/toast.types';
+import type { Type, Placement } from '@zag-js/toast';
 import type { Accessor, JSX } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseToastItemReturn } from './use-toast-item';

package/tooltip/tooltip-context.d.ts

@@ -0,0 +1,36 @@
+import type { PositioningOptions } from '@zag-js/combobox';
+import type { Accessor, JSX } from 'solid-js';
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { type UseTooltipReturn } from './use-tooltip';
+export type TooltipContext = UseTooltipReturn;
+export declare const TooltipProvider: ContextProviderComponent<Accessor<{
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    getAnimationState(): {
+        enter: boolean;
+        exit: boolean;
+    };
+    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    labelProps: JSX.HTMLAttributes<any>;
+}>>, useTooltipContext: () => Accessor<{
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    getAnimationState(): {
+        enter: boolean;
+        exit: boolean;
+    };
+    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    labelProps: JSX.HTMLAttributes<any>;
+}>;

package/tooltip/use-tooltip.d.ts

@@ -0,0 +1,21 @@
+import type { Accessor, JSX } from 'solid-js';
+import * as tooltip from '@zag-js/tooltip';
+import { type Optional } from '../types';
+export type UseTooltipProps = Optional<tooltip.Context, 'id'>;
+export type UseTooltipReturn = ReturnType<typeof useTooltip>;
+export declare const useTooltip: (props: UseTooltipProps) => Accessor<{
+    isOpen: boolean;
+    open(): void;
+    close(): void;
+    getAnimationState(): {
+        enter: boolean;
+        exit: boolean;
+    };
+    setPositioning(options?: Partial<tooltip.PositioningOptions> | undefined): void;
+    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+    arrowProps: JSX.HTMLAttributes<any>;
+    arrowTipProps: JSX.HTMLAttributes<any>;
+    positionerProps: JSX.HTMLAttributes<any>;
+    contentProps: JSX.HTMLAttributes<any>;
+    labelProps: JSX.HTMLAttributes<any>;
+}>;