@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
@@ -1,12 +1,12 @@
1
1
  export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
2
2
  export { SwitchContext, type SwitchContextProps, } from './switch-context';
3
- export { SwitchControl, type SwitchControlProps, type SwitchControlBaseProps, } from './switch-control';
4
- export { SwitchHiddenInput, type SwitchHiddenInputProps, type SwitchHiddenInputBaseProps, } from './switch-hidden-input';
5
- export { SwitchLabel, type SwitchLabelProps, type SwitchLabelBaseProps, } from './switch-label';
6
- export { SwitchRoot, type SwitchRootProps, type SwitchRootBaseProps, } from './switch-root';
7
- export { SwitchRootProvider, type SwitchRootProviderProps, type SwitchRootProviderBaseProps, } from './switch-root-provider';
8
- export { SwitchThumb, type SwitchThumbProps, type SwitchThumbBaseProps, } from './switch-thumb';
3
+ export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, } from './switch-control';
4
+ export { SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, } from './switch-hidden-input';
5
+ export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, } from './switch-label';
6
+ export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, } from './switch-root';
7
+ export { SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, } from './switch-root-provider';
8
+ export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, } from './switch-thumb';
9
+ export { switchAnatomy } from './switch.anatomy';
9
10
  export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
10
11
  export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
11
- export { switchAnatomy } from './switch.anatomy';
12
12
  export * as Switch from './switch';
@@ -1,12 +1,12 @@
1
1
  export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
2
- export { TabContent, type TabContentProps, type TabContentBaseProps, } from './tab-content';
3
- export { TabIndicator, type TabIndicatorProps, type TabIndicatorBaseProps, } from './tab-indicator';
4
- export { TabList, type TabListProps, type TabListBaseProps, } from './tab-list';
5
- export { TabTrigger, type TabTriggerProps, type TabTriggerBaseProps, } from './tab-trigger';
2
+ export { TabContent, type TabContentBaseProps, type TabContentProps, } from './tab-content';
3
+ export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, } from './tab-indicator';
4
+ export { TabList, type TabListBaseProps, type TabListProps, } from './tab-list';
5
+ export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, } from './tab-trigger';
6
6
  export { TabsContext, type TabsContextProps, } from './tabs-context';
7
- export { TabsRoot, type TabsRootProps, type TabsRootBaseProps, } from './tabs-root';
8
- export { TabsRootProvider, type TabsRootProviderProps, type TabsRootProviderBaseProps, } from './tabs-root-provider';
7
+ export { TabsRoot, type TabsRootBaseProps, type TabsRootProps, } from './tabs-root';
8
+ export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, } from './tabs-root-provider';
9
+ export { tabsAnatomy } from './tabs.anatomy';
9
10
  export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
10
11
  export { useTabsContext, type UseTabsContext } from './use-tabs-context';
11
- export { tabsAnatomy } from './tabs.anatomy';
12
12
  export * as Tabs from './tabs';
@@ -1,20 +1,20 @@
1
1
  export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
2
- export { TagsInputClearTrigger, type TagsInputClearTriggerProps, type TagsInputClearTriggerBaseProps, } from './tags-input-clear-trigger';
2
+ export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
3
3
  export { TagsInputContext, type TagsInputContextProps, } from './tags-input-context';
4
- export { TagsInputControl, type TagsInputControlProps, type TagsInputControlBaseProps, } from './tags-input-control';
5
- export { TagsInputHiddenInput, type TagsInputHiddenInputProps, type TagsInputHiddenInputBaseProps, } from './tags-input-hidden-input';
6
- export { TagsInputInput, type TagsInputInputProps, type TagsInputInputBaseProps, } from './tags-input-input';
7
- export { TagsInputItem, type TagsInputItemProps, type TagsInputItemBaseProps, } from './tags-input-item';
4
+ export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control';
5
+ export { TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, } from './tags-input-hidden-input';
6
+ export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, } from './tags-input-input';
7
+ export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps, } from './tags-input-item';
8
8
  export { TagsInputItemContext, type TagsInputItemContextProps, } from './tags-input-item-context';
