@ark-ui/solid 2.0.0 → 2.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 (177) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/cjs/index.js +379 -267
  3. package/cjs/index.js.map +1 -1
  4. package/esm/index.js +376 -268
  5. package/esm/index.js.map +1 -1
  6. package/package.json +52 -47
  7. package/source/accordion/accordion.jsx +6 -0
  8. package/source/accordion/index.js +1 -7
  9. package/source/avatar/avatar.jsx +4 -0
  10. package/source/avatar/index.js +1 -5
  11. package/source/carousel/carousel.jsx +10 -0
  12. package/source/carousel/index.js +1 -11
  13. package/source/checkbox/checkbox.jsx +5 -0
  14. package/source/checkbox/index.js +1 -6
  15. package/source/color-picker/color-picker.jsx +24 -0
  16. package/source/color-picker/index.js +1 -25
  17. package/source/color-picker/use-color-picker.js +1 -0
  18. package/source/combobox/combobox.jsx +14 -0
  19. package/source/combobox/index.js +1 -15
  20. package/source/date-picker/date-picker-input.jsx +3 -1
  21. package/source/date-picker/date-picker-preset-trigger.jsx +10 -0
  22. package/source/date-picker/date-picker.jsx +25 -0
  23. package/source/date-picker/index.js +3 -26
  24. package/source/date-picker/use-date-picker.js +1 -0
  25. package/source/dialog/dialog-description.jsx +1 -1
  26. package/source/dialog/dialog.jsx +9 -0
  27. package/source/dialog/index.js +1 -10
  28. package/source/dialog/use-dialog.js +1 -1
  29. package/source/editable/editable.jsx +10 -0
  30. package/source/editable/index.js +1 -11
  31. package/source/file-upload/file-upload.jsx +12 -0
  32. package/source/file-upload/index.js +2 -14
  33. package/source/hover-card/hover-card.jsx +7 -0
  34. package/source/hover-card/index.js +1 -8
  35. package/source/hover-card/use-hover-card.js +1 -1
  36. package/source/menu/index.js +1 -15
  37. package/source/menu/menu.jsx +14 -0
  38. package/source/menu/use-menu.js +1 -1
  39. package/source/number-input/index.js +1 -9
  40. package/source/number-input/number-input.jsx +8 -0
  41. package/source/pagination/index.js +1 -7
  42. package/source/pagination/pagination.jsx +6 -0
  43. package/source/pin-input/index.js +1 -6
  44. package/source/pin-input/pin-input.jsx +5 -0
  45. package/source/popover/index.js +1 -13
  46. package/source/popover/popover-description.jsx +1 -1
  47. package/source/popover/popover.jsx +12 -0
  48. package/source/popover/use-popover.js +1 -1
  49. package/source/progress/index.js +1 -11
  50. package/source/progress/progress.jsx +10 -0
  51. package/source/radio-group/index.js +2 -9
  52. package/source/radio-group/radio-group.jsx +7 -0
  53. package/source/rating-group/index.js +1 -6
  54. package/source/rating-group/rating-group.jsx +5 -0
  55. package/source/segment-group/index.js +1 -8
  56. package/source/segment-group/segment-group.jsx +7 -0
  57. package/source/select/index.js +1 -16
  58. package/source/select/select-control.jsx +5 -1
  59. package/source/select/select.jsx +15 -0
  60. package/source/select/use-select.js +6 -1
  61. package/source/slider/index.js +1 -11
  62. package/source/slider/slider.jsx +10 -0
  63. package/source/splitter/index.js +1 -5
  64. package/source/splitter/splitter.jsx +4 -0
  65. package/source/switch/index.js +1 -6
  66. package/source/switch/switch.jsx +5 -0
  67. package/source/tabs/index.js +1 -7
  68. package/source/tabs/tabs.jsx +6 -0
  69. package/source/tags-input/index.js +1 -12
  70. package/source/tags-input/tags-input.jsx +11 -0
  71. package/source/toast/index.js +1 -7
  72. package/source/toast/toast.jsx +6 -0
  73. package/source/toggle-group/index.js +1 -4
  74. package/source/toggle-group/toggle-group.jsx +3 -0
  75. package/source/tooltip/index.js +1 -8
  76. package/source/tooltip/tooltip.jsx +7 -0
  77. package/source/tooltip/use-tooltip.js +1 -1
  78. package/source/tree-view/index.js +3 -14
  79. package/source/tree-view/tree-view-branch-content.jsx +3 -8
  80. package/source/tree-view/tree-view-branch-context.js +5 -0
  81. package/source/tree-view/tree-view-branch-control.jsx +3 -8
  82. package/source/tree-view/tree-view-branch-indicator.jsx +5 -8
  83. package/source/tree-view/tree-view-branch-text.jsx +3 -8
  84. package/source/tree-view/tree-view-branch-trigger.jsx +4 -9
  85. package/source/tree-view/tree-view-branch.jsx +10 -7
  86. package/source/tree-view/tree-view-depth-context.js +5 -0
  87. package/source/tree-view/tree-view-item-context.js +5 -0
  88. package/source/tree-view/tree-view-item-indicator.jsx +10 -0
  89. package/source/tree-view/tree-view-item-text.jsx +3 -5
  90. package/source/tree-view/tree-view-item.jsx +8 -3
  91. package/source/tree-view/tree-view-tree.jsx +4 -1
  92. package/source/tree-view/tree-view.jsx +13 -0
  93. package/types/accordion/accordion.d.ts +6 -0
  94. package/types/accordion/index.d.ts +11 -0
  95. package/types/avatar/avatar.d.ts +4 -0
  96. package/types/avatar/index.d.ts +1 -5
  97. package/types/carousel/carousel.d.ts +10 -0
  98. package/types/carousel/index.d.ts +14 -0
  99. package/types/checkbox/checkbox.d.ts +5 -0
  100. package/types/checkbox/index.d.ts +9 -0
  101. package/types/color-picker/color-picker.d.ts +24 -0
  102. package/types/color-picker/index.d.ts +30 -0
  103. package/types/color-picker/use-color-picker.d.ts +1 -1
  104. package/types/combobox/combobox.d.ts +14 -0
  105. package/types/combobox/index.d.ts +19 -0
  106. package/types/date-picker/date-picker-input.d.ts +4 -2
  107. package/types/date-picker/date-picker-preset-trigger.d.ts +6 -0
  108. package/types/date-picker/date-picker.d.ts +25 -0
  109. package/types/date-picker/index.d.ts +32 -0
  110. package/types/date-picker/use-date-picker.d.ts +1 -1
  111. package/types/dialog/dialog-description.d.ts +2 -2
  112. package/types/dialog/dialog.d.ts +9 -0
  113. package/types/dialog/index.d.ts +1 -10
  114. package/types/dialog/use-dialog.d.ts +1 -1
  115. package/types/editable/editable.d.ts +10 -0
  116. package/types/editable/index.d.ts +1 -11
  117. package/types/file-upload/file-upload.d.ts +12 -0
  118. package/types/file-upload/index.d.ts +16 -0
  119. package/types/hover-card/hover-card.d.ts +7 -0
  120. package/types/hover-card/index.d.ts +1 -8
  121. package/types/hover-card/use-hover-card.d.ts +1 -1
  122. package/types/menu/index.d.ts +18 -0
  123. package/types/menu/menu.d.ts +14 -0
  124. package/types/menu/use-menu.d.ts +1 -1
  125. package/types/number-input/index.d.ts +12 -0
  126. package/types/number-input/number-input.d.ts +8 -0
  127. package/types/pagination/index.d.ts +1 -7
  128. package/types/pagination/pagination.d.ts +6 -0
  129. package/types/pin-input/index.d.ts +1 -8
  130. package/types/pin-input/pin-input.d.ts +5 -0
  131. package/types/popover/index.d.ts +1 -13
  132. package/types/popover/popover-description.d.ts +2 -2
  133. package/types/popover/popover.d.ts +12 -0
  134. package/types/popover/use-popover.d.ts +1 -1
  135. package/types/progress/index.d.ts +1 -11
  136. package/types/progress/progress.d.ts +10 -0
  137. package/types/radio-group/index.d.ts +3 -10
  138. package/types/radio-group/radio-group.d.ts +7 -0
  139. package/types/rating-group/index.d.ts +10 -0
  140. package/types/rating-group/rating-group.d.ts +5 -0
  141. package/types/segment-group/index.d.ts +12 -0
  142. package/types/segment-group/segment-group.d.ts +7 -0
  143. package/types/select/index.d.ts +21 -0
  144. package/types/select/select.d.ts +15 -0
  145. package/types/select/use-select.d.ts +1 -1
  146. package/types/slider/index.d.ts +1 -11
  147. package/types/slider/slider.d.ts +10 -0
  148. package/types/splitter/index.d.ts +1 -5
  149. package/types/splitter/splitter.d.ts +4 -0
  150. package/types/switch/index.d.ts +1 -6
  151. package/types/switch/switch.d.ts +5 -0
  152. package/types/tabs/index.d.ts +1 -7
  153. package/types/tabs/tabs.d.ts +6 -0
  154. package/types/tags-input/index.d.ts +16 -0
  155. package/types/tags-input/tags-input.d.ts +11 -0
  156. package/types/toast/index.d.ts +1 -7
  157. package/types/toast/toast.d.ts +6 -0
  158. package/types/toggle-group/index.d.ts +1 -4
  159. package/types/toggle-group/toggle-group.d.ts +3 -0
  160. package/types/tooltip/index.d.ts +1 -8
  161. package/types/tooltip/tooltip.d.ts +7 -0
  162. package/types/tooltip/use-tooltip.d.ts +1 -1
  163. package/types/tree-view/index.d.ts +17 -0
  164. package/types/tree-view/tree-view-branch-content.d.ts +2 -4
  165. package/types/tree-view/tree-view-branch-context.d.ts +6 -0
  166. package/types/tree-view/tree-view-branch-control.d.ts +2 -4
  167. package/types/tree-view/tree-view-branch-indicator.d.ts +2 -4
  168. package/types/tree-view/tree-view-branch-text.d.ts +2 -4
  169. package/types/tree-view/tree-view-branch-trigger.d.ts +2 -4
  170. package/types/tree-view/tree-view-branch.d.ts +4 -3
  171. package/types/tree-view/tree-view-context.d.ts +0 -16
  172. package/types/tree-view/tree-view-depth-context.d.ts +2 -0
  173. package/types/tree-view/tree-view-item-context.d.ts +6 -0
  174. package/types/tree-view/tree-view-item-indicator.d.ts +4 -0
  175. package/types/tree-view/tree-view-item-text.d.ts +2 -4
  176. package/types/tree-view/tree-view-item.d.ts +2 -1
  177. package/types/tree-view/tree-view.d.ts +13 -0
