@ark-ui/solid 3.13.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/cjs/index.js +237 -97
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +221 -98
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/source/components/accordion/index.js +1 -1
  6. package/dist/source/components/carousel/index.js +1 -1
  7. package/dist/source/components/checkbox/index.js +1 -1
  8. package/dist/source/components/clipboard/index.js +1 -1
  9. package/dist/source/components/collapsible/index.js +1 -1
  10. package/dist/source/components/collection.js +3 -0
  11. package/dist/source/components/color-picker/index.js +2 -1
  12. package/dist/source/components/color-picker/use-color-picker.js +1 -5
  13. package/dist/source/components/combobox/combobox-root.jsx +1 -4
  14. package/dist/source/components/combobox/index.js +2 -1
  15. package/dist/source/components/combobox/use-combobox.js +11 -13
  16. package/dist/source/components/date-picker/index.js +2 -1
  17. package/dist/source/components/date-picker/use-date-picker.js +2 -9
  18. package/dist/source/components/dialog/index.js +1 -1
  19. package/dist/source/components/editable/index.js +1 -2
  20. package/dist/source/components/field/index.js +2 -2
  21. package/dist/source/components/fieldset/index.js +1 -1
  22. package/dist/source/components/file-upload/file-upload-item-preview-image.jsx +5 -2
  23. package/dist/source/components/hover-card/index.js +1 -1
  24. package/dist/source/components/index.js +1 -0
  25. package/dist/source/components/menu/index.js +1 -1
  26. package/dist/source/components/number-input/index.js +1 -1
  27. package/dist/source/components/pagination/index.js +1 -1
  28. package/dist/source/components/pin-input/index.js +1 -1
  29. package/dist/source/components/popover/index.js +1 -1
  30. package/dist/source/components/progress/index.js +1 -1
  31. package/dist/source/components/qr-code/index.js +1 -1
  32. package/dist/source/components/qr-code/qr-code.js +1 -1
  33. package/dist/source/components/radio-group/index.js +1 -1
  34. package/dist/source/components/rating-group/index.js +1 -1
  35. package/dist/source/components/segment-group/index.js +1 -1
  36. package/dist/source/components/select/index.js +2 -1
  37. package/dist/source/components/select/select-root.jsx +1 -4
  38. package/dist/source/components/select/use-select.js +4 -14
  39. package/dist/source/components/signature-pad/index.js +2 -2
  40. package/dist/source/components/slider/index.js +1 -1
  41. package/dist/source/components/splitter/index.js +1 -1
  42. package/dist/source/components/switch/index.js +1 -1
  43. package/dist/source/components/tabs/index.js +1 -1
  44. package/dist/source/components/tags-input/index.js +1 -1
  45. package/dist/source/components/timer/index.js +3 -2
  46. package/dist/source/components/timer/timer.anatomy.js +1 -0
  47. package/dist/source/components/toast/index.js +1 -1
  48. package/dist/source/components/toggle/index.js +7 -0
  49. package/dist/source/components/toggle/toggle-context.jsx +2 -0
  50. package/dist/source/components/toggle/toggle-indicator.jsx +15 -0
  51. package/dist/source/components/toggle/toggle-root.jsx +17 -0
  52. package/dist/source/components/toggle/toggle.anatomy.js +3 -0
  53. package/dist/source/components/toggle/toggle.js +4 -0
  54. package/dist/source/components/toggle/use-toggle-context.js +5 -0
  55. package/dist/source/components/toggle/use-toggle.js +43 -0
  56. package/dist/source/components/toggle-group/index.js +1 -1
  57. package/dist/source/components/tooltip/index.js +1 -1
  58. package/dist/source/components/tree-view/index.js +1 -1
  59. package/dist/types/components/accordion/index.d.ts +1 -1
  60. package/dist/types/components/carousel/index.d.ts +11 -11
  61. package/dist/types/components/checkbox/index.d.ts +8 -8
  62. package/dist/types/components/clipboard/index.d.ts +8 -8
  63. package/dist/types/components/collapsible/index.d.ts +5 -5
  64. package/dist/types/components/collection.d.ts +3 -0
  65. package/dist/types/components/color-picker/color-picker.d.ts +1 -1
  66. package/dist/types/components/color-picker/index.d.ts +3 -2
  67. package/dist/types/components/color-picker/use-color-picker.d.ts +2 -6
  68. package/dist/types/components/combobox/combobox.d.ts +1 -1
  69. package/dist/types/components/combobox/index.d.ts +17 -17
  70. package/dist/types/components/combobox/use-combobox.d.ts +6 -2
  71. package/dist/types/components/date-picker/date-picker.d.ts +26 -26
  72. package/dist/types/components/date-picker/index.d.ts +28 -27
  73. package/dist/types/components/date-picker/use-date-picker.d.ts +2 -18
  74. package/dist/types/components/dialog/dialog.d.ts +9 -9
  75. package/dist/types/components/dialog/index.d.ts +10 -10
  76. package/dist/types/components/editable/index.d.ts +12 -15
  77. package/dist/types/components/field/index.d.ts +2 -2
  78. package/dist/types/components/fieldset/index.d.ts +1 -1
  79. package/dist/types/components/hover-card/index.d.ts +8 -8
  80. package/dist/types/components/index.d.ts +1 -0
  81. package/dist/types/components/menu/index.d.ts +20 -20
  82. package/dist/types/components/number-input/index.d.ts +1 -1
  83. package/dist/types/components/pagination/index.d.ts +7 -7
  84. package/dist/types/components/pin-input/index.d.ts +7 -7
  85. package/dist/types/components/popover/index.d.ts +13 -13
  86. package/dist/types/components/progress/index.d.ts +11 -11
  87. package/dist/types/components/qr-code/index.d.ts +6 -6
  88. package/dist/types/components/qr-code/qr-code.d.ts +1 -1
  89. package/dist/types/components/radio-group/index.d.ts +9 -9
  90. package/dist/types/components/rating-group/index.d.ts +7 -7
  91. package/dist/types/components/segment-group/index.d.ts +9 -9
  92. package/dist/types/components/select/index.d.ts +19 -19
  93. package/dist/types/components/select/select.d.ts +1 -1
  94. package/dist/types/components/select/use-select.d.ts +6 -2
  95. package/dist/types/components/signature-pad/index.d.ts +9 -9
  96. package/dist/types/components/slider/index.d.ts +12 -12
  97. package/dist/types/components/splitter/index.d.ts +5 -5
  98. package/dist/types/components/switch/index.d.ts +7 -7
  99. package/dist/types/components/tabs/index.d.ts +7 -7
  100. package/dist/types/components/tags-input/index.d.ts +13 -13
  101. package/dist/types/components/timer/index.d.ts +3 -2
  102. package/dist/types/components/timer/timer.anatomy.d.ts +1 -0
  103. package/dist/types/components/timer/timer.d.ts +1 -0
  104. package/dist/types/components/toast/index.d.ts +7 -7
  105. package/dist/types/components/toggle/index.d.ts +7 -0
  106. package/dist/types/components/toggle/toggle-context.d.ts +6 -0
  107. package/dist/types/components/toggle/toggle-indicator.d.ts +8 -0
  108. package/dist/types/components/toggle/toggle-root.d.ts +7 -0
  109. package/dist/types/components/toggle/toggle.anatomy.d.ts +2 -0
  110. package/dist/types/components/toggle/toggle.d.ts +4 -0
  111. package/dist/types/components/toggle/use-toggle-context.d.ts +4 -0
  112. package/dist/types/components/toggle/use-toggle.d.ts +36 -0
  113. package/dist/types/components/toggle-group/index.d.ts +4 -4
  114. package/dist/types/components/tooltip/index.d.ts +8 -8
  115. package/dist/types/components/tree-view/index.d.ts +14 -14
  116. package/package.json +56 -55
  117. /package/dist/source/components/fieldset/{fieldset.jsx → fieldset.js} +0 -0
