@cerberus-design/react 0.7.4 → 0.8.0-next-a23daaf

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 (163) hide show
  1. package/build/legacy/_tsup-dts-rollup.d.ts +592 -7
  2. package/build/legacy/chunk-2VPKILZ6.js +122 -0
  3. package/build/legacy/chunk-2VPKILZ6.js.map +1 -0
  4. package/build/legacy/chunk-3C2DJSEE.js +16 -0
  5. package/build/legacy/chunk-3C2DJSEE.js.map +1 -0
  6. package/build/legacy/chunk-3GXISGPS.js +47 -0
  7. package/build/legacy/chunk-3GXISGPS.js.map +1 -0
  8. package/build/legacy/{chunk-2ATICEW3.js → chunk-6F34A7NZ.js} +4 -2
  9. package/build/legacy/chunk-6F34A7NZ.js.map +1 -0
  10. package/build/legacy/chunk-7VJOPJVX.js +29 -0
  11. package/build/legacy/chunk-7VJOPJVX.js.map +1 -0
  12. package/build/legacy/chunk-A5WYZVUR.js +28 -0
  13. package/build/legacy/chunk-A5WYZVUR.js.map +1 -0
  14. package/build/legacy/{chunk-XGNAFSMG.js → chunk-AAKIOHAX.js} +3 -3
  15. package/build/{modern/chunk-6TXQZ3PB.js → legacy/chunk-BEYPMC73.js} +2 -2
  16. package/build/legacy/chunk-GVNPFXKL.js +26 -0
  17. package/build/legacy/chunk-GVNPFXKL.js.map +1 -0
  18. package/build/legacy/chunk-HW76XVA3.js +22 -0
  19. package/build/legacy/chunk-HW76XVA3.js.map +1 -0
  20. package/build/legacy/{chunk-JWQJLOX4.js → chunk-IL5ELPTT.js} +2 -2
  21. package/build/legacy/{chunk-CU7HXAKM.js → chunk-JJGZRBIR.js} +4 -4
  22. package/build/legacy/{chunk-7CZ3NIGH.js → chunk-L46XIE3D.js} +11 -11
  23. package/build/legacy/chunk-LF2QFS5S.js +76 -0
  24. package/build/legacy/chunk-LF2QFS5S.js.map +1 -0
  25. package/build/legacy/chunk-N3FUF4TB.js +12 -0
  26. package/build/legacy/chunk-N3FUF4TB.js.map +1 -0
  27. package/build/legacy/chunk-PJ3744I6.js +24 -0
  28. package/build/legacy/chunk-PJ3744I6.js.map +1 -0
  29. package/build/legacy/chunk-SMCEFK6Q.js +63 -0
  30. package/build/legacy/chunk-SMCEFK6Q.js.map +1 -0
  31. package/build/legacy/{chunk-5GEC53G7.js → chunk-XB4ZRAH4.js} +5 -5
  32. package/build/legacy/chunk-XREC5IJE.js +24 -0
  33. package/build/legacy/chunk-XREC5IJE.js.map +1 -0
  34. package/build/legacy/components/Button.js +1 -1
  35. package/build/legacy/components/Droppable.js +8 -0
  36. package/build/legacy/components/Droppable.js.map +1 -0
  37. package/build/legacy/components/FileUploader.js +11 -0
  38. package/build/legacy/components/FileUploader.js.map +1 -0
  39. package/build/legacy/components/Input.js +4 -4
  40. package/build/legacy/components/Label.js +2 -2
  41. package/build/legacy/components/Notification.js +11 -0
  42. package/build/legacy/components/Notification.js.map +1 -0
  43. package/build/legacy/components/NotificationDescription.js +7 -0
  44. package/build/legacy/components/NotificationDescription.js.map +1 -0
  45. package/build/legacy/components/NotificationHeading.js +7 -0
  46. package/build/legacy/components/NotificationHeading.js.map +1 -0
  47. package/build/legacy/components/Table.js +9 -0
  48. package/build/legacy/components/Table.js.map +1 -0
  49. package/build/legacy/components/Tbody.js +7 -0
  50. package/build/legacy/components/Tbody.js.map +1 -0
  51. package/build/legacy/components/Td.js +7 -0
  52. package/build/legacy/components/Td.js.map +1 -0
  53. package/build/legacy/components/Th.js +8 -0
  54. package/build/legacy/components/Th.js.map +1 -0
  55. package/build/legacy/components/Thead.js +7 -0
  56. package/build/legacy/components/Thead.js.map +1 -0
  57. package/build/legacy/components/Toggle.js +3 -3
  58. package/build/legacy/config/cerbIcons.js +1 -1
  59. package/build/legacy/config/defineIcons.js +2 -2
  60. package/build/legacy/context/confirm-modal.js +4 -4
  61. package/build/legacy/context/notification-center.js +19 -0
  62. package/build/legacy/context/notification-center.js.map +1 -0
  63. package/build/legacy/context/prompt-modal.js +7 -7
  64. package/build/legacy/index.js +86 -35
  65. package/build/legacy/index.js.map +1 -1
  66. package/build/modern/_tsup-dts-rollup.d.ts +592 -7
  67. package/build/modern/chunk-3C2DJSEE.js +16 -0
  68. package/build/modern/chunk-3C2DJSEE.js.map +1 -0
  69. package/build/modern/chunk-3GXISGPS.js +47 -0
  70. package/build/modern/chunk-3GXISGPS.js.map +1 -0
  71. package/build/modern/chunk-4N2L357B.js +76 -0
  72. package/build/modern/chunk-4N2L357B.js.map +1 -0
  73. package/build/modern/{chunk-2ATICEW3.js → chunk-6F34A7NZ.js} +4 -2
  74. package/build/modern/chunk-6F34A7NZ.js.map +1 -0
  75. package/build/modern/chunk-7VJOPJVX.js +29 -0
  76. package/build/modern/chunk-7VJOPJVX.js.map +1 -0
  77. package/build/modern/chunk-A5WYZVUR.js +28 -0
  78. package/build/modern/chunk-A5WYZVUR.js.map +1 -0
  79. package/build/{legacy/chunk-6TXQZ3PB.js → modern/chunk-BEYPMC73.js} +2 -2
  80. package/build/modern/chunk-GVNPFXKL.js +26 -0
  81. package/build/modern/chunk-GVNPFXKL.js.map +1 -0
  82. package/build/modern/chunk-HW76XVA3.js +22 -0
  83. package/build/modern/chunk-HW76XVA3.js.map +1 -0
  84. package/build/modern/{chunk-JWQJLOX4.js → chunk-IL5ELPTT.js} +2 -2
  85. package/build/modern/chunk-IOG6XIR5.js +62 -0
  86. package/build/modern/chunk-IOG6XIR5.js.map +1 -0
  87. package/build/modern/{chunk-CU7HXAKM.js → chunk-JJGZRBIR.js} +4 -4
  88. package/build/modern/{chunk-FAXDUWAU.js → chunk-LTDNZRUY.js} +11 -11
  89. package/build/modern/chunk-N3FUF4TB.js +12 -0
  90. package/build/modern/chunk-N3FUF4TB.js.map +1 -0
  91. package/build/modern/chunk-PJ3744I6.js +24 -0
  92. package/build/modern/chunk-PJ3744I6.js.map +1 -0
  93. package/build/modern/chunk-QO2UXGW4.js +122 -0
  94. package/build/modern/chunk-QO2UXGW4.js.map +1 -0
  95. package/build/modern/{chunk-5GEC53G7.js → chunk-XB4ZRAH4.js} +5 -5
  96. package/build/modern/chunk-XREC5IJE.js +24 -0
  97. package/build/modern/chunk-XREC5IJE.js.map +1 -0
  98. package/build/modern/{chunk-TPRGGEVJ.js → chunk-Y5IY7O23.js} +3 -3
  99. package/build/modern/components/Button.js +1 -1
  100. package/build/modern/components/Droppable.js +8 -0
  101. package/build/modern/components/Droppable.js.map +1 -0
  102. package/build/modern/components/FileUploader.js +11 -0
  103. package/build/modern/components/FileUploader.js.map +1 -0
  104. package/build/modern/components/Input.js +4 -4
  105. package/build/modern/components/Label.js +2 -2
  106. package/build/modern/components/Notification.js +11 -0
  107. package/build/modern/components/Notification.js.map +1 -0
  108. package/build/modern/components/NotificationDescription.js +7 -0
  109. package/build/modern/components/NotificationDescription.js.map +1 -0
  110. package/build/modern/components/NotificationHeading.js +7 -0
  111. package/build/modern/components/NotificationHeading.js.map +1 -0
  112. package/build/modern/components/Table.js +9 -0
  113. package/build/modern/components/Table.js.map +1 -0
  114. package/build/modern/components/Tbody.js +7 -0
  115. package/build/modern/components/Tbody.js.map +1 -0
  116. package/build/modern/components/Td.js +7 -0
  117. package/build/modern/components/Td.js.map +1 -0
  118. package/build/modern/components/Th.js +8 -0
  119. package/build/modern/components/Th.js.map +1 -0
  120. package/build/modern/components/Thead.js +7 -0
  121. package/build/modern/components/Thead.js.map +1 -0
  122. package/build/modern/components/Toggle.js +3 -3
  123. package/build/modern/config/cerbIcons.js +1 -1
  124. package/build/modern/config/defineIcons.js +2 -2
  125. package/build/modern/context/confirm-modal.js +4 -4
  126. package/build/modern/context/notification-center.js +19 -0
  127. package/build/modern/context/notification-center.js.map +1 -0
  128. package/build/modern/context/prompt-modal.js +7 -7
  129. package/build/modern/index.js +86 -35
  130. package/build/modern/index.js.map +1 -1
  131. package/package.json +5 -2
  132. package/src/components/Button.tsx +6 -3
  133. package/src/components/Droppable.tsx +33 -0
  134. package/src/components/FileUploader.tsx +55 -0
  135. package/src/components/Notification.tsx +98 -0
  136. package/src/components/NotificationDescription.tsx +31 -0
  137. package/src/components/NotificationHeading.tsx +28 -0
  138. package/src/components/Table.tsx +58 -0
  139. package/src/components/Tbody.tsx +31 -0
  140. package/src/components/Td.tsx +34 -0
  141. package/src/components/Th.tsx +56 -0
  142. package/src/components/Thead.tsx +24 -0
  143. package/src/config/cerbIcons.ts +20 -4
  144. package/src/context/notification-center.tsx +181 -0
  145. package/src/index.ts +15 -0
  146. package/build/legacy/chunk-2ATICEW3.js.map +0 -1
  147. package/build/legacy/chunk-C45DY4VE.js +0 -17
  148. package/build/legacy/chunk-C45DY4VE.js.map +0 -1
  149. package/build/modern/chunk-2ATICEW3.js.map +0 -1
  150. package/build/modern/chunk-C45DY4VE.js +0 -17
  151. package/build/modern/chunk-C45DY4VE.js.map +0 -1
  152. /package/build/legacy/{chunk-XGNAFSMG.js.map → chunk-AAKIOHAX.js.map} +0 -0
  153. /package/build/legacy/{chunk-6TXQZ3PB.js.map → chunk-BEYPMC73.js.map} +0 -0
  154. /package/build/legacy/{chunk-JWQJLOX4.js.map → chunk-IL5ELPTT.js.map} +0 -0
  155. /package/build/legacy/{chunk-CU7HXAKM.js.map → chunk-JJGZRBIR.js.map} +0 -0
  156. /package/build/legacy/{chunk-7CZ3NIGH.js.map → chunk-L46XIE3D.js.map} +0 -0
  157. /package/build/legacy/{chunk-5GEC53G7.js.map → chunk-XB4ZRAH4.js.map} +0 -0
  158. /package/build/modern/{chunk-6TXQZ3PB.js.map → chunk-BEYPMC73.js.map} +0 -0
  159. /package/build/modern/{chunk-JWQJLOX4.js.map → chunk-IL5ELPTT.js.map} +0 -0
  160. /package/build/modern/{chunk-CU7HXAKM.js.map → chunk-JJGZRBIR.js.map} +0 -0
  161. /package/build/modern/{chunk-FAXDUWAU.js.map → chunk-LTDNZRUY.js.map} +0 -0
  162. /package/build/modern/{chunk-5GEC53G7.js.map → chunk-XB4ZRAH4.js.map} +0 -0
  163. /package/build/modern/{chunk-TPRGGEVJ.js.map → chunk-Y5IY7O23.js.map} +0 -0
