@ark-ui/solid 0.8.0 → 0.9.0

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

@@ -1,257 +1,7 @@
-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 { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/date-picker';
+import type { Accessor } 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>;
-}>;
+export declare const DatePickerProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useDatePickerContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,5 +1,5 @@
 import type { JSX } from 'solid-js';
-import type { GridProps } from '@zag-js/date-picker/dist/date-picker.types';
+import type { GridProps } from '@zag-js/date-picker';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export type DatePickerGridProps = Assign<HTMLArkProps<'div'>, GridProps>;

package/date-picker/date-picker-view-trigger.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'solid-js';
-import type { ViewProps } from '@zag-js/date-picker/dist/date-picker.types';
+import type { ViewProps } from '@zag-js/date-picker';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export type DatePickerViewTriggerProps = Assign<HTMLArkProps<'button'>, ViewProps>;

package/date-picker/index.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const datePicker = require('./date-picker.cjs');
+const datePickerCellContext = require('./date-picker-cell-context.cjs');
+const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
+const datePickerColumnHeader = require('./date-picker-column-header.cjs');
+const datePickerContent = require('./date-picker-content.cjs');
+const datePickerContext = require('./date-picker-context.cjs');
+const datePickerControl = require('./date-picker-control.cjs');
+const datePickerDayCell = require('./date-picker-day-cell.cjs');
+const datePickerDayCellContext = require('./date-picker-day-cell-context.cjs');
+const datePickerDayCellTrigger = require('./date-picker-day-cell-trigger.cjs');
+const datePickerGrid = require('./date-picker-grid.cjs');
+const datePickerInput = require('./date-picker-input.cjs');
+const datePickerMonthCell = require('./date-picker-month-cell.cjs');
+const datePickerMonthCellTrigger = require('./date-picker-month-cell-trigger.cjs');
+const datePickerMonthSelect = require('./date-picker-month-select.cjs');
+const datePickerNextTrigger = require('./date-picker-next-trigger.cjs');
+const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
+const datePickerRow = require('./date-picker-row.cjs');
+const datePickerRowGroup = require('./date-picker-row-group.cjs');
+const datePickerRowHeader = require('./date-picker-row-header.cjs');
+const datePickerTrigger = require('./date-picker-trigger.cjs');
+const datePickerViewTrigger = require('./date-picker-view-trigger.cjs');
+const datePickerYearCell = require('./date-picker-year-cell.cjs');
+const datePickerYearCellTrigger = require('./date-picker-year-cell-trigger.cjs');
+const datePickerYearSelect = require('./date-picker-year-select.cjs');
+const datePicker_anatomy = require('./date-picker.anatomy.cjs');
+
+
+
+exports.DatePicker = datePicker.DatePicker;
+exports.useDatePickerCellContext = datePickerCellContext.useDatePickerCellContext;
+exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
+exports.DatePickerColumnHeader = datePickerColumnHeader.DatePickerColumnHeader;
+exports.DatePickerContent = datePickerContent.DatePickerContent;
+exports.useDatePickerContext = datePickerContext.useDatePickerContext;
+exports.DatePickerControl = datePickerControl.DatePickerControl;
+exports.DatePickerDayCell = datePickerDayCell.DatePickerDayCell;
+exports.useDatePickerDayCellContext = datePickerDayCellContext.useDatePickerDayCellContext;
+exports.DatePickerDayCellTrigger = datePickerDayCellTrigger.DatePickerDayCellTrigger;
+exports.DatePickerGrid = datePickerGrid.DatePickerGrid;
+exports.DatePickerInput = datePickerInput.DatePickerInput;
+exports.DatePickerMonthCell = datePickerMonthCell.DatePickerMonthCell;
+exports.DatePickerMonthCellTrigger = datePickerMonthCellTrigger.DatePickerMonthCellTrigger;
+exports.DatePickerMonthSelect = datePickerMonthSelect.DatePickerMonthSelect;
+exports.DatePickerNextTrigger = datePickerNextTrigger.DatePickerNextTrigger;
+exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
+exports.DatePickerRow = datePickerRow.DatePickerRow;
+exports.DatePickerRowGroup = datePickerRowGroup.DatePickerRowGroup;
+exports.DatePickerRowHeader = datePickerRowHeader.DatePickerRowHeader;
+exports.DatePickerTrigger = datePickerTrigger.DatePickerTrigger;
+exports.DatePickerViewTrigger = datePickerViewTrigger.DatePickerViewTrigger;
+exports.DatePickerYearCell = datePickerYearCell.DatePickerYearCell;
+exports.DatePickerYearCellTrigger = datePickerYearCellTrigger.DatePickerYearCellTrigger;
+exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
+exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;