9
- export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, type TagsInputItemDeleteTriggerBaseProps, } from './tags-input-item-delete-trigger';
10
- export { TagsInputItemInput, type TagsInputItemInputProps, type TagsInputItemInputBaseProps, } from './tags-input-item-input';
11
- export { TagsInputItemPreview, type TagsInputItemPreviewProps, type TagsInputItemPreviewBaseProps, } from './tags-input-item-preview';
12
- export { TagsInputItemText, type TagsInputItemTextProps, type TagsInputItemTextBaseProps, } from './tags-input-item-text';
13
- export { TagsInputLabel, type TagsInputLabelProps, type TagsInputLabelBaseProps, } from './tags-input-label';
14
- export { TagsInputRoot, type TagsInputRootProps, type TagsInputRootBaseProps, } from './tags-input-root';
15
- export { TagsInputRootProvider, type TagsInputRootProviderProps, type TagsInputRootProviderBaseProps, } from './tags-input-root-provider';
9
+ export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
10
+ export { TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, } from './tags-input-item-input';
11
+ export { TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, } from './tags-input-item-preview';
12
+ export { TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, } from './tags-input-item-text';
13
+ export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, } from './tags-input-label';
14
+ export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, } from './tags-input-root';
15
+ export { TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, } from './tags-input-root-provider';
16
+ export { tagsInputAnatomy } from './tags-input.anatomy';
16
17
  export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
17
18
  export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
18
19
  export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
19
- export { tagsInputAnatomy } from './tags-input.anatomy';
20
20
  export * as TagsInput from './tags-input';
@@ -1,11 +1,12 @@
1
1
  export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
2
- export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
3
2
  export { TimerContext, type TimerContextProps } from './timer-context';
4
- export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
5
3
  export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
4
+ export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
5
+ export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
6
6
  export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
7
7
  export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
8
8
  export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';
9
+ export { timerAnatomy } from './timer.anatomy';
9
10
  export { useTimer, type UseTimerProps, type UseTimerReturn } from './use-timer';
10
11
  export { useTimerContext, type UseTimerContext } from './use-timer-context';
11
12
  export * as Timer from './timer';
@@ -0,0 +1 @@
1
+ export { anatomy as timerAnatomy } from '@zag-js/timer';
@@ -1,3 +1,4 @@
1
+ export type { TickDetails } from '@zag-js/timer';
1
2
  export { TimerActionTrigger as ActionTrigger, type TimerActionTriggerBaseProps as ActionTriggerBaseProps, type TimerActionTriggerProps as ActionTriggerProps, } from './timer-action-trigger';
2
3
  export { TimerArea as Area, type TimerAreaBaseProps as AreaBaseProps, type TimerAreaProps as AreaProps, } from './timer-area';
3
4
  export { TimerContext as Context, type TimerContextProps as ContextProps, } from './timer-context';
@@ -1,11 +1,11 @@
1
1
  export { createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster';
2
- export { ToastActionTrigger, type ToastActionTriggerProps, type ToastActionTriggerBaseProps, } from './toast-action-trigger';
3
- export { ToastCloseTrigger, type ToastCloseTriggerProps, type ToastCloseTriggerBaseProps, } from './toast-close-trigger';
2
+ export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
3
+ export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger';
4
4
  export { ToastContext, type ToastContextProps, } from './toast-context';
5
- export { ToastDescription, type ToastDescriptionProps, type ToastDescriptionBaseProps, } from './toast-description';
6
- export { ToastRoot, type ToastRootProps, type ToastRootBaseProps, } from './toast-root';
7
- export { ToastTitle, type ToastTitleProps, type ToastTitleBaseProps, } from './toast-title';
8
- export { Toaster, type ToasterProps, type ToasterBaseProps, } from './toaster';
9
- export { useToastContext, type UseToastContext } from './use-toast-context';
5
+ export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescriptionProps, } from './toast-description';
6
+ export { ToastRoot, type ToastRootBaseProps, type ToastRootProps, } from './toast-root';
7
+ export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps, } from './toast-title';
10
8
  export { toastAnatomy } from './toast.anatomy';
9
+ export { Toaster, type ToasterBaseProps, type ToasterProps, } from './toaster';
10
+ export { useToastContext, type UseToastContext } from './use-toast-context';
11
11
  export * as Toast from './toast';
