@arclux/arc-ui-react 3.2.0 → 4.0.1

package/src/data/ActivityHeatmap.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
@@ -8,7 +8,7 @@ export interface ActivityHeatmapProps {
   data?: Array<{date: string, value: number, label?: string}>;
   endDate?: string;
   weeks?: number;
-  weekStart?: string;
+  weekStart?: 'sunday' | 'monday';
   max?: number;
   legend?: boolean;
   className?: string;

package/src/data/AnimatedNumber.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Badge.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Chart.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/data/Clock.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Comparison.ts

@@ -1,11 +1,11 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
 import { ArcComparison } from '@arclux/arc-ui/comparison';
 
 export interface ComparisonProps {
-  features?: string;
+  features?: string[];
   className?: string;
   children?: React.ReactNode;
 }

package/src/data/ComparisonColumn.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
@@ -7,7 +7,7 @@ import { ArcComparisonColumn } from '@arclux/arc-ui/comparison-column';
 export interface ComparisonColumnProps {
   heading?: string;
   highlight?: boolean;
-  values?: string;
+  values?: string[];
   className?: string;
 }
 

package/src/data/CountdownTimer.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/data/DataGrid.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -12,6 +12,9 @@ export interface DataGridProps {
   selectable?: boolean;
   virtual?: boolean;
   rowHeight?: number;
+  overscan?: number;
+  density?: 'default' | 'compact';
+  striped?: boolean;
   className?: string;
   onArcSort?: (e: CustomEvent) => void;
   onArcSelect?: (e: CustomEvent) => void;

package/src/data/DescriptionItem.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/DescriptionList.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
@@ -6,6 +6,7 @@ import { ArcDescriptionList } from '@arclux/arc-ui/description-list';
 
 export interface DescriptionListProps {
   columns?: number;
+  layout?: 'stacked' | 'horizontal';
   dividers?: boolean;
   className?: string;
   children?: React.ReactNode;

package/src/data/Diff.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Gauge.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/JsonTree.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/data/Kanban.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/data/LevelMeter.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/List.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/data/ListItem.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/data/Meter.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Sparkline.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Stat.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
@@ -7,7 +7,7 @@ import { ArcStat } from '@arclux/arc-ui/stat';
 export interface StatProps {
   value?: string;
   label?: string;
-  trend?: 'up' | 'down' | 'neutral';
+  trend?: '' | 'up' | 'down' | 'neutral';
   change?: string;
   className?: string;
 }

package/src/data/Step.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Stepper.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Tag.ts

@@ -1,11 +1,11 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcTag } from '@arclux/arc-ui/tag';
 
 export interface TagProps {
-  variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+  variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
   size?: 'sm' | 'md' | 'lg';
   removable?: boolean;
   disabled?: boolean;

package/src/data/Timeline.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/TimelineItem.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/Uptime.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/data/ValueCard.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
@@ -9,6 +9,7 @@ export interface ValueCardProps {
   heading?: string;
   description?: string;
   className?: string;
+  children?: React.ReactNode;
 }
 
 export const ValueCard = createComponent({

package/src/data/Waveform.ts

@@ -1,11 +1,11 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcWaveform } from '@arclux/arc-ui/waveform';
 
 export interface WaveformProps {
-  peaks?: string;
+  peaks?: unknown[];
   position?: number;
   duration?: number;
   interactive?: boolean;

package/src/data/index.ts

@@ -6,14 +6,8 @@ export type { AnimatedNumberProps } from './AnimatedNumber.js';
 export { Badge } from './Badge.js';
 export type { BadgeProps } from './Badge.js';
 
-export { ComparisonColumn } from './ComparisonColumn.js';
-export type { ComparisonColumnProps } from './ComparisonColumn.js';
 
-export { CountdownTimer } from './CountdownTimer.js';
-export type { CountdownTimerProps } from './CountdownTimer.js';
 
-export { DataTable } from './DataTable.js';
-export type { DataTableProps } from './DataTable.js';
 
 export { DescriptionItem } from './DescriptionItem.js';
 export type { DescriptionItemProps } from './DescriptionItem.js';
@@ -24,11 +18,7 @@ export type { DescriptionListProps } from './DescriptionList.js';
 export { Diff } from './Diff.js';
 export type { DiffProps } from './Diff.js';
 
-export { KeyValue } from './KeyValue.js';
-export type { KeyValueProps } from './KeyValue.js';
 
-export { KvPair } from './KvPair.js';
-export type { KvPairProps } from './KvPair.js';
 
 export { ListItem } from './ListItem.js';
 export type { ListItemProps } from './ListItem.js';
@@ -63,20 +53,14 @@ export type { ChartProps } from './Chart.js';
 export { DataGrid } from './DataGrid.js';
 export type { DataGridProps } from './DataGrid.js';
 
-export { EventCalendar } from './EventCalendar.js';
-export type { EventCalendarProps } from './EventCalendar.js';
 
 export { Kanban } from './Kanban.js';
 export type { KanbanProps } from './Kanban.js';
 
-export { Comparison } from './Comparison.js';
-export type { ComparisonProps } from './Comparison.js';
 
 export { List } from './List.js';
 export type { ListProps } from './List.js';
 
-export { Table } from './Table.js';
-export type { TableProps } from './Table.js';
 
 export { Timeline } from './Timeline.js';
 export type { TimelineProps } from './Timeline.js';
@@ -87,14 +71,10 @@ export type { ClockProps } from './Clock.js';
 export { Gauge } from './Gauge.js';
 export type { GaugeProps } from './Gauge.js';
 
-export { LevelMeter } from './LevelMeter.js';
-export type { LevelMeterProps } from './LevelMeter.js';
 
 export { Uptime } from './Uptime.js';
 export type { UptimeProps } from './Uptime.js';
 
-export { Waveform } from './Waveform.js';
-export type { WaveformProps } from './Waveform.js';
 
 export { ActivityHeatmap } from './ActivityHeatmap.js';
 export type { ActivityHeatmapProps } from './ActivityHeatmap.js';

package/src/feedback/Alert.ts

@@ -1,11 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcAlert } from '@arclux/arc-ui/alert';
 
 export interface AlertProps {
-  variant?: 'info' | 'success' | 'warning' | 'error';
+  variant?: 'info' | 'tip' | 'success' | 'warning' | 'error';
+  live?: 'auto' | 'off' | 'polite' | 'assertive';
   density?: 'default' | 'compact';
   dismissible?: boolean;
   heading?: string;

package/src/feedback/Announcement.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/Banner.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/CommandGroup.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/CommandItem.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/CommandPalette.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/Confirm.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/ConnectionStatus.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/ContextMenu.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/Conversation.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/Dialog.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -7,13 +7,13 @@ import { ArcDialog } from '@arclux/arc-ui/dialog';
 export interface DialogProps {
   open?: boolean;
   heading?: string;
-  message?: string;
-  confirmLabel?: string;
-  cancelLabel?: string;
-  variant?: 'default' | 'error';
+  size?: 'sm' | 'md' | 'lg';
+  fullscreen?: boolean;
+  dismissible?: boolean;
   className?: string;
-  onArcConfirm?: (e: CustomEvent) => void;
-  onArcCancel?: (e: CustomEvent) => void;
+  children?: React.ReactNode;
+  onArcClose?: (e: CustomEvent) => void;
+  onArcOpen?: (e: CustomEvent) => void;
 }
 
 export const Dialog = createComponent({
@@ -21,7 +21,7 @@ export const Dialog = createComponent({
   elementClass: ArcDialog,
   react: React,
   events: {
-    onArcConfirm: 'arc-confirm' as EventName<CustomEvent>,
-    onArcCancel: 'arc-cancel' as EventName<CustomEvent>,
+    onArcClose: 'arc-close' as EventName<CustomEvent>,
+    onArcOpen: 'arc-open' as EventName<CustomEvent>,
   },
 });

package/src/feedback/DropdownMenu.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/HoverCard.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/LoadingOverlay.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/Message.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/NotificationPanel.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/Popover.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/Progress.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/Sheet.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/feedback/Toast.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -13,6 +13,9 @@ export interface ToastProps {
   className?: string;
   onArcQueueOverflow?: (e: CustomEvent) => void;
   onArcQueueChange?: (e: CustomEvent) => void;
+  onArcComplete?: (e: CustomEvent) => void;
+  onArcCancel?: (e: CustomEvent) => void;
+  onArcAction?: (e: CustomEvent) => void;
   onArcClose?: (e: CustomEvent) => void;
 }
 
@@ -23,6 +26,9 @@ export const Toast = createComponent({
   events: {
     onArcQueueOverflow: 'arc-queue-overflow' as EventName<CustomEvent>,
     onArcQueueChange: 'arc-queue-change' as EventName<CustomEvent>,
+    onArcComplete: 'arc-complete' as EventName<CustomEvent>,
+    onArcCancel: 'arc-cancel' as EventName<CustomEvent>,
+    onArcAction: 'arc-action' as EventName<CustomEvent>,
     onArcClose: 'arc-close' as EventName<CustomEvent>,
   },
 });

package/src/feedback/Tooltip.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/feedback/index.ts

@@ -33,20 +33,14 @@ export type { DialogProps } from './Dialog.js';
 export { DropdownMenu } from './DropdownMenu.js';
 export type { DropdownMenuProps } from './DropdownMenu.js';
 
-export { GuidedTour } from './GuidedTour.js';
-export type { GuidedTourProps } from './GuidedTour.js';
 
 export { HoverCard } from './HoverCard.js';
 export type { HoverCardProps } from './HoverCard.js';
 
-export { InlineMessage } from './InlineMessage.js';
-export type { InlineMessageProps } from './InlineMessage.js';
 
 export { LoadingOverlay } from './LoadingOverlay.js';
 export type { LoadingOverlayProps } from './LoadingOverlay.js';
 
-export { Modal } from './Modal.js';
-export type { ModalProps } from './Modal.js';
 
 export { NotificationPanel } from './NotificationPanel.js';
 export type { NotificationPanelProps } from './NotificationPanel.js';
@@ -54,8 +48,6 @@ export type { NotificationPanelProps } from './NotificationPanel.js';
 export { Popover } from './Popover.js';
 export type { PopoverProps } from './Popover.js';
 
-export { ProgressToast } from './ProgressToast.js';
-export type { ProgressToastProps } from './ProgressToast.js';
 
 export { Progress } from './Progress.js';
 export type { ProgressProps } from './Progress.js';
@@ -63,11 +55,7 @@ export type { ProgressProps } from './Progress.js';
 export { Sheet } from './Sheet.js';
 export type { SheetProps } from './Sheet.js';
 
-export { Snackbar } from './Snackbar.js';
-export type { SnackbarProps } from './Snackbar.js';
 
-export { Spotlight } from './Spotlight.js';
-export type { SpotlightProps } from './Spotlight.js';
 
 export { Toast } from './Toast.js';
 export type { ToastProps } from './Toast.js';