@ark-ui/solid 2.0.1 → 2.1.0

package/types/date-picker/index.d.ts

@@ -8,6 +8,7 @@ import { DatePickerLabel, type DatePickerLabelProps } from './date-picker-label'
 import { DatePickerMonthSelect, type DatePickerMonthSelectProps } from './date-picker-month-select';
 import { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-picker-next-trigger';
 import { DatePickerPositioner, type DatePickerPositionerProps } from './date-picker-positioner';
+import { DatePickerPresetTrigger, type DatePickerPresetTriggerProps } from './date-picker-preset-trigger';
 import { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
 import { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
 import { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
@@ -27,5 +28,5 @@ import { DatePickerViewControl, type DatePickerViewControlProps } from './date-p
 import { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 import { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
 export * as DatePicker from './date-picker';
-export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
-export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
+export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPresetTriggerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };

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

@@ -2,7 +2,7 @@ import * as datePicker from '@zag-js/date-picker';
 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, 'value' | 'focusedValue'>, 'id'> {
+export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'value' | 'focusedValue' | 'open.controlled'>, 'id'> {
     /**
      * The focused date.
      */

package/types/dialog/dialog-description.d.ts

@@ -1,4 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-export interface DialogDescriptionProps extends HTMLArkProps<'p'> {
+export interface DialogDescriptionProps extends HTMLArkProps<'div'> {
 }
-export declare const DialogDescription: ArkComponent<'p'>;
+export declare const DialogDescription: ArkComponent<'div'>;

package/types/dialog/use-dialog.d.ts

@@ -2,7 +2,7 @@ import * as dialog from '@zag-js/dialog';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseDialogProps extends Optional<dialog.Context, 'id'> {
+export interface UseDialogProps extends Omit<Optional<dialog.Context, 'id'>, 'open.controlled'> {
 }
 export interface UseDialogReturn extends Accessor<dialog.Api<PropTypes>> {
 }

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

@@ -2,7 +2,7 @@ import * as hoverCard from '@zag-js/hover-card';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseHoverCardProps extends Optional<hoverCard.Context, 'id'> {
+export interface UseHoverCardProps extends Omit<Optional<hoverCard.Context, 'id'>, 'open.controlled'> {
 }
 export interface UseHoverCardReturn extends Accessor<hoverCard.Api<PropTypes>> {
 }

package/types/menu/index.d.ts

@@ -1,4 +1,4 @@
-import type { OpenChangeDetails as MenuOpenChangeDetails, ValueChangeDetails as MenuValueChangeDetails } from '@zag-js/menu';
+import type { OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, ValueChangeDetails as MenuValueChangeDetails } from '@zag-js/menu';
 import { MenuArrow, type MenuArrowProps } from './menu-arrow';
 import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
 import { MenuContent, type MenuContentProps } from './menu-content';
@@ -15,4 +15,4 @@ import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
 import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
 export * as Menu from './menu';
 export { MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
-export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuRootProps, MenuSelectionDetails, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };

package/types/menu/use-menu.d.ts

@@ -2,7 +2,7 @@ import * as menu from '@zag-js/menu';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseMenuProps extends Optional<menu.Context, 'id'> {
+export interface UseMenuProps extends Omit<Optional<menu.Context, 'id'>, 'open.controlled'> {
 }
 export type UseMenuReturn = () => {
     machine: ReturnType<typeof menu.machine>;

package/types/popover/popover-description.d.ts

@@ -1,4 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-export interface PopoverDescriptionProps extends HTMLArkProps<'p'> {
+export interface PopoverDescriptionProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverDescription: ArkComponent<'p'>;
+export declare const PopoverDescription: ArkComponent<'div'>;

package/types/popover/use-popover.d.ts

@@ -2,7 +2,7 @@ import * as popover from '@zag-js/popover';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UsePopoverProps extends Optional<popover.Context, 'id'> {
+export interface UsePopoverProps extends Omit<Optional<popover.Context, 'id'>, 'open.controlled'> {
 }
 export interface UsePopoverReturn extends Accessor<popover.Api<PropTypes>> {
 }

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

@@ -3,7 +3,7 @@ import * as select from '@zag-js/select';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type CollectionItem, type Optional } from '../types';
-export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection'> {
+export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection' | 'open.controlled'> {
 }
 export interface UseSelectReturn<T extends CollectionItem> extends Accessor<select.Api<PropTypes, T>> {
 }

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

@@ -2,7 +2,7 @@ import { type PropTypes } from '@zag-js/solid';
 import * as tooltip from '@zag-js/tooltip';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseTooltipProps extends Optional<tooltip.Context, 'id'> {
+export interface UseTooltipProps extends Omit<Optional<tooltip.Context, 'id'>, 'open.controlled'> {
 }
 export interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {
 }

package/types/tree-view/index.d.ts

@@ -7,10 +7,11 @@ import { TreeViewBranchText, type TreeViewBranchTextProps } from './tree-view-br
 import { TreeViewBranchTrigger, type TreeViewBranchTriggerProps } from './tree-view-branch-trigger';
 import { useTreeViewContext, type TreeViewContext } from './tree-view-context';
 import { TreeViewItem, type TreeViewItemProps } from './tree-view-item';
+import { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-view-item-indicator';
 import { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
 import { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
 import { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
 import { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
 export * as TreeView from './tree-view';
-export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };
-export type { TreeViewBranchContentProps, TreeViewBranchControlProps, TreeViewBranchIndicatorProps, TreeViewBranchProps, TreeViewBranchTextProps, TreeViewBranchTriggerProps, TreeViewContext, TreeViewExpandedChangeDetails, TreeViewFocusChangeDetails, TreeViewItemProps, TreeViewItemTextProps, TreeViewLabelProps, TreeViewRootProps, TreeViewSelectionChangeDetails, TreeViewTreeProps, };
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };
+export type { TreeViewBranchContentProps, TreeViewBranchControlProps, TreeViewBranchIndicatorProps, TreeViewBranchProps, TreeViewBranchTextProps, TreeViewBranchTriggerProps, TreeViewContext, TreeViewExpandedChangeDetails, TreeViewFocusChangeDetails, TreeViewItemIndicatorProps, TreeViewItemProps, TreeViewItemTextProps, TreeViewLabelProps, TreeViewRootProps, TreeViewSelectionChangeDetails, TreeViewTreeProps, };

package/types/tree-view/tree-view-branch-content.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchContentProps extends Assign<HTMLArkProps<'ul'>, BranchProps> {
+export interface TreeViewBranchContentProps extends HTMLArkProps<'ul'> {
 }
-export declare const TreeViewBranchContent: ArkComponent<'ul', BranchProps>;
+export declare const TreeViewBranchContent: ArkComponent<'ul'>;

package/types/tree-view/tree-view-branch-context.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps as ZagItemProps } from '@zag-js/tree-view';
+export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
+}
+export interface TreeViewBranchContext extends ZagItemProps {
+}
+export declare const TreeViewBranchProvider: import("solid-js").ContextProviderComponent<TreeViewBranchContext>, useTreeViewBranchContext: () => TreeViewBranchContext;

package/types/tree-view/tree-view-branch-control.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchControlProps extends Assign<HTMLArkProps<'div'>, BranchProps> {
+export interface TreeViewBranchControlProps extends HTMLArkProps<'div'> {
 }
-export declare const TreeViewBranchControl: ArkComponent<'div', BranchProps>;
+export declare const TreeViewBranchControl: ArkComponent<'div'>;

package/types/tree-view/tree-view-branch-indicator.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchIndicatorProps extends Assign<HTMLArkProps<'div'>, BranchProps> {
+export interface TreeViewBranchIndicatorProps extends HTMLArkProps<'div'> {
 }
-export declare const TreeViewBranchIndicator: ArkComponent<'div', BranchProps>;
+export declare const TreeViewBranchIndicator: ArkComponent<'div'>;

package/types/tree-view/tree-view-branch-text.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchTextProps extends Assign<HTMLArkProps<'span'>, BranchProps> {
+export interface TreeViewBranchTextProps extends HTMLArkProps<'span'> {
 }
-export declare const TreeViewBranchText: ArkComponent<'span', BranchProps>;
+export declare const TreeViewBranchText: ArkComponent<'span'>;

package/types/tree-view/tree-view-branch-trigger.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchTriggerProps extends Assign<HTMLArkProps<'button'>, BranchProps> {
+export interface TreeViewBranchTriggerProps extends HTMLArkProps<'div'> {
 }
-export declare const TreeViewBranchTrigger: ArkComponent<'button', BranchProps>;
+export declare const TreeViewBranchTrigger: ArkComponent<'div'>;

package/types/tree-view/tree-view-branch.d.ts

@@ -1,9 +1,10 @@
+import type { ItemState } from '@zag-js/tree-view';
 import { type Accessor, type JSX } from 'solid-js';
 import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type BranchProps, type BranchState } from './tree-view-context';
-interface ElementProps extends BranchProps {
-    children?: JSX.Element | ((state: Accessor<BranchState>) => JSX.Element);
+import { type ItemProps } from './tree-view-branch-context';
+interface ElementProps extends ItemProps {
+    children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
 }
 export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ElementProps> {
 }

package/types/tree-view/tree-view-context.d.ts

@@ -1,20 +1,4 @@
 import { type UseTreeViewReturn } from './use-tree-view';
-export interface ItemProps {
-    depth: number;
-    id: string;
-    disabled?: boolean;
-}
-export interface BranchProps extends ItemProps {
-}
-export interface ItemState {
-    id: string;
-    isDisabled: boolean;
-    isSelected: boolean;
-    isFocused: boolean;
-}
-export interface BranchState extends ItemState {
-    isExpanded: boolean;
-}
 export interface TreeViewContext extends UseTreeViewReturn {
 }
 export declare const TreeViewProvider: import("solid-js").ContextProviderComponent<TreeViewContext>, useTreeViewContext: () => TreeViewContext;

package/types/tree-view/tree-view-depth-context.d.ts

@@ -0,0 +1,2 @@
+export type TreeViewDepthContext = number;
+export declare const TreeViewDepthProvider: import("solid-js").ContextProviderComponent<number>, useTreeViewDepthContext: () => number;

package/types/tree-view/tree-view-item-context.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps as ZagItemProps } from '@zag-js/tree-view';
+export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
+}
+export interface TreeViewItemContext extends ZagItemProps {
+}
+export declare const TreeViewItemProvider: import("solid-js").ContextProviderComponent<TreeViewItemContext>, useTreeViewItemContext: () => TreeViewItemContext;

package/types/tree-view/tree-view-item-indicator.d.ts

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface TreeViewItemIndicatorProps extends HTMLArkProps<'div'> {
+}
+export declare const TreeViewItemIndicator: ArkComponent<'div'>;

package/types/tree-view/tree-view-item-text.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type ItemProps } from './tree-view-context';
-export interface TreeViewItemTextProps extends Assign<HTMLArkProps<'span'>, ItemProps> {
+export interface TreeViewItemTextProps extends HTMLArkProps<'span'> {
 }
-export declare const TreeViewItemText: ArkComponent<'span', ItemProps>;
+export declare const TreeViewItemText: ArkComponent<'span'>;

package/types/tree-view/tree-view-item.d.ts

@@ -1,7 +1,8 @@
+import type { ItemState } from '@zag-js/tree-view';
 import { type Accessor, type JSX } from 'solid-js';
 import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type ItemProps, type ItemState } from './tree-view-context';
+import { type ItemProps } from './tree-view-item-context';
 interface ElementProps extends ItemProps {
     children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
 }

package/types/tree-view/tree-view.d.ts

@@ -5,8 +5,9 @@ import { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-i
 import { TreeViewBranchText as BranchText } from './tree-view-branch-text';
 import { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger';
 import { TreeViewItem as Item } from './tree-view-item';
+import { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicator';
 import { TreeViewItemText as ItemText } from './tree-view-item-text';
 import { TreeViewLabel as Label } from './tree-view-label';
 import { TreeViewRoot as Root } from './tree-view-root';
 import { TreeViewTree as Tree } from './tree-view-tree';
-export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Item, ItemText, Label, Root, Tree, };
+export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Item, ItemIndicator, ItemText, Label, Root, Tree, };