@@ -0,0 +1,7 @@
1
+ export { ToggleContext, type ToggleContextProps } from './toggle-context';
2
+ export { ToggleIndicator, type ToggleIndicatorProps, type ToggleIndicatorBaseProps, } from './toggle-indicator';
3
+ export { ToggleRoot, type ToggleRootBaseProps, type ToggleRootProps } from './toggle-root';
4
+ export { toggleAnatomy } from './toggle.anatomy';
5
+ export { useToggle, type UseToggleProps, type UseToggleReturn } from './use-toggle';
6
+ export { useToggleContext, type UseToggleContext } from './use-toggle-context';
7
+ export * as Toggle from './toggle';
@@ -0,0 +1,6 @@
1
+ import type { JSX } from 'solid-js';
2
+ import { type UseToggleContext } from './use-toggle-context';
3
+ export interface ToggleContextProps {
4
+ children: (context: UseToggleContext) => JSX.Element;
5
+ }
6
+ export declare const ToggleContext: (props: ToggleContextProps) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { type JSX } from 'solid-js';
2
+ import type { HTMLProps, PolymorphicProps } from '../factory';
3
+ export interface ToggleIndicatorBaseProps extends PolymorphicProps<'div'> {
4
+ fallback?: JSX.Element;
5
+ }
6
+ export interface ToggleIndicatorProps extends HTMLProps<'div'>, ToggleIndicatorBaseProps {
7
+ }
8
+ export declare const ToggleIndicator: (props: ToggleIndicatorProps) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import type { HTMLProps, PolymorphicProps } from '../factory';
2
+ import { type UseToggleProps } from './use-toggle';
3
+ export interface ToggleRootBaseProps extends UseToggleProps, PolymorphicProps<'button'> {
4
+ }
5
+ export interface ToggleRootProps extends HTMLProps<'button'>, ToggleRootBaseProps {
6
+ }
7
+ export declare const ToggleRoot: (props: ToggleRootProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export declare const toggleAnatomy: import("@zag-js/anatomy").Anatomy<"root" | "indicator">;
2
+ export declare const parts: Record<"root" | "indicator", import("@zag-js/anatomy").AnatomyPart>;
@@ -0,0 +1,4 @@
1
+ export { ToggleContext as Context, type ToggleContextProps as ContextProps } from './toggle-context';
2
+ export { ToggleIndicator as Indicator, type ToggleIndicatorProps as IndicatorProps, type ToggleIndicatorBaseProps as IndicatorBaseProps, } from './toggle-indicator';
3
+ export { ToggleRoot as Root, type ToggleRootBaseProps as RootBaseProps, type ToggleRootProps as RootProps, } from './toggle-root';
4
+ export { toggleAnatomy } from './toggle.anatomy';
@@ -0,0 +1,4 @@
1
+ import type { UseToggleReturn } from './use-toggle';
2
+ export interface UseToggleContext extends UseToggleReturn {
3
+ }
4
+ export declare const ToggleProvider: import("solid-js").ContextProviderComponent<UseToggleContext>, useToggleContext: () => UseToggleContext;
@@ -0,0 +1,36 @@
1
+ import { type Accessor } from 'solid-js';
2
+ export interface UseToggleProps {
3
+ /**
4
+ * Whether the toggle is disabled.
5
+ */
6
+ disabled?: boolean;
7
+ /**
8
+ * The default pressed state of the toggle.
9
+ */
10
+ defaultPressed?: boolean;
11
+ /**
12
+ * The pressed state of the toggle.
13
+ */
14
+ pressed?: Accessor<boolean>;
15
+ /**
16
+ * Event handler called when the pressed state of the toggle changes.
17
+ */
18
+ onPressedChange?: (pressed: boolean) => void;
19
+ }
20
+ export type UseToggleReturn = Accessor<{
21
+ /**
22
+ * Whether the toggle is pressed.
23
+ */
24
+ pressed: boolean;
25
+ /**
26
+ * Whether the toggle is disabled.
27
+ */
28
+ disabled: boolean;
29
+ /**
30
+ * Sets the pressed state of the toggle.
31
+ */
32
+ setPressed(pressed: boolean): void;
33
+ getRootProps(): JSX.IntrinsicElements['button'];
34
+ getIndicatorProps(): JSX.IntrinsicElements['div'];
35
+ }>;
36
+ export declare function useToggle(props: UseToggleProps): UseToggleReturn;
@@ -1,9 +1,9 @@
1
1
  export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
2
2
  export { ToggleGroupContext, type ToggleGroupContextProps, } from './toggle-group-context';
3
- export { ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupItemBaseProps, } from './toggle-group-item';
4
- export { ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupRootBaseProps, } from './toggle-group-root';
5
- export { ToggleGroupRootProvider, type ToggleGroupRootProviderProps, type ToggleGroupRootProviderBaseProps, } from './toggle-group-root-provider';
3
+ export { ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps, } from './toggle-group-item';
4
+ export { ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootProps, } from './toggle-group-root';
5
+ export { ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, } from './toggle-group-root-provider';
6
+ export { toggleGroupAnatomy } from './toggle-group.anatomy';
6
7
  export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn, } from './use-toggle-group';
