@arclux/arc-ui-react 2.0.1 → 2.2.0

package/src/data/DataGrid.ts

@@ -0,0 +1,31 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcDataGrid } from '@arclux/arc-ui/data-grid';
+
+export interface DataGridProps {
+  columns?: unknown[];
+  rows?: unknown[];
+  sort?: unknown[];
+  manualSort?: boolean;
+  selectable?: boolean;
+  virtual?: boolean;
+  rowHeight?: number;
+  className?: string;
+  children?: React.ReactNode;
+  onArcSort?: (e: CustomEvent) => void;
+  onArcSelectionChange?: (e: CustomEvent) => void;
+  onArcCellChange?: (e: CustomEvent) => void;
+}
+
+export const DataGrid = createComponent({
+  tagName: 'arc-data-grid',
+  elementClass: ArcDataGrid,
+  react: React,
+  events: {
+    onArcSort: 'arc-sort' as EventName<CustomEvent>,
+    onArcSelectionChange: 'arc-selection-change' as EventName<CustomEvent>,
+    onArcCellChange: 'arc-cell-change' as EventName<CustomEvent>,
+  },
+});

package/src/data/DataTable.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcDataTable } from '@arclux/arc-ui';
+import { ArcDataTable } from '@arclux/arc-ui/data-table';
 
 export interface DataTableProps {
   rows?: unknown[];
@@ -12,10 +12,6 @@ export interface DataTableProps {
   sortDirection?: string;
   virtual?: boolean;
   rowHeight?: number;
-  _columns?: string;
-  _selectedRows?: string;
-  _startIndex?: string;
-  _visibleCount?: string;
   className?: string;
   children?: React.ReactNode;
   onArcSort?: (e: CustomEvent) => void;

package/src/data/DescriptionItem.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcDescriptionItem } from '@arclux/arc-ui';
+import { ArcDescriptionItem } from '@arclux/arc-ui/description-item';
 
 export interface DescriptionItemProps {
   term?: string;

package/src/data/DescriptionList.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcDescriptionList } from '@arclux/arc-ui';
+import { ArcDescriptionList } from '@arclux/arc-ui/description-list';
 
 export interface DescriptionListProps {
   columns?: number;

package/src/data/Diff.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcDiff } from '@arclux/arc-ui';
+import { ArcDiff } from '@arclux/arc-ui/diff';
 
 export interface DiffProps {
   before?: string;

package/src/data/EventCalendar.ts

@@ -0,0 +1,29 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcEventCalendar } from '@arclux/arc-ui/event-calendar';
+
+export interface EventCalendarProps {
+  events?: unknown[];
+  view?: string;
+  date?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcPeriodChange?: (e: CustomEvent) => void;
+  onArcDateClick?: (e: CustomEvent) => void;
+  onArcEventClick?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const EventCalendar = createComponent({
+  tagName: 'arc-event-calendar',
+  elementClass: ArcEventCalendar,
+  react: React,
+  events: {
+    onArcPeriodChange: 'arc-period-change' as EventName<CustomEvent>,
+    onArcDateClick: 'arc-date-click' as EventName<CustomEvent>,
+    onArcEventClick: 'arc-event-click' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/data/Kanban.ts

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcKanban } from '@arclux/arc-ui/kanban';
+
+export interface KanbanProps {
+  columns?: unknown[];
+  disabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+  onArcCardMove?: (e: CustomEvent) => void;
+  onArcCardClick?: (e: CustomEvent) => void;
+}
+
+export const Kanban = createComponent({
+  tagName: 'arc-kanban',
+  elementClass: ArcKanban,
+  react: React,
+  events: {
+    onArcCardMove: 'arc-card-move' as EventName<CustomEvent>,
+    onArcCardClick: 'arc-card-click' as EventName<CustomEvent>,
+  },
+});

package/src/data/KeyValue.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcKeyValue } from '@arclux/arc-ui';
+import { ArcKeyValue } from '@arclux/arc-ui/key-value';
 
 export interface KeyValueProps {
   layout?: 'horizontal' | 'stacked';

package/src/data/KvPair.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcKvPair } from '@arclux/arc-ui';
+import { ArcKvPair } from '@arclux/arc-ui/kv-pair';
 
 export interface KvPairProps {
   label?: string;

package/src/data/List.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcList } from '@arclux/arc-ui';
+import { ArcList } from '@arclux/arc-ui/list';
 
 export interface ListProps {
   variant?: 'bordered' | 'separated';
@@ -10,7 +10,6 @@ export interface ListProps {
   selectable?: boolean;
   multiple?: boolean;
   value?: string;
-  _items?: string;
   className?: string;
   children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;

package/src/data/ListItem.ts

@@ -2,16 +2,13 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcListItem } from '@arclux/arc-ui';
+import { ArcListItem } from '@arclux/arc-ui/list-item';
 
 export interface ListItemProps {
   value?: string;
   selected?: boolean;
   disabled?: boolean;
   href?: string;
-  _hasPrefix?: string;
-  _hasSuffix?: string;
-  _hasDescription?: string;
   className?: string;
   children?: React.ReactNode;
   onArcItemSelect?: (e: CustomEvent) => void;

package/src/data/Meter.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcMeter } from '@arclux/arc-ui';
+import { ArcMeter } from '@arclux/arc-ui/meter';
 
 export interface MeterProps {
   value?: number;

package/src/data/Sparkline.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSparkline } from '@arclux/arc-ui';
+import { ArcSparkline } from '@arclux/arc-ui/sparkline';
 
 export interface SparklineProps {
   data?: string;

package/src/data/Stat.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcStat } from '@arclux/arc-ui';
+import { ArcStat } from '@arclux/arc-ui/stat';
 
 export interface StatProps {
   value?: string;

package/src/data/Step.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcStep } from '@arclux/arc-ui';
+import { ArcStep } from '@arclux/arc-ui/step';
 
 export interface StepProps {
   label?: string;

package/src/data/Stepper.ts

@@ -2,11 +2,10 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcStepper } from '@arclux/arc-ui';
+import { ArcStepper } from '@arclux/arc-ui/stepper';
 
 export interface StepperProps {
   active?: number;
-  _steps?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/data/Table.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTable } from '@arclux/arc-ui';
+import { ArcTable } from '@arclux/arc-ui/table';
 
 export interface TableProps {
   columns?: unknown[];

package/src/data/Tag.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTag } from '@arclux/arc-ui';
+import { ArcTag } from '@arclux/arc-ui/tag';
 
 export interface TagProps {
   variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';

package/src/data/Timeline.ts

@@ -2,10 +2,9 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTimeline } from '@arclux/arc-ui';
+import { ArcTimeline } from '@arclux/arc-ui/timeline';
 
 export interface TimelineProps {
-  _items?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/data/TimelineItem.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTimelineItem } from '@arclux/arc-ui';
+import { ArcTimelineItem } from '@arclux/arc-ui/timeline-item';
 
 export interface TimelineItemProps {
   heading?: string;

package/src/data/ValueCard.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcValueCard } from '@arclux/arc-ui';
+import { ArcValueCard } from '@arclux/arc-ui/value-card';
 
 export interface ValueCardProps {
   icon?: string;

package/src/data/index.ts

@@ -0,0 +1,70 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+export { AnimatedNumber } from './AnimatedNumber.js';
+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';
+
+export { DescriptionList } from './DescriptionList.js';
+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';
+
+export { Meter } from './Meter.js';
+export type { MeterProps } from './Meter.js';
+
+export { Sparkline } from './Sparkline.js';
+export type { SparklineProps } from './Sparkline.js';
+
+export { Stat } from './Stat.js';
+export type { StatProps } from './Stat.js';
+
+export { Step } from './Step.js';
+export type { StepProps } from './Step.js';
+
+export { Stepper } from './Stepper.js';
+export type { StepperProps } from './Stepper.js';
+
+export { Tag } from './Tag.js';
+export type { TagProps } from './Tag.js';
+
+export { TimelineItem } from './TimelineItem.js';
+export type { TimelineItemProps } from './TimelineItem.js';
+
+export { ValueCard } from './ValueCard.js';
+export type { ValueCardProps } from './ValueCard.js';
+
+export { Chart } from './Chart.js';
+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';

package/src/feedback/Alert.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcAlert } from '@arclux/arc-ui';
+import { ArcAlert } from '@arclux/arc-ui/alert';
 
 export interface AlertProps {
   variant?: string;

package/src/feedback/Announcement.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcAnnouncement } from '@arclux/arc-ui';
+import { ArcAnnouncement } from '@arclux/arc-ui/announcement';
 
 export interface AnnouncementProps {
   politeness?: string;

package/src/feedback/Banner.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcBanner } from '@arclux/arc-ui';
+import { ArcBanner } from '@arclux/arc-ui/banner';
 
 export interface BannerProps {
   variant?: string;

package/src/feedback/CommandItem.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcCommandItem } from '@arclux/arc-ui';
+import { ArcCommandItem } from '@arclux/arc-ui/command-item';
 
 export interface CommandItemProps {
   shortcut?: string;

package/src/feedback/CommandPalette.ts

@@ -2,13 +2,11 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcCommandPalette } from '@arclux/arc-ui';
+import { ArcCommandPalette } from '@arclux/arc-ui/command-palette';
 
 export interface CommandPaletteProps {
   open?: boolean;
   placeholder?: string;
-  _query?: string;
-  _items?: string;
   className?: string;
   children?: React.ReactNode;
   onArcSelect?: (e: CustomEvent) => void;

package/src/feedback/Confirm.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcConfirm } from '@arclux/arc-ui';
+import { ArcConfirm } from '@arclux/arc-ui/confirm';
 
 export interface ConfirmProps {
   open?: boolean;

package/src/feedback/ConnectionStatus.ts

@@ -2,11 +2,9 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcConnectionStatus } from '@arclux/arc-ui';
+import { ArcConnectionStatus } from '@arclux/arc-ui/connection-status';
 
 export interface ConnectionStatusProps {
-  online?: string;
-  _visible?: string;
   className?: string;
   children?: React.ReactNode;
   onArcOnline?: (e: CustomEvent) => void;

package/src/feedback/ContextMenu.ts

@@ -2,14 +2,10 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcContextMenu } from '@arclux/arc-ui';
+import { ArcContextMenu } from '@arclux/arc-ui/context-menu';
 
 export interface ContextMenuProps {
   open?: boolean;
-  _x?: string;
-  _y?: string;
-  _activeIndex?: string;
-  _children?: string;
   className?: string;
   children?: React.ReactNode;
   onArcOpen?: (e: CustomEvent) => void;

package/src/feedback/Dialog.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcDialog } from '@arclux/arc-ui';
+import { ArcDialog } from '@arclux/arc-ui/dialog';
 
 export interface DialogProps {
   open?: boolean;

package/src/feedback/DropdownMenu.ts

@@ -2,11 +2,10 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcDropdownMenu } from '@arclux/arc-ui';
+import { ArcDropdownMenu } from '@arclux/arc-ui/dropdown-menu';
 
 export interface DropdownMenuProps {
   open?: boolean;
-  _children?: string;
   className?: string;
   children?: React.ReactNode;
   onArcClose?: (e: CustomEvent) => void;

package/src/feedback/GuidedTour.ts

@@ -2,11 +2,9 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcGuidedTour } from '@arclux/arc-ui';
+import { ArcGuidedTour } from '@arclux/arc-ui/guided-tour';
 
 export interface GuidedTourProps {
-  steps?: string;
-  active?: string;
   open?: boolean;
   className?: string;
   children?: React.ReactNode;

package/src/feedback/HoverCard.ts

@@ -2,13 +2,12 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcHoverCard } from '@arclux/arc-ui';
+import { ArcHoverCard } from '@arclux/arc-ui/hover-card';
 
 export interface HoverCardProps {
   position?: string;
   openDelay?: number;
   closeDelay?: number;
-  _visible?: string;
   className?: string;
   children?: React.ReactNode;
   onArcOpen?: (e: CustomEvent) => void;

package/src/feedback/InlineMessage.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcInlineMessage } from '@arclux/arc-ui';
+import { ArcInlineMessage } from '@arclux/arc-ui/inline-message';
 
 export interface InlineMessageProps {
   variant?: string;

package/src/feedback/LoadingOverlay.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcLoadingOverlay } from '@arclux/arc-ui';
+import { ArcLoadingOverlay } from '@arclux/arc-ui/loading-overlay';
 
 export interface LoadingOverlayProps {
   active?: boolean;

package/src/feedback/Modal.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcModal } from '@arclux/arc-ui';
+import { ArcModal } from '@arclux/arc-ui/modal';
 
 export interface ModalProps {
   open?: boolean;

package/src/feedback/NotificationPanel.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcNotificationPanel } from '@arclux/arc-ui';
+import { ArcNotificationPanel } from '@arclux/arc-ui/notification-panel';
 
 export interface NotificationPanelProps {
   open?: boolean;

package/src/feedback/Popover.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcPopover } from '@arclux/arc-ui';
+import { ArcPopover } from '@arclux/arc-ui/popover';
 
 export interface PopoverProps {
   open?: boolean;

package/src/feedback/Progress.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcProgress } from '@arclux/arc-ui';
+import { ArcProgress } from '@arclux/arc-ui/progress';
 
 export interface ProgressProps {
   value?: number;

package/src/feedback/ProgressToast.ts

@@ -2,11 +2,10 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcProgressToast } from '@arclux/arc-ui';
+import { ArcProgressToast } from '@arclux/arc-ui/progress-toast';
 
 export interface ProgressToastProps {
   position?: 'bottom-right' | 'top-right';
-  _toasts?: string;
   className?: string;
   children?: React.ReactNode;
   onArcComplete?: (e: CustomEvent) => void;

package/src/feedback/Sheet.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSheet } from '@arclux/arc-ui';
+import { ArcSheet } from '@arclux/arc-ui/sheet';
 
 export interface SheetProps {
   open?: boolean;

package/src/feedback/Snackbar.ts

@@ -2,12 +2,11 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSnackbar } from '@arclux/arc-ui';
+import { ArcSnackbar } from '@arclux/arc-ui/snackbar';
 
 export interface SnackbarProps {
   position?: 'bottom-center' | 'bottom-left' | 'bottom-right';
   duration?: number;
-  _snackbars?: string;
   className?: string;
   children?: React.ReactNode;
   onArcAction?: (e: CustomEvent) => void;

package/src/feedback/Spotlight.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSpotlight } from '@arclux/arc-ui';
+import { ArcSpotlight } from '@arclux/arc-ui/spotlight';
 
 export interface SpotlightProps {
   target?: string;

package/src/feedback/Toast.ts

@@ -2,12 +2,11 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcToast } from '@arclux/arc-ui';
+import { ArcToast } from '@arclux/arc-ui/toast';
 
 export interface ToastProps {
   position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
   duration?: number;
-  _toasts?: string;
   className?: string;
   children?: React.ReactNode;
   onArcDismiss?: (e: CustomEvent) => void;