@@ -0,0 +1,15 @@
1
+ import { mergeProps } from '@zag-js/solid';
2
+ import { Show } from 'solid-js';
3
+ import { ark } from '../factory';
4
+ import { useToggleContext } from './use-toggle-context';
5
+ export const ToggleIndicator = (props) => {
6
+ const { children, fallback, ...restProps } = props;
7
+ const toggle = useToggleContext();
8
+ const mergedProps = mergeProps(() => toggle().getIndicatorProps(), restProps);
9
+ return (<ark.div {...mergedProps}>
10
+ {/* @ts-ignore */}
11
+ <Show when={toggle().pressed} fallback={fallback}>
12
+ {children}
13
+ </Show>
14
+ </ark.div>);
15
+ };
@@ -0,0 +1,17 @@
1
+ import { mergeProps } from '@zag-js/solid';
2
+ import { createSplitProps } from '../../utils/create-split-props';
3
+ import { useToggle } from './use-toggle';
4
+ import { ToggleProvider } from './use-toggle-context';
5
+ export const ToggleRoot = (props) => {
6
+ const [useToggleProps, localProps] = createSplitProps()(props, [
7
+ 'pressed',
8
+ 'defaultPressed',
9
+ 'disabled',
10
+ 'onPressedChange',
11
+ ]);
12
+ const toggle = useToggle(useToggleProps);
13
+ const mergedProps = mergeProps(() => toggle().getRootProps(), localProps);
14
+ return (<ToggleProvider value={toggle}>
15
+ <button {...mergedProps}/>
16
+ </ToggleProvider>);
17
+ };
@@ -0,0 +1,3 @@
1
+ import { createAnatomy } from '@zag-js/anatomy';
2
+ export const toggleAnatomy = createAnatomy('toggle', ['root', 'indicator']);
3
+ export const parts = toggleAnatomy.build();
@@ -0,0 +1,4 @@
1
+ export { ToggleContext as Context } from './toggle-context';
2
+ export { ToggleIndicator as Indicator, } from './toggle-indicator';
3
+ export { ToggleRoot as Root, } from './toggle-root';
4
+ export { toggleAnatomy } from './toggle.anatomy';
@@ -0,0 +1,5 @@
1
+ import { createContext } from '../../utils/create-context';
2
+ export const [ToggleProvider, useToggleContext] = createContext({
3
+ hookName: 'useToggleContext',
4
+ providerName: '<ToggleProvider />',
5
+ });
@@ -0,0 +1,43 @@
1
+ import { dataAttr } from '@zag-js/dom-query';
2
+ import { createMemo } from 'solid-js';
3
+ import { useControllableState } from '../../utils/use-controllable-state';
4
+ import { parts } from './toggle.anatomy';
5
+ export function useToggle(props) {
6
+ const { defaultPressed, pressed, onPressedChange, disabled } = props;
7
+ const [pressedState, setPressedState] = useControllableState({
8
+ defaultValue: !!defaultPressed,
9
+ value: pressed,
10
+ onChange: onPressedChange,
11
+ });
12
+ return createMemo(() => ({
13
+ pressed: pressedState(),
14
+ disabled: !!disabled,
15
+ setPressed: setPressedState,
16
+ getRootProps() {
17
+ return {
18
+ ...parts.root.attrs,
19
+ type: 'button',
20
+ disabled,
21
+ 'aria-pressed': pressedState(),
22
+ 'data-state': pressedState() ? 'on' : 'off',
23
+ 'data-pressed': dataAttr(pressedState()),
24
+ 'data-disabled': dataAttr(disabled),
25
+ onClick(event) {
26
+ if (event.defaultPrevented)
27
+ return;
28
+ if (disabled)
29
+ return;
30
+ setPressedState(!pressedState());
31
+ },
32
+ };
33
+ },
34
+ getIndicatorProps() {
35
+ return {
36
+ ...parts.indicator.attrs,
37
+ 'data-disabled': dataAttr(disabled),
38
+ 'data-pressed': dataAttr(pressedState()),
39
+ 'data-state': pressedState() ? 'on' : 'off',
40
+ };
41
+ },
42
+ }));
43
+ }
@@ -2,7 +2,7 @@ export { ToggleGroupContext, } from './toggle-group-context';
2
2
  export { ToggleGroupItem, } from './toggle-group-item';