7
8
  export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context';
8
- export { toggleGroupAnatomy } from './toggle-group.anatomy';
9
9
  export * as ToggleGroup from './toggle-group';
@@ -1,13 +1,13 @@
1
1
  export type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
2
- export { TooltipArrow, type TooltipArrowProps, type TooltipArrowBaseProps, } from './tooltip-arrow';
3
- export { TooltipArrowTip, type TooltipArrowTipProps, type TooltipArrowTipBaseProps, } from './tooltip-arrow-tip';
4
- export { TooltipContent, type TooltipContentProps, type TooltipContentBaseProps, } from './tooltip-content';
2
+ export { TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps, } from './tooltip-arrow';
3
+ export { TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, } from './tooltip-arrow-tip';
4
+ export { TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, } from './tooltip-content';
5
5
  export { TooltipContext, type TooltipContextProps, } from './tooltip-context';
6
- export { TooltipPositioner, type TooltipPositionerProps, type TooltipPositionerBaseProps, } from './tooltip-positioner';
7
- export { TooltipRoot, type TooltipRootProps, type TooltipRootBaseProps, } from './tooltip-root';
8
- export { TooltipRootProvider, type TooltipRootProviderProps, type TooltipRootProviderBaseProps, } from './tooltip-root-provider';
9
- export { TooltipTrigger, type TooltipTriggerProps, type TooltipTriggerBaseProps, } from './tooltip-trigger';
6
+ export { TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, } from './tooltip-positioner';
7
+ export { TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps, } from './tooltip-root';
8
+ export { TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, } from './tooltip-root-provider';
9
+ export { TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, } from './tooltip-trigger';
10
+ export { tooltipAnatomy } from './tooltip.anatomy';
10
11
  export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
11
12
  export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context';
12
- export { tooltipAnatomy } from './tooltip.anatomy';
13
13
  export * as Tooltip from './tooltip';
@@ -1,21 +1,21 @@
1
1
  export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
2
- export { TreeViewBranch, type TreeViewBranchProps, type TreeViewBranchBaseProps, } from './tree-view-branch';
3
- export { TreeViewBranchContent, type TreeViewBranchContentProps, type TreeViewBranchContentBaseProps, } from './tree-view-branch-content';
4
- export { TreeViewBranchControl, type TreeViewBranchControlProps, type TreeViewBranchControlBaseProps, } from './tree-view-branch-control';
5
- export { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps, type TreeViewBranchIndicatorBaseProps, } from './tree-view-branch-indicator';
6
- export { TreeViewBranchText, type TreeViewBranchTextProps, type TreeViewBranchTextBaseProps, } from './tree-view-branch-text';
7
- export { TreeViewBranchTrigger, type TreeViewBranchTriggerProps, type TreeViewBranchTriggerBaseProps, } from './tree-view-branch-trigger';
2
+ export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
3
+ export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
4
+ export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
5
+ export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator';
6
+ export { TreeViewBranchText, type TreeViewBranchTextBaseProps, type TreeViewBranchTextProps, } from './tree-view-branch-text';
7
+ export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeViewBranchTriggerProps, } from './tree-view-branch-trigger';
8
8
  export { TreeViewContext, type TreeViewContextProps, } from './tree-view-context';
9
- export { TreeViewItem, type TreeViewItemProps, type TreeViewItemBaseProps, } from './tree-view-item';
9
+ export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps, } from './tree-view-item';
10
10
  export { TreeViewItemContext, type TreeViewItemContextProps, } from './tree-view-item-context';
