@arclux/arc-ui-react 2.0.1 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (215) hide show
  1. package/package.json +10 -2
  2. package/src/content/Accordion.ts +1 -3
  3. package/src/content/AccordionItem.ts +1 -1
  4. package/src/content/AspectRatio.ts +1 -1
  5. package/src/content/Avatar.ts +1 -2
  6. package/src/content/AvatarGroup.ts +1 -1
  7. package/src/content/Callout.ts +1 -2
  8. package/src/content/Card.ts +1 -2
  9. package/src/content/Carousel.ts +1 -3
  10. package/src/content/Collapsible.ts +1 -1
  11. package/src/content/ColorSwatch.ts +1 -1
  12. package/src/content/Column.ts +1 -1
  13. package/src/content/CtaBanner.ts +1 -1
  14. package/src/content/Divider.ts +1 -1
  15. package/src/content/EmptyState.ts +1 -1
  16. package/src/content/FeatureCard.ts +1 -1
  17. package/src/content/Icon.ts +1 -2
  18. package/src/content/Image.ts +1 -2
  19. package/src/content/InfiniteScroll.ts +1 -1
  20. package/src/content/Marquee.ts +1 -2
  21. package/src/content/{Stat.ts → QrCode.ts} +9 -7
  22. package/src/content/ScrollArea.ts +1 -1
  23. package/src/content/ScrollIndicator.ts +1 -2
  24. package/src/content/Separator.ts +1 -1
  25. package/src/content/Skeleton.ts +1 -1
  26. package/src/content/Spinner.ts +1 -1
  27. package/src/content/Stack.ts +1 -1
  28. package/src/content/VirtualList.ts +1 -3
  29. package/src/content/index.ts +18 -82
  30. package/src/data/AnimatedNumber.ts +1 -1
  31. package/src/data/Badge.ts +1 -1
  32. package/src/data/Chart.ts +29 -0
  33. package/src/data/Comparison.ts +1 -2
  34. package/src/data/ComparisonColumn.ts +1 -1
  35. package/src/data/CountdownTimer.ts +1 -6
  36. package/src/data/DataGrid.ts +31 -0
  37. package/src/data/DataTable.ts +1 -5
  38. package/src/data/DescriptionItem.ts +1 -1
  39. package/src/data/DescriptionList.ts +1 -1
  40. package/src/data/Diff.ts +1 -1
  41. package/src/data/EventCalendar.ts +29 -0
  42. package/src/data/Kanban.ts +24 -0
  43. package/src/data/KeyValue.ts +1 -1
  44. package/src/data/KvPair.ts +1 -1
  45. package/src/data/List.ts +1 -2
  46. package/src/data/ListItem.ts +1 -4
  47. package/src/data/Meter.ts +1 -1
  48. package/src/data/Sparkline.ts +1 -1
  49. package/src/data/Stat.ts +1 -1
  50. package/src/data/Step.ts +1 -1
  51. package/src/data/Stepper.ts +1 -2
  52. package/src/data/Table.ts +1 -1
  53. package/src/data/Tag.ts +1 -1
  54. package/src/data/Timeline.ts +1 -2
  55. package/src/data/TimelineItem.ts +1 -1
  56. package/src/data/ValueCard.ts +1 -1
  57. package/src/data/index.ts +70 -0
  58. package/src/feedback/Alert.ts +1 -1
  59. package/src/feedback/Announcement.ts +1 -1
  60. package/src/feedback/Banner.ts +1 -1
  61. package/src/feedback/CommandItem.ts +1 -1
  62. package/src/feedback/CommandPalette.ts +1 -3
  63. package/src/feedback/Confirm.ts +1 -1
  64. package/src/feedback/ConnectionStatus.ts +1 -3
  65. package/src/feedback/ContextMenu.ts +1 -5
  66. package/src/feedback/Dialog.ts +1 -1
  67. package/src/feedback/DropdownMenu.ts +1 -2
  68. package/src/feedback/GuidedTour.ts +1 -3
  69. package/src/feedback/HoverCard.ts +1 -2
  70. package/src/feedback/InlineMessage.ts +1 -1
  71. package/src/feedback/LoadingOverlay.ts +1 -1
  72. package/src/feedback/Modal.ts +1 -1
  73. package/src/feedback/NotificationPanel.ts +1 -1
  74. package/src/feedback/Popover.ts +1 -1
  75. package/src/feedback/Progress.ts +1 -1
  76. package/src/feedback/ProgressToast.ts +1 -2
  77. package/src/feedback/Sheet.ts +1 -1
  78. package/src/feedback/Snackbar.ts +1 -2
  79. package/src/feedback/Spotlight.ts +1 -1
  80. package/src/feedback/Toast.ts +1 -2
  81. package/src/feedback/ToastManager.ts +29 -0
  82. package/src/feedback/Tooltip.ts +1 -2
  83. package/src/feedback/index.ts +30 -34
  84. package/src/index.ts +242 -217
  85. package/src/input/Button.ts +1 -3
  86. package/src/input/ButtonGroup.ts +1 -1
  87. package/src/input/Calendar.ts +1 -2
  88. package/src/input/Checkbox.ts +1 -1
  89. package/src/input/Chip.ts +1 -1
  90. package/src/input/ColorPicker.ts +2 -7
  91. package/src/input/Combobox.ts +2 -5
  92. package/src/input/CopyButton.ts +1 -2
  93. package/src/input/DatePicker.ts +2 -5
  94. package/src/input/DateRangePicker.ts +31 -0
  95. package/src/input/Fieldset.ts +1 -3
  96. package/src/input/FileUpload.ts +1 -4
  97. package/src/input/Form.ts +1 -2
  98. package/src/input/Hotkey.ts +1 -1
  99. package/src/input/IconButton.ts +1 -1
  100. package/src/input/ImageCropper.ts +24 -0
  101. package/src/input/Input.ts +1 -3
  102. package/src/input/InputGroup.ts +1 -3
  103. package/src/input/Label.ts +1 -3
  104. package/src/input/MultiSelect.ts +2 -5
  105. package/src/input/NumberInput.ts +2 -1
  106. package/src/input/OtpInput.ts +2 -1
  107. package/src/input/PasswordInput.ts +36 -0
  108. package/src/input/PinInput.ts +2 -1
  109. package/src/input/Radio.ts +1 -1
  110. package/src/input/RadioGroup.ts +1 -2
  111. package/src/input/RangeSlider.ts +2 -2
  112. package/src/input/Rating.ts +2 -1
  113. package/src/input/Search.ts +1 -4
  114. package/src/input/SegmentedControl.ts +1 -2
  115. package/src/input/Select.ts +1 -2
  116. package/src/input/Slider.ts +2 -1
  117. package/src/input/SortableList.ts +1 -6
  118. package/src/input/Suggestion.ts +1 -1
  119. package/src/input/SwitchGroup.ts +1 -1
  120. package/src/input/TagInput.ts +32 -0
  121. package/src/input/Textarea.ts +1 -1
  122. package/src/input/ThemeToggle.ts +1 -1
  123. package/src/input/TimePicker.ts +2 -6
  124. package/src/input/Toggle.ts +1 -1
  125. package/src/input/TransferList.ts +27 -0
  126. package/src/input/index.ts +32 -36
  127. package/src/layout/AppShell.ts +1 -3
  128. package/src/layout/AspectGrid.ts +1 -1
  129. package/src/layout/AuthShell.ts +1 -1
  130. package/src/layout/Center.ts +1 -1
  131. package/src/layout/Cluster.ts +1 -1
  132. package/src/layout/Container.ts +1 -1
  133. package/src/layout/DashboardGrid.ts +1 -1
  134. package/src/layout/Dock.ts +1 -2
  135. package/src/layout/FloatBar.ts +1 -1
  136. package/src/layout/Inset.ts +1 -1
  137. package/src/layout/Masonry.ts +1 -1
  138. package/src/layout/PageHeader.ts +1 -1
  139. package/src/layout/PageLayout.ts +1 -1
  140. package/src/layout/Resizable.ts +1 -2
  141. package/src/layout/ResponsiveSwitcher.ts +1 -1
  142. package/src/layout/Section.ts +1 -1
  143. package/src/layout/SettingsLayout.ts +1 -1
  144. package/src/layout/SplitPane.ts +1 -1
  145. package/src/layout/StatusBar.ts +1 -1
  146. package/src/layout/Sticky.ts +1 -2
  147. package/src/layout/Toolbar.ts +6 -1
  148. package/src/layout/index.ts +28 -29
  149. package/src/navigation/AnchorNav.ts +1 -1
  150. package/src/navigation/BottomNav.ts +1 -1
  151. package/src/navigation/Breadcrumb.ts +1 -2
  152. package/src/navigation/BreadcrumbItem.ts +1 -1
  153. package/src/navigation/BreadcrumbMenu.ts +1 -2
  154. package/src/navigation/CommandBar.ts +1 -1
  155. package/src/navigation/Drawer.ts +1 -1
  156. package/src/navigation/Footer.ts +1 -1
  157. package/src/navigation/Link.ts +1 -1
  158. package/src/navigation/Menubar.ts +23 -0
  159. package/src/navigation/NavItem.ts +1 -1
  160. package/src/navigation/NavigationMenu.ts +1 -6
  161. package/src/navigation/PageIndicator.ts +1 -1
  162. package/src/navigation/Pagination.ts +1 -1
  163. package/src/navigation/Rail.ts +1 -1
  164. package/src/navigation/ScrollSpy.ts +1 -3
  165. package/src/navigation/ScrollToTop.ts +1 -2
  166. package/src/navigation/Sidebar.ts +1 -2
  167. package/src/navigation/SidebarLink.ts +1 -1
  168. package/src/navigation/SidebarSection.ts +1 -1
  169. package/src/navigation/SkipLink.ts +1 -1
  170. package/src/navigation/SpeedDial.ts +1 -1
  171. package/src/navigation/SpyLink.ts +1 -1
  172. package/src/navigation/StepperNav.ts +1 -1
  173. package/src/navigation/Tab.ts +1 -1
  174. package/src/navigation/Tabs.ts +1 -2
  175. package/src/navigation/TopBar.ts +1 -1
  176. package/src/navigation/TreeItem.ts +1 -1
  177. package/src/navigation/TreeView.ts +1 -3
  178. package/src/navigation/index.ts +31 -35
  179. package/src/shared/MenuDivider.ts +1 -1
  180. package/src/shared/MenuItem.ts +1 -1
  181. package/src/shared/Option.ts +1 -1
  182. package/src/shared/index.ts +6 -4
  183. package/src/typography/Blockquote.ts +1 -1
  184. package/src/typography/CodeBlock.ts +1 -2
  185. package/src/typography/GradientText.ts +1 -1
  186. package/src/typography/Highlight.ts +1 -1
  187. package/src/typography/Kbd.ts +1 -1
  188. package/src/typography/Markdown.ts +1 -1
  189. package/src/typography/NumberFormat.ts +1 -1
  190. package/src/typography/Prose.ts +1 -1
  191. package/src/typography/Text.ts +1 -1
  192. package/src/typography/TimeAgo.ts +1 -1
  193. package/src/typography/Truncate.ts +1 -1
  194. package/src/typography/Typewriter.ts +2 -3
  195. package/src/typography/index.ts +34 -0
  196. package/src/content/AnimatedNumber.ts +0 -23
  197. package/src/content/Badge.ts +0 -19
  198. package/src/content/CodeBlock.ts +0 -21
  199. package/src/content/DataTable.ts +0 -35
  200. package/src/content/Highlight.ts +0 -19
  201. package/src/content/IconLibrary.ts +0 -16
  202. package/src/content/Kbd.ts +0 -16
  203. package/src/content/List.ts +0 -28
  204. package/src/content/ListItem.ts +0 -27
  205. package/src/content/Markdown.ts +0 -17
  206. package/src/content/Meter.ts +0 -23
  207. package/src/content/Step.ts +0 -17
  208. package/src/content/Stepper.ts +0 -18
  209. package/src/content/Table.ts +0 -20
  210. package/src/content/Tag.ts +0 -25
  211. package/src/content/Text.ts +0 -18
  212. package/src/content/Timeline.ts +0 -17
  213. package/src/content/TimelineItem.ts +0 -18
  214. package/src/content/Truncate.ts +0 -22
  215. package/src/content/ValueCard.ts +0 -19
