@ark-ui/solid 0.8.1 → 0.9.0

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

@@ -7,6 +7,7 @@ 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');
@@ -19,6 +20,7 @@ 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;

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

@@ -3,6 +3,7 @@ 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';

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

package/editable/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const editable = require('./editable.cjs');
 const editableArea = require('./editable-area.cjs');
 const editableCancelTrigger = require('./editable-cancel-trigger.cjs');
+const editableContext = require('./editable-context.cjs');
 const editableControl = require('./editable-control.cjs');
 const editableEditTrigger = require('./editable-edit-trigger.cjs');
 const editableInput = require('./editable-input.cjs');
@@ -18,6 +19,7 @@ const editable$1 = require('@zag-js/editable');
 exports.Editable = editable.Editable;
 exports.EditableArea = editableArea.EditableArea;
 exports.EditableCancelTrigger = editableCancelTrigger.EditableCancelTrigger;
+exports.useEditableContext = editableContext.useEditableContext;
 exports.EditableControl = editableControl.EditableControl;
 exports.EditableEditTrigger = editableEditTrigger.EditableEditTrigger;
 exports.EditableInput = editableInput.EditableInput;

package/editable/index.d.ts

@@ -1,6 +1,7 @@
 export { Editable, type EditableProps } from './editable';
 export { EditableArea, type EditableAreaProps } from './editable-area';
 export { EditableCancelTrigger, type EditableCancelTriggerProps } from './editable-cancel-trigger';
+export { useEditableContext } from './editable-context';
 export { EditableControl, type EditableControlProps } from './editable-control';
 export { EditableEditTrigger, type EditableEditTriggerProps } from './editable-edit-trigger';
 export { EditableInput, type EditableInputProps } from './editable-input';

package/editable/index.mjs

@@ -1,6 +1,7 @@
 export { Editable } from './editable.mjs';
 export { EditableArea } from './editable-area.mjs';
 export { EditableCancelTrigger } from './editable-cancel-trigger.mjs';
+export { useEditableContext } from './editable-context.mjs';
 export { EditableControl } from './editable-control.mjs';
 export { EditableEditTrigger } from './editable-edit-trigger.mjs';
 export { EditableInput } from './editable-input.mjs';

package/editable/use-editable.d.ts

@@ -1,24 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as editable from '@zag-js/editable';
 import { type Optional } from '../types';
 export type UseEditableProps = Optional<editable.Context, 'id'>;
 export type UseEditableReturn = ReturnType<typeof useEditable>;
-export declare const useEditable: (props: UseEditableProps) => 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 useEditable: (props: UseEditableProps) => Accessor<editable.PublicApi<PropTypes>>;

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

@@ -1,26 +1,7 @@
-import type { PositioningOptions } from '@zag-js/combobox';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/hover-card';
+import type { Accessor } 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>;
-}>;
+export declare const HoverCardProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useHoverCardContext: () => Accessor<PublicApi<PropTypes>>;

package/hover-card/index.cjs

@@ -6,6 +6,7 @@ const hoverCard = require('./hover-card.cjs');
 const hoverCardArrow = require('./hover-card-arrow.cjs');
 const hoverCardArrowTip = require('./hover-card-arrow-tip.cjs');
 const hoverCardContent = require('./hover-card-content.cjs');
+const hoverCardContext = require('./hover-card-context.cjs');
 const hoverCardPositioner = require('./hover-card-positioner.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
 const hoverCard$1 = require('@zag-js/hover-card');
@@ -16,6 +17,7 @@ exports.HoverCard = hoverCard.HoverCard;
 exports.HoverCardArrow = hoverCardArrow.HoverCardArrow;
 exports.HoverCardArrowTip = hoverCardArrowTip.HoverCardArrowTip;
 exports.HoverCardContent = hoverCardContent.HoverCardContent;
+exports.useHoverCardContext = hoverCardContext.useHoverCardContext;
 exports.HoverCardPositioner = hoverCardPositioner.HoverCardPositioner;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 Object.defineProperty(exports, 'hoverCardAnatomy', {

package/hover-card/index.d.ts

@@ -2,6 +2,7 @@ export { HoverCard, type HoverCardProps } from './hover-card';
 export { HoverCardArrow, type HoverCardArrowProps } from './hover-card-arrow';
 export { HoverCardArrowTip, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 export { HoverCardContent, type HoverCardContentProps } from './hover-card-content';
+export { useHoverCardContext } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
 export { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
 export { hoverCardAnatomy } from './hover-card.anatomy';

package/hover-card/index.mjs

@@ -2,6 +2,7 @@ export { HoverCard } from './hover-card.mjs';
 export { HoverCardArrow } from './hover-card-arrow.mjs';
 export { HoverCardArrowTip } from './hover-card-arrow-tip.mjs';
 export { HoverCardContent } from './hover-card-content.mjs';
+export { useHoverCardContext } from './hover-card-context.mjs';
 export { HoverCardPositioner } from './hover-card-positioner.mjs';
 export { HoverCardTrigger } from './hover-card-trigger.mjs';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';

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

@@ -1,16 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } 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 declare const useHoverCard: (props: UseHoverCardProps) => Accessor<hoverCard.PublicApi<PropTypes>>;
 export type UseHoverCardReturn = ReturnType<typeof useHoverCard>;