package/date-picker/index.d.ts

@@ -1,9 +1,12 @@
 export { DatePicker, type DatePickerProps } from './date-picker';
+export { useDatePickerCellContext } from './date-picker-cell-context';
 export { DatePickerClearTrigger, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
 export { DatePickerColumnHeader, type DatePickerColumnHeaderProps, } from './date-picker-column-header';
 export { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
+export { useDatePickerContext } from './date-picker-context';
 export { DatePickerControl, type DatePickerControlProps } from './date-picker-control';
 export { DatePickerDayCell, type DatePickerDayCellProps } from './date-picker-day-cell';
+export { useDatePickerDayCellContext } from './date-picker-day-cell-context';
 export { DatePickerDayCellTrigger, type DatePickerDayCellTriggerProps, } from './date-picker-day-cell-trigger';
 export { DatePickerGrid, type DatePickerGridProps } from './date-picker-grid';
 export { DatePickerInput, type DatePickerInputProps } from './date-picker-input';

package/date-picker/index.mjs

@@ -0,0 +1,26 @@
+export { DatePicker } from './date-picker.mjs';
+export { useDatePickerCellContext } from './date-picker-cell-context.mjs';
+export { DatePickerClearTrigger } from './date-picker-clear-trigger.mjs';
+export { DatePickerColumnHeader } from './date-picker-column-header.mjs';
+export { DatePickerContent } from './date-picker-content.mjs';
+export { useDatePickerContext } from './date-picker-context.mjs';
+export { DatePickerControl } from './date-picker-control.mjs';
+export { DatePickerDayCell } from './date-picker-day-cell.mjs';
+export { useDatePickerDayCellContext } from './date-picker-day-cell-context.mjs';
+export { DatePickerDayCellTrigger } from './date-picker-day-cell-trigger.mjs';
+export { DatePickerGrid } from './date-picker-grid.mjs';
+export { DatePickerInput } from './date-picker-input.mjs';
+export { DatePickerMonthCell } from './date-picker-month-cell.mjs';
+export { DatePickerMonthCellTrigger } from './date-picker-month-cell-trigger.mjs';
+export { DatePickerMonthSelect } from './date-picker-month-select.mjs';
+export { DatePickerNextTrigger } from './date-picker-next-trigger.mjs';
+export { DatePickerPrevTrigger } from './date-picker-prev-trigger.mjs';
+export { DatePickerRow } from './date-picker-row.mjs';
+export { DatePickerRowGroup } from './date-picker-row-group.mjs';
+export { DatePickerRowHeader } from './date-picker-row-header.mjs';
+export { DatePickerTrigger } from './date-picker-trigger.mjs';
+export { DatePickerViewTrigger } from './date-picker-view-trigger.mjs';
+export { DatePickerYearCell } from './date-picker-year-cell.mjs';
+export { DatePickerYearCellTrigger } from './date-picker-year-cell-trigger.mjs';
+export { DatePickerYearSelect } from './date-picker-year-select.mjs';
+export { datePickerAnatomy } from './date-picker.anatomy.mjs';

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

@@ -1,132 +1,7 @@
-import type { matchView } from '@zag-js/date-picker/dist/date-picker.utils';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } 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>;
-}>;
+export declare const useDatePicker: (props: UseDatePickerProps) => Accessor<datePicker.PublicApi<PropTypes>>;

package/dialog/dialog-context.d.ts

@@ -1,27 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/dialog';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseDialogReturn } from './use-dialog';
 export type DialogContext = UseDialogReturn;
-export declare const DialogProvider: ContextProviderComponent<Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    backdropProps: JSX.HTMLAttributes<any>;
-    containerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>>, useDialogContext: () => Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    backdropProps: JSX.HTMLAttributes<any>;
-    containerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const DialogProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useDialogContext: () => Accessor<PublicApi<PropTypes>>;