3
3
  export { ToggleGroupRoot, } from './toggle-group-root';
4
4
  export { ToggleGroupRootProvider, } from './toggle-group-root-provider';
5
+ export { toggleGroupAnatomy } from './toggle-group.anatomy';
5
6
  export { useToggleGroup, } from './use-toggle-group';
6
7
  export { useToggleGroupContext } from './use-toggle-group-context';
7
- export { toggleGroupAnatomy } from './toggle-group.anatomy';
8
8
  export * as ToggleGroup from './toggle-group';
@@ -6,7 +6,7 @@ export { TooltipPositioner, } from './tooltip-positioner';
6
6
  export { TooltipRoot, } from './tooltip-root';
7
7
  export { TooltipRootProvider, } from './tooltip-root-provider';
8
8
  export { TooltipTrigger, } from './tooltip-trigger';
9
+ export { tooltipAnatomy } from './tooltip.anatomy';
9
10
  export { useTooltip } from './use-tooltip';
10
11
  export { useTooltipContext } from './use-tooltip-context';
11
- export { tooltipAnatomy } from './tooltip.anatomy';
12
12
  export * as Tooltip from './tooltip';
@@ -13,8 +13,8 @@ export { TreeViewLabel, } from './tree-view-label';
13
13
  export { TreeViewRoot, } from './tree-view-root';
14
14
  export { TreeViewRootProvider, } from './tree-view-root-provider';
15
15
  export { TreeViewTree, } from './tree-view-tree';
16
+ export { treeViewAnatomy } from './tree-view.anatomy';
16
17
  export { useTreeView } from './use-tree-view';
17
18
  export { useTreeViewContext } from './use-tree-view-context';
18
19
  export { useTreeViewItemContext } from './use-tree-view-item-context';
19
- export { treeViewAnatomy } from './tree-view.anatomy';
20
20
  export * as TreeView from './tree-view';
