@flikk/ui 1.0.0-beta.22 → 1.0.0-beta.23

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 (27) hide show
  1. package/dist/components/ai/PromptInput/PromptInput.js +139 -7
  2. package/dist/components/ai/PromptInput/VoiceRecorder.js +84 -0
  3. package/dist/components/core/NavItem/NavItem.js +16 -6
  4. package/dist/components/core/NavItem/NavItem.theme.js +2 -2
  5. package/dist/components/core/Sidebar/Sidebar.d.ts +1 -0
  6. package/dist/components/core/Sidebar/Sidebar.js +5 -3
  7. package/dist/components/core/Sidebar/Sidebar.types.d.ts +7 -1
  8. package/dist/components/core/Sidebar/SidebarContent.js +1 -1
  9. package/dist/components/core/Sidebar/SidebarFooter.js +1 -1
  10. package/dist/components/core/Sidebar/SidebarHeader.js +5 -2
  11. package/dist/components/core/Sidebar/SidebarLogo.d.ts +3 -0
  12. package/dist/components/core/Sidebar/SidebarLogo.js +17 -0
  13. package/dist/components/core/Sidebar/SidebarNavGroup.js +2 -1
  14. package/dist/components/core/Sidebar/SidebarToggle.js +2 -4
  15. package/dist/components/core/Sidebar/SidebarUserProfile.js +3 -6
  16. package/dist/components/core/Sidebar/index.d.ts +2 -1
  17. package/dist/components/core/Tooltip/Tooltip.d.ts +1 -1
  18. package/dist/components/core/Tooltip/Tooltip.js +2 -2
  19. package/dist/components/core/Tooltip/Tooltip.types.d.ts +5 -1
  20. package/dist/components/core/index.js +1 -0
  21. package/dist/components/forms/FileUpload/FileUpload.js +85 -0
  22. package/dist/components/forms/TimePicker/TimePickerContent.js +86 -1
  23. package/dist/components/forms/index.js +85 -0
  24. package/dist/components/layout/FormLayout/FormLayout.js +87 -1
  25. package/dist/index.js +228 -221
  26. package/dist/styles.css +1 -1
  27. package/package.json +2 -1
@@ -3,7 +3,92 @@ import React__default, { useMemo, useRef, useState, useCallback } from 'react';
3
3
  import { fileUploadTheme } from './FileUpload.theme.js';
4
4
  import { cn } from '../../../utils/cn.js';
5
5
  import { CloudArrowUpIcon, DocumentIcon, XMarkIcon } from '@heroicons/react/24/outline';
6
+ import '../../core/Accordion/Accordion.js';
7
+ import '../../core/AlertDialog/AlertDialog.js';
8
+ import '../../core/AspectRatio/AspectRatio.js';
9
+ import '../../core/Avatar/Avatar.js';
10
+ import '../../core/AvatarGroup/AvatarGroup.js';
11
+ import '../../core/Badge/Badge.js';
12
+ import '../../core/Breadcrumbs/Breadcrumbs.js';
13
+ import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
6
14
  import { Button } from '../../core/Button/Button.js';