11
- export { TreeViewItemIndicator, type TreeViewItemIndicatorProps, type TreeViewItemIndicatorBaseProps, } from './tree-view-item-indicator';
12
- export { TreeViewItemText, type TreeViewItemTextProps, type TreeViewItemTextBaseProps, } from './tree-view-item-text';
13
- export { TreeViewLabel, type TreeViewLabelProps, type TreeViewLabelBaseProps, } from './tree-view-label';
14
- export { TreeViewRoot, type TreeViewRootProps, type TreeViewRootBaseProps, } from './tree-view-root';
15
- export { TreeViewRootProvider, type TreeViewRootProviderProps, type TreeViewRootProviderBaseProps, } from './tree-view-root-provider';
16
- export { TreeViewTree, type TreeViewTreeProps, type TreeViewTreeBaseProps, } from './tree-view-tree';
11
+ export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
12
+ export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
13
+ export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
14
+ export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps, } from './tree-view-root';
15
+ export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
16
+ export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps, } from './tree-view-tree';
17
+ export { treeViewAnatomy } from './tree-view.anatomy';
17
18
  export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
18
19
  export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
19
20
  export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';
20
- export { treeViewAnatomy } from './tree-view.anatomy';
21
21
  export * as TreeView from './tree-view';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/solid",
3
- "version": "3.13.0",
3
+ "version": "4.1.0",
4
4
  "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -86,76 +86,77 @@
86
86
  "sideEffects": false,
87
87
  "dependencies": {
88
88
  "@internationalized/date": "3.5.5",
89
- "@zag-js/accordion": "0.71.0",
90
- "@zag-js/anatomy": "0.71.0",
91
- "@zag-js/avatar": "0.71.0",
92
- "@zag-js/carousel": "0.71.0",
93
- "@zag-js/checkbox": "0.71.0",
94
- "@zag-js/clipboard": "0.71.0",
95
- "@zag-js/collapsible": "0.71.0",
96
- "@zag-js/color-picker": "0.71.0",
97
- "@zag-js/combobox": "0.71.0",
98
- "@zag-js/date-picker": "0.71.0",
99
- "@zag-js/dialog": "0.71.0",
100
- "@zag-js/dom-query": "0.71.0",
101
- "@zag-js/editable": "0.71.0",
102
- "@zag-js/file-upload": "0.71.0",
103
- "@zag-js/highlight-word": "0.71.0",
104
- "@zag-js/hover-card": "0.71.0",
105
- "@zag-js/file-utils": "0.71.0",
106
- "@zag-js/i18n-utils": "0.71.0",
107
- "@zag-js/menu": "0.71.0",
108
- "@zag-js/number-input": "0.71.0",
109
- "@zag-js/pagination": "0.71.0",
110
- "@zag-js/pin-input": "0.71.0",
111
- "@zag-js/popover": "0.71.0",
112
- "@zag-js/presence": "0.71.0",
113
- "@zag-js/progress": "0.71.0",
114
- "@zag-js/qr-code": "0.71.0",
115
- "@zag-js/radio-group": "0.71.0",
116
- "@zag-js/rating-group": "0.71.0",
117
- "@zag-js/select": "0.71.0",
118
- "@zag-js/signature-pad": "0.71.0",
119
- "@zag-js/slider": "0.71.0",
120
- "@zag-js/solid": "0.71.0",
121
- "@zag-js/splitter": "0.71.0",
122
- "@zag-js/steps": "0.71.0",
123
- "@zag-js/switch": "0.71.0",
124
- "@zag-js/tabs": "0.71.0",
125
- "@zag-js/tags-input": "0.71.0",
126
- "@zag-js/timer": "0.71.0",
127
- "@zag-js/time-picker": "0.71.0",
128
- "@zag-js/toast": "0.71.0",
129
- "@zag-js/toggle-group": "0.71.0",
130
- "@zag-js/tooltip": "0.71.0",
131
- "@zag-js/tree-view": "0.71.0",
132
- "@zag-js/types": "0.71.0"
89
+ "@zag-js/accordion": "0.73.0",
90
+ "@zag-js/anatomy": "0.73.0",
91
+ "@zag-js/avatar": "0.73.0",
92
+ "@zag-js/carousel": "0.73.0",
93
+ "@zag-js/checkbox": "0.73.0",
94
+ "@zag-js/clipboard": "0.73.0",
95
+ "@zag-js/collapsible": "0.73.0",
96
+ "@zag-js/collection": "0.73.0",
97
+ "@zag-js/color-picker": "0.73.0",
98
+ "@zag-js/combobox": "0.73.0",
99
+ "@zag-js/date-picker": "0.73.0",
100
+ "@zag-js/dialog": "0.73.0",
101
+ "@zag-js/dom-query": "0.73.0",
102
+ "@zag-js/editable": "0.73.0",
103
+ "@zag-js/file-upload": "0.73.0",
104
+ "@zag-js/highlight-word": "0.73.0",
105
+ "@zag-js/hover-card": "0.73.0",
106
+ "@zag-js/file-utils": "0.73.0",
107
+ "@zag-js/i18n-utils": "0.73.0",
108
+ "@zag-js/menu": "0.73.0",
109
+ "@zag-js/number-input": "0.73.0",
110
+ "@zag-js/pagination": "0.73.0",
111
+ "@zag-js/pin-input": "0.73.0",
112
+ "@zag-js/popover": "0.73.0",
113
+ "@zag-js/presence": "0.73.0",
114
+ "@zag-js/progress": "0.73.0",
115
+ "@zag-js/qr-code": "0.73.0",
116
+ "@zag-js/radio-group": "0.73.0",
117
+ "@zag-js/rating-group": "0.73.0",
118
+ "@zag-js/select": "0.73.0",
119
+ "@zag-js/signature-pad": "0.73.0",
120
+ "@zag-js/slider": "0.73.0",
121
+ "@zag-js/solid": "0.73.0",
122
+ "@zag-js/splitter": "0.73.0",
123
+ "@zag-js/steps": "0.73.0",
124
+ "@zag-js/switch": "0.73.0",
125
+ "@zag-js/tabs": "0.73.0",
126
+ "@zag-js/tags-input": "0.73.0",
127
+ "@zag-js/timer": "0.73.0",
128
+ "@zag-js/time-picker": "0.73.0",
129
+ "@zag-js/toast": "0.73.0",
130
+ "@zag-js/toggle-group": "0.73.0",
131
+ "@zag-js/tooltip": "0.73.0",
132
+ "@zag-js/tree-view": "0.73.0",
133
+ "@zag-js/types": "0.73.0"
133
134
  },