@@ -1,21 +1,94 @@
1
+ import { Activator } from '@dnd-kit/core';
2
+ import { Activators } from '@dnd-kit/core';
3
+ import { Active } from '@dnd-kit/core';
1
4
  import type { AnchorHTMLAttributes } from 'react';
2
- import { button } from '@cerberus/styled-system/recipes';
5
+ import { Announcements } from '@dnd-kit/core';
6
+ import { applyModifiers } from '@dnd-kit/core';
7
+ import { AutoScrollActivator } from '@dnd-kit/core';
8
+ import { AutoScrollOptions } from '@dnd-kit/core';
3
9
  import { ButtonHTMLAttributes } from 'react';
10
+ import { ButtonVariantProps } from '@cerberus/styled-system/recipes';
11
+ import { CancelDrop } from '@dnd-kit/core';
4
12
  import { CarbonIconType } from '@cerberus/icons';
5
13
  import { ChangeEvent } from 'react';
14
+ import { ClientRect as ClientRect_2 } from '@dnd-kit/core';
15
+ import { closestCenter } from '@dnd-kit/core';
16
+ import { closestCorners } from '@dnd-kit/core';
17
+ import { Collision } from '@dnd-kit/core';
18
+ import { CollisionDescriptor } from '@dnd-kit/core';
19
+ import { CollisionDetection } from '@dnd-kit/core';
6
20
  import { Context } from 'react';