@@ -0,0 +1,29 @@
1
+ // Auto-generated by @arclux/prism — do not edit manually
2
+
3
+ import React from 'react';
4
+ import { createComponent, type EventName } from '@lit/react';
5
+ import { ArcToastManager } from '@arclux/arc-ui/toast-manager';
6
+
7
+ export interface ToastManagerProps {
8
+ position?: string;
9
+ duration?: number;
10
+ maxVisible?: number;
11
+ dedupe?: boolean;
12
+ queueLimit?: number;
13
+ className?: string;
14
+ children?: React.ReactNode;
15
+ onArcQueueOverflow?: (e: CustomEvent) => void;
16
+ onArcDismiss?: (e: CustomEvent) => void;
17
+ onArcQueueChange?: (e: CustomEvent) => void;
18
+ }
19
+
20
+ export const ToastManager = createComponent({
21
+ tagName: 'arc-toast-manager',
22
+ elementClass: ArcToastManager,
23
+ react: React,
24
+ events: {
25
+ onArcQueueOverflow: 'arc-queue-overflow' as EventName<CustomEvent>,
26
+ onArcDismiss: 'arc-dismiss' as EventName<CustomEvent>,
27
+ onArcQueueChange: 'arc-queue-change' as EventName<CustomEvent>,
28
+ },
29
+ });
@@ -2,13 +2,12 @@
2
2
 