134
135
  "devDependencies": {
135
136
  "@biomejs/biome": "1.9.2",
136
137
  "@release-it/keep-a-changelog": "5.0.0",
137
- "@solidjs/testing-library": "0.8.9",
138
- "@storybook/addon-a11y": "8.3.2",
139
- "@storybook/docs-tools": "8.3.2",
140
- "@storybook/addon-essentials": "8.3.2",
138
+ "@solidjs/testing-library": "0.8.10",
139
+ "@storybook/addon-a11y": "8.3.4",
140
+ "@storybook/docs-tools": "8.3.4",
141
+ "@storybook/addon-essentials": "8.3.4",
141
142
  "@testing-library/dom": "10.4.0",
142
143
  "@testing-library/jest-dom": "6.5.0",
143
144
  "@testing-library/user-event": "14.5.2",
144
145
  "@types/jsdom": "21.1.7",
145
- "@zag-js/stringify-state": "0.71.0",
146
+ "@zag-js/stringify-state": "0.73.0",
146
147
  "globby": "14.0.2",
147
148
  "jsdom": "25.0.1",
148
- "lucide-solid": "0.445.0",
149
+ "lucide-solid": "0.446.0",
149
150
  "release-it": "17.6.0",
150
151
  "resize-observer-polyfill": "1.5.1",
151
- "rollup": "4.22.4",
152
+ "rollup": "4.22.5",
152
153
  "rollup-preset-solid": "2.0.1",
153
- "solid-js": "1.8.22",
154
- "storybook": "8.3.2",
154
+ "solid-js": "1.9.1",
155
+ "storybook": "8.3.4",
155
156
  "storybook-solidjs": "1.0.0-beta.2",
156
157
  "storybook-solidjs-vite": "1.0.0-beta.2",
157
158
  "typescript": "5.6.2",
158
- "vite": "5.4.7",
159
+ "vite": "5.4.8",
159
160
  "vite-plugin-solid": "2.10.2",
160
161
  "vitest": "2.1.1"
161
162
  },