@@ -7,8 +7,8 @@ export { AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type Acco
7
7
  export { AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, } from './accordion-item-trigger';
8
8
  export { AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, } from './accordion-root';
9
9
  export { AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, } from './accordion-root-provider';
10
+ export { accordionAnatomy } from './accordion.anatomy';
10
11
  export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion';
11
12
  export { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
12
13
  export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';
13
- export { accordionAnatomy } from './accordion.anatomy';
14
14
  export * as Accordion from './accordion';
@@ -1,16 +1,16 @@
1
1
  export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
2
2
  export { CarouselContext, type CarouselContextProps, } from './carousel-context';
3
- export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
4
- export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
5
- export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
6
- export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
7
- export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
8
- export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
9
- export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
10
- export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
11
- export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
12
- export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
3
+ export { CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from './carousel-control';
4
+ export { CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps, } from './carousel-indicator';
5
+ export { CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
6
+ export { CarouselItem, type CarouselItemBaseProps, type CarouselItemProps, } from './carousel-item';
7
+ export { CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, } from './carousel-item-group';
8
+ export { CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, } from './carousel-next-trigger';
9
+ export { CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, } from './carousel-prev-trigger';
10
+ export { CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, } from './carousel-root';
11
+ export { CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, } from './carousel-root-provider';
12
+ export { CarouselViewport, type CarouselViewportBaseProps, type CarouselViewportProps, } from './carousel-viewport';
13
+ export { carouselAnatomy } from './carousel.anatomy';
13
14
  export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
14
15
  export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
15
- export { carouselAnatomy } from './carousel.anatomy';
16
16
  export * as Carousel from './carousel';
@@ -1,15 +1,15 @@
1
1
  export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
2
2
  export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
3
- export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
4
- export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
5
- export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
6
- export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
7
- export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
8
- export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
9
- export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
3
+ export { CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps, } from './checkbox-control';
4
+ export { CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps, } from './checkbox-group';
5
+ export { CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, } from './checkbox-hidden-input';
6
+ export { CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps, } from './checkbox-indicator';
7
+ export { CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps, } from './checkbox-label';
8
+ export { CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps, } from './checkbox-root';
9
+ export { CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, } from './checkbox-root-provider';
10
+ export { checkboxAnatomy } from './checkbox.anatomy';
10
11
  export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
11
12
  export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
12
13
  export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';
13
14
  export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
14
- export { checkboxAnatomy } from './checkbox.anatomy';
15
15
  export * as Checkbox from './checkbox';
@@ -1,13 +1,13 @@
1
1
  export type { CopyStatusDetails as ClipboardCopyStatusDetails } from '@zag-js/clipboard';
2
2
  export { ClipboardContext, type ClipboardContextProps, } from './clipboard-context';
3
- export { ClipboardControl, type ClipboardControlProps, type ClipboardControlBaseProps, } from './clipboard-control';
4
- export { ClipboardIndicator, type ClipboardIndicatorProps, type ClipboardIndicatorBaseProps, } from './clipboard-indicator';
5
- export { ClipboardInput, type ClipboardInputProps, type ClipboardInputBaseProps, } from './clipboard-input';
6
- export { ClipboardLabel, type ClipboardLabelProps, type ClipboardLabelBaseProps, } from './clipboard-label';
7
- export { ClipboardRoot, type ClipboardRootProps, type ClipboardRootBaseProps, } from './clipboard-root';
8
- export { ClipboardRootProvider, type ClipboardRootProviderProps, type ClipboardRootProviderBaseProps, } from './clipboard-root-provider';
9
- export { ClipboardTrigger, type ClipboardTriggerProps, type ClipboardTriggerBaseProps, } from './clipboard-trigger';
3
+ export { ClipboardControl, type ClipboardControlBaseProps, type ClipboardControlProps, } from './clipboard-control';
4
+ export { ClipboardIndicator, type ClipboardIndicatorBaseProps, type ClipboardIndicatorProps, } from './clipboard-indicator';
5
+ export { ClipboardInput, type ClipboardInputBaseProps, type ClipboardInputProps, } from './clipboard-input';
6
+ export { ClipboardLabel, type ClipboardLabelBaseProps, type ClipboardLabelProps, } from './clipboard-label';
7
+ export { ClipboardRoot, type ClipboardRootBaseProps, type ClipboardRootProps, } from './clipboard-root';
8
+ export { ClipboardRootProvider, type ClipboardRootProviderBaseProps, type ClipboardRootProviderProps, } from './clipboard-root-provider';
9
+ export { ClipboardTrigger, type ClipboardTriggerBaseProps, type ClipboardTriggerProps, } from './clipboard-trigger';
10
+ export { clipboardAnatomy } from './clipboard.anatomy';
10
11
  export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard';
11
12
  export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context';
12
- export { clipboardAnatomy } from './clipboard.anatomy';
13
13
  export * as Clipboard from './clipboard';
@@ -1,10 +1,10 @@
1
1
  export type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@zag-js/collapsible';
2
- export { CollapsibleContent, type CollapsibleContentProps, type CollapsibleContentBaseProps, } from './collapsible-content';
2
+ export { CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, } from './collapsible-content';
3
3
  export { CollapsibleContext, type CollapsibleContextProps, } from './collapsible-context';
4
- export { CollapsibleRoot, type CollapsibleRootProps, type CollapsibleRootBaseProps, } from './collapsible-root';
5
- export { CollapsibleRootProvider, type CollapsibleRootProviderProps, type CollapsibleRootProviderBaseProps, } from './collapsible-root-provider';
6
- export { CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleTriggerBaseProps, } from './collapsible-trigger';
4
+ export { CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, } from './collapsible-root';
5
+ export { CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, } from './collapsible-root-provider';
6
+ export { CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, } from './collapsible-trigger';
7
+ export { collapsibleAnatomy } from './collapsible.anatomy';
7
8
  export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn, } from './use-collapsible';
8
9
  export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context';
9
- export { collapsibleAnatomy } from './collapsible.anatomy';
10
10
  export * as Collapsible from './collapsible';
@@ -0,0 +1,3 @@
1
+ import { type CollectionOptions, ListCollection } from '@zag-js/collection';
2
+ export type { CollectionItem, ListCollection } from '@zag-js/collection';
3
+ export declare const createListCollection: <T extends unknown>(options: CollectionOptions<T>) => ListCollection<T>;
@@ -1,4 +1,4 @@
1
- export type { ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
1
+ export type { Color, ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
2
2
  export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
3
3
  export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
4
4
  export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
@@ -1,4 +1,5 @@
1
- export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
1
+ export { parse as parseColor } from '@zag-js/color-picker';
2
+ export type { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
2
3
  export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area';
3
4
  export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
4
5
  export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb';
@@ -28,7 +29,7 @@ export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerT
28
29
  export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch';
29
30
  export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text';
30
31
  export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
32
+ export { colorPickerAnatomy } from './color-picker.anatomy';
31
33
  export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
32
34
  export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
33
- export { colorPickerAnatomy } from './color-picker.anatomy';
34
35
  export * as ColorPicker from './color-picker';
@@ -2,7 +2,7 @@ import * as colorPicker from '@zag-js/color-picker';
2
2
  import { type PropTypes } from '@zag-js/solid';
3
3
  import { type Accessor } from 'solid-js';
4
4
  import type { Optional } from '../../types';
5
- export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'dir' | 'getRootNode' | 'open.controlled' | 'value'>, 'id'> {
5
+ export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
6
6
  /**
7
7
  * The initial open state of the color picker when it is first rendered.
8
8
  * Use when you do not need to control its open state.
@@ -12,11 +12,7 @@ export interface UseColorPickerProps extends Optional<Omit<colorPicker.Context,
12
12
  * The initial value of the color picker when it is first rendered.
13
13
  * Use when you do not need to control the state of the color picker.
14
14
  */
15
- defaultValue?: string;
16
- /**
17
- * The current value of the color picker.
18
- */
19
- value?: string;
15
+ defaultValue?: colorPicker.Context['value'];
20
16
  }
21
17
  export interface UseColorPickerReturn extends Accessor<colorPicker.Api<PropTypes>> {
22
18
  }
@@ -1,5 +1,5 @@
1
1
  export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/combobox';
2
- export type { CollectionItem } from '../../types';
2
+ export type { CollectionItem } from '../collection';
3
3
  export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger';
4
4
  export { ComboboxContent as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content';
5
5
  export { ComboboxContext as Context, type ComboboxContextProps as ContextProps, } from './combobox-context';
@@ -1,24 +1,24 @@
1
1
  export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
2
- export type { CollectionItem as ComboboxCollectionItem } from '../../types';
3
- export { ComboboxClearTrigger, type ComboboxClearTriggerProps, type ComboboxClearTriggerBaseProps, } from './combobox-clear-trigger';
4
- export { ComboboxContent, type ComboboxContentProps, type ComboboxContentBaseProps, } from './combobox-content';
2
+ export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
3
+ export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger';
4
+ export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content';
5
5
  export { ComboboxContext, type ComboboxContextProps, } from './combobox-context';
6
- export { ComboboxControl, type ComboboxControlProps, type ComboboxControlBaseProps, } from './combobox-control';
7
- export { ComboboxInput, type ComboboxInputProps, type ComboboxInputBaseProps, } from './combobox-input';
8
- export { ComboboxItem, type ComboboxItemProps, type ComboboxItemBaseProps, } from './combobox-item';
6
+ export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control';
7
+ export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, } from './combobox-input';
8
+ export { ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemProps, } from './combobox-item';
9
9
  export { ComboboxItemContext, type ComboboxItemContextProps, } from './combobox-item-context';
10
- export { ComboboxItemGroup, type ComboboxItemGroupProps, type ComboboxItemGroupBaseProps, } from './combobox-item-group';
11
- export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps, } from './combobox-item-group-label';
12
- export { ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemIndicatorBaseProps, } from './combobox-item-indicator';
13
- export { ComboboxItemText, type ComboboxItemTextProps, type ComboboxItemTextBaseProps, } from './combobox-item-text';
14
- export { ComboboxLabel, type ComboboxLabelProps, type ComboboxLabelBaseProps, } from './combobox-label';
15
- export { ComboboxList, type ComboboxListProps, type ComboboxListBaseProps, } from './combobox-list';
16
- export { ComboboxPositioner, type ComboboxPositionerProps, type ComboboxPositionerBaseProps, } from './combobox-positioner';
17
- export { ComboboxRoot, type ComboboxRootProps, type ComboboxRootBaseProps, } from './combobox-root';
18
- export { ComboboxRootProvider, type ComboboxRootProviderProps, type ComboboxRootProviderBaseProps, } from './combobox-root-provider';
19
- export { ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerBaseProps, } from './combobox-trigger';
10
+ export { ComboboxItemGroup, type ComboboxItemGroupBaseProps, type ComboboxItemGroupProps, } from './combobox-item-group';
11
+ export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, } from './combobox-item-group-label';
12
+ export { ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, } from './combobox-item-indicator';
13
+ export { ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, } from './combobox-item-text';
14
+ export { ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, } from './combobox-label';
15
+ export { ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, } from './combobox-list';
16
+ export { ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner';
17
+ export { ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootProps, } from './combobox-root';
18
+ export { ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider';
19
+ export { ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger';
20
+ export { comboboxAnatomy } from './combobox.anatomy';
20
21
  export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
21
22
  export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
22
23
  export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
23
- export { comboboxAnatomy } from './combobox.anatomy';
24
24
  export * as Combobox from './combobox';
@@ -1,9 +1,9 @@
1
- import type { CollectionOptions } from '@zag-js/combobox';
2
1
  import * as combobox from '@zag-js/combobox';
3
2
  import { type PropTypes } from '@zag-js/solid';
4
3
  import { type Accessor } from 'solid-js';
5
4
  import type { CollectionItem, Optional } from '../../types';
6
- export interface UseComboboxProps<T extends CollectionItem> extends CollectionOptions<T>, Optional<Omit<combobox.Context<T>, 'collection' | 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
5
+ import type { ListCollection } from '../collection';
6
+ export interface UseComboboxProps<T extends CollectionItem> extends Optional<Omit<combobox.Context<T>, 'collection' | 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
7
7
  /**
8
8
  * The initial open state of the combobox when it is first rendered.
9
9
  * Use when you do not need to control its open state.
@@ -14,6 +14,10 @@ export interface UseComboboxProps<T extends CollectionItem> extends CollectionOp
14
14
  * Use when you do not need to control the state of the combobox.
15
15
  */
16
16
  defaultValue?: combobox.Context<T>['value'];
17
+ /**
18
+ * The collection of items
19
+ */
20
+ collection: ListCollection<T>;
17
21
  }
18
22
  export interface UseComboboxReturn<T extends CollectionItem> extends Accessor<combobox.Api<PropTypes, T>> {
19
23
  }
@@ -1,27 +1,27 @@
1
- export type { FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
2
- export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerProps as ClearTriggerProps, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, } from './date-picker-clear-trigger';
3
- export { DatePickerContent as Content, type DatePickerContentProps as ContentProps, type DatePickerContentBaseProps as ContentBaseProps, } from './date-picker-content';
1
+ export type { DateValue, FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
2
+ export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger';
3
+ export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content';
4
4
  export { DatePickerContext as Context, type DatePickerContextProps as ContextProps, } from './date-picker-context';
5
- export { DatePickerControl as Control, type DatePickerControlProps as ControlProps, type DatePickerControlBaseProps as ControlBaseProps, } from './date-picker-control';
6
- export { DatePickerInput as Input, type DatePickerInputProps as InputProps, type DatePickerInputBaseProps as InputBaseProps, } from './date-picker-input';
7
- export { DatePickerLabel as Label, type DatePickerLabelProps as LabelProps, type DatePickerLabelBaseProps as LabelBaseProps, } from './date-picker-label';
8
- export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectProps as MonthSelectProps, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, } from './date-picker-month-select';
9
- export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerProps as NextTriggerProps, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, } from './date-picker-next-trigger';
10
- export { DatePickerPositioner as Positioner, type DatePickerPositionerProps as PositionerProps, type DatePickerPositionerBaseProps as PositionerBaseProps, } from './date-picker-positioner';
11
- export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerProps as PresetTriggerProps, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, } from './date-picker-preset-trigger';
12
- export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerProps as PrevTriggerProps, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, } from './date-picker-prev-trigger';
13
- export { DatePickerRangeText as RangeText, type DatePickerRangeTextProps as RangeTextProps, type DatePickerRangeTextBaseProps as RangeTextBaseProps, } from './date-picker-range-text';
14
- export { DatePickerRoot as Root, type DatePickerRootProps as RootProps, type DatePickerRootBaseProps as RootBaseProps, } from './date-picker-root';
15
- export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderProps as RootProviderProps, type DatePickerRootProviderBaseProps as RootProviderBaseProps, } from './date-picker-root-provider';
16
- export { DatePickerTable as Table, type DatePickerTableProps as TableProps, type DatePickerTableBaseProps as TableBaseProps, } from './date-picker-table';
17
- export { DatePickerTableBody as TableBody, type DatePickerTableBodyProps as TableBodyProps, type DatePickerTableBodyBaseProps as TableBodyBaseProps, } from './date-picker-table-body';
18
- export { DatePickerTableCell as TableCell, type DatePickerTableCellProps as TableCellProps, type DatePickerTableCellBaseProps as TableCellBaseProps, } from './date-picker-table-cell';
19
- export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerProps as TableCellTriggerProps, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, } from './date-picker-table-cell-trigger';
20
- export { DatePickerTableHead as TableHead, type DatePickerTableHeadProps as TableHeadProps, type DatePickerTableHeadBaseProps as TableHeadBaseProps, } from './date-picker-table-head';
21
- export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderProps as TableHeaderProps, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, } from './date-picker-table-header';
22
- export { DatePickerTableRow as TableRow, type DatePickerTableRowProps as TableRowProps, type DatePickerTableRowBaseProps as TableRowBaseProps, } from './date-picker-table-row';
23
- export { DatePickerTrigger as Trigger, type DatePickerTriggerProps as TriggerProps, type DatePickerTriggerBaseProps as TriggerBaseProps, } from './date-picker-trigger';
24
- export { DatePickerView as View, type DatePickerViewProps as ViewProps, type DatePickerViewBaseProps as ViewBaseProps, } from './date-picker-view';
25
- export { DatePickerViewControl as ViewControl, type DatePickerViewControlProps as ViewControlProps, type DatePickerViewControlBaseProps as ViewControlBaseProps, } from './date-picker-view-control';
26
- export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerProps as ViewTriggerProps, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, } from './date-picker-view-trigger';
27
- export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectProps as YearSelectProps, type DatePickerYearSelectBaseProps as YearSelectBaseProps, } from './date-picker-year-select';
5
+ export { DatePickerControl as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, } from './date-picker-control';
6
+ export { DatePickerInput as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, } from './date-picker-input';
7
+ export { DatePickerLabel as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, } from './date-picker-label';
8
+ export { DatePickerMonthSelect as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, } from './date-picker-month-select';
9
+ export { DatePickerNextTrigger as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, } from './date-picker-next-trigger';
10
+ export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps as PositionerBaseProps, type DatePickerPositionerProps as PositionerProps, } from './date-picker-positioner';
11
+ export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
12
+ export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
13
+ export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
14
+ export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root';
15
+ export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
16
+ export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table';
17
+ export { DatePickerTableBody as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body';
18
+ export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell';
19
+ export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, } from './date-picker-table-cell-trigger';
20
+ export { DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, } from './date-picker-table-head';
21
+ export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, } from './date-picker-table-header';
22
+ export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row';
23
+ export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger';
24
+ export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view';
25
+ export { DatePickerViewControl as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, } from './date-picker-view-control';
26
+ export { DatePickerViewTrigger as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, } from './date-picker-view-trigger';
27
+ export { DatePickerYearSelect as YearSelect, type DatePickerYearSelectBaseProps as YearSelectBaseProps, type DatePickerYearSelectProps as YearSelectProps, } from './date-picker-year-select';
@@ -1,31 +1,32 @@
1
- export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, } from '@zag-js/date-picker';
2
- export { DatePickerClearTrigger, type DatePickerClearTriggerProps, type DatePickerClearTriggerBaseProps, } from './date-picker-clear-trigger';
3
- export { DatePickerContent, type DatePickerContentProps, type DatePickerContentBaseProps, } from './date-picker-content';
1
+ export { parse as parseDate } from '@zag-js/date-picker';
2
+ export type { DateValue, FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, } from '@zag-js/date-picker';
3
+ export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
4
+ export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, } from './date-picker-content';
4
5
  export { DatePickerContext, type DatePickerContextProps, } from './date-picker-context';
