@arclux/arc-ui-react 2.1.0 → 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.
- package/package.json +10 -2
- package/src/content/Accordion.ts +1 -3
- package/src/content/AccordionItem.ts +1 -1
- package/src/content/AspectRatio.ts +1 -1
- package/src/content/Avatar.ts +1 -2
- package/src/content/AvatarGroup.ts +1 -1
- package/src/content/Callout.ts +1 -2
- package/src/content/Card.ts +1 -2
- package/src/content/Carousel.ts +1 -3
- package/src/content/Collapsible.ts +1 -1
- package/src/content/ColorSwatch.ts +1 -1
- package/src/content/Column.ts +1 -1
- package/src/content/CtaBanner.ts +1 -1
- package/src/content/Divider.ts +1 -1
- package/src/content/EmptyState.ts +1 -1
- package/src/content/FeatureCard.ts +1 -1
- package/src/content/Icon.ts +1 -2
- package/src/content/Image.ts +1 -2
- package/src/content/InfiniteScroll.ts +1 -1
- package/src/content/Marquee.ts +1 -2
- package/src/content/{Stat.ts → QrCode.ts} +9 -7
- package/src/content/ScrollArea.ts +1 -1
- package/src/content/ScrollIndicator.ts +1 -2
- package/src/content/Separator.ts +1 -1
- package/src/content/Skeleton.ts +1 -1
- package/src/content/Spinner.ts +1 -1
- package/src/content/Stack.ts +1 -1
- package/src/content/VirtualList.ts +1 -3
- package/src/content/index.ts +18 -82
- package/src/data/AnimatedNumber.ts +1 -1
- package/src/data/Badge.ts +1 -1
- package/src/data/Chart.ts +29 -0
- package/src/data/Comparison.ts +1 -2
- package/src/data/ComparisonColumn.ts +1 -1
- package/src/data/CountdownTimer.ts +1 -6
- package/src/data/DataGrid.ts +31 -0
- package/src/data/DataTable.ts +1 -5
- package/src/data/DescriptionItem.ts +1 -1
- package/src/data/DescriptionList.ts +1 -1
- package/src/data/Diff.ts +1 -1
- package/src/data/EventCalendar.ts +29 -0
- package/src/data/Kanban.ts +24 -0
- package/src/data/KeyValue.ts +1 -1
- package/src/data/KvPair.ts +1 -1
- package/src/data/List.ts +1 -2
- package/src/data/ListItem.ts +1 -4
- package/src/data/Meter.ts +1 -1
- package/src/data/Sparkline.ts +1 -1
- package/src/data/Stat.ts +1 -1
- package/src/data/Step.ts +1 -1
- package/src/data/Stepper.ts +1 -2
- package/src/data/Table.ts +1 -1
- package/src/data/Tag.ts +1 -1
- package/src/data/Timeline.ts +1 -2
- package/src/data/TimelineItem.ts +1 -1
- package/src/data/ValueCard.ts +1 -1
- package/src/data/index.ts +70 -0
- package/src/feedback/Alert.ts +1 -1
- package/src/feedback/Announcement.ts +1 -1
- package/src/feedback/Banner.ts +1 -1
- package/src/feedback/CommandItem.ts +1 -1
- package/src/feedback/CommandPalette.ts +1 -3
- package/src/feedback/Confirm.ts +1 -1
- package/src/feedback/ConnectionStatus.ts +1 -3
- package/src/feedback/ContextMenu.ts +1 -5
- package/src/feedback/Dialog.ts +1 -1
- package/src/feedback/DropdownMenu.ts +1 -2
- package/src/feedback/GuidedTour.ts +1 -3
- package/src/feedback/HoverCard.ts +1 -2
- package/src/feedback/InlineMessage.ts +1 -1
- package/src/feedback/LoadingOverlay.ts +1 -1
- package/src/feedback/Modal.ts +1 -1
- package/src/feedback/NotificationPanel.ts +1 -1
- package/src/feedback/Popover.ts +1 -1
- package/src/feedback/Progress.ts +1 -1
- package/src/feedback/ProgressToast.ts +1 -2
- package/src/feedback/Sheet.ts +1 -1
- package/src/feedback/Snackbar.ts +1 -2
- package/src/feedback/Spotlight.ts +1 -1
- package/src/feedback/Toast.ts +1 -2
- package/src/feedback/ToastManager.ts +29 -0
- package/src/feedback/Tooltip.ts +1 -2
- package/src/feedback/index.ts +30 -34
- package/src/index.ts +242 -217
- package/src/input/Button.ts +1 -3
- package/src/input/ButtonGroup.ts +1 -1
- package/src/input/Calendar.ts +1 -2
- package/src/input/Checkbox.ts +1 -1
- package/src/input/Chip.ts +1 -1
- package/src/input/ColorPicker.ts +2 -7
- package/src/input/Combobox.ts +2 -5
- package/src/input/CopyButton.ts +1 -2
- package/src/input/DatePicker.ts +2 -5
- package/src/input/DateRangePicker.ts +31 -0
- package/src/input/Fieldset.ts +1 -3
- package/src/input/FileUpload.ts +1 -4
- package/src/input/Form.ts +1 -2
- package/src/input/Hotkey.ts +1 -1
- package/src/input/IconButton.ts +1 -1
- package/src/input/ImageCropper.ts +24 -0
- package/src/input/Input.ts +1 -3
- package/src/input/InputGroup.ts +1 -3
- package/src/input/Label.ts +1 -3
- package/src/input/MultiSelect.ts +2 -5
- package/src/input/NumberInput.ts +2 -1
- package/src/input/OtpInput.ts +2 -1
- package/src/input/PasswordInput.ts +36 -0
- package/src/input/PinInput.ts +2 -1
- package/src/input/Radio.ts +1 -1
- package/src/input/RadioGroup.ts +1 -2
- package/src/input/RangeSlider.ts +2 -2
- package/src/input/Rating.ts +2 -1
- package/src/input/Search.ts +1 -4
- package/src/input/SegmentedControl.ts +1 -2
- package/src/input/Select.ts +1 -2
- package/src/input/Slider.ts +2 -1
- package/src/input/SortableList.ts +1 -6
- package/src/input/Suggestion.ts +1 -1
- package/src/input/SwitchGroup.ts +1 -1
- package/src/input/TagInput.ts +32 -0
- package/src/input/Textarea.ts +1 -1
- package/src/input/ThemeToggle.ts +1 -1
- package/src/input/TimePicker.ts +2 -6
- package/src/input/Toggle.ts +1 -1
- package/src/input/TransferList.ts +27 -0
- package/src/input/index.ts +32 -36
- package/src/layout/AppShell.ts +1 -3
- package/src/layout/AspectGrid.ts +1 -1
- package/src/layout/AuthShell.ts +1 -1
- package/src/layout/Center.ts +1 -1
- package/src/layout/Cluster.ts +1 -1
- package/src/layout/Container.ts +1 -1
- package/src/layout/DashboardGrid.ts +1 -1
- package/src/layout/Dock.ts +1 -2
- package/src/layout/FloatBar.ts +1 -1
- package/src/layout/Inset.ts +1 -1
- package/src/layout/Masonry.ts +1 -1
- package/src/layout/PageHeader.ts +1 -1
- package/src/layout/PageLayout.ts +1 -1
- package/src/layout/Resizable.ts +1 -2
- package/src/layout/ResponsiveSwitcher.ts +1 -1
- package/src/layout/Section.ts +1 -1
- package/src/layout/SettingsLayout.ts +1 -1
- package/src/layout/SplitPane.ts +1 -1
- package/src/layout/StatusBar.ts +1 -1
- package/src/layout/Sticky.ts +1 -2
- package/src/layout/Toolbar.ts +6 -1
- package/src/layout/index.ts +28 -29
- package/src/navigation/AnchorNav.ts +1 -1
- package/src/navigation/BottomNav.ts +1 -1
- package/src/navigation/Breadcrumb.ts +1 -2
- package/src/navigation/BreadcrumbItem.ts +1 -1
- package/src/navigation/BreadcrumbMenu.ts +1 -2
- package/src/navigation/CommandBar.ts +1 -1
- package/src/navigation/Drawer.ts +1 -1
- package/src/navigation/Footer.ts +1 -1
- package/src/navigation/Link.ts +1 -1
- package/src/navigation/Menubar.ts +23 -0
- package/src/navigation/NavItem.ts +1 -1
- package/src/navigation/NavigationMenu.ts +1 -6
- package/src/navigation/PageIndicator.ts +1 -1
- package/src/navigation/Pagination.ts +1 -1
- package/src/navigation/Rail.ts +1 -1
- package/src/navigation/ScrollSpy.ts +1 -3
- package/src/navigation/ScrollToTop.ts +1 -2
- package/src/navigation/Sidebar.ts +1 -2
- package/src/navigation/SidebarLink.ts +1 -1
- package/src/navigation/SidebarSection.ts +1 -1
- package/src/navigation/SkipLink.ts +1 -1
- package/src/navigation/SpeedDial.ts +1 -1
- package/src/navigation/SpyLink.ts +1 -1
- package/src/navigation/StepperNav.ts +1 -1
- package/src/navigation/Tab.ts +1 -1
- package/src/navigation/Tabs.ts +1 -2
- package/src/navigation/TopBar.ts +1 -1
- package/src/navigation/TreeItem.ts +1 -1
- package/src/navigation/TreeView.ts +1 -3
- package/src/navigation/index.ts +31 -35
- package/src/shared/MenuDivider.ts +1 -1
- package/src/shared/MenuItem.ts +1 -1
- package/src/shared/Option.ts +1 -1
- package/src/shared/index.ts +6 -4
- package/src/typography/Blockquote.ts +1 -1
- package/src/typography/CodeBlock.ts +1 -2
- package/src/typography/GradientText.ts +1 -1
- package/src/typography/Highlight.ts +1 -1
- package/src/typography/Kbd.ts +1 -1
- package/src/typography/Markdown.ts +1 -1
- package/src/typography/NumberFormat.ts +1 -1
- package/src/typography/Prose.ts +1 -1
- package/src/typography/Text.ts +1 -1
- package/src/typography/TimeAgo.ts +1 -1
- package/src/typography/Truncate.ts +1 -1
- package/src/typography/Typewriter.ts +1 -3
- package/src/typography/index.ts +34 -0
- package/src/content/AnimatedNumber.ts +0 -23
- package/src/content/Badge.ts +0 -19
- package/src/content/CodeBlock.ts +0 -21
- package/src/content/DataTable.ts +0 -35
- package/src/content/Highlight.ts +0 -19
- package/src/content/IconLibrary.ts +0 -16
- package/src/content/Kbd.ts +0 -16
- package/src/content/List.ts +0 -28
- package/src/content/ListItem.ts +0 -27
- package/src/content/Markdown.ts +0 -17
- package/src/content/Meter.ts +0 -23
- package/src/content/Step.ts +0 -17
- package/src/content/Stepper.ts +0 -18
- package/src/content/Table.ts +0 -20
- package/src/content/Tag.ts +0 -25
- package/src/content/Text.ts +0 -18
- package/src/content/Timeline.ts +0 -17
- package/src/content/TimelineItem.ts +0 -18
- package/src/content/Truncate.ts +0 -22
- 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
|
+
});
|
package/src/feedback/Tooltip.ts
CHANGED
|
@@ -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
|
}
|
package/src/feedback/index.ts
CHANGED
|
@@ -1,15 +1,26 @@
|
|
|
1
|
-
//
|
|
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 {
|
|
35
|
-
export type {
|
|
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';
|