21
+ import { Data } from '@dnd-kit/core';
22
+ import { DataRef } from '@dnd-kit/core';
23
+ import { defaultAnnouncements } from '@dnd-kit/core';
24
+ import { defaultCoordinates } from '@dnd-kit/core';
25
+ import { defaultDropAnimation } from '@dnd-kit/core';
26
+ import { defaultDropAnimationSideEffects } from '@dnd-kit/core';
27
+ import { defaultScreenReaderInstructions } from '@dnd-kit/core';
28
+ import { DialogHTMLAttributes } from 'react';
29
+ import { DistanceMeasurement } from '@dnd-kit/core';
30
+ import { DndContext } from '@dnd-kit/core';
31
+ import { DndContextDescriptor } from '@dnd-kit/core';
32
+ import { DndContextProps } from '@dnd-kit/core';
33
+ import { DndMonitorArguments } from '@dnd-kit/core';
34
+ import { DndMonitorListener } from '@dnd-kit/core';
35
+ import { DragCancelEvent } from '@dnd-kit/core';
36
+ import { DragEndEvent } from '@dnd-kit/core';
37
+ import { DraggableAttributes } from '@dnd-kit/core';
38
+ import { DraggableMeasuring } from '@dnd-kit/core';
39
+ import { DraggableNode } from '@dnd-kit/core';
40
+ import { DraggableSyntheticListeners } from '@dnd-kit/core';
41
+ import { DragMoveEvent } from '@dnd-kit/core';
42
+ import { DragOverEvent } from '@dnd-kit/core';
43
+ import { DragOverlay } from '@dnd-kit/core';
44
+ import { DragOverlayProps } from '@dnd-kit/core';
45
+ import { DragStartEvent } from '@dnd-kit/core';
46
+ import { DropAnimation } from '@dnd-kit/core';
47
+ import { DropAnimationFunction } from '@dnd-kit/core';
48
+ import { DropAnimationFunctionArguments } from '@dnd-kit/core';
49
+ import { DropAnimationKeyframeResolver } from '@dnd-kit/core';
50
+ import { DropAnimationSideEffects } from '@dnd-kit/core';
51
+ import { DroppableContainer } from '@dnd-kit/core';
52
+ import { DroppableContainers } from '@dnd-kit/core';
53
+ import { DroppableMeasuring } from '@dnd-kit/core';
7
54
  import { ElementType } from 'react';
8
55
  import { fieldMessage } from '@cerberus/styled-system/recipes';
9
56
  import { ForwardRefExoticComponent } from 'react';
57
+ import { getClientRect } from '@dnd-kit/core';
58
+ import { getFirstCollision } from '@dnd-kit/core';
59
+ import { getScrollableAncestors } from '@dnd-kit/core';
10
60
  import { HTMLAttributes } from 'react';
61
+ import { HtmlHTMLAttributes } from 'react';
11
62
  import { iconButton } from '@cerberus/styled-system/recipes';
12
63
  import { input } from '@cerberus/styled-system/recipes';
13
- import type { InputHTMLAttributes } from 'react';
64
+ import { InputHTMLAttributes } from 'react';
14
65
  import { JSX as JSX_2 } from 'react/jsx-runtime';
66
+ import { KeyboardCode } from '@dnd-kit/core';
67
+ import { KeyboardCodes } from '@dnd-kit/core';
68
+ import { KeyboardCoordinateGetter } from '@dnd-kit/core';
15
69
  import type { KeyboardEventHandler } from 'react';