5
- export { DatePickerControl, type DatePickerControlProps, type DatePickerControlBaseProps, } from './date-picker-control';
6
- export { DatePickerInput, type DatePickerInputProps, type DatePickerInputBaseProps, } from './date-picker-input';
7
- export { DatePickerLabel, type DatePickerLabelProps, type DatePickerLabelBaseProps, } from './date-picker-label';
8
- export { DatePickerMonthSelect, type DatePickerMonthSelectProps, type DatePickerMonthSelectBaseProps, } from './date-picker-month-select';
9
- export { DatePickerNextTrigger, type DatePickerNextTriggerProps, type DatePickerNextTriggerBaseProps, } from './date-picker-next-trigger';
10
- export { DatePickerPositioner, type DatePickerPositionerProps, type DatePickerPositionerBaseProps, } from './date-picker-positioner';
11
- export { DatePickerPresetTrigger, type DatePickerPresetTriggerProps, type DatePickerPresetTriggerBaseProps, } from './date-picker-preset-trigger';
12
- export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps, type DatePickerPrevTriggerBaseProps, } from './date-picker-prev-trigger';
13
- export { DatePickerRangeText, type DatePickerRangeTextProps, type DatePickerRangeTextBaseProps, } from './date-picker-range-text';
14
- export { DatePickerRoot, type DatePickerRootProps, type DatePickerRootBaseProps, } from './date-picker-root';
15
- export { DatePickerRootProvider, type DatePickerRootProviderProps, type DatePickerRootProviderBaseProps, } from './date-picker-root-provider';
16
- export { DatePickerTable, type DatePickerTableProps, type DatePickerTableBaseProps, } from './date-picker-table';
17
- export { DatePickerTableBody, type DatePickerTableBodyProps, type DatePickerTableBodyBaseProps, } from './date-picker-table-body';
18
- export { DatePickerTableCell, type DatePickerTableCellProps, type DatePickerTableCellBaseProps, } from './date-picker-table-cell';
19
- export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerProps, type DatePickerTableCellTriggerBaseProps, } from './date-picker-table-cell-trigger';
20
- export { DatePickerTableHead, type DatePickerTableHeadProps, type DatePickerTableHeadBaseProps, } from './date-picker-table-head';
21
- export { DatePickerTableHeader, type DatePickerTableHeaderProps, type DatePickerTableHeaderBaseProps, } from './date-picker-table-header';
22
- export { DatePickerTableRow, type DatePickerTableRowProps, type DatePickerTableRowBaseProps, } from './date-picker-table-row';
23
- export { DatePickerTrigger, type DatePickerTriggerProps, type DatePickerTriggerBaseProps, } from './date-picker-trigger';
24
- export { DatePickerView, type DatePickerViewProps, type DatePickerViewBaseProps, } from './date-picker-view';
25
- export { DatePickerViewControl, type DatePickerViewControlProps, type DatePickerViewControlBaseProps, } from './date-picker-view-control';
26
- export { DatePickerViewTrigger, type DatePickerViewTriggerProps, type DatePickerViewTriggerBaseProps, } from './date-picker-view-trigger';
27
- export { DatePickerYearSelect, type DatePickerYearSelectProps, type DatePickerYearSelectBaseProps, } from './date-picker-year-select';
6
+ export { DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, } from './date-picker-control';
7
+ export { DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, } from './date-picker-input';
8
+ export { DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps, } from './date-picker-label';
9
+ export { DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, } from './date-picker-month-select';
10
+ export { DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, } from './date-picker-next-trigger';
11
+ export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, } from './date-picker-positioner';
12
+ export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
13
+ export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
14
+ export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
15
+ export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, } from './date-picker-root';
16
+ export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
17
+ export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps, } from './date-picker-table';
18
+ export { DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body';
19
+ export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, } from './date-picker-table-cell';
20
+ export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger';
21
+ export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, } from './date-picker-table-head';
22
+ export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, } from './date-picker-table-header';
23
+ export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row';
24
+ export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, } from './date-picker-trigger';
25
+ export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps, } from './date-picker-view';
26
+ export { DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, } from './date-picker-view-control';
27
+ export { DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, } from './date-picker-view-trigger';
28
+ export { DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, } from './date-picker-year-select';
29
+ export { datePickerAnatomy } from './date-picker.anatomy';
28
30
  export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
