@flikk/ui 1.0.0-beta.17 → 1.0.0-beta.19

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 (36) hide show
  1. package/dist/components/ai/PromptInput/PromptInput.js +134 -7
  2. package/dist/components/ai/PromptInput/VoiceRecorder.js +84 -0
  3. package/dist/components/core/Dropdown/Dropdown.js +1 -1
  4. package/dist/components/core/Popover/Popover.js +1 -1
  5. package/dist/components/core/Popover/PopoverBody.js +3 -3
  6. package/dist/components/core/Tag/Tag.animations.js +0 -13
  7. package/dist/components/core/Tag/Tag.js +1 -1
  8. package/dist/components/forms/DatePicker/DatePickerBody.js +1 -1
  9. package/dist/components/forms/FileUpload/FileUpload.js +85 -0
  10. package/dist/components/forms/TimePicker/TimePickerContent.js +86 -1
  11. package/dist/components/forms/index.js +85 -0
  12. package/dist/components/layout/FormLayout/FormLayout.js +87 -1
  13. package/dist/index.js +221 -215
  14. package/package.json +1 -1
  15. package/dist/bg/bg/1.jpg +0 -0
  16. package/dist/bg/bg/10.jpg +0 -0
  17. package/dist/bg/bg/11.jpg +0 -0
  18. package/dist/bg/bg/14.jpg +0 -0
  19. package/dist/bg/bg/15.jpg +0 -0
  20. package/dist/bg/bg/16.jpg +0 -0
  21. package/dist/bg/bg/17.jpg +0 -0
  22. package/dist/bg/bg/18.jpg +0 -0
  23. package/dist/bg/bg/19.jpg +0 -0
  24. package/dist/bg/bg/2.jpg +0 -0
  25. package/dist/bg/bg/20.jpg +0 -0
  26. package/dist/bg/bg/21.jpg +0 -0
  27. package/dist/bg/bg/22.jpg +0 -0
  28. package/dist/bg/bg/23.jpg +0 -0
  29. package/dist/bg/bg/24.jpg +0 -0
  30. package/dist/bg/bg/3.jpg +0 -0
  31. package/dist/bg/bg/4.jpg +0 -0
  32. package/dist/bg/bg/5.jpg +0 -0
  33. package/dist/bg/bg/6.jpg +0 -0
  34. package/dist/bg/bg/7.jpg +0 -0
  35. package/dist/bg/bg/8.jpg +0 -0
  36. package/dist/bg/bg/9.jpg +0 -0
package/dist/components/ai/PromptInput/PromptInput.js CHANGED
@@ -1,14 +1,48 @@
1
1
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
2
  import React__default, { useState, useRef, useId, useEffect, useCallback } from 'react';
3
3
  import { AnimatePresence, motion } from 'motion/react';
4
- import { cn } from '../../../utils/cn.js';
5
- import { CloudArrowUpIcon, MicrophoneIcon, PaperClipIcon, LinkIcon, DocumentIcon, XMarkIcon, PlusIcon, AdjustmentsHorizontalIcon, ChevronDownIcon, ArrowRightIcon } from '@heroicons/react/24/outline';
6
- import { StopIcon } from '@heroicons/react/24/solid';
7
- import { promptInputTheme } from './PromptInput.theme.js';
8
- import { VoiceRecorder } from './VoiceRecorder.js';
9
- import { dropzoneContainerVariants, dropzoneChildVariants, dropzoneActionIconVariants, textareaSwapVariants, iconSwapVariants } from './PromptInput.animations.js';
4
+ import '../../forms/Input/Input.js';
5
+ import '../../forms/Input/Input.theme.js';
6
+ import '../../forms/Select/Select.js';
7
+ import '../../forms/Select/Select.theme.js';
10
8
  import { Textarea } from '../../forms/Textarea/Textarea.js';
11
9
  import '../../forms/Textarea/Textarea.theme.js';