15
+ import '../../core/ButtonGroup/ButtonGroup.js';
16
+ import '../../core/ButtonGroup/ButtonGroupSeparator.js';
17
+ import '../../core/ButtonGroup/ButtonGroupText.js';
18
+ import '../../core/Calendar/Calendar.js';
19
+ import '../../core/Calendar/CalendarMini/CalendarMini.js';
20
+ import '../../core/Card/Card.js';
21
+ import '../../core/CardStack/CardStack.js';
22
+ import '../../core/Carousel/Carousel.js';
23
+ import '../../core/Carousel/CarouselBody.js';
24
+ import '../../core/CommandPalette/CommandPalette.js';
25
+ import '../../core/Separator/Separator.js';
26
+ import '../../core/Drawer/Drawer.js';
27
+ import '../../core/Drawer/DrawerBody.js';
28
+ import '../../core/Dropdown/Dropdown.js';
29
+ import '../../core/Dropdown/DropdownTrigger.js';
30
+ import '../../core/Dropdown/DropdownMenu.js';
31
+ import '../../core/Dropdown/DropdownItem.js';
32
+ import '../../core/Dropdown/DropdownSection.js';
33
+ import '../../core/Dropdown/DropdownSeparator.js';
34
+ import '../../core/Dropdown/Dropdown.theme.js';
35
+ import '../../core/Kbd/Kbd.js';
36
+ import '../../core/MenuItem/MenuItem.js';
37
+ import '../../core/Link/Link.js';
38
+ import '../../core/Modal/Modal.js';
39
+ import '../../core/ModalStack/ModalStack.js';
40
+ import '../../core/PageHeading/PageHeading.js';
41
+ import '../../core/Pagination/Pagination.js';
42
+ import '../../core/Popover/Popover.js';
43
+ import '../../core/Popover/PopoverContext.js';
44
+ import '../../core/Popover/PopoverBody.js';
45
+ import '../../core/Progress/Progress.js';
46
+ import '../../core/Rating/Rating.js';
47
+ import '../../core/ScrollArea/ScrollArea.js';
48
+ import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
49
+ import '../../core/Segmented/Segmented.js';
50
+ import '../../core/Skeleton/Skeleton.js';
51
+ import '../../core/SlidingNumber/SlidingNumber.js';
52
+ import '../../core/Tabs/Tabs.js';
53
+ import '../../core/Tabs/TabsList.js';
54
+ import '../../core/Tabs/TabsTrigger.js';
55
+ import '../../core/Tabs/TabsBody.js';
56
+ import '../../core/Tabs/TabsContext.js';
57
+ import '../../core/Tooltip/Tooltip.js';
58
+ import '../../core/Tooltip/Tooltip.animations.js';
59
+ import '../../core/Tree/Tree.js';
60
+ import '../../core/Tag/Tag.js';
61
+ import '../../core/Alert/Alert.js';
62
+ import '../../core/Toast/Toast.js';
63
+ import '../../core/Toast/ToastProvider.js';
64
+ import '@heroicons/react/24/solid';
65
+ import '../../core/Spinner/Spinner.js';
66
+ import '../../core/Message/Message.js';
67
+ import '../../core/Message/TypeWriter.js';
68
+ import '../../core/Message/MessageBody.js';
69
+ import '@heroicons/react/16/solid';
70
+ import '../../core/Empty/Empty.js';
71
+ import '../../core/Masonry/Masonry.js';
72
+ import '../../core/DragDrop/DragDrop.js';
73
+ import '../../core/Sortable/Sortable.js';
74
+ import '../../core/NavItem/NavItem.js';
75
+ import '../../core/Sidebar/Sidebar.js';
76
+ import '../../core/Sidebar/SidebarHeader.js';
77
+ import '../../core/Sidebar/SidebarContent.js';
78
+ import '../../core/Sidebar/SidebarFooter.js';
79
+ import '../../core/Sidebar/SidebarNav.js';
80
+ import '../../core/Sidebar/SidebarNavGroup.js';
81
+ import 'motion/react';
82
+ import '../../core/Sidebar/SidebarToggle.js';
83
+ import '../../core/Sidebar/SidebarMobileTrigger.js';
84
+ import '../../core/Sidebar/SidebarUserProfile.js';
85
+ import '../../core/Sidebar/SidebarLogo.js';
86
+ import '../../core/Sidebar/SidebarContext.js';
87
+ import '../../core/OfflineIndicator/OfflineIndicator.js';
88
+ import '../../core/ContextMenu/ContextMenu.js';
89
+ import '../../core/ContextMenu/ContextMenu.theme.js';
90
+ import '../../core/Pill/Pill.js';
91
+ import '../../core/Icon/Icon.js';
7
92
 