3
3
  import React from 'react';
4
4
  import { createComponent, type EventName } from '@lit/react';
5
- import { ArcTooltip } from '@arclux/arc-ui';
5
+ import { ArcTooltip } from '@arclux/arc-ui/tooltip';
6
6
 
7
7
  export interface TooltipProps {
8
8
  content?: string;
9
9
  position?: 'top' | 'bottom' | 'left' | 'right';
10
10
  delay?: number;
11
- _visible?: string;
12
11
  className?: string;
13
12
  children?: React.ReactNode;
14
13
  }
@@ -1,15 +1,26 @@
1
- // ARC UI React — Feedback tier
2
- // Alerts, modals, toasts, tooltips, and user feedback components
1
+ // Auto-generated by @arclux/prism — do not edit manually
3
2
 
4
3
  export { Alert } from './Alert.js';
5
4
  export type { AlertProps } from './Alert.js';
6
5
 
6
+ export { Announcement } from './Announcement.js';
7
+ export type { AnnouncementProps } from './Announcement.js';
8
+
9
+ export { Banner } from './Banner.js';
10
+ export type { BannerProps } from './Banner.js';
11
+
7
12
  export { CommandItem } from './CommandItem.js';
8
13
  export type { CommandItemProps } from './CommandItem.js';
9
14
 