@@ -1,6 +1,4 @@
1
1
  import { type ArkComponent, type HTMLArkProps } from '../factory';
2
- import type { Assign } from '../types';
3
- import { type BranchProps } from './tree-view-context';
4
- export interface TreeViewBranchIndicatorProps extends Assign<HTMLArkProps<'div'>, BranchProps> {
2
+ export interface TreeViewBranchIndicatorProps extends HTMLArkProps<'div'> {
5
3
  }
6
- export declare const TreeViewBranchIndicator: ArkComponent<'div', BranchProps>;
4
+ export declare const TreeViewBranchIndicator: ArkComponent<'div'>;
@@ -1,6 +1,4 @@
1
1
  import { type ArkComponent, type HTMLArkProps } from '../factory';
2
- import type { Assign } from '../types';
3
- import { type BranchProps } from './tree-view-context';
4
- export interface TreeViewBranchTextProps extends Assign<HTMLArkProps<'span'>, BranchProps> {
2
+ export interface TreeViewBranchTextProps extends HTMLArkProps<'span'> {
5
3
  }
6
- export declare const TreeViewBranchText: ArkComponent<'span', BranchProps>;
4
+ export declare const TreeViewBranchText: ArkComponent<'span'>;
@@ -1,6 +1,4 @@
1
1
  import { type ArkComponent, type HTMLArkProps } from '../factory';
2
- import type { Assign } from '../types';
3
- import { type BranchProps } from './tree-view-context';
4
- export interface TreeViewBranchTriggerProps extends Assign<HTMLArkProps<'button'>, BranchProps> {
2
+ export interface TreeViewBranchTriggerProps extends HTMLArkProps<'div'> {
5
3
  }
6
- export declare const TreeViewBranchTrigger: ArkComponent<'button', BranchProps>;
4
+ export declare const TreeViewBranchTrigger: ArkComponent<'div'>;
@@ -1,9 +1,10 @@
1
+ import type { ItemState } from '@zag-js/tree-view';
1
2
  import { type Accessor, type JSX } from 'solid-js';
2
3
  import { type ArkComponent, type HTMLArkProps } from '../factory';
3
4
  import type { Assign } from '../types';
4
- import { type BranchProps, type BranchState } from './tree-view-context';
5
- interface ElementProps extends BranchProps {
6
- children?: JSX.Element | ((state: Accessor<BranchState>) => JSX.Element);
5
+ import { type ItemProps } from './tree-view-branch-context';
6
+ interface ElementProps extends ItemProps {
7
+ children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
7
8
  }
8
9
  export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ElementProps> {
9
10
  }
@@ -1,20 +1,4 @@
1
1
  import { type UseTreeViewReturn } from './use-tree-view';
2
- export interface ItemProps {
3
- depth: number;
4
- id: string;
5
- disabled?: boolean;
6
- }
7
- export interface BranchProps extends ItemProps {
8
- }
9
- export interface ItemState {
10
- id: string;
11
- isDisabled: boolean;
12
- isSelected: boolean;
13
- isFocused: boolean;
14
- }
15
- export interface BranchState extends ItemState {
16
- isExpanded: boolean;
17
- }
18
2
  export interface TreeViewContext extends UseTreeViewReturn {
19
3
  }
20
4
  export declare const TreeViewProvider: import("solid-js").ContextProviderComponent<TreeViewContext>, useTreeViewContext: () => TreeViewContext;
@@ -0,0 +1,2 @@
1
+ export type TreeViewDepthContext = number;
2
+ export declare const TreeViewDepthProvider: import("solid-js").ContextProviderComponent<number>, useTreeViewDepthContext: () => number;
@@ -0,0 +1,6 @@
1
+ import type { ItemProps as ZagItemProps } from '@zag-js/tree-view';
2
+ export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
3
+ }
4
+ export interface TreeViewItemContext extends ZagItemProps {
5
+ }
6
+ export declare const TreeViewItemProvider: import("solid-js").ContextProviderComponent<TreeViewItemContext>, useTreeViewItemContext: () => TreeViewItemContext;
@@ -0,0 +1,4 @@
1
+ import { type ArkComponent, type HTMLArkProps } from '../factory';
2
+ export interface TreeViewItemIndicatorProps extends HTMLArkProps<'div'> {
3
+ }
4
+ export declare const TreeViewItemIndicator: ArkComponent<'div'>;
@@ -1,6 +1,4 @@
1
1
  import { type ArkComponent, type HTMLArkProps } from '../factory';
2
- import type { Assign } from '../types';
3
- import { type ItemProps } from './tree-view-context';
4
- export interface TreeViewItemTextProps extends Assign<HTMLArkProps<'span'>, ItemProps> {
2
+ export interface TreeViewItemTextProps extends HTMLArkProps<'span'> {
5
3
  }
6
- export declare const TreeViewItemText: ArkComponent<'span', ItemProps>;
4
+ export declare const TreeViewItemText: ArkComponent<'span'>;
@@ -1,7 +1,8 @@
1
+ import type { ItemState } from '@zag-js/tree-view';
1
2
  import { type Accessor, type JSX } from 'solid-js';
2
3
  import { type ArkComponent, type HTMLArkProps } from '../factory';
3
4
  import type { Assign } from '../types';
4
- import { type ItemProps, type ItemState } from './tree-view-context';
5
+ import { type ItemProps } from './tree-view-item-context';
5
6
  interface ElementProps extends ItemProps {
6
7
  children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
7
8
  }
@@ -0,0 +1,13 @@
1
+ import { TreeViewBranch as Branch } from './tree-view-branch';
2
+ import { TreeViewBranchContent as BranchContent } from './tree-view-branch-content';
3
+ import { TreeViewBranchControl as BranchControl } from './tree-view-branch-control';
4
+ import { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-indicator';
5
+ import { TreeViewBranchText as BranchText } from './tree-view-branch-text';
6
+ import { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger';
7
+ import { TreeViewItem as Item } from './tree-view-item';
8
+ import { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicator';
9
+ import { TreeViewItemText as ItemText } from './tree-view-item-text';
10
+ import { TreeViewLabel as Label } from './tree-view-label';
11
+ import { TreeViewRoot as Root } from './tree-view-root';
12
+ import { TreeViewTree as Tree } from './tree-view-tree';
13
+ export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Item, ItemIndicator, ItemText, Label, Root, Tree, };