70
+ import { KeyboardSensor } from '@dnd-kit/core';
71
+ import { KeyboardSensorOptions } from '@dnd-kit/core';
72
+ import { KeyboardSensorProps } from '@dnd-kit/core';
16
73
  import { label } from '@cerberus/styled-system/recipes';
74
+ import { MeasuringConfiguration } from '@dnd-kit/core';
75
+ import { MeasuringFrequency } from '@dnd-kit/core';
76
+ import { MeasuringStrategy } from '@dnd-kit/core';
17
77
  import { ModalIconVariantProps } from '@cerberus/styled-system/recipes';
78
+ import { Modifier } from '@dnd-kit/core';
79
+ import { Modifiers } from '@dnd-kit/core';
80
+ import { MouseEvent as MouseEvent_2 } from 'react';
81
+ import { MouseSensor } from '@dnd-kit/core';
82
+ import { MouseSensorOptions } from '@dnd-kit/core';
18
83
  import { MutableRefObject } from 'react';
84
+ import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
85
+ import { Over } from '@dnd-kit/core';
86
+ import { PointerActivationConstraint } from '@dnd-kit/core';
87
+ import { PointerEventHandlers } from '@dnd-kit/core';
88
+ import { PointerSensor } from '@dnd-kit/core';
89
+ import { PointerSensorOptions } from '@dnd-kit/core';
90
+ import { PointerSensorProps } from '@dnd-kit/core';
91
+ import { pointerWithin } from '@dnd-kit/core';
19
92
  import type { Pretty } from '@cerberus/styled-system/types';
20
93
  import { PropsWithChildren } from 'react';
21
94
  import { radio } from '@cerberus/styled-system/recipes';
@@ -23,17 +96,70 @@ import { ReactNode } from 'react';
23
96
  import { ReactPortal } from 'react';
24
97
  import { RecipeVariantProps } from '@cerberus/styled-system/css';
25
98
  import type { RecipeVariantProps as RecipeVariantProps_2 } from '@cerberus/styled-system/types';
99
+ import { rectIntersection } from '@dnd-kit/core';
26
100
  import { RefAttributes } from 'react';
27
101
  import { RefObject } from 'react';
102
+ import { ScreenReaderInstructions } from '@dnd-kit/core';
103
+ import { Sensor } from '@dnd-kit/core';
104
+ import { SensorContext } from '@dnd-kit/core';
105
+ import { SensorDescriptor } from '@dnd-kit/core';
106
+ import { SensorHandler } from '@dnd-kit/core';
107
+ import { SensorInstance } from '@dnd-kit/core';
108
+ import { SensorOptions } from '@dnd-kit/core';
109
+ import { SensorProps } from '@dnd-kit/core';
110
+ import { SensorResponse } from '@dnd-kit/core';
111
+ import { Sensors } from '@dnd-kit/core';
112
+ import type { TableHTMLAttributes } from 'react';
28
113
  import { TabsVariantProps } from '@cerberus/styled-system/recipes';
29
114
  import { tag } from '@cerberus/styled-system/recipes';
115
+ import { TbodyVariantProps } from '@cerberus/styled-system/recipes';
116
+ import { TdVariantProps } from '@cerberus/styled-system/recipes';
30
117
  import type { TextareaHTMLAttributes } from 'react';
118
+ import { ThVariantProps } from '@cerberus/styled-system/recipes';
31
119
  import { ToggleVariantProps } from '@cerberus/styled-system/recipes';
120
+ import { TouchSensor } from '@dnd-kit/core';
121
+ import { TouchSensorOptions } from '@dnd-kit/core';
122
+ import { Translate } from '@dnd-kit/core';
123
+ import { TraversalOrder } from '@dnd-kit/core';
124
+ import { UniqueIdentifier } from '@dnd-kit/core';
125
+ import { useDndContext } from '@dnd-kit/core';
126
+ import { UseDndContextReturnValue } from '@dnd-kit/core';
127
+ import { useDndMonitor } from '@dnd-kit/core';
128
+ import { useDraggable } from '@dnd-kit/core';
129
+ import { UseDraggableArguments } from '@dnd-kit/core';
130
+ import { useDroppable } from '@dnd-kit/core';
131
+ import { UseDroppableArguments } from '@dnd-kit/core';
132
+ import { useSensor } from '@dnd-kit/core';
133
+ import { useSensors } from '@dnd-kit/core';
32
134
 
33
135
  declare let $cerberusIcons: Required<DefinedIcons>;
34
136
  export { $cerberusIcons }
35
137
  export { $cerberusIcons as $cerberusIcons_alias_1 }
36
138
 
139
+ export { Activator }
140
+
141
+ export { Activators }
142
+
143
+ export { Active }
144
+
145
+ export { Announcements }
146
+
147
+ export { applyModifiers }
148
+
149
+ export { AutoScrollActivator }
150
+
151
+ export { AutoScrollOptions }
152
+
153
+ declare interface BaseNotificationDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
154
+ }
155
+ export { BaseNotificationDescriptionProps }
156
+ export { BaseNotificationDescriptionProps as BaseNotificationDescriptionProps_alias_1 }
157
+
158
+ declare interface BaseNotificationHeadingProps extends HTMLAttributes<HTMLParagraphElement> {
159
+ }
160
+ export { BaseNotificationHeadingProps }
161
+ export { BaseNotificationHeadingProps as BaseNotificationHeadingProps_alias_1 }
162
+
37
163
  /**
38
164
  * A component that allows the user to perform actions
39
165
  * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx
@@ -46,10 +172,12 @@ export { Button as Button_alias_1 }
46
172
  * This module contains the Button component.
47
173
  * @module
48
174
  */
49
- declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & RecipeVariantProps<typeof button>;
175
+ declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps;
50
176
  export { ButtonProps }
51
177
  export { ButtonProps as ButtonProps_alias_1 }
52
178
 