29
31
  export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context';
30
- export { datePickerAnatomy } from './date-picker.anatomy';
31
32
  export * as DatePicker from './date-picker';
@@ -2,7 +2,7 @@ import * as datePicker from '@zag-js/date-picker';
2
2
  import { type PropTypes } from '@zag-js/solid';
3
3
  import { type Accessor } from 'solid-js';
4
4
  import type { Optional } from '../../types';
5
- export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'dir' | 'getRootNode' | 'value' | 'min' | 'max' | 'parse' | 'focusedValue' | 'open.controlled'>, 'id'> {
5
+ export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'dir' | 'getRootNode' | 'parse' | 'open.controlled'>, 'id'> {
6
6
  /**
7
7
  * The initial open state of the date picker when it is first rendered.
8
8
  * Use when you do not need to control its open state.
@@ -12,23 +12,7 @@ export interface UseDatePickerProps extends Optional<Omit<datePicker.Context, 'd
12
12
  * The initial value of the date picker when it is first rendered.
13
13
  * Use when you do not need to control the state of the date picker.
14
14
  */
15
- defaultValue?: string[];
16
- /**
17
- * The focused date.
18
- */
19
- focusedValue?: string;
20
- /**
21
- * The maximum date for the date picker in the format yyyy-mm-dd
22
- */
23
- max?: string;
24
- /**
25
- * The minimum date for the date picker in the format yyyy-mm-dd
26
- */
27
- min?: string;
28
- /**
29
- * The value of the date picker
30
- */
31
- value?: string[];
15
+ defaultValue?: datePicker.Context['value'];
32
16
  }
33
17
  export interface UseDatePickerReturn extends Accessor<datePicker.Api<PropTypes>> {
34
18
  }
@@ -1,11 +1,11 @@
1
1
  export type { OpenChangeDetails } from '@zag-js/dialog';
2
- export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, type DialogBackdropBaseProps as BackdropBaseProps, } from './dialog-backdrop';
3
- export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerProps as CloseTriggerProps, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, } from './dialog-close-trigger';
4
- export { DialogContent as Content, type DialogContentProps as ContentProps, type DialogContentBaseProps as ContentBaseProps, } from './dialog-content';
2
+ export { DialogBackdrop as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop';
3
+ export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger';
4
+ export { DialogContent as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, } from './dialog-content';
5
5
  export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context';
6
- export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, type DialogDescriptionBaseProps as DescriptionBaseProps, } from './dialog-description';
7
- export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, type DialogPositionerBaseProps as PositionerBaseProps, } from './dialog-positioner';
8
- export { DialogRoot as Root, type DialogRootProps as RootProps, type DialogRootBaseProps as RootBaseProps, } from './dialog-root';
9
- export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, type DialogRootProviderBaseProps as RootProviderBaseProps, } from './dialog-root-provider';
10
- export { DialogTitle as Title, type DialogTitleProps as TitleProps, type DialogTitleBaseProps as TitleBaseProps, } from './dialog-title';
11
- export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps, type DialogTriggerBaseProps as TriggerBaseProps, } from './dialog-trigger';
6
+ export { DialogDescription as Description, type DialogDescriptionBaseProps as DescriptionBaseProps, type DialogDescriptionProps as DescriptionProps, } from './dialog-description';
7
+ export { DialogPositioner as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, } from './dialog-positioner';
8
+ export { DialogRoot as Root, type DialogRootBaseProps as RootBaseProps, type DialogRootProps as RootProps, } from './dialog-root';
9
+ export { DialogRootProvider as RootProvider, type DialogRootProviderBaseProps as RootProviderBaseProps, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider';
10
+ export { DialogTitle as Title, type DialogTitleBaseProps as TitleBaseProps, type DialogTitleProps as TitleProps, } from './dialog-title';
11
+ export { DialogTrigger as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, } from './dialog-trigger';