package/dialog/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dialog = require('./dialog.cjs');
+const dialogBackdrop = require('./dialog-backdrop.cjs');
+const dialogCloseTrigger = require('./dialog-close-trigger.cjs');
+const dialogContainer = require('./dialog-container.cjs');
+const dialogContent = require('./dialog-content.cjs');
+const dialogContext = require('./dialog-context.cjs');
+const dialogDescription = require('./dialog-description.cjs');
+const dialogTitle = require('./dialog-title.cjs');
+const dialogTrigger = require('./dialog-trigger.cjs');
+const dialog$1 = require('@zag-js/dialog');
+
+
+
+exports.Dialog = dialog.Dialog;
+exports.DialogBackdrop = dialogBackdrop.DialogBackdrop;
+exports.DialogCloseTrigger = dialogCloseTrigger.DialogCloseTrigger;
+exports.DialogContainer = dialogContainer.DialogContainer;
+exports.DialogContent = dialogContent.DialogContent;
+exports.useDialogContext = dialogContext.useDialogContext;
+exports.DialogDescription = dialogDescription.DialogDescription;
+exports.DialogTitle = dialogTitle.DialogTitle;
+exports.DialogTrigger = dialogTrigger.DialogTrigger;
+Object.defineProperty(exports, 'dialogAnatomy', {
+	enumerable: true,
+	get: () => dialog$1.anatomy
+});

package/dialog/index.d.ts

@@ -3,6 +3,7 @@ export { DialogBackdrop, type DialogBackdropProps } from './dialog-backdrop';
 export { DialogCloseTrigger, type DialogCloseTriggerProps } from './dialog-close-trigger';
 export { DialogContainer, type DialogContainerProps } from './dialog-container';
 export { DialogContent, type DialogContentProps } from './dialog-content';
+export { useDialogContext } from './dialog-context';
 export { DialogDescription, type DialogDescriptionProps } from './dialog-description';
 export { DialogTitle, type DialogTitleProps } from './dialog-title';
 export { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';

package/dialog/index.mjs

@@ -0,0 +1,10 @@
+export { Dialog } from './dialog.mjs';
+export { DialogBackdrop } from './dialog-backdrop.mjs';
+export { DialogCloseTrigger } from './dialog-close-trigger.mjs';
+export { DialogContainer } from './dialog-container.mjs';
+export { DialogContent } from './dialog-content.mjs';
+export { useDialogContext } from './dialog-context.mjs';
+export { DialogDescription } from './dialog-description.mjs';
+export { DialogTitle } from './dialog-title.mjs';
+export { DialogTrigger } from './dialog-trigger.mjs';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';

package/dialog/use-dialog.d.ts

@@ -1,17 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as dialog from '@zag-js/dialog';
 import { type Optional } from '../types';
 export type UseDialogProps = Optional<dialog.Context, 'id'>;
-export declare const useDialog: (props: UseDialogProps) => Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    backdropProps: JSX.HTMLAttributes<any>;
-    containerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const useDialog: (props: UseDialogProps) => Accessor<dialog.PublicApi<PropTypes>>;
 export type UseDialogReturn = ReturnType<typeof useDialog>;

package/editable/editable-context.d.ts

@@ -1,41 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/editable';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseEditableReturn } from './use-editable';
 export type EditableContext = UseEditableReturn;
-export declare const EditableProvider: ContextProviderComponent<Accessor<{
-    isEditing: boolean;
-    isValueEmpty: boolean;
-    value: string;
-    setValue(value: string): void;
-    clearValue(): void;
-    edit(): void;
-    cancel(): void;
-    submit(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    areaProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    previewProps: JSX.HTMLAttributes<any>;
-    editTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    submitTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    cancelTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>>, useEditableContext: () => Accessor<{
-    isEditing: boolean;
-    isValueEmpty: boolean;
-    value: string;
-    setValue(value: string): void;
-    clearValue(): void;
-    edit(): void;
-    cancel(): void;
-    submit(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    areaProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    previewProps: JSX.HTMLAttributes<any>;
-    editTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    submitTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    cancelTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const EditableProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useEditableContext: () => Accessor<PublicApi<PropTypes>>;