@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

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 (217) hide show
  1. package/cjs/avatar/avatar.js +1 -1
  2. package/cjs/avatar/avatar.styles.js +1 -1
  3. package/cjs/button/button-icon.js +1 -1
  4. package/cjs/button/button.js +1 -1
  5. package/cjs/button/button.styles.js +1 -1
  6. package/cjs/card/card.js +1 -1
  7. package/cjs/card/card.styles.js +1 -1
  8. package/cjs/card/index.js +1 -1
  9. package/cjs/card/use-card.js +1 -0
  10. package/cjs/checkbox/checkbox-group.js +1 -1
  11. package/cjs/checkbox/checkbox.styles.js +1 -1
  12. package/cjs/checkbox/use-checkbox-group.js +1 -1
  13. package/cjs/collapse/collapse.styles.js +1 -1
  14. package/cjs/css-baseline/css-baseline.js +1 -1
  15. package/cjs/dropdown/base/dropdown-item-base.js +1 -0
  16. package/cjs/dropdown/dropdown-button.js +1 -0
  17. package/cjs/dropdown/dropdown-context.js +1 -0
  18. package/cjs/dropdown/dropdown-icon.js +1 -0
  19. package/cjs/dropdown/dropdown-item.js +1 -0
  20. package/cjs/dropdown/dropdown-menu.js +1 -0
  21. package/cjs/dropdown/dropdown-section.js +1 -0
  22. package/cjs/dropdown/dropdown-trigger.js +1 -0
  23. package/cjs/dropdown/dropdown-types.js +1 -0
  24. package/cjs/dropdown/dropdown.js +1 -0
  25. package/cjs/dropdown/dropdown.styles.js +1 -0
  26. package/cjs/dropdown/index.js +1 -0
  27. package/cjs/dropdown/use-dropdown.js +1 -0
  28. package/cjs/image/image.js +1 -1
  29. package/cjs/image/image.styles.js +1 -1
  30. package/cjs/index.js +1 -1
  31. package/cjs/input/input.styles.js +1 -1
  32. package/cjs/modal/modal.styles.js +1 -1
  33. package/cjs/pagination/pagination.styles.js +1 -1
  34. package/cjs/popover/popover-content.js +1 -1
  35. package/cjs/popover/popover-trigger.js +1 -1
  36. package/cjs/popover/popover.js +1 -1
  37. package/cjs/popover/popover.styles.js +1 -1
  38. package/cjs/popover/use-popover.js +1 -1
  39. package/cjs/popover/utils.js +1 -1
  40. package/cjs/radio/index.js +1 -1
  41. package/cjs/radio/radio-context.js +1 -1
  42. package/cjs/radio/radio-group.js +1 -1
  43. package/cjs/radio/radio.js +1 -1
  44. package/cjs/radio/radio.styles.js +1 -1
  45. package/cjs/radio/use-radio-group.js +1 -0
  46. package/cjs/radio/use-radio.js +1 -0
  47. package/cjs/snippet/snippet.styles.js +1 -1
  48. package/cjs/switch/switch.styles.js +1 -1
  49. package/cjs/table/table.styles.js +1 -1
  50. package/cjs/theme/colors/gray.js +1 -1
  51. package/cjs/theme/common.js +1 -1
  52. package/cjs/theme/dark-theme.js +1 -1
  53. package/cjs/theme/light-theme.js +1 -1
  54. package/cjs/theme/shared-css.js +1 -0
  55. package/cjs/theme/stitches.config.js +1 -1
  56. package/cjs/tooltip/tooltip.styles.js +1 -1
  57. package/cjs/user/index.js +1 -1
  58. package/cjs/user/user-link.js +1 -1
  59. package/cjs/user/user.js +1 -1
  60. package/cjs/user/user.styles.js +1 -1
  61. package/cjs/utils/checkmark.js +1 -0
  62. package/cjs/utils/color.js +1 -1
  63. package/cjs/utils/dom.js +1 -1
  64. package/cjs/utils/icons.js +1 -1
  65. package/cjs/utils/prop-types.js +1 -1
  66. package/dropdown/package.json +6 -0
  67. package/esm/avatar/avatar.js +1 -1
  68. package/esm/avatar/avatar.styles.js +1 -1
  69. package/esm/button/button-icon.js +1 -1
  70. package/esm/button/button.js +1 -1
  71. package/esm/button/button.styles.js +1 -1
  72. package/esm/card/card.js +1 -1
  73. package/esm/card/card.styles.js +1 -1
  74. package/esm/card/index.js +1 -1
  75. package/esm/card/use-card.js +1 -0
  76. package/esm/checkbox/checkbox-group.js +1 -1
  77. package/esm/checkbox/checkbox.styles.js +1 -1
  78. package/esm/checkbox/use-checkbox-group.js +1 -1
  79. package/esm/collapse/collapse.styles.js +1 -1
  80. package/esm/css-baseline/css-baseline.js +1 -1
  81. package/esm/dropdown/base/dropdown-item-base.js +1 -0
  82. package/esm/dropdown/dropdown-button.js +1 -0
  83. package/esm/dropdown/dropdown-context.js +1 -0
  84. package/esm/dropdown/dropdown-icon.js +1 -0
  85. package/esm/dropdown/dropdown-item.js +1 -0
  86. package/esm/dropdown/dropdown-menu.js +1 -0
  87. package/esm/dropdown/dropdown-section.js +1 -0
  88. package/esm/dropdown/dropdown-trigger.js +1 -0
  89. package/esm/dropdown/dropdown-types.js +1 -0
  90. package/esm/dropdown/dropdown.js +1 -0
  91. package/esm/dropdown/dropdown.styles.js +1 -0
  92. package/esm/dropdown/index.js +1 -0
  93. package/esm/dropdown/use-dropdown.js +1 -0
  94. package/esm/image/image.js +1 -1
  95. package/esm/image/image.styles.js +1 -1
  96. package/esm/index.js +1 -1
  97. package/esm/input/input.styles.js +1 -1
  98. package/esm/modal/modal.styles.js +1 -1
  99. package/esm/pagination/pagination.styles.js +1 -1
  100. package/esm/popover/popover-content.js +1 -1
  101. package/esm/popover/popover-trigger.js +1 -1
  102. package/esm/popover/popover.js +1 -1
  103. package/esm/popover/popover.styles.js +1 -1
  104. package/esm/popover/use-popover.js +1 -1
  105. package/esm/popover/utils.js +1 -1
  106. package/esm/radio/index.js +1 -1
  107. package/esm/radio/radio-context.js +1 -1
  108. package/esm/radio/radio-group.js +1 -1
  109. package/esm/radio/radio.js +1 -1
  110. package/esm/radio/radio.styles.js +1 -1
  111. package/esm/radio/use-radio-group.js +1 -0
  112. package/esm/radio/use-radio.js +1 -0
  113. package/esm/snippet/snippet.styles.js +1 -1
  114. package/esm/switch/switch.styles.js +1 -1
  115. package/esm/table/table.styles.js +1 -1
  116. package/esm/theme/colors/gray.js +1 -1
  117. package/esm/theme/common.js +1 -1
  118. package/esm/theme/dark-theme.js +1 -1
  119. package/esm/theme/light-theme.js +1 -1
  120. package/esm/theme/shared-css.js +1 -0
  121. package/esm/theme/stitches.config.js +1 -1
  122. package/esm/tooltip/tooltip.styles.js +1 -1
  123. package/esm/user/index.js +1 -1
  124. package/esm/user/user-link.js +1 -1
  125. package/esm/user/user.js +1 -1
  126. package/esm/user/user.styles.js +1 -1
  127. package/esm/utils/checkmark.js +1 -0
  128. package/esm/utils/color.js +1 -1
  129. package/esm/utils/dom.js +1 -1
  130. package/esm/utils/icons.js +1 -1
  131. package/esm/utils/prop-types.js +1 -1
  132. package/package.json +6 -1
  133. package/types/avatar/avatar-group.styles.d.ts +150 -6
  134. package/types/avatar/avatar.d.ts +2372 -11
  135. package/types/avatar/avatar.styles.d.ts +2447 -14
  136. package/types/backdrop/backdrop.styles.d.ts +225 -9
  137. package/types/button/button-group.styles.d.ts +75 -3
  138. package/types/button/button-icon.d.ts +79 -5
  139. package/types/button/button.d.ts +5 -3
  140. package/types/button/button.styles.d.ts +1249 -7
  141. package/types/card/card.d.ts +8 -9
  142. package/types/card/card.styles.d.ts +2621 -24
  143. package/types/card/use-card.d.ts +301 -0
  144. package/types/checkbox/checkbox.styles.d.ts +751 -31
  145. package/types/checkbox/use-checkbox-group.d.ts +3 -2
  146. package/types/code/code.styles.d.ts +150 -6
  147. package/types/col/col.styles.d.ts +75 -3
  148. package/types/collapse/collapse.styles.d.ts +450 -18
  149. package/types/container/container.styles.d.ts +75 -3
  150. package/types/divider/divider.styles.d.ts +150 -6
  151. package/types/dropdown/base/dropdown-item-base.d.ts +19 -0
  152. package/types/dropdown/dropdown-button.d.ts +3689 -0
  153. package/types/dropdown/dropdown-context.d.ts +728 -0
  154. package/types/dropdown/dropdown-icon.d.ts +9 -0
  155. package/types/dropdown/dropdown-item.d.ts +31 -0
  156. package/types/dropdown/dropdown-menu.d.ts +30 -0
  157. package/types/dropdown/dropdown-section.d.ts +29 -0
  158. package/types/dropdown/dropdown-trigger.d.ts +11 -0
  159. package/types/dropdown/dropdown-types.d.ts +24 -0
  160. package/types/dropdown/dropdown.d.ts +24 -0
  161. package/types/dropdown/dropdown.styles.d.ts +11869 -0
  162. package/types/dropdown/index.d.ts +9 -0
  163. package/types/dropdown/use-dropdown.d.ts +389 -0
  164. package/types/grid/grid.styles.d.ts +150 -6
  165. package/types/image/image.d.ts +5 -18
  166. package/types/image/image.styles.d.ts +225 -9
  167. package/types/index.d.ts +4 -1
  168. package/types/input/input-password.d.ts +1 -1
  169. package/types/input/input-props.d.ts +2 -2
  170. package/types/input/input.styles.d.ts +825 -33
  171. package/types/link/link.styles.d.ts +150 -6
  172. package/types/loading/loading.styles.d.ts +450 -18
  173. package/types/modal/modal.styles.d.ts +450 -18
  174. package/types/pagination/pagination.styles.d.ts +450 -18
  175. package/types/popover/popover-content.d.ts +1147 -2
  176. package/types/popover/popover-context.d.ts +120 -0
  177. package/types/popover/popover.d.ts +4 -4
  178. package/types/popover/popover.styles.d.ts +1279 -7
  179. package/types/popover/use-popover.d.ts +83 -4
  180. package/types/popover/utils.d.ts +3 -1
  181. package/types/progress/progress.d.ts +1 -1
  182. package/types/progress/progress.styles.d.ts +150 -6
  183. package/types/radio/index.d.ts +2 -2
  184. package/types/radio/radio-context.d.ts +22 -13
  185. package/types/radio/radio-group.d.ts +9 -78
  186. package/types/radio/radio.d.ts +10 -66
  187. package/types/radio/radio.styles.d.ts +2574 -35
  188. package/types/radio/use-radio-group.d.ts +26 -0
  189. package/types/radio/use-radio.d.ts +31 -0
  190. package/types/row/row.styles.d.ts +75 -3
  191. package/types/snippet/snippet.styles.d.ts +300 -12
  192. package/types/spacer/spacer.styles.d.ts +75 -3
  193. package/types/switch/switch.d.ts +1 -1
  194. package/types/switch/switch.styles.d.ts +300 -12
  195. package/types/table/table-column-header.d.ts +75 -3
  196. package/types/table/table-sort-icon.d.ts +75 -3
  197. package/types/table/table.styles.d.ts +1278 -52
  198. package/types/text/text.styles.d.ts +75 -3
  199. package/types/textarea/textarea.d.ts +1 -1
  200. package/types/theme/common.d.ts +127 -6
  201. package/types/theme/dark-theme.d.ts +11 -0
  202. package/types/theme/light-theme.d.ts +7 -0
  203. package/types/theme/shared-css.d.ts +5237 -0
  204. package/types/theme/stitches.config.d.ts +643 -2964
  205. package/types/theme/types.d.ts +3 -0
  206. package/types/tooltip/tooltip.d.ts +1 -1
  207. package/types/tooltip/tooltip.styles.d.ts +300 -12
  208. package/types/user/index.d.ts +1 -1
  209. package/types/user/user-link.d.ts +4 -11
  210. package/types/user/user.styles.d.ts +298 -983
  211. package/types/utils/checkmark.d.ts +19 -0
  212. package/types/utils/color.d.ts +1 -0
  213. package/types/utils/dom.d.ts +5 -2
  214. package/types/utils/drip.d.ts +76 -4
  215. package/types/utils/prop-types.d.ts +4 -0
  216. package/umd/nextui.js +6269 -3172
  217. package/umd/nextui.min.js +1 -1