10
+ import '../../forms/FormLabel/FormLabel.js';
11
+ import '../../forms/Radio/Radio.js';
12
+ import '../../forms/Checkbox/Checkbox.js';
13
+ import '../../forms/Switch/Switch.js';
14
+ import '../../forms/DatePicker/DatePicker.js';
15
+ import '../../forms/DatePicker/DatePicker.theme.js';
16
+ import '../../forms/DateRangePicker/DateRangePicker.js';
17
+ import '../../forms/DateRangePicker/DateRangePicker.theme.js';
18
+ import '../../forms/FileUpload/FileUpload.js';
19
+ import '../../forms/FileUpload/FileUploadProgress.js';
20
+ import '../../forms/TimePicker/TimePicker.js';
21
+ import { CloudArrowUpIcon, MicrophoneIcon, PaperClipIcon, LinkIcon, DocumentIcon, XMarkIcon, PlusIcon, AdjustmentsHorizontalIcon, ChevronDownIcon, ArrowRightIcon } from '@heroicons/react/24/outline';
22
+ import { cn } from '../../../utils/cn.js';
23
+ import 'react-dom';
24
+ import '../../core/Accordion/Accordion.js';
25
+ import '../../core/AlertDialog/AlertDialog.js';
26
+ import '../../core/AspectRatio/AspectRatio.js';
27
+ import '../../core/Avatar/Avatar.js';
28
+ import '../../core/AvatarGroup/AvatarGroup.js';
29
+ import '../../core/Badge/Badge.js';
30
+ import '../../core/Breadcrumbs/Breadcrumbs.js';
31
+ import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
32
+ import { Button } from '../../core/Button/Button.js';
33
+ import '../../core/ButtonGroup/ButtonGroup.js';
34
+ import '../../core/ButtonGroup/ButtonGroupSeparator.js';
35
+ import '../../core/ButtonGroup/ButtonGroupText.js';
36
+ import '../../core/Calendar/Calendar.js';
37
+ import '../../core/Calendar/CalendarMini/CalendarMini.js';
38
+ import '../../core/Card/Card.js';
39
+ import '../../core/CardStack/CardStack.js';
40
+ import '../../core/Carousel/Carousel.js';
41
+ import '../../core/Carousel/CarouselBody.js';
42
+ import '../../core/CommandPalette/CommandPalette.js';
43
+ import '../../core/Separator/Separator.js';
44
+ import '../../core/Drawer/Drawer.js';
45
+ import '../../core/Drawer/DrawerBody.js';
12
46
  import { Dropdown } from '../../core/Dropdown/Dropdown.js';
13
47
  import '../../core/Dropdown/DropdownTrigger.js';
14
48
  import '../../core/Dropdown/DropdownMenu.js';
@@ -16,7 +50,100 @@ import '../../core/Dropdown/DropdownItem.js';
16
50
  import '../../core/Dropdown/DropdownSection.js';
17
51
  import '../../core/Dropdown/DropdownSeparator.js';
18
52
  import '../../core/Dropdown/Dropdown.theme.js';
