@ark-ui/solid 2.0.0 → 2.1.0

package/source/tree-view/tree-view-branch-text.jsx

@@ -1,15 +1,10 @@
-// import type { BranchProps } from '@zag-js/tree-view'
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
+import { useTreeViewBranchContext } from './tree-view-branch-context';
 import { useTreeViewContext } from './tree-view-context';
 export const TreeViewBranchText = (props) => {
-    const [branchProps, localProps] = createSplitProps()(props, [
-        'depth',
-        'id',
-        'disabled',
-    ]);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().getBranchTextProps(branchProps), localProps);
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchTextProps(branchProps), props);
     return <ark.span {...mergedProps}/>;
 };

package/source/tree-view/tree-view-branch-trigger.jsx

@@ -1,15 +1,10 @@
-// import type { BranchProps } from '@zag-js/tree-view'
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
+import { useTreeViewBranchContext } from './tree-view-branch-context';
 import { useTreeViewContext } from './tree-view-context';
 export const TreeViewBranchTrigger = (props) => {
-    const [branchProps, localProps] = createSplitProps()(props, [
-        'depth',
-        'id',
-        'disabled',
-    ]);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().getBranchTriggerProps(branchProps), localProps);
-    return <ark.button {...mergedProps}/>;
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchTriggerProps(branchProps), props);
+    return <ark.div {...mergedProps}/>;
 };

package/source/tree-view/tree-view-branch.jsx

@@ -1,17 +1,20 @@
-// import type { BranchProps, BranchState } from '@zag-js/tree-view'
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
 import { runIfFn } from '../run-if-fn';
+import { TreeViewBranchProvider } from './tree-view-branch-context';
 import { useTreeViewContext } from './tree-view-context';
+import { TreeViewDepthProvider, useTreeViewDepthContext } from './tree-view-depth-context';
 export const TreeViewBranch = (props) => {
-    const [branchProps, localProps] = createSplitProps()(props, [
-        'depth',
-        'id',
-        'disabled',
-    ]);
+    const [itemProps, localProps] = createSplitProps()(props, ['disabled', 'id']);
     const api = useTreeViewContext();
+    const depth = useTreeViewDepthContext();
+    const branchProps = mergeProps(itemProps, { depth });
     const mergedProps = mergeProps(() => api().getBranchProps(branchProps), localProps);
     const getChildren = () => runIfFn(localProps.children, () => api().getBranchState(branchProps));
-    return <ark.li {...mergedProps}>{getChildren()}</ark.li>;
+    return (<TreeViewDepthProvider value={depth + 1}>
+      <TreeViewBranchProvider value={branchProps}>
+        <ark.li {...mergedProps}>{getChildren()}</ark.li>
+      </TreeViewBranchProvider>
+    </TreeViewDepthProvider>);
 };

package/source/tree-view/tree-view-depth-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [TreeViewDepthProvider, useTreeViewDepthContext] = createContext({
+    hookName: 'useTreeViewDepthContext',
+    providerName: '<TreeViewDepthProvider />',
+});

package/source/tree-view/tree-view-item-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [TreeViewItemProvider, useTreeViewItemContext] = createContext({
+    hookName: 'useTreeViewItemContext',
+    providerName: '<TreeViewItemProvider />',
+});

package/source/tree-view/tree-view-item-indicator.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewContext } from './tree-view-context';
+import { useTreeViewItemContext } from './tree-view-item-context';
+export const TreeViewItemIndicator = (props) => {
+    const api = useTreeViewContext();
+    const itemProps = useTreeViewItemContext();
+    const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/source/tree-view/tree-view-item-text.jsx

@@ -1,12 +1,10 @@
-// import type { ItemProps } from '@zag-js/tree-view'
-import { treeViewAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
 import { useTreeViewContext } from './tree-view-context';
+import { useTreeViewItemContext } from './tree-view-item-context';
 export const TreeViewItemText = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['depth', 'id', 'disabled']);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), treeViewAnatomy.build().itemText.attrs, localProps);
+    const itemProps = useTreeViewItemContext();
+    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
     return <ark.span {...mergedProps}/>;
 };

package/source/tree-view/tree-view-item.jsx

@@ -1,13 +1,18 @@
-// import type { ItemProps, ItemState } from '@zag-js/tree-view'
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
 import { runIfFn } from '../run-if-fn';
 import { useTreeViewContext } from './tree-view-context';