179
+ export { CancelDrop }
180
+
53
181
  declare type ClickableTagProps = HTMLAttributes<HTMLSpanElement> & {
54
182
  gradient?: never;
55
183
  palette?: never;
@@ -60,6 +188,18 @@ declare type ClickableTagProps = HTMLAttributes<HTMLSpanElement> & {
60
188
  export { ClickableTagProps }
61
189
  export { ClickableTagProps as ClickableTagProps_alias_1 }
62
190
 
191
+ export { ClientRect_2 as ClientRect }
192
+
193
+ export { closestCenter }
194
+
195
+ export { closestCorners }
196
+
197
+ export { Collision }
198
+
199
+ export { CollisionDescriptor }
200
+
201
+ export { CollisionDetection }
202
+
63
203
  declare type ColorModes = 'light' | 'dark';
64
204
  export { ColorModes }
65
205
  export { ColorModes as ColorModes_alias_1 }
@@ -111,23 +251,102 @@ declare type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K;
111
251
  export { CustomThemes }
112
252
  export { CustomThemes as CustomThemes_alias_1 }
113
253
 
254
+ export { Data }
255
+
256
+ export { DataRef }
257
+
258
+ export { defaultAnnouncements }
259
+
260
+ export { defaultCoordinates }
261
+
262
+ export { defaultDropAnimation }
263
+
264
+ export { defaultDropAnimationSideEffects }
265
+
114
266
  export declare const defaultIcons: DefinedIcons;
115
267
 
268
+ export { defaultScreenReaderInstructions }
269
+
116
270
  declare type DefaultThemes = 'cerberus';
117
271
  export { DefaultThemes }
118
272
  export { DefaultThemes as DefaultThemes_alias_1 }
119
273
 
120
274
  export declare interface DefinedIcons {
121
- confirmModal?: CarbonIconType | ElementType;
122
- promptModal?: CarbonIconType | ElementType;
123
- invalid: CarbonIconType | ElementType;
124
- toggleChecked?: CarbonIconType | ElementType;
275
+ confirmModal?: IconType;
276
+ promptModal?: IconType;
277
+ fileUploader?: IconType;
278
+ infoNotification?: IconType;
279
+ successNotification?: IconType;
280
+ warningNotification?: IconType;
281
+ dangerNotification?: IconType;
282
+ invalid: IconType;
283
+ toggleChecked?: IconType;
125
284
  }
126
285
 
127
286
  declare function defineIcons(icons: DefinedIcons): Required<DefinedIcons>;
128
287
  export { defineIcons }
129
288
  export { defineIcons as defineIcons_alias_1 }
130
289
 
290
+ export { DistanceMeasurement }
291
+
292
+ export { DndContext }
293
+
294
+ export { DndContextDescriptor }
295
+
296
+ export { DndContextProps }
297
+
298
+ export { DndMonitorArguments }
299
+
300
+ export { DndMonitorListener }
301
+
302
+ export { DragCancelEvent }
303
+
304
+ export { DragEndEvent }
305
+
306
+ export { DraggableAttributes }
307
+
308
+ export { DraggableMeasuring }
309
+
310
+ export { DraggableNode }
311
+
312
+ export { DraggableSyntheticListeners }
313
+
314
+ export { DragMoveEvent }
315
+
316
+ export { DragOverEvent }
317
+
318
+ export { DragOverlay }
319
+
320
+ export { DragOverlayProps }
321
+
322
+ export { DragStartEvent }
323
+
324
+ export { DropAnimation }
325
+
326
+ export { DropAnimationFunction }
327
+
328
+ export { DropAnimationFunctionArguments }
329
+
330
+ export { DropAnimationKeyframeResolver }
331
+
332
+ export { DropAnimationSideEffects }
333
+
334
+ declare function Droppable(props: PropsWithChildren<DroppableProps>): JSX_2.Element;
335
+ export { Droppable }
336
+ export { Droppable as Droppable_alias_1 }
337
+
338
+ export { DroppableContainer }
339
+
340
+ export { DroppableContainers }
341
+
342
+ export { DroppableMeasuring }
343
+
344
+ declare interface DroppableProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'id'>, UseDroppableArguments {
345
+ dropped?: boolean;
346
+ }
347
+ export { DroppableProps }
348
+ export { DroppableProps as DroppableProps_alias_1 }
349
+
131
350
  declare function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>): JSX_2.Element;
132
351
  export { FeatureFlag }
133
352
  export { FeatureFlag as FeatureFlag_alias_1 }
@@ -229,6 +448,21 @@ declare type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>;
229
448
  export { FieldMessageRecipe }
230
449
  export { FieldMessageRecipe as FieldMessageRecipe_alias_1 }
231
450
 
451
+ declare function FileUploader(props: FileUploaderProps): JSX_2.Element;
452
+ export { FileUploader }
453
+ export { FileUploader as FileUploader_alias_1 }
454
+
455
+ declare interface FileUploaderProps extends InputHTMLAttributes<HTMLInputElement> {
456
+ heading?: string;
457
+ name: string;
458
+ }
459
+ export { FileUploaderProps }
460
+ export { FileUploaderProps as FileUploaderProps_alias_1 }
461
+
462
+ export { getClientRect }
463
+
464
+ export { getFirstCollision }
465
+
232
466
  declare function getPosition(position: Positions): GetPositionResult;
233
467
  export { getPosition }
234
468
  export { getPosition as getPosition_alias_1 }
@@ -240,6 +474,8 @@ declare interface GetPositionResult {
240
474
  bottom: string;
241
475
  }
242
476
 
477
+ export { getScrollableAncestors }
478
+
243
479
  /**
244
480
  * A component that allows the user to perform actions using an icon
245
481
  * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx
@@ -267,6 +503,8 @@ declare type IconButtonRecipeProps = RecipeVariantProps<typeof iconButton>;
267
503
  export { IconButtonRecipeProps }
268
504
  export { IconButtonRecipeProps as IconButtonRecipeProps_alias_1 }
269
505
 
506
+ export declare type IconType = CarbonIconType | ElementType;
507
+
270
508
  declare function Input(props: InputProps): JSX_2.Element;
271
509
  export { Input }
272
510
  export { Input as Input_alias_1 }
@@ -288,6 +526,18 @@ declare type InputRecipeProps = RecipeVariantProps<typeof input>;
288
526
  export { InputRecipeProps }
289
527
  export { InputRecipeProps as InputRecipeProps_alias_1 }
290
528
 
529
+ export { KeyboardCode }
530
+
531
+ export { KeyboardCodes }
532
+
533
+ export { KeyboardCoordinateGetter }
534
+
535
+ export { KeyboardSensor }
536
+
537
+ export { KeyboardSensorOptions }
538
+
539
+ export { KeyboardSensorProps }
540
+
291
541
  /**
292
542
  * A screen ready friendly label component.
293
543
  * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
@@ -322,6 +572,12 @@ declare type LabelRecipeProps = RecipeVariantProps<typeof label>;
322
572
  export { LabelRecipeProps }
323
573
  export { LabelRecipeProps as LabelRecipeProps_alias_1 }
324
574
 
575
+ export { MeasuringConfiguration }
576
+
577
+ export { MeasuringFrequency }
578
+
579
+ export { MeasuringStrategy }
580
+
325
581
  /**
326
582
  * The Modal component is the root element for a customizable modal.
327
583
  * @example
@@ -428,6 +684,14 @@ declare const MODE_KEY = "cerberus-mode";
428
684
  export { MODE_KEY }
429
685
  export { MODE_KEY as MODE_KEY_alias_1 }
430
686
 
687
+ export { Modifier }
688
+
689
+ export { Modifiers }
690
+
691
+ export { MouseSensor }
692
+
693
+ export { MouseSensorOptions }
694
+
431
695
  declare function NavMenu(props: PropsWithChildren): JSX.Element;
432
696
  export { NavMenu }
433
697
  export { NavMenu as NavMenu_alias_1 }
@@ -517,6 +781,123 @@ declare type NavTriggerRef = RefObject<HTMLButtonElement>;
517
781
  export { NavTriggerRef }
518
782
  export { NavTriggerRef as NavTriggerRef_alias_1 }
519
783
 
784
+ /**
785
+ * The info notification component.
786
+ * @param props - The component props.
787
+ * @returns The info notification component.
788
+ * @example
789
+ * ```tsx
790
+ * <Notification id="info:1" open>
791
+ * <NotificationHeading>Info Notification</NotificationHeading>
792
+ * <NotificationDescription>
793
+ * This is a description with a <a href="#">link</a> in the message.
794
+ * </NotificationDescription>
795
+ * </Notification>
796
+ * ```
797
+ */
798
+ declare function Notification_2(props: PropsWithChildren<NotificationProps>): JSX_2.Element;
799
+ export { Notification_2 as Notification }
800
+ export { Notification_2 as Notification_alias_1 }
801
+
802
+ declare interface NotificationBaseProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose'> {
803
+ id: string;
804
+ onClose?: (e: MouseEvent_2<HTMLButtonElement>) => void;
805
+ }
806
+ export { NotificationBaseProps }
807
+ export { NotificationBaseProps as NotificationBaseProps_alias_1 }
808
+
809
+ /**
810
+ * Provides a notification center to the app.
811
+ * @example
812
+ * ```tsx
813
+ * // Wrap the Provider around the root of the feature.
814
+ * <Notifications>
815
+ * <SomeFeatureSection />
816
+ * </Notifications>
817
+ *
818
+ * // Use the hook to show a notification.
819
+ * const notify = useNotifications()
820
+ *
821
+ * const handleClick = useCallback(() => {
822
+ * notify({
823
+ * palette: 'info',
824
+ * heading: 'New feature!',
825
+ * description: 'We have added a new feature to the app.',
826
+ * })
827
+ * }, [notify])
828
+ * ```
829
+ */
830
+ declare function NotificationCenter(props: PropsWithChildren<NotificationsProviderProps>): JSX_2.Element;
831
+ export { NotificationCenter }
832
+ export { NotificationCenter as NotificationCenter_alias_1 }
833
+
834
+ /**
835
+ * The NotificationDescription component is used to render the description of a notification.
836
+ * @param props - The anything a HTMLParagraphElement can accept.
837
+ */
838
+ declare function NotificationDescription(props: NotificationDescriptionProps): JSX_2.Element;
839
+ export { NotificationDescription }
840
+ export { NotificationDescription as NotificationDescription_alias_1 }
841
+
842
+ declare type NotificationDescriptionProps = BaseNotificationDescriptionProps & NotificationVariantProps;
843
+ export { NotificationDescriptionProps }
844
+ export { NotificationDescriptionProps as NotificationDescriptionProps_alias_1 }
845
+
846
+ /**
847
+ * The NotificationHeading component is used to render the heading of a notification.
848
+ * @param props - The anything a HTMLParagraphElement can accept.
849
+ */
850
+ declare function NotificationHeading(props: NotificationHeadingProps): JSX_2.Element;
851
+ export { NotificationHeading }
852
+ export { NotificationHeading as NotificationHeading_alias_1 }
853
+
854
+ declare type NotificationHeadingProps = BaseNotificationHeadingProps & NotificationVariantProps;
855
+ export { NotificationHeadingProps }
856
+ export { NotificationHeadingProps as NotificationHeadingProps_alias_1 }
857
+
858
+ declare type NotificationProps = NotificationBaseProps & NotificationVariantProps;
859
+ export { NotificationProps }
860
+ export { NotificationProps as NotificationProps_alias_1 }
861
+
862
+ declare interface NotificationsProviderProps extends PortalProps {
863
+ }
864
+ export { NotificationsProviderProps }
865
+ export { NotificationsProviderProps as NotificationsProviderProps_alias_1 }
866
+
867
+ declare interface NotificationsValue {
868
+ notify: (options: NotifyOptions) => void;
869
+ }
870
+ export { NotificationsValue }
871
+ export { NotificationsValue as NotificationsValue_alias_1 }
872
+
873
+ /**
874
+ * This module provides a context and hook for notifications.
875
+ * @module
876
+ */
877
+ declare interface NotifyOptions {
878
+ palette: 'info' | 'success' | 'warning' | 'danger';
879
+ heading: string;
880
+ id?: string;
881
+ description?: ReactNode;
882
+ onClose?: () => void;
883
+ }
884
+ export { NotifyOptions }
885
+ export { NotifyOptions as NotifyOptions_alias_1 }
886
+
887
+ export { Over }
888
+
889
+ export { PointerActivationConstraint }
890
+
891
+ export { PointerEventHandlers }
892
+
893
+ export { PointerSensor }
894
+
895
+ export { PointerSensorOptions }
896
+
897
+ export { PointerSensorProps }
898
+
899
+ export { pointerWithin }
900
+
520
901
  /**
521
902
  * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
522
903
  * @param container - The props for the Portal component.
@@ -604,6 +985,28 @@ declare type RadioRecipe = RecipeVariantProps_2<typeof radio>;
604
985
  export { RadioRecipe }
605
986
  export { RadioRecipe as RadioRecipe_alias_1 }
606
987
 
988
+ export { rectIntersection }
989
+
990
+ export { ScreenReaderInstructions }
991
+
992
+ export { Sensor }
993
+
994
+ export { SensorContext }
995
+
996
+ export { SensorDescriptor }
997
+
998
+ export { SensorHandler }
999
+
1000
+ export { SensorInstance }
1001
+
1002
+ export { SensorOptions }
1003
+
1004
+ export { SensorProps }
1005
+
1006
+ export { SensorResponse }
1007
+
1008
+ export { Sensors }
1009
+
607
1010
  /**
608
1011
  * Conditionally render its children or an optional fallback component
609
1012
  * based on the SolidJS component.
@@ -680,6 +1083,31 @@ declare function Tab(props: TabProps): JSX_2.Element;
680
1083
  export { Tab }
681
1084
  export { Tab as Tab_alias_1 }
682
1085
 
1086
+ /**
1087
+ * The Table component is used to render a table.
1088
+ * @definition [Table docs](https://cerberus.digitalu.design/react/table)
1089
+ * @prop caption - An easy to understand description of the table.
1090
+ * @example
1091
+ * ```tsx
1092
+ * <Table caption="Basic Table">
1093
+ * {children}
1094
+ * </Table>
1095
+ * ```
1096
+ */
1097
+ declare function Table(props: PropsWithChildren<TableProps>): JSX_2.Element;
1098
+ export { Table }
1099
+ export { Table as Table_alias_1 }
1100
+
1101
+ /**
1102
+ * This module contains the table component.
1103
+ * @module
1104
+ */
1105
+ declare interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
1106
+ caption: string;
1107
+ }
1108
+ export { TableProps }
1109
+ export { TableProps as TableProps_alias_1 }
1110
+
683
1111
  /**
684
1112
  * The TabList component provides a container for tab elements.
685
1113
  * @param description - a description of what the tab list contains
@@ -812,6 +1240,52 @@ declare type TagRecipeProps = RecipeVariantProps_2<typeof tag>;
812
1240
  export { TagRecipeProps }
813
1241
  export { TagRecipeProps as TagRecipeProps_alias_1 }
814
1242
 
1243
+ /**
1244
+ * The TBody component is used to render a table body.
1245
+ * @definition [Table docs](https://cerberus.digitalu.design/react/table)
1246
+ * @example
1247
+ * ```tsx
1248
+ * <TBody>
1249
+ * {children}
1250
+ * </TBody>
1251
+ * ```
1252
+ */
1253
+ declare function Tbody(props: TbodyProps): JSX_2.Element;
1254
+ export { Tbody }
1255
+ export { Tbody as Tbody_alias_1 }
1256
+
1257
+ declare type TbodyBaseProps = TableHTMLAttributes<HTMLTableSectionElement>;
1258
+ export { TbodyBaseProps }
1259
+ export { TbodyBaseProps as TbodyBaseProps_alias_1 }
1260
+
1261
+ declare type TbodyProps = TbodyBaseProps & TbodyVariantProps;
1262
+ export { TbodyProps }
1263
+ export { TbodyProps as TbodyProps_alias_1 }
1264
+
1265
+ /**
1266
+ * Styles for the Th component
1267
+ * @definition [Table docs](https://cerberus.digitalu.design/react/table)
1268
+ * @example
1269
+ * ```tsx
1270
+ * <Td>Data cell</Td>
1271
+ * ```
1272
+ */
1273
+ declare function Td(props: TdProps): JSX_2.Element;
1274
+ export { Td }
1275
+ export { Td as Td_alias_1 }
1276
+
1277
+ /**
1278
+ * Th component for the Td component
1279
+ * @module
1280
+ */
1281
+ declare type TdBaseProps = TableHTMLAttributes<HTMLTableCellElement>;
1282
+ export { TdBaseProps }
1283
+ export { TdBaseProps as TdBaseProps_alias_1 }
1284
+
1285
+ declare type TdProps = TdBaseProps & TdVariantProps;
1286
+ export { TdProps }
1287
+ export { TdProps as TdProps_alias_1 }
1288
+
815
1289
  /**
816
1290
  * A component that allows the user to input large blocks of text.
817
1291
  * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx
@@ -835,6 +1309,50 @@ declare type TextareaProps = InputRecipeProps & TextareaBaseProps;
835
1309
  export { TextareaProps }
836
1310
  export { TextareaProps as TextareaProps_alias_1 }
837
1311
 
1312
+ /**
1313
+ * Styles for the Th component
1314
+ * @definition [Table docs](https://cerberus.digitalu.design/react/table)
1315
+ * @example
1316
+ * ```tsx
1317
+ * <Th>Header 1</Th>
1318
+ * ```
1319
+ */
1320
+ declare function Th(props: ThProps): JSX_2.Element;
1321
+ export { Th }
1322
+ export { Th as Th_alias_1 }
1323
+
1324
+ /**
1325
+ * Th component for the Table component
1326
+ * @module
1327
+ */
1328
+ declare type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {
1329
+ onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
1330
+ };
1331
+ export { ThBaseProps }
1332
+ export { ThBaseProps as ThBaseProps_alias_1 }
1333
+
1334
+ /**
1335
+ * The Thead component is used to render a table header.
1336
+ * @definition [Table docs](https://cerberus.digitalu.design/react/table)
1337
+ * @example
1338
+ * ```tsx
1339
+ * <Thead>
1340
+ * {children}
1341
+ * </Thead>
1342
+ * ```
1343
+ */
1344
+ declare function Thead(props: TheadProps): JSX_2.Element;
1345
+ export { Thead }
1346
+ export { Thead as Thead_alias_1 }
1347
+
1348
+ /**
1349
+ * This module contains the Thead component.
1350
+ * @module
1351
+ */
1352
+ declare type TheadProps = TableHTMLAttributes<HTMLTableSectionElement>;
1353
+ export { TheadProps }
1354
+ export { TheadProps as TheadProps_alias_1 }
1355
+
838
1356
  declare const THEME_KEY = "cerberus-theme";