10
15
  export { CommandPalette } from './CommandPalette.js';
11
16
  export type { CommandPaletteProps } from './CommandPalette.js';
12
17
 
18
+ export { Confirm } from './Confirm.js';
19
+ export type { ConfirmProps } from './Confirm.js';
20
+
21
+ export { ConnectionStatus } from './ConnectionStatus.js';
22
+ export type { ConnectionStatusProps } from './ConnectionStatus.js';
23
+
13
24
  export { ContextMenu } from './ContextMenu.js';
14
25
  export type { ContextMenuProps } from './ContextMenu.js';
15
26
 
@@ -19,9 +30,18 @@ export type { DialogProps } from './Dialog.js';
19
30
  export { DropdownMenu } from './DropdownMenu.js';
20
31
  export type { DropdownMenuProps } from './DropdownMenu.js';
21
32
 
33
+ export { GuidedTour } from './GuidedTour.js';
34
+ export type { GuidedTourProps } from './GuidedTour.js';
35
+
22
36
  export { HoverCard } from './HoverCard.js';
23
37
  export type { HoverCardProps } from './HoverCard.js';
24
38
 
39
+ export { InlineMessage } from './InlineMessage.js';
40
+ export type { InlineMessageProps } from './InlineMessage.js';
41
+
42
+ export { LoadingOverlay } from './LoadingOverlay.js';
43
+ export type { LoadingOverlayProps } from './LoadingOverlay.js';
44
+
25
45
  export { Modal } from './Modal.js';
26
46
  export type { ModalProps } from './Modal.js';
27
47
 
@@ -31,44 +51,20 @@ export type { NotificationPanelProps } from './NotificationPanel.js';
31
51
  export { Popover } from './Popover.js';
32
52
  export type { PopoverProps } from './Popover.js';
33
53
 
34
- export { Progress } from './Progress.js';
35
- export type { ProgressProps } from './Progress.js';
54
+ export { ProgressToast } from './ProgressToast.js';
55
+ export type { ProgressToastProps } from './ProgressToast.js';
36
56
 
37
57
  export { Sheet } from './Sheet.js';
38
58
  export type { SheetProps } from './Sheet.js';
39
59
 
40
- export { Toast } from './Toast.js';
41
- export type { ToastProps } from './Toast.js';
42
-
43
- export { Tooltip } from './Tooltip.js';
44
- export type { TooltipProps } from './Tooltip.js';
45
-
46
- export { Announcement } from './Announcement.js';
47
- export type { AnnouncementProps } from './Announcement.js';
48
-
49
- export { Banner } from './Banner.js';
50
- export type { BannerProps } from './Banner.js';
51
-
52
- export { Confirm } from './Confirm.js';
53
- export type { ConfirmProps } from './Confirm.js';
54
-
55
- export { ConnectionStatus } from './ConnectionStatus.js';
56
- export type { ConnectionStatusProps } from './ConnectionStatus.js';
57
-
58
- export { GuidedTour } from './GuidedTour.js';
59
- export type { GuidedTourProps } from './GuidedTour.js';
60
-
61
- export { InlineMessage } from './InlineMessage.js';
62
- export type { InlineMessageProps } from './InlineMessage.js';
63
-
64
- export { LoadingOverlay } from './LoadingOverlay.js';
65
- export type { LoadingOverlayProps } from './LoadingOverlay.js';
66
-
67
- export { ProgressToast } from './ProgressToast.js';
68
- export type { ProgressToastProps } from './ProgressToast.js';
69
-
70
60
  export { Snackbar } from './Snackbar.js';
71
61
  export type { SnackbarProps } from './Snackbar.js';
72
62
 
73
63
  export { Spotlight } from './Spotlight.js';
74
64
  export type { SpotlightProps } from './Spotlight.js';
65
+
66
+ export { Tooltip } from './Tooltip.js';
67
+ export type { TooltipProps } from './Tooltip.js';
68
+
69
+ export { ToastManager } from './ToastManager.js';
70
+ export type { ToastManagerProps } from './ToastManager.js';