+import { useTreeViewDepthContext } from './tree-view-depth-context';
+import { TreeViewItemProvider } from './tree-view-item-context';
 export const TreeViewItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['depth', 'id', 'disabled']);
+    const [_itemProps, localProps] = createSplitProps()(props, ['id', 'disabled']);
     const api = useTreeViewContext();
+    const depth = useTreeViewDepthContext();
+    const itemProps = mergeProps(_itemProps, { depth });
     const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
     const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
-    return <ark.li {...mergedProps}>{getChildren()}</ark.li>;
+    return (<TreeViewItemProvider value={itemProps}>
+      <ark.li {...mergedProps}>{getChildren()}</ark.li>
+    </TreeViewItemProvider>);
 };

package/source/tree-view/tree-view-tree.jsx

@@ -1,8 +1,11 @@
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
 import { useTreeViewContext } from './tree-view-context';
+import { TreeViewDepthProvider } from './tree-view-depth-context';
 export const TreeViewTree = (props) => {
     const api = useTreeViewContext();
     const mergedProps = mergeProps(() => api().treeProps, props);
-    return <ark.ul {...mergedProps}/>;
+    return (<TreeViewDepthProvider value={1}>
+      <ark.ul {...mergedProps}/>
+    </TreeViewDepthProvider>);
 };

package/source/tree-view/tree-view.jsx

@@ -0,0 +1,13 @@
+import { TreeViewBranch as Branch } from './tree-view-branch';
+import { TreeViewBranchContent as BranchContent } from './tree-view-branch-content';
+import { TreeViewBranchControl as BranchControl } from './tree-view-branch-control';
+import { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-indicator';
+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, ItemIndicator, ItemText, Label, Root, Tree, };

package/types/accordion/accordion.d.ts

@@ -0,0 +1,6 @@
+import { AccordionItem as Item } from './accordion-item';
+import { AccordionItemContent as ItemContent } from './accordion-item-content';
+import { AccordionItemIndicator as ItemIndicator } from './accordion-item-indicator';
+import { AccordionItemTrigger as ItemTrigger } from './accordion-item-trigger';
+import { AccordionRoot as Root } from './accordion-root';
+export { Item, ItemContent, ItemIndicator, ItemTrigger, Root };

package/types/accordion/index.d.ts