839
1357
  export { THEME_KEY }
840
1358
  export { THEME_KEY as THEME_KEY_alias_1 }
@@ -861,6 +1379,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element;
861
1379
  export { ThemeProvider }
862
1380
  export { ThemeProvider as ThemeProvider_alias_1 }
863
1381
 
1382
+ declare type ThProps = ThBaseProps & ThVariantProps;
1383
+ export { ThProps }
1384
+ export { ThProps as ThProps_alias_1 }
1385
+
864
1386
  declare function Toggle(props: ToggleProps): JSX_2.Element;
865
1387
  export { Toggle }
866
1388
  export { Toggle as Toggle_alias_1 }
@@ -884,14 +1406,56 @@ declare type ToggleProps = ToggleBase & ToggleVariantProps;
884
1406
  export { ToggleProps }
885
1407
  export { ToggleProps as ToggleProps_alias_1 }
886
1408
 
1409
+ export { TouchSensor }
1410
+
1411
+ export { TouchSensorOptions }
1412
+
1413
+ /**
1414
+ * The Tr component is used to render a table row.
1415
+ * @definition [Table docs](https://cerberus.digitalu.design/react/table)
1416
+ * @example
1417
+ * ```tsx
1418
+ * <Tr>
1419
+ * {children}
1420
+ * </Tr>
1421
+ * ```
1422
+ */
1423
+ declare function Tr(props: PropsWithChildren<TrProps>): JSX_2.Element;
1424
+ export { Tr }
1425
+ export { Tr as Tr_alias_1 }
1426
+
1427
+ export { Translate }
1428
+
887
1429
  declare function trapFocus(modalRef: RefObject<HTMLDialogElement>): KeyboardEventHandler<HTMLDialogElement>;