package/types/popover/popover-context.d.ts CHANGED
@@ -5,9 +5,69 @@ export declare const PopoverProvider: import("react").Provider<{
5
5
  overlayRef: import("react").RefObject<HTMLElement>;
6
6
  triggerRef: import("react").RefObject<HTMLElement>;
7
7
  placement: import("./utils").PopoverPlacement;
8
+ disableShadow: boolean | "true" | ({
9
+ "@xs"?: boolean | "true" | undefined;
10
+ "@sm"?: boolean | "true" | undefined;
11
+ "@md"?: boolean | "true" | undefined;
12
+ "@lg"?: boolean | "true" | undefined;
13
+ "@xl"?: boolean | "true" | undefined;
14
+ "@dark"?: boolean | "true" | undefined;
15
+ "@light"?: boolean | "true" | undefined;
16
+ "@hover"?: boolean | "true" | undefined;
17
+ "@motion"?: boolean | "true" | undefined;
18
+ "@xsMax"?: boolean | "true" | undefined;
19
+ "@smMax"?: boolean | "true" | undefined;
20
+ "@mdMax"?: boolean | "true" | undefined;
21
+ "@lgMax"?: boolean | "true" | undefined;
22
+ "@xlMax"?: boolean | "true" | undefined;
23
+ "@safari"?: boolean | "true" | undefined;
24
+ "@initial"?: boolean | "true" | undefined;
25
+ } & {
26
+ [x: string]: boolean | "true" | undefined;
27
+ }) | undefined;
8
28
  disableAnimation: boolean;
9
29
  shouldCloseOnBlur: boolean;
10
30
  isDismissable: boolean;
31
+ isBordered: boolean | "true" | ({
32
+ "@xs"?: boolean | "true" | undefined;
33
+ "@sm"?: boolean | "true" | undefined;
34
+ "@md"?: boolean | "true" | undefined;
35
+ "@lg"?: boolean | "true" | undefined;
36
+ "@xl"?: boolean | "true" | undefined;
37
+ "@dark"?: boolean | "true" | undefined;
38
+ "@light"?: boolean | "true" | undefined;
39
+ "@hover"?: boolean | "true" | undefined;
40
+ "@motion"?: boolean | "true" | undefined;
41
+ "@xsMax"?: boolean | "true" | undefined;
42
+ "@smMax"?: boolean | "true" | undefined;
43
+ "@mdMax"?: boolean | "true" | undefined;
44
+ "@lgMax"?: boolean | "true" | undefined;
45
+ "@xlMax"?: boolean | "true" | undefined;
46
+ "@safari"?: boolean | "true" | undefined;
47
+ "@initial"?: boolean | "true" | undefined;
48
+ } & {
49
+ [x: string]: boolean | "true" | undefined;
50
+ }) | undefined;
51
+ borderWeight: "light" | "normal" | "bold" | "extrabold" | "black" | ({
52
+ "@xs"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
53
+ "@sm"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
54
+ "@md"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
55
+ "@lg"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
56
+ "@xl"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
57
+ "@dark"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
58
+ "@light"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
59
+ "@hover"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
60
+ "@motion"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
61
+ "@xsMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
62
+ "@smMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
63
+ "@mdMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
64
+ "@lgMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
65
+ "@xlMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
66
+ "@safari"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
67
+ "@initial"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
68
+ } & {
69
+ [x: string]: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
70
+ }) | undefined;
11
71
  isKeyboardDismissDisabled: boolean;
12
72
  shouldCloseOnInteractOutside: ((element: HTMLElement) => boolean) | undefined;
13
73
  isOpen: boolean;
@@ -25,9 +85,69 @@ export declare const PopoverProvider: import("react").Provider<{
25
85
  overlayRef: import("react").RefObject<HTMLElement>;
26
86
  triggerRef: import("react").RefObject<HTMLElement>;
27
87
  placement: import("./utils").PopoverPlacement;
88
+ disableShadow: boolean | "true" | ({
89
+ "@xs"?: boolean | "true" | undefined;
90
+ "@sm"?: boolean | "true" | undefined;
91
+ "@md"?: boolean | "true" | undefined;
92
+ "@lg"?: boolean | "true" | undefined;
93
+ "@xl"?: boolean | "true" | undefined;
94
+ "@dark"?: boolean | "true" | undefined;
95
+ "@light"?: boolean | "true" | undefined;
96
+ "@hover"?: boolean | "true" | undefined;
97
+ "@motion"?: boolean | "true" | undefined;
98
+ "@xsMax"?: boolean | "true" | undefined;
99
+ "@smMax"?: boolean | "true" | undefined;
100
+ "@mdMax"?: boolean | "true" | undefined;
101
+ "@lgMax"?: boolean | "true" | undefined;
102
+ "@xlMax"?: boolean | "true" | undefined;
103
+ "@safari"?: boolean | "true" | undefined;
104
+ "@initial"?: boolean | "true" | undefined;
105
+ } & {
106
+ [x: string]: boolean | "true" | undefined;
107
+ }) | undefined;
28
108
  disableAnimation: boolean;
29
109
  shouldCloseOnBlur: boolean;
30
110
  isDismissable: boolean;
111
+ isBordered: boolean | "true" | ({
112
+ "@xs"?: boolean | "true" | undefined;
113
+ "@sm"?: boolean | "true" | undefined;
114
+ "@md"?: boolean | "true" | undefined;
115
+ "@lg"?: boolean | "true" | undefined;
116
+ "@xl"?: boolean | "true" | undefined;
117
+ "@dark"?: boolean | "true" | undefined;
118
+ "@light"?: boolean | "true" | undefined;
119
+ "@hover"?: boolean | "true" | undefined;
120
+ "@motion"?: boolean | "true" | undefined;
121
+ "@xsMax"?: boolean | "true" | undefined;
122
+ "@smMax"?: boolean | "true" | undefined;
123
+ "@mdMax"?: boolean | "true" | undefined;
124
+ "@lgMax"?: boolean | "true" | undefined;
125
+ "@xlMax"?: boolean | "true" | undefined;
126
+ "@safari"?: boolean | "true" | undefined;
127
+ "@initial"?: boolean | "true" | undefined;
128
+ } & {
129
+ [x: string]: boolean | "true" | undefined;
130
+ }) | undefined;
131
+ borderWeight: "light" | "normal" | "bold" | "extrabold" | "black" | ({
132
+ "@xs"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
133
+ "@sm"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
134
+ "@md"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
135
+ "@lg"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
136
+ "@xl"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
137
+ "@dark"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
138
+ "@light"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
139
+ "@hover"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
140
+ "@motion"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
141
+ "@xsMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
142
+ "@smMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
143
+ "@mdMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
144
+ "@lgMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
145
+ "@xlMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
146
+ "@safari"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
147
+ "@initial"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
148
+ } & {
149
+ [x: string]: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
150
+ }) | undefined;
31
151
  isKeyboardDismissDisabled: boolean;
32
152
  shouldCloseOnInteractOutside: ((element: HTMLElement) => boolean) | undefined;
33
153
  isOpen: boolean;
package/types/popover/popover.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { ReactNode } from 'react';
1
+ import React, { ReactNode, RefAttributes, PropsWithoutRef } from 'react';
2
2
  import { PopoverContent } from './popover-content';
3
3
  import { UsePopoverProps } from './use-popover';
4
4
  import { PopoverTrigger } from './popover-trigger';
@@ -7,11 +7,11 @@ export interface PopoverProps extends UsePopoverProps {
7
7
  * The content of the popover. It is usually the `Popover.Trigger`,
8
8
  * and `Popover.Content`
9
9
  */
10
- children: ReactNode | undefined;
10
+ children: ReactNode[];
11
11
  }
12
- declare type PopoverComponent<P = {}> = React.FC<P> & {
12
+ declare type PopoverComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
13
13
  Trigger: typeof PopoverTrigger;
14
14
  Content: typeof PopoverContent;
15
15
  };
16
- declare const _default: PopoverComponent<PopoverProps>;
16
+ declare const _default: PopoverComponent<HTMLElement, PopoverProps>;
17
17
  export default _default;