@@ -0,0 +1,11 @@
+import type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails } from '@zag-js/accordion';
+import { useAccordionContext, type AccordionContext } from './accordion-context';
+import { AccordionItem, type AccordionItemProps } from './accordion-item';
+import { AccordionItemContent, type AccordionItemContentProps } from './accordion-item-content';
+import { useAccordionItemContext, type AccordionItemContext } from './accordion-item-context';
+import { AccordionItemIndicator, type AccordionItemIndicatorProps } from './accordion-item-indicator';
+import { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger';
+import { AccordionRoot, type AccordionRootProps } from './accordion-root';
+export * as Accordion from './accordion';
+export { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, useAccordionContext, useAccordionItemContext, };
+export type { AccordionContext, AccordionFocusChangeDetails, AccordionItemContentProps, AccordionItemContext, AccordionItemIndicatorProps, AccordionItemProps, AccordionItemTriggerProps, AccordionRootProps, AccordionValueChangeDetails, };

package/types/avatar/avatar.d.ts

@@ -0,0 +1,4 @@
+import { AvatarFallback as Fallback } from './avatar-fallback';
+import { AvatarImage as Image } from './avatar-image';
+import { AvatarRoot as Root } from './avatar-root';
+export { Fallback, Image, Root };

package/types/avatar/index.d.ts

@@ -3,10 +3,6 @@ import { useAvatarContext, type AvatarContext } from './avatar-context';
 import { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback';
 import { AvatarImage, type AvatarImageProps } from './avatar-image';
 import { AvatarRoot, type AvatarRootProps } from './avatar-root';
-export declare const Avatar: {
-    Root: import("..").ArkComponent<"div", import("./use-avatar").UseAvatarProps>;
-    Fallback: import("..").ArkComponent<"span", object>;
-    Image: import("..").ArkComponent<"img", object>;
-};
+export * as Avatar from './avatar';
 export { AvatarFallback, AvatarImage, AvatarRoot, useAvatarContext };
 export type { AvatarContext, AvatarFallbackProps, AvatarImageProps, AvatarRootProps, AvatarStatusChangeDetails, };

package/types/carousel/carousel.d.ts

@@ -0,0 +1,10 @@
+import { CarouselControl as Control } from './carousel-control';
+import { CarouselIndicator as Indicator } from './carousel-indicator';
+import { CarouselIndicatorGroup as IndicatorGroup } from './carousel-indicator-group';
+import { CarouselItem as Item } from './carousel-item';
+import { CarouselItemGroup as ItemGroup } from './carousel-item-group';
+import { CarouselNextTrigger as NextTrigger } from './carousel-next-trigger';
+import { CarouselPrevTrigger as PrevTrigger } from './carousel-prev-trigger';
+import { CarouselRoot as Root } from './carousel-root';
+import { CarouselViewport as Viewport } from './carousel-viewport';
+export { Control, Indicator, IndicatorGroup, Item, ItemGroup, NextTrigger, PrevTrigger, Root, Viewport, };

package/types/carousel/index.d.ts

@@ -0,0 +1,14 @@
+import type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
+import { useCarouselContext, type CarouselContext } from './carousel-context';
+import { CarouselControl, type CarouselControlProps } from './carousel-control';
+import { CarouselIndicator, type CarouselIndicatorProps } from './carousel-indicator';
+import { CarouselIndicatorGroup, type CarouselIndicatorGroupProps } from './carousel-indicator-group';
+import { CarouselItem, type CarouselItemProps } from './carousel-item';
+import { CarouselItemGroup, type CarouselItemGroupProps } from './carousel-item-group';
+import { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-next-trigger';
+import { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
+import { CarouselRoot, type CarouselRootProps } from './carousel-root';
+import { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
+export * as Carousel from './carousel';
+export { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, useCarouselContext, };
+export type { CarouselContext, CarouselControlProps, CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselRootProps, CarouselSlideChangeDetails, CarouselViewportProps, };

package/types/checkbox/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxControl as Control } from './checkbox-control';
+import { CheckboxIndicator as Indicator } from './checkbox-indicator';
+import { CheckboxLabel as Label } from './checkbox-label';
+import { CheckboxRoot as Root } from './checkbox-root';
+export { Control, Indicator, Label, Root };

package/types/checkbox/index.d.ts

@@ -0,0 +1,9 @@
+import type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxState } from '@zag-js/checkbox';
+import { useCheckboxContext, type CheckboxContext } from './checkbox-context';
+import { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
+import { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
+import { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
+import { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
+export * as Checkbox from './checkbox';
+export { CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, useCheckboxContext };
+export type { CheckboxCheckedChangeDetails, CheckboxContext, CheckboxControlProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootProps, CheckboxState, };

package/types/color-picker/color-picker.d.ts

@@ -0,0 +1,24 @@
+import { ColorPickerArea as Area } from './color-picker-area';
+import { ColorPickerAreaBackground as AreaBackground } from './color-picker-area-background';
+import { ColorPickerAreaThumb as AreaThumb } from './color-picker-area-thumb';
+import { ColorPickerChannelInput as ChannelInput } from './color-picker-channel-input';
+import { ColorPickerChannelSlider as ChannelSlider } from './color-picker-channel-slider';
+import { ColorPickerChannelSliderThumb as ChannelSliderThumb } from './color-picker-channel-slider-thumb';
+import { ColorPickerChannelSliderTrack as ChannelSliderTrack } from './color-picker-channel-slider-track';
+import { ColorPickerContent as Content } from './color-picker-content';
+import { ColorPickerControl as Control } from './color-picker-control';
+import { ColorPickerEyeDropperTrigger as EyeDropperTrigger } from './color-picker-eye-dropper-trigger';
+import { ColorPickerFormatSelect as FormatSelect } from './color-picker-format-select';
+import { ColorPickerFormatTrigger as FormatTrigger } from './color-picker-format-trigger';
+import { ColorPickerLabel as Label } from './color-picker-label';
+import { ColorPickerPositioner as Positioner } from './color-picker-positioner';
+import { ColorPickerRoot as Root } from './color-picker-root';
+import { ColorPickerSwatch as Swatch } from './color-picker-swatch';
+import { ColorPickerSwatchGroup as SwatchGroup } from './color-picker-swatch-group';
+import { ColorPickerSwatchIndicator as SwatchIndicator } from './color-picker-swatch-indicator';
+import { ColorPickerSwatchTrigger as SwatchTrigger } from './color-picker-swatch-trigger';
+import { ColorPickerTransparencyGrid as TransparencyGrid } from './color-picker-transparency-grid';
+import { ColorPickerTrigger as Trigger } from './color-picker-trigger';
+import { ColorPickerValueText as ValueText } from './color-picker-value-text';
+import { ColorPickerView as View } from './color-picker-view';
+export { Area, AreaBackground, AreaThumb, ChannelInput, ChannelSlider, ChannelSliderThumb, ChannelSliderTrack, Content, Control, EyeDropperTrigger, FormatSelect, FormatTrigger, Label, Positioner, Root, Swatch, SwatchGroup, SwatchIndicator, SwatchTrigger, TransparencyGrid, Trigger, ValueText, View, };

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

@@ -0,0 +1,30 @@
+import type { ColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails } from '@zag-js/color-picker';
+import { ColorPickerArea, type ColorPickerAreaProps } from './color-picker-area';
+import { ColorPickerAreaBackground, type ColorPickerAreaBackgroundProps } from './color-picker-area-background';
+import { useColorPickerAreaContext, type ColorPickerAreaContext } from './color-picker-area-context';
+import { ColorPickerAreaThumb, type ColorPickerAreaThumbProps } from './color-picker-area-thumb';
+import { ColorPickerChannelInput, type ColorPickerChannelInputProps } from './color-picker-channel-input';
+import { ColorPickerChannelSlider, type ColorPickerChannelSliderProps } from './color-picker-channel-slider';
+import { useColorPickerChannelSliderContext, type ColorPickerChannelSliderContext } from './color-picker-channel-slider-context';
+import { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbProps } from './color-picker-channel-slider-thumb';
+import { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackProps } from './color-picker-channel-slider-track';
+import { ColorPickerContent, type ColorPickerContentProps } from './color-picker-content';
+import { useColorPickerContext, type ColorPickerContext } from './color-picker-context';
+import { ColorPickerControl, type ColorPickerControlProps } from './color-picker-control';
+import { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerProps } from './color-picker-eye-dropper-trigger';
+import { ColorPickerFormatSelect, type ColorPickerFormatSelectProps } from './color-picker-format-select';
+import { ColorPickerFormatTrigger, type ColorPickerFormatTriggerProps } from './color-picker-format-trigger';
+import { ColorPickerLabel, type ColorPickerLabelProps } from './color-picker-label';
+import { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-picker-positioner';
+import { ColorPickerRoot, type ColorPickerRootProps } from './color-picker-root';
+import { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
+import { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps } from './color-picker-swatch-group';
+import { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorProps } from './color-picker-swatch-indicator';
+import { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerProps } from './color-picker-swatch-trigger';
+import { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps } from './color-picker-transparency-grid';
+import { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
+import { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
+import { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
+export * as ColorPicker from './color-picker';
+export { ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };
+export type { ColorFormat, ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerFormatChangeDetails, ColorPickerFormatSelectProps, ColorPickerFormatTriggerProps, ColorPickerLabelProps, ColorPickerOpenChangeDetails, ColorPickerPositionerProps, ColorPickerRootProps, ColorPickerSwatchGroupProps, ColorPickerSwatchIndicatorProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridProps, ColorPickerTriggerProps, ColorPickerValueChangeDetails, ColorPickerValueTextProps, ColorPickerViewProps, };

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

@@ -2,7 +2,7 @@ import * as colorPicker from '@zag-js/color-picker';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'value'>, 'id'> {
+export interface UseColorPickerProps extends Omit<Optional<Omit<colorPicker.Context, 'value'>, 'id'>, 'open.controlled'> {
     /**
      * The current value of the color picker.
      */

package/types/combobox/combobox.d.ts

@@ -0,0 +1,14 @@
+import { ComboboxClearTrigger as ClearTrigger } from './combobox-clear-trigger';
+import { ComboboxContent as Content } from './combobox-content';
+import { ComboboxControl as Control } from './combobox-control';
+import { ComboboxInput as Input } from './combobox-input';
+import { ComboboxItem as Item } from './combobox-item';
+import { ComboboxItemGroup as ItemGroup } from './combobox-item-group';
+import { ComboboxItemGroupLabel as ItemGroupLabel } from './combobox-item-group-label';
+import { ComboboxItemIndicator as ItemIndicator } from './combobox-item-indicator';
+import { ComboboxItemText as ItemText } from './combobox-item-text';
+import { ComboboxLabel as Label } from './combobox-label';
+import { ComboboxPositioner as Positioner } from './combobox-positioner';
+import { ComboboxRoot as Root } from './combobox-root';
+import { ComboboxTrigger as Trigger } from './combobox-trigger';
+export { ClearTrigger, Content, Control, Input, Item, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, };

package/types/combobox/index.d.ts

@@ -0,0 +1,19 @@
+import type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails } from '@zag-js/combobox';
+import type { CollectionItem } from '../types';
+import { ComboboxClearTrigger, type ComboboxClearTriggerProps } from './combobox-clear-trigger';
+import { ComboboxContent, type ComboboxContentProps } from './combobox-content';
+import { useComboboxContext, type ComboboxContext } from './combobox-context';
+import { ComboboxControl, type ComboboxControlProps } from './combobox-control';
+import { ComboboxInput, type ComboboxInputProps } from './combobox-input';
+import { ComboboxItem, type ComboboxItemProps } from './combobox-item';
+import { ComboboxItemGroup, type ComboboxItemGroupProps } from './combobox-item-group';
+import { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps } from './combobox-item-group-label';
+import { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combobox-item-indicator';
+import { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
+import { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
+import { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
+import { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
+import { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
+export * as Combobox from './combobox';
+export { ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, useComboboxContext, };
+export type { CollectionItem, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxContext, ComboboxControlProps, ComboboxHighlightChangeDetails, ComboboxInputProps, ComboboxInputValueChangeDetails, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxOpenChangeDetails, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, ComboboxValueChangeDetails, };

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

@@ -1,4 +1,6 @@
+import type { InputProps } from '@zag-js/date-picker';
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-export interface DatePickerInputProps extends HTMLArkProps<'input'> {
+import type { Assign } from '../types';
+export interface DatePickerInputProps extends Assign<HTMLArkProps<'input'>, InputProps> {
 }
-export declare const DatePickerInput: ArkComponent<'input'>;
+export declare const DatePickerInput: ArkComponent<'input', InputProps>;

package/types/date-picker/date-picker-preset-trigger.d.ts

@@ -0,0 +1,6 @@
+import type { PresetTriggerProps } from '@zag-js/date-picker';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface DatePickerPresetTriggerProps extends Assign<HTMLArkProps<'button'>, PresetTriggerProps> {
+}
+export declare const DatePickerPresetTrigger: ArkComponent<'button', PresetTriggerProps>;

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

@@ -0,0 +1,25 @@
+import { DatePickerClearTrigger as ClearTrigger } from './date-picker-clear-trigger';
+import { DatePickerContent as Content } from './date-picker-content';
+import { DatePickerControl as Control } from './date-picker-control';
+import { DatePickerInput as Input } from './date-picker-input';
+import { DatePickerLabel as Label } from './date-picker-label';
+import { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select';
+import { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger';
+import { DatePickerPositioner as Positioner } from './date-picker-positioner';
+import { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-trigger';
+import { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger';
+import { DatePickerRangeText as RangeText } from './date-picker-range-text';
+import { DatePickerRoot as Root } from './date-picker-root';
+import { DatePickerTable as Table } from './date-picker-table';
+import { DatePickerTableBody as TableBody } from './date-picker-table-body';
+import { DatePickerTableCell as TableCell } from './date-picker-table-cell';
+import { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger';
+import { DatePickerTableHead as TableHead } from './date-picker-table-head';
+import { DatePickerTableHeader as TableHeader } from './date-picker-table-header';
+import { DatePickerTableRow as TableRow } from './date-picker-table-row';
+import { DatePickerTrigger as Trigger } from './date-picker-trigger';
+import { DatePickerView as View } from './date-picker-view';
+import { DatePickerViewControl as ViewControl } from './date-picker-view-control';
+import { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger';
+import { DatePickerYearSelect as YearSelect } from './date-picker-year-select';
+export { ClearTrigger, Content, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PresetTrigger, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };

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

@@ -0,0 +1,32 @@
+import type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails } from '@zag-js/date-picker';
+import { DatePickerClearTrigger, type DatePickerClearTriggerProps } from './date-picker-clear-trigger';
+import { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
+import { useDatePickerContext, type DatePickerContext } from './date-picker-context';
+import { DatePickerControl, type DatePickerControlProps } from './date-picker-control';
+import { DatePickerInput, type DatePickerInputProps } from './date-picker-input';
+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';
+import { DatePickerTable, type DatePickerTableProps } from './date-picker-table';
+import { DatePickerTableBody, type DatePickerTableBodyProps } from './date-picker-table-body';
+import { DatePickerTableCell, type DatePickerTableCellProps } from './date-picker-table-cell';
+import { useDatePickerTableCellContext, type DatePickerTableCellContext } from './date-picker-table-cell-context';
+import { DatePickerTableCellTrigger, type DatePickerTableCellTriggerProps } from './date-picker-table-cell-trigger';
+import { useDatePickerTableContext, type DatePickerTableContext } from './date-picker-table-context';
+import { DatePickerTableHead, type DatePickerTableHeadProps } from './date-picker-table-head';
+import { DatePickerTableHeader, type DatePickerTableHeaderProps } from './date-picker-table-header';
+import { DatePickerTableRow, type DatePickerTableRowProps } from './date-picker-table-row';
+import { DatePickerTrigger, type DatePickerTriggerProps } from './date-picker-trigger';
+import { DatePickerView, type DatePickerViewProps } from './date-picker-view';
+import { useDatePickerViewContext, type DatePickerViewContext } from './date-picker-view-context';
+import { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
+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, 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/dialog.d.ts

@@ -0,0 +1,9 @@
+import { DialogBackdrop as Backdrop } from './dialog-backdrop';
+import { DialogCloseTrigger as CloseTrigger } from './dialog-close-trigger';
+import { DialogContent as Content } from './dialog-content';
+import { DialogDescription as Description } from './dialog-description';
+import { DialogPositioner as Positioner } from './dialog-positioner';
+import { DialogRoot as Root } from './dialog-root';
+import { DialogTitle as Title } from './dialog-title';
+import { DialogTrigger as Trigger } from './dialog-trigger';
+export { Backdrop, CloseTrigger, Content, Description, Positioner, Root, Title, Trigger };

package/types/dialog/index.d.ts

@@ -8,15 +8,6 @@ import { DialogPositioner, type DialogPositionerProps } from './dialog-positione
 import { DialogRoot, type DialogRootProps } from './dialog-root';
 import { DialogTitle, type DialogTitleProps } from './dialog-title';
 import { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';
-export declare const Dialog: {
-    Root: (props: DialogRootProps) => import("solid-js").JSX.Element;
-    Backdrop: import("..").ArkComponent<"div", object>;
-    CloseTrigger: import("..").ArkComponent<"button", object>;
-    Content: import("..").ArkComponent<"div", object>;
-    Description: import("..").ArkComponent<"p", object>;
-    Positioner: import("..").ArkComponent<"div", object>;
-    Title: import("..").ArkComponent<"h2", object>;
-    Trigger: import("..").ArkComponent<"button", object>;
-};
+export * as Dialog from './dialog';
 export { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, useDialogContext, };
 export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogContext, DialogDescriptionProps, DialogOpenChangeDetails, DialogPositionerProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, };

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/editable/editable.d.ts

@@ -0,0 +1,10 @@
+import { EditableArea as Area } from './editable-area';
+import { EditableCancelTrigger as CancelTrigger } from './editable-cancel-trigger';
+import { EditableControl as Control } from './editable-control';
+import { EditableEditTrigger as EditTrigger } from './editable-edit-trigger';
+import { EditableInput as Input } from './editable-input';
+import { EditableLabel as Label } from './editable-label';
+import { EditablePreview as Preview } from './editable-preview';
+import { EditableRoot as Root } from './editable-root';
+import { EditableSubmitTrigger as SubmitTrigger } from './editable-submit-trigger';
+export { Area, CancelTrigger, Control, EditTrigger, Input, Label, Preview, Root, SubmitTrigger };

package/types/editable/index.d.ts

@@ -9,16 +9,6 @@ import { EditableLabel, type EditableLabelProps } from './editable-label';
 import { EditablePreview, type EditablePreviewProps } from './editable-preview';
 import { EditableRoot, type EditableRootProps } from './editable-root';
 import { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
-export declare const Editable: {
-    Root: import("..").ArkComponent<"div", EditableRootProps>;
-    Area: import("..").ArkComponent<"div", object>;
-    CancelTrigger: import("..").ArkComponent<"button", object>;
-    Control: import("..").ArkComponent<"div", object>;
-    EditTrigger: import("..").ArkComponent<"button", object>;
-    Input: import("..").ArkComponent<"input", object>;
-    Label: import("..").ArkComponent<"label", object>;
-    Preview: import("..").ArkComponent<"span", object>;
-    SubmitTrigger: import("..").ArkComponent<"button", object>;
-};
+export * as Editable from './editable';
 export { EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, useEditableContext, };
 export type { EditableAreaProps, EditableCancelTriggerProps, EditableContext, EditableControlProps, EditableEditTriggerProps, EditableInputProps, EditableLabelProps, EditablePreviewProps, EditableRootProps, EditableSubmitTriggerProps, EditableValueChangeDetails, };

package/types/file-upload/file-upload.d.ts

@@ -0,0 +1,12 @@
+import { FileUploadDropzone as Dropzone } from './file-upload-dropzone';
+import { FileUploadItem as Item } from './file-upload-item';
+import { FileUploadItemDeleteTrigger as ItemDeleteTrigger } from './file-upload-item-delete-trigger';
+import { FileUploadItemGroup as ItemGroup } from './file-upload-item-group';
+import { FileUploadItemName as ItemName } from './file-upload-item-name';
+import { FileUploadItemPreview as ItemPreview } from './file-upload-item-preview';
+import { FileUploadItemPreviewImage as ItemPreviewImage } from './file-upload-item-preview-image';
+import { FileUploadItemSizeText as ItemSizeText } from './file-upload-item-size-text';
+import { FileUploadLabel as Label } from './file-upload-label';
+import { FileUploadRoot as Root } from './file-upload-root';
+import { FileUploadTrigger as Trigger } from './file-upload-trigger';
+export { Dropzone, Item, ItemDeleteTrigger, ItemGroup, ItemName, ItemPreview, ItemPreviewImage, ItemSizeText, Label, Root, Trigger, };

package/types/file-upload/index.d.ts

@@ -0,0 +1,16 @@
+import type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails } from '@zag-js/file-upload';
+import { useFileUploadContext, type FileUploadContext } from './file-upload-context';
+import { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
+import { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
+import { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps } from './file-upload-item-delete-trigger';
+import { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
+import { FileUploadItemName, type FileUploadItemNameProps } from './file-upload-item-name';
+import { FileUploadItemPreview, type FileUploadItemPreviewProps } from './file-upload-item-preview';
+import { FileUploadItemPreviewImage, type FileUploadItemPreviewImageProps } from './file-upload-item-preview-image';
+import { FileUploadItemSizeText, type FileUploadItemSizeTextProps } from './file-upload-item-size-text';
+import { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
+import { FileUploadRoot, type FileUploadRootProps } from './file-upload-root';
+import { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
+export * as FileUpload from './file-upload';
+export { FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, useFileUploadContext, };
+export type { FileUploadContext, FileUploadDropzoneProps, FileUploadFileAcceptDetails, FileUploadFileChangeDetails, FileUploadFileRejectDetails, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewImageProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadRootProps, FileUploadTriggerProps, };

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

@@ -0,0 +1,7 @@
+import { HoverCardArrow as Arrow } from './hover-card-arrow';
+import { HoverCardArrowTip as ArrowTip } from './hover-card-arrow-tip';
+import { HoverCardContent as Content } from './hover-card-content';
+import { HoverCardPositioner as Positioner } from './hover-card-positioner';
+import { HoverCardRoot as Root } from './hover-card-root';
+import { HoverCardTrigger as Trigger } from './hover-card-trigger';
+export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

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

@@ -6,13 +6,6 @@ import { useHoverCardContext, type HoverCardContext } from './hover-card-context
 import { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
 import { HoverCardRoot, type HoverCardRootProps } from './hover-card-root';
 import { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-export declare const HoverCard: {
-    Root: (props: HoverCardRootProps) => import("solid-js").JSX.Element;
-    Arrow: import("..").ArkComponent<"div", object>;
-    ArrowTip: import("..").ArkComponent<"div", object>;
-    Content: import("..").ArkComponent<"div", object>;
-    Positioner: import("..").ArkComponent<"div", object>;
-    Trigger: import("..").ArkComponent<"button", object>;
-};
+export * as HoverCard from './hover-card';
 export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, useHoverCardContext, };
 export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardContext, HoverCardOpenChangeDetails, HoverCardPositionerProps, HoverCardRootProps, HoverCardTriggerProps, };