19
- import { Button } from '../../core/Button/Button.js';
53
+ import '../../core/Kbd/Kbd.js';
54
+ import '../../core/MenuItem/MenuItem.js';
55
+ import '../../core/Link/Link.js';
56
+ import '../../core/Modal/Modal.js';
57
+ import '../../core/ModalStack/ModalStack.js';
58
+ import '../../core/PageHeading/PageHeading.js';
59
+ import '../../core/Pagination/Pagination.js';
60
+ import '../../core/Popover/Popover.js';
61
+ import '../../core/Popover/PopoverContext.js';
62
+ import '../../core/Popover/PopoverBody.js';
63
+ import '../../core/Progress/Progress.js';
64
+ import '../../core/Rating/Rating.js';
65
+ import '../../core/ScrollArea/ScrollArea.js';
66
+ import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
67
+ import '../../core/Segmented/Segmented.js';
68
+ import '../../core/Skeleton/Skeleton.js';
69
+ import '../../core/SlidingNumber/SlidingNumber.js';
70
+ import '../../core/Tabs/Tabs.js';
71
+ import '../../core/Tabs/TabsList.js';
72
+ import '../../core/Tabs/TabsTrigger.js';
73
+ import '../../core/Tabs/TabsBody.js';
74
+ import '../../core/Tabs/TabsContext.js';
75
+ import '../../core/Tooltip/Tooltip.js';
76
+ import '../../core/Tooltip/Tooltip.animations.js';
77
+ import '../../core/Tree/Tree.js';
78
+ import '../../core/Tag/Tag.js';
79
+ import '../../core/Alert/Alert.js';
80
+ import '../../core/Toast/Toast.js';
81
+ import '../../core/Toast/ToastProvider.js';
82
+ import { StopIcon } from '@heroicons/react/24/solid';
83
+ import '../../core/Spinner/Spinner.js';
84
+ import '../../core/Message/Message.js';
85
+ import '../../core/Message/TypeWriter.js';
86
+ import '../../core/Message/MessageBody.js';
87
+ import '@heroicons/react/16/solid';
88
+ import '../../core/Empty/Empty.js';
89
+ import '../../core/Masonry/Masonry.js';
90
+ import '../../core/DragDrop/DragDrop.js';
91
+ import '../../core/Sortable/Sortable.js';
92
+ import '../../core/NavItem/NavItem.js';
93
+ import '../../core/Sidebar/Sidebar.js';
94
+ import '../../core/Sidebar/SidebarHeader.js';
95
+ import '../../core/Sidebar/SidebarContent.js';
96
+ import '../../core/Sidebar/SidebarFooter.js';
97
+ import '../../core/Sidebar/SidebarNav.js';
98
+ import '../../core/Sidebar/SidebarNavGroup.js';
99
+ import '../../core/Sidebar/SidebarToggle.js';
100
+ import '../../core/Sidebar/SidebarMobileTrigger.js';
101
+ import '../../core/Sidebar/SidebarUserProfile.js';
102
+ import '../../core/Sidebar/SidebarContext.js';
103
+ import '../../core/OfflineIndicator/OfflineIndicator.js';
104
+ import '../../core/ContextMenu/ContextMenu.js';
105
+ import '../../core/ContextMenu/ContextMenu.theme.js';
106
+ import '../../core/Pill/Pill.js';
107
+ import '../../core/SocialIcon/SocialIcon.js';
108
+ import '../../core/FileTypeIcon/FileTypeIcon.js';
109
+ import '../../forms/TimePicker/WheelColumn.js';
110
+ import '../../forms/TimePicker/TimePicker.theme.js';
111
+ import '../../forms/Slider/Slider.js';
112
+ import '../../forms/Slider/Slider.theme.js';
113
+ import '../../forms/Signature/Signature.js';
114
+ import '../../forms/Signature/Signature.theme.js';
115
+ import '../../forms/RichTextEditor/RichTextEditor.js';
116
+ import '../../forms/RichTextEditor/RichTextEditor.theme.js';
117
+ import '../../forms/InputOTP/InputOTP.js';
118
+ import '../../forms/InputOTP/InputOTP.theme.js';
119
+ import '../../forms/InputCreditCard/InputCreditCard.js';
120
+ import '../../forms/InputCreditCard/InputCreditCard.theme.js';
121
+ import '../../forms/InputAddress/InputAddress.js';
122
+ import '../../forms/InputAddress/InputAddress.theme.js';
123
+ import '../../forms/InputDate/InputDate.js';
124
+ import '../../forms/InputCounter/InputCounter.js';
125
+ import '../../forms/InputTag/InputTag.js';
126
+ import '../../forms/InputTag/InputTag.theme.js';
127
+ import '../../forms/Combobox/Combobox.js';
128
+ import '../../forms/Combobox/Combobox.theme.js';
129
+ import '../../forms/ColorPicker/ColorPicker.js';
130
+ import '../../forms/ColorPicker/ColorPickerTrigger.js';
131
+ import '../../forms/ColorPicker/ColorPickerBody.js';
132
+ import '../../forms/ColorPicker/ColorPicker2DCanvas.js';
133
+ import '../../forms/ColorPicker/ColorPickerSwatch.js';
134
+ import '../../forms/ColorPicker/ColorPickerSliders.js';
135
+ import '../../forms/ColorPicker/ColorPickerInput.js';
136
+ import '../../forms/ColorPicker/ColorPickerFormatSelector.js';
137
+ import '../../forms/ColorPicker/ColorPickerEyeDropper.js';
138
+ import '../../forms/ColorPicker/ColorPickerPresets.js';
139
+ import '../../forms/SelectableCard/SelectableCard.js';
140
+ import '../../forms/Mention/Mention.js';
141
+ import '../../forms/Mention/Mention.theme.js';
142
+ import '../../forms/CronInput/CronInput.js';
143
+ import '../../forms/CronInput/CronInput.theme.js';
144
+ import { promptInputTheme } from './PromptInput.theme.js';
145
+ import { VoiceRecorder } from './VoiceRecorder.js';
146
+ import { dropzoneContainerVariants, dropzoneChildVariants, dropzoneActionIconVariants, textareaSwapVariants, iconSwapVariants } from './PromptInput.animations.js';
20
147
 