8
93
  /**
9
94
  * FileUpload component - Drag-and-drop file uploader with previews
@@ -6,8 +6,93 @@ import { cn } from '../../../utils/cn.js';
6
6
  import { TimePickerContext } from './TimePicker.js';
7
7
  import { useSelectPortal } from '../../../hooks/useSelectPortal.js';
8
8
  import { createDropdownAnimations } from '../Select/Select.animations.js';
9
- import { useIsClient } from '../../../hooks/useIsClient.js';
9
+ import '../../core/Accordion/Accordion.js';
10
+ import '../../core/AlertDialog/AlertDialog.js';
11
+ import '../../core/AspectRatio/AspectRatio.js';
12
+ import '../../core/Avatar/Avatar.js';
13
+ import '../../core/AvatarGroup/AvatarGroup.js';
14
+ import '../../core/Badge/Badge.js';
15
+ import '../../core/Breadcrumbs/Breadcrumbs.js';
16
+ import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
10
17
  import { Button } from '../../core/Button/Button.js';
18
+ import '../../core/ButtonGroup/ButtonGroup.js';
19
+ import '../../core/ButtonGroup/ButtonGroupSeparator.js';
20
+ import '../../core/ButtonGroup/ButtonGroupText.js';
21
+ import '../../core/Calendar/Calendar.js';
22
+ import '../../core/Calendar/CalendarMini/CalendarMini.js';
23
+ import '../../core/Card/Card.js';
24
+ import '../../core/CardStack/CardStack.js';
25
+ import '../../core/Carousel/Carousel.js';
26
+ import '../../core/Carousel/CarouselBody.js';
27
+ import '../../core/CommandPalette/CommandPalette.js';
28
+ import '../../core/Separator/Separator.js';
29
+ import '../../core/Drawer/Drawer.js';
30
+ import '../../core/Drawer/DrawerBody.js';
31
+ import '../../core/Dropdown/Dropdown.js';
32
+ import '../../core/Dropdown/DropdownTrigger.js';
33
+ import '../../core/Dropdown/DropdownMenu.js';
34
+ import '../../core/Dropdown/DropdownItem.js';
35
+ import '../../core/Dropdown/DropdownSection.js';
36
+ import '../../core/Dropdown/DropdownSeparator.js';
37
+ import '../../core/Dropdown/Dropdown.theme.js';
38
+ import '../../core/Kbd/Kbd.js';
39
+ import '../../core/MenuItem/MenuItem.js';
40
+ import '../../core/Link/Link.js';
41
+ import '../../core/Modal/Modal.js';
42
+ import '../../core/ModalStack/ModalStack.js';
43
+ import '../../core/PageHeading/PageHeading.js';
44
+ import '../../core/Pagination/Pagination.js';
45
+ import '../../core/Popover/Popover.js';
46
+ import '../../core/Popover/PopoverContext.js';
47
+ import '../../core/Popover/PopoverBody.js';
48
+ import '../../core/Progress/Progress.js';
49
+ import '../../core/Rating/Rating.js';
50
+ import '../../core/ScrollArea/ScrollArea.js';
51
+ import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
52
+ import '../../core/Segmented/Segmented.js';
53
+ import '../../core/Skeleton/Skeleton.js';
54
+ import '../../core/SlidingNumber/SlidingNumber.js';
55
+ import '../../core/Tabs/Tabs.js';
56
+ import '../../core/Tabs/TabsList.js';
57
+ import '../../core/Tabs/TabsTrigger.js';
58
+ import '../../core/Tabs/TabsBody.js';
59
+ import '../../core/Tabs/TabsContext.js';
60
+ import '../../core/Tooltip/Tooltip.js';
61
+ import '../../core/Tooltip/Tooltip.animations.js';
62
+ import '../../core/Tree/Tree.js';
63
+ import '../../core/Tag/Tag.js';
64
+ import '../../core/Alert/Alert.js';
65
+ import '../../core/Toast/Toast.js';
66
+ import '../../core/Toast/ToastProvider.js';
67
+ import '@heroicons/react/24/solid';
68
+ import '../../core/Spinner/Spinner.js';
69
+ import '../../core/Message/Message.js';
70
+ import '../../core/Message/TypeWriter.js';
71
+ import '../../core/Message/MessageBody.js';
72
+ import '@heroicons/react/16/solid';
73
+ import '@heroicons/react/24/outline';
74
+ import '../../core/Empty/Empty.js';
75
+ import '../../core/Masonry/Masonry.js';
76
+ import '../../core/DragDrop/DragDrop.js';
77
+ import '../../core/Sortable/Sortable.js';
78
+ import '../../core/NavItem/NavItem.js';
79
+ import '../../core/Sidebar/Sidebar.js';
80
+ import '../../core/Sidebar/SidebarHeader.js';
81
+ import '../../core/Sidebar/SidebarContent.js';
82
+ import '../../core/Sidebar/SidebarFooter.js';
83
+ import '../../core/Sidebar/SidebarNav.js';
84
+ import '../../core/Sidebar/SidebarNavGroup.js';
85
+ import '../../core/Sidebar/SidebarToggle.js';
86
+ import '../../core/Sidebar/SidebarMobileTrigger.js';
87
+ import '../../core/Sidebar/SidebarUserProfile.js';
88
+ import '../../core/Sidebar/SidebarLogo.js';
89
+ import '../../core/Sidebar/SidebarContext.js';
90
+ import '../../core/OfflineIndicator/OfflineIndicator.js';
91
+ import '../../core/ContextMenu/ContextMenu.js';
92
+ import '../../core/ContextMenu/ContextMenu.theme.js';
93
+ import '../../core/Pill/Pill.js';
94
+ import '../../core/Icon/Icon.js';
95
+ import { useIsClient } from '../../../hooks/useIsClient.js';
11
96
 
12
97
  /**
13
98
  * Hook to detect dark mode state from document
@@ -29,6 +29,91 @@ import 'clsx';
29
29
  import 'tailwind-merge';
30
30
  import 'motion/react';
31
31
  import 'react-dom';
32
+ import '../core/Accordion/Accordion.js';
33
+ import '../core/AlertDialog/AlertDialog.js';
34
+ import '../core/AspectRatio/AspectRatio.js';
35
+ import '../core/Avatar/Avatar.js';
36
+ import '../core/AvatarGroup/AvatarGroup.js';
37
+ import '../core/Badge/Badge.js';
38
+ import '../core/Breadcrumbs/Breadcrumbs.js';
39
+ import '../core/Breadcrumbs/Breadcrumbs.theme.js';
40
+ import '../core/Button/Button.js';
41
+ import '../core/ButtonGroup/ButtonGroup.js';
42
+ import '../core/ButtonGroup/ButtonGroupSeparator.js';
43
+ import '../core/ButtonGroup/ButtonGroupText.js';
44
+ import '../core/Calendar/Calendar.js';
45
+ import '../core/Calendar/CalendarMini/CalendarMini.js';
46
+ import '../core/Card/Card.js';
47
+ import '../core/CardStack/CardStack.js';
48
+ import '../core/Carousel/Carousel.js';
49
+ import '../core/Carousel/CarouselBody.js';
50
+ import '../core/CommandPalette/CommandPalette.js';
51
+ import '../core/Separator/Separator.js';
52
+ import '../core/Drawer/Drawer.js';
53
+ import '../core/Drawer/DrawerBody.js';
54
+ import '../core/Dropdown/Dropdown.js';
55
+ import '../core/Dropdown/DropdownTrigger.js';
56
+ import '../core/Dropdown/DropdownMenu.js';
57
+ import '../core/Dropdown/DropdownItem.js';
58
+ import '../core/Dropdown/DropdownSection.js';
59
+ import '../core/Dropdown/DropdownSeparator.js';
60
+ import '../core/Dropdown/Dropdown.theme.js';
61
+ import '../core/Kbd/Kbd.js';
62
+ import '../core/MenuItem/MenuItem.js';
63
+ import '../core/Link/Link.js';
64
+ import '../core/Modal/Modal.js';
65
+ import '../core/ModalStack/ModalStack.js';
66
+ import '../core/PageHeading/PageHeading.js';
67
+ import '../core/Pagination/Pagination.js';
68
+ import '../core/Popover/Popover.js';
69
+ import '../core/Popover/PopoverContext.js';
70
+ import '../core/Popover/PopoverBody.js';
71
+ import '../core/Progress/Progress.js';
72
+ import '../core/Rating/Rating.js';
73
+ import '../core/ScrollArea/ScrollArea.js';
74
+ import '../core/ScrollArea/smooth/SmoothScrollEngine.js';
75
+ import '../core/Segmented/Segmented.js';
76
+ import '../core/Skeleton/Skeleton.js';
77
+ import '../core/SlidingNumber/SlidingNumber.js';
78
+ import '../core/Tabs/Tabs.js';
79
+ import '../core/Tabs/TabsList.js';
80
+ import '../core/Tabs/TabsTrigger.js';
81
+ import '../core/Tabs/TabsBody.js';
82
+ import '../core/Tabs/TabsContext.js';
83
+ import '../core/Tooltip/Tooltip.js';
84
+ import '../core/Tooltip/Tooltip.animations.js';
85
+ import '../core/Tree/Tree.js';
86
+ import '../core/Tag/Tag.js';
87
+ import '../core/Alert/Alert.js';
88
+ import '../core/Toast/Toast.js';
89
+ import '../core/Toast/ToastProvider.js';
90
+ import '@heroicons/react/24/solid';
91
+ import '../core/Spinner/Spinner.js';
92
+ import '../core/Message/Message.js';
93
+ import '../core/Message/TypeWriter.js';
94
+ import '../core/Message/MessageBody.js';
95
+ import '@heroicons/react/16/solid';
96
+ import '../core/Empty/Empty.js';
97
+ import '../core/Masonry/Masonry.js';
98
+ import '../core/DragDrop/DragDrop.js';
99
+ import '../core/Sortable/Sortable.js';
100
+ import '../core/NavItem/NavItem.js';
101
+ import '../core/Sidebar/Sidebar.js';
102
+ import '../core/Sidebar/SidebarHeader.js';
103
+ import '../core/Sidebar/SidebarContent.js';
104
+ import '../core/Sidebar/SidebarFooter.js';
105
+ import '../core/Sidebar/SidebarNav.js';
106
+ import '../core/Sidebar/SidebarNavGroup.js';
107
+ import '../core/Sidebar/SidebarToggle.js';
108
+ import '../core/Sidebar/SidebarMobileTrigger.js';
109
+ import '../core/Sidebar/SidebarUserProfile.js';
110
+ import '../core/Sidebar/SidebarLogo.js';
111
+ import '../core/Sidebar/SidebarContext.js';
112
+ import '../core/OfflineIndicator/OfflineIndicator.js';
113
+ import '../core/ContextMenu/ContextMenu.js';
114
+ import '../core/ContextMenu/ContextMenu.theme.js';
115
+ import '../core/Pill/Pill.js';
116
+ import '../core/Icon/Icon.js';
32
117
  import './TimePicker/WheelColumn.js';
33
118
  export { timePickerTheme } from './TimePicker/TimePicker.theme.js';
34
119
  export { Slider } from './Slider/Slider.js';
@@ -1,10 +1,96 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import React__default from 'react';
3
3
  import { cn } from '../../../utils/cn.js';
4
+ import '../../core/Accordion/Accordion.js';
5
+ import '../../core/AlertDialog/AlertDialog.js';
6
+ import '../../core/AspectRatio/AspectRatio.js';
7
+ import '../../core/Avatar/Avatar.js';
8
+ import '../../core/AvatarGroup/AvatarGroup.js';
9
+ import '../../core/Badge/Badge.js';
10
+ import '../../core/Breadcrumbs/Breadcrumbs.js';
11
+ import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
12
+ import '../../core/Button/Button.js';
13
+ import '../../core/ButtonGroup/ButtonGroup.js';
14
+ import '../../core/ButtonGroup/ButtonGroupSeparator.js';
15
+ import '../../core/ButtonGroup/ButtonGroupText.js';
16
+ import '../../core/Calendar/Calendar.js';
17
+ import '../../core/Calendar/CalendarMini/CalendarMini.js';
18
+ import '../../core/Card/Card.js';
19
+ import '../../core/CardStack/CardStack.js';
20
+ import '../../core/Carousel/Carousel.js';
21
+ import '../../core/Carousel/CarouselBody.js';
22
+ import '../../core/CommandPalette/CommandPalette.js';
23
+ import { Separator } from '../../core/Separator/Separator.js';
24
+ import '../../core/Drawer/Drawer.js';
25
+ import '../../core/Drawer/DrawerBody.js';
26
+ import '../../core/Dropdown/Dropdown.js';
27
+ import '../../core/Dropdown/DropdownTrigger.js';
28
+ import '../../core/Dropdown/DropdownMenu.js';
29
+ import '../../core/Dropdown/DropdownItem.js';
30
+ import '../../core/Dropdown/DropdownSection.js';
31
+ import '../../core/Dropdown/DropdownSeparator.js';
32
+ import '../../core/Dropdown/Dropdown.theme.js';
33
+ import '../../core/Kbd/Kbd.js';
34
+ import '../../core/MenuItem/MenuItem.js';
35
+ import '../../core/Link/Link.js';
36
+ import '../../core/Modal/Modal.js';
37
+ import '../../core/ModalStack/ModalStack.js';
38
+ import '../../core/PageHeading/PageHeading.js';
39
+ import '../../core/Pagination/Pagination.js';
40
+ import '../../core/Popover/Popover.js';
41
+ import '../../core/Popover/PopoverContext.js';
42
+ import '../../core/Popover/PopoverBody.js';
43
+ import '../../core/Progress/Progress.js';
44
+ import '../../core/Rating/Rating.js';
45
+ import '../../core/ScrollArea/ScrollArea.js';
46
+ import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
47
+ import '../../core/Segmented/Segmented.js';
48
+ import '../../core/Skeleton/Skeleton.js';
49
+ import '../../core/SlidingNumber/SlidingNumber.js';
50
+ import '../../core/Tabs/Tabs.js';
51
+ import '../../core/Tabs/TabsList.js';
52
+ import '../../core/Tabs/TabsTrigger.js';
53
+ import '../../core/Tabs/TabsBody.js';
54
+ import '../../core/Tabs/TabsContext.js';
55
+ import '../../core/Tooltip/Tooltip.js';
56
+ import '../../core/Tooltip/Tooltip.animations.js';
57
+ import '../../core/Tree/Tree.js';
58
+ import '../../core/Tag/Tag.js';
59
+ import '../../core/Alert/Alert.js';
60
+ import '../../core/Toast/Toast.js';
61
+ import '../../core/Toast/ToastProvider.js';
62
+ import '@heroicons/react/24/solid';
63
+ import '../../core/Spinner/Spinner.js';
64
+ import '../../core/Message/Message.js';
65
+ import '../../core/Message/TypeWriter.js';
66
+ import '../../core/Message/MessageBody.js';
67
+ import '@heroicons/react/16/solid';
68
+ import '@heroicons/react/24/outline';
69
+ import '../../core/Empty/Empty.js';
70
+ import '../../core/Masonry/Masonry.js';
71
+ import '../../core/DragDrop/DragDrop.js';
72
+ import '../../core/Sortable/Sortable.js';
73
+ import '../../core/NavItem/NavItem.js';
74
+ import '../../core/Sidebar/Sidebar.js';
75
+ import '../../core/Sidebar/SidebarHeader.js';
76
+ import '../../core/Sidebar/SidebarContent.js';
77
+ import '../../core/Sidebar/SidebarFooter.js';
78
+ import '../../core/Sidebar/SidebarNav.js';
79
+ import '../../core/Sidebar/SidebarNavGroup.js';
80
+ import 'motion/react';
81
+ import '../../core/Sidebar/SidebarToggle.js';
82
+ import '../../core/Sidebar/SidebarMobileTrigger.js';
83
+ import '../../core/Sidebar/SidebarUserProfile.js';
84
+ import '../../core/Sidebar/SidebarLogo.js';
85
+ import '../../core/Sidebar/SidebarContext.js';
86
+ import '../../core/OfflineIndicator/OfflineIndicator.js';
87
+ import '../../core/ContextMenu/ContextMenu.js';
88
+ import '../../core/ContextMenu/ContextMenu.theme.js';
89
+ import '../../core/Pill/Pill.js';
90
+ import '../../core/Icon/Icon.js';
4
91
  import { formLayoutTheme } from './FormLayout.theme.js';
5
92
  import { FormLayoutSection } from './FormLayoutSection.js';
6
93
  import { FormLayoutFooter } from './FormLayoutFooter.js';
7
- import { Separator } from '../../core/Separator/Separator.js';
8
94
 
9
95
  const isFooter = (child) => React__default.isValidElement(child) && child.type === FormLayoutFooter;
10
96
  const FormLayoutRoot = React__default.forwardRef(({ className, theme: customTheme, children, ...props }, ref) => {