888
1430
  export { trapFocus }
889
1431
  export { trapFocus as trapFocus_alias_1 }
890
1432
 
1433
+ export { TraversalOrder }
1434
+
1435
+ declare type TrProps = TableHTMLAttributes<HTMLTableRowElement>;
1436
+ export { TrProps }
1437
+ export { TrProps as TrProps_alias_1 }
1438
+
1439
+ export { UniqueIdentifier }
1440
+
891
1441
  declare function useConfirmModal(): ConfirmModalValue;
892
1442
  export { useConfirmModal }
893
1443
  export { useConfirmModal as useConfirmModal_alias_1 }
894
1444
 
1445
+ export { useDndContext }
1446
+
1447
+ export { UseDndContextReturnValue }
1448
+
1449
+ export { useDndMonitor }
1450
+
1451
+ export { useDraggable }
1452
+
1453
+ export { UseDraggableArguments }
1454
+
1455
+ export { useDroppable }
1456
+
1457
+ export { UseDroppableArguments }
1458
+
895
1459
  declare function useFeatureFlags(key: string): boolean;
896
1460
  export { useFeatureFlags }
897
1461
  export { useFeatureFlags as useFeatureFlags_alias_1 }
@@ -918,10 +1482,31 @@ declare function useNavMenuContext(): NavMenuContextValue;
918
1482
  export { useNavMenuContext }
919
1483
  export { useNavMenuContext as useNavMenuContext_alias_1 }
920
1484
 
1485
+ /**
1486
+ * The hook to use the NotificationCenter.
1487
+ * @returns The notify method to trigger a notification.
1488
+ * @example
1489
+ * ```tsx
1490
+ * const {notify} = useNotificationCenter()
1491
+ * notify({
1492
+ * palette: 'info',
1493
+ * heading: 'New feature',
1494
+ * description: 'We have added a new feature to the app.',
1495
+ * })
1496
+ * ```
1497
+ */
1498
+ declare function useNotificationCenter(): NotificationsValue;
1499
+ export { useNotificationCenter }
1500
+ export { useNotificationCenter as useNotificationCenter_alias_1 }
1501
+
921
1502
  declare function usePromptModal(): PromptModalValue;
922
1503
  export { usePromptModal }
923
1504
  export { usePromptModal as usePromptModal_alias_1 }
924
1505
 
1506
+ export { useSensor }
1507
+
1508
+ export { useSensors }
1509
+
925
1510
  declare function useTabsContext(): TabsContextValue;
926
1511
  export { useTabsContext }
927
1512
  export { useTabsContext as useTabsContext_alias_1 }