21
148
  /**
22
149
  * Default model options for the model selector
package/dist/components/ai/PromptInput/VoiceRecorder.js CHANGED
@@ -3,7 +3,91 @@ import { useState, useRef, useCallback, useEffect } from 'react';
3
3
  import { motion } from 'motion/react';
4
4
  import { PlayIcon, PauseIcon, CheckIcon } from '@heroicons/react/24/outline';
5
5
  import { cn } from '../../../utils/cn.js';
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 '../../core/Sidebar/SidebarToggle.js';
82
+ import '../../core/Sidebar/SidebarMobileTrigger.js';
83
+ import '../../core/Sidebar/SidebarUserProfile.js';
84
+ import '../../core/Sidebar/SidebarContext.js';
85
+ import '../../core/OfflineIndicator/OfflineIndicator.js';
86
+ import '../../core/ContextMenu/ContextMenu.js';
87
+ import '../../core/ContextMenu/ContextMenu.theme.js';
88
+ import '../../core/Pill/Pill.js';
89
+ import '../../core/SocialIcon/SocialIcon.js';
90
+ import '../../core/FileTypeIcon/FileTypeIcon.js';
7
91
 
8
92
  /**
9
93
  * Format seconds into MM:SS display
package/dist/components/core/Dropdown/Dropdown.js CHANGED
@@ -82,7 +82,7 @@ const DropdownRoot = ({ children, className, isOpen: controlledIsOpen, defaultIs
82
82
  onSelectionChange: handleSelectionChange,
83
83
  theme,
84
84
  };
85
- return (jsx(DropdownContext.Provider, { value: contextValue, children: jsx("div", { className: cn("dropdown", darkMode && "dark", className), "data-state": isOpen ? "open" : "closed", ...props, children: children }) }));
85
+ return (jsx(DropdownContext.Provider, { value: contextValue, children: jsx("div", { className: cn("dropdown contents", darkMode && "dark", className), "data-state": isOpen ? "open" : "closed", ...props, children: children }) }));
86
86
  };
87
87
  DropdownRoot.displayName = "Dropdown";
88
88
  // Export as a unified component with sub-components
package/dist/components/core/Popover/Popover.js CHANGED
@@ -61,7 +61,7 @@ const PopoverRoot = ({ children, className, isOpen: controlledIsOpen, defaultIsO
61
61
  theme,
62
62
  contentId,
63
63
  };
64
- return (jsx(PopoverContext.Provider, { value: contextValue, children: jsx("div", { className: cn("popover", darkMode && "dark", className), "data-state": isOpen ? "open" : "closed", "data-backdrop": hasBackdrop ? "true" : "false", ...props, children: children }) }));
64
+ return (jsx(PopoverContext.Provider, { value: contextValue, children: jsx("div", { className: cn("popover contents", darkMode && "dark", className), "data-state": isOpen ? "open" : "closed", "data-backdrop": hasBackdrop ? "true" : "false", ...props, children: children }) }));
65
65
  };
66
66
  // Export as a unified component
67
67
  const Popover = Object.assign(PopoverRoot, {
package/dist/components/core/Popover/PopoverBody.js CHANGED
@@ -55,7 +55,7 @@ const PopoverBody = React__default.forwardRef(({ children, className, animation
55
55
  const shouldReduceMotion = useReducedMotion();
56
56
  const localRef = useRef(null);
57
57
  // Use the same positioning hook as Select/Tooltip (now supports all 12 placements)
58
- const { position, cssVariables, contentRef: portalContentRef, } = useSelectPortal({
58
+ const { position, cssVariables, contentRef: portalContentRef, isReady, } = useSelectPortal({
59
59
  triggerRef,
60
60
  isOpen: isOpen || false,
61
61
  placement,
@@ -132,7 +132,7 @@ const PopoverBody = React__default.forwardRef(({ children, className, animation
132
132
  return (jsx(Overlay, { ref: handleRef, isOpen: isOpen, onClose: () => {
133
133
  if (!preventClose)
134
134
  onOpenChange(false);
135
- }, closeOnOverlayClick: closeOnClickOutside && !preventClose, closeOnEsc: closeOnEsc && !preventClose, enableScrollLock: false, enableFocusTrap: true, position: "none", role: "dialog", ariaModal: true, contentClassName: contentClasses, contentStyle: contentPositionStyle, animations: animation && !shouldReduceMotion
135
+ }, closeOnOverlayClick: closeOnClickOutside && !preventClose, closeOnEsc: closeOnEsc && !preventClose, enableScrollLock: false, enableFocusTrap: true, position: "none", role: "dialog", ariaModal: true, contentClassName: contentClasses, contentStyle: contentPositionStyle, animations: animation && !shouldReduceMotion && isReady
136
136
  ? {
137
137
  overlay: overlayBackdropAnimations,
138
138
  content: overlayContentAnimations,
@@ -140,7 +140,7 @@ const PopoverBody = React__default.forwardRef(({ children, className, animation
140
140
  : undefined, children: jsx("div", { id: contentId, "data-state": isOpen ? "open" : "closed", "data-placement": placement, "data-trigger": triggerType, ...domProps, children: children }) }));
141
141
  }
142
142
  // Without backdrop: manual portal + positioning + escape + click-outside
143
- const popoverContent = (jsx(AnimatePresence, { children: isOpen && (jsx(motion.div, { ref: handleRef, id: contentId, className: cn("fixed z-50", contentClasses), style: contentPositionStyle, role: "dialog", "aria-modal": "true", variants: shouldReduceMotion || !animation ? {} : popoverContentVariants, initial: shouldReduceMotion || !animation ? undefined : "hidden", animate: shouldReduceMotion || !animation ? undefined : "visible", exit: shouldReduceMotion || !animation ? undefined : "exit", transition: shouldReduceMotion || !animation
143
+ const popoverContent = (jsx(AnimatePresence, { children: isOpen && (jsx(motion.div, { ref: handleRef, id: contentId, className: cn("fixed z-50", contentClasses), style: contentPositionStyle, role: "dialog", "aria-modal": "true", variants: shouldReduceMotion || !animation ? {} : popoverContentVariants, initial: shouldReduceMotion || !animation ? undefined : "hidden", animate: shouldReduceMotion || !animation ? undefined : (isReady ? "visible" : "hidden"), exit: shouldReduceMotion || !animation ? undefined : "exit", transition: shouldReduceMotion || !animation
144
144
  ? { duration: 0 }
145
145
  : popoverTransitions.content, "data-state": isOpen ? "open" : "closed", "data-placement": placement, "data-trigger": triggerType, onClick: (e) => e.stopPropagation(), ...domProps, children: children })) }));
146
146
  if (portal && isClient) {
package/dist/components/core/Tag/Tag.animations.js CHANGED
@@ -1,17 +1,4 @@
1
1
  const tagVariants = {
2
- initial: {
3
- scale: 0,
4
- opacity: 0,
5
- },
6
- animate: {
7
- scale: 1,
8
- opacity: 1,
9
- transition: {
10
- type: "spring",
11
- stiffness: 500,
12
- damping: 25,
13
- },
14
- },
15
2
  exit: {
16
3
  scale: 0,
17
4
  opacity: 0,
package/dist/components/core/Tag/Tag.js CHANGED
@@ -54,7 +54,7 @@ const Tag = React__default.forwardRef(({ children, size = "md", removable = true
54
54
  }
55
55
  return null;
56
56
  };
57
- return (jsxs(motion.span, { ref: ref, className: cn(theme.baseStyle, theme.sizes[size], hasLeadingContent && "pl-0.5", showRemoveButton && "pr-0.5", disabled && theme.disabledStyle, className), layout: true, transition: tagLayoutTransition, variants: tagVariants, initial: "initial", animate: "animate", exit: "exit", "data-size": size, "data-disabled": disabled ? "true" : "false", "data-removable": removable ? "true" : "false", "data-has-avatar": avatar ? "true" : "false", ...props, children: [renderLeadingContent(), children, showRemoveButton && (jsx("button", { type: "button", onClick: handleRemove, className: theme.removeButtonStyle, "aria-label": `Remove ${typeof children === "string" ? children : "tag"}`, children: jsx(XMarkIcon, { className: theme.removeIconSizes[size] }) }))] }));
57
+ return (jsxs(motion.span, { ref: ref, className: cn(theme.baseStyle, theme.sizes[size], hasLeadingContent && "pl-0.5", showRemoveButton && "pr-0.5", disabled && theme.disabledStyle, className), layout: true, transition: tagLayoutTransition, variants: tagVariants, exit: "exit", "data-size": size, "data-disabled": disabled ? "true" : "false", "data-removable": removable ? "true" : "false", "data-has-avatar": avatar ? "true" : "false", ...props, children: [renderLeadingContent(), children, showRemoveButton && (jsx("button", { type: "button", onClick: handleRemove, className: theme.removeButtonStyle, "aria-label": `Remove ${typeof children === "string" ? children : "tag"}`, children: jsx(XMarkIcon, { className: theme.removeIconSizes[size] }) }))] }));
58
58
  });
59
59
  Tag.displayName = "Tag";
60
60
 
package/dist/components/forms/DatePicker/DatePickerBody.js CHANGED
@@ -213,7 +213,7 @@ const DatePickerBody = ({ isOpen, className, onClose, portal = true, placement =
213
213
  const adjustedLeft = new Date(newDate);
214
214
  adjustedLeft.setMonth(adjustedLeft.getMonth() - 1);
215
215
  setLeftCalendarDate(adjustedLeft);
216
- }, onNavigatePrev: null, onNavigateNext: handleNavigateNext, minDate: minDate, maxDate: maxDate, isDateDisabled: isDateDisabled, showToday: showToday, selectTodayByDefault: false, weekdays: weekdays, months: months, yearRange: yearRange, size: "md" }) })] })) }), jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--color-border)]", children: [jsx("div", { className: "text-sm text-[var(--color-text-muted", children: formatRangeDisplay(tempRange) }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { variant: "outline", color: "neutral", size: "sm", onClick: handleCancel, children: "Cancel" }), jsx(Button, { variant: "filled", size: "sm", onClick: handleApply, disabled: !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.start) || !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.end), children: "Apply" })] })] })] })) : (
216
+ }, onNavigatePrev: null, onNavigateNext: handleNavigateNext, minDate: minDate, maxDate: maxDate, isDateDisabled: isDateDisabled, showToday: showToday, selectTodayByDefault: false, weekdays: weekdays, months: months, yearRange: yearRange, size: "md" }) })] })) }), jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--color-border)]", children: [jsx("div", { className: "text-sm text-[var(--color-text-muted)]", children: formatRangeDisplay(tempRange) }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { variant: "outline", color: "neutral", size: "sm", onClick: handleCancel, children: "Cancel" }), jsx(Button, { variant: "filled", size: "sm", onClick: handleApply, disabled: !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.start) || !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.end), children: "Apply" })] })] })] })) : (
217
217
  // Single calendar for single mode
218
218
  jsx("div", { className: "flex-1 p-4", children: children || (jsx(Calendar, { mode: "single", value: selectedValue, onChange: (value) => {
219
219
  handleDateSelect(value);
package/dist/components/forms/FileUpload/FileUpload.js CHANGED
@@ -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/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/SocialIcon/SocialIcon.js';
91
+ import '../../core/FileTypeIcon/FileTypeIcon.js';
7
92
 
8
93
  /**
9
94
  * FileUpload component - Drag-and-drop file uploader with previews
package/dist/components/forms/TimePicker/TimePickerContent.js CHANGED
@@ -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/SidebarContext.js';
89
+ import '../../core/OfflineIndicator/OfflineIndicator.js';
90
+ import '../../core/ContextMenu/ContextMenu.js';
91
+ import '../../core/ContextMenu/ContextMenu.theme.js';
92
+ import '../../core/Pill/Pill.js';
93
+ import '../../core/SocialIcon/SocialIcon.js';
94
+ import '../../core/FileTypeIcon/FileTypeIcon.js';
95
+ import { useIsClient } from '../../../hooks/useIsClient.js';
11
96
 
12
97
  /**
13
98
  * Hook to detect dark mode state from document
package/dist/components/forms/index.js CHANGED
@@ -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/SidebarContext.js';
111
+ import '../core/OfflineIndicator/OfflineIndicator.js';
112
+ import '../core/ContextMenu/ContextMenu.js';
113
+ import '../core/ContextMenu/ContextMenu.theme.js';
114
+ import '../core/Pill/Pill.js';
115
+ import '../core/SocialIcon/SocialIcon.js';
116
+ import '../core/FileTypeIcon/FileTypeIcon.js';
32
117
  import './TimePicker/WheelColumn.js';
33
118
  export { timePickerTheme } from './TimePicker/TimePicker.theme.js';
34
119
  export { Slider } from './Slider/Slider.js';