@arclux/arc-ui-react 1.10.0 → 1.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arclux/arc-ui-react",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "React wrappers for ARC UI Web Components.",
   "type": "module",
   "main": "src/index.ts",
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.8",
-    "@arclux/arc-ui": "1.10.0"
+    "@arclux/arc-ui": "1.10.1"
   },
   "license": "MIT",
   "keywords": [

package/src/data/AnimatedNumber.ts

@@ -0,0 +1,23 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcAnimatedNumber } from '@arclux/arc-ui';
+
+export interface AnimatedNumberProps {
+  value?: number;
+  duration?: number;
+  format?: string;
+  prefix?: string;
+  suffix?: string;
+  decimals?: number;
+  locale?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const AnimatedNumber = createComponent({
+  tagName: 'arc-animated-number',
+  elementClass: ArcAnimatedNumber,
+  react: React,
+});

package/src/data/Badge.ts

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcBadge } from '@arclux/arc-ui';
+
+export interface BadgeProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+  size?: 'sm' | 'lg';
+  color?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Badge = createComponent({
+  tagName: 'arc-badge',
+  elementClass: ArcBadge,
+  react: React,
+});

package/src/data/DataTable.ts

@@ -0,0 +1,35 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcDataTable } from '@arclux/arc-ui';
+
+export interface DataTableProps {
+  rows?: unknown[];
+  sortable?: boolean;
+  selectable?: boolean;
+  sortColumn?: string;
+  sortDirection?: string;
+  virtual?: boolean;
+  rowHeight?: number;
+  _columns?: string;
+  _selectedRows?: string;
+  _startIndex?: string;
+  _visibleCount?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcSort?: (e: CustomEvent) => void;
+  onArcSelectAll?: (e: CustomEvent) => void;
+  onArcRowSelect?: (e: CustomEvent) => void;
+}
+
+export const DataTable = createComponent({
+  tagName: 'arc-data-table',
+  elementClass: ArcDataTable,
+  react: React,
+  events: {
+    onArcSort: 'arc-sort' as EventName<CustomEvent>,
+    onArcSelectAll: 'arc-select-all' as EventName<CustomEvent>,
+    onArcRowSelect: 'arc-row-select' as EventName<CustomEvent>,
+  },
+});

package/src/data/List.ts

@@ -0,0 +1,28 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcList } from '@arclux/arc-ui';
+
+export interface ListProps {
+  variant?: 'bordered' | 'separated';
+  size?: 'sm' | 'lg';
+  selectable?: boolean;
+  multiple?: boolean;
+  value?: string;
+  _items?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onArcItemClick?: (e: CustomEvent) => void;
+}
+
+export const List = createComponent({
+  tagName: 'arc-list',
+  elementClass: ArcList,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onArcItemClick: 'arc-item-click' as EventName<CustomEvent>,
+  },
+});

package/src/data/ListItem.ts

@@ -0,0 +1,27 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcListItem } from '@arclux/arc-ui';
+
+export interface ListItemProps {
+  value?: string;
+  selected?: boolean;
+  disabled?: boolean;
+  href?: string;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
+  _hasDescription?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcItemClick?: (e: CustomEvent) => void;
+}
+
+export const ListItem = createComponent({
+  tagName: 'arc-list-item',
+  elementClass: ArcListItem,
+  react: React,
+  events: {
+    onArcItemClick: 'arc-item-click' as EventName<CustomEvent>,
+  },
+});

package/src/data/Meter.ts

@@ -0,0 +1,23 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcMeter } from '@arclux/arc-ui';
+
+export interface MeterProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  low?: number;
+  high?: number;
+  optimum?: number;
+  label?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Meter = createComponent({
+  tagName: 'arc-meter',
+  elementClass: ArcMeter,
+  react: React,
+});

package/src/data/Stat.ts

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcStat } from '@arclux/arc-ui';
+
+export interface StatProps {
+  value?: string;
+  label?: string;
+  trend?: 'up' | 'down' | 'neutral';
+  change?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Stat = createComponent({
+  tagName: 'arc-stat',
+  elementClass: ArcStat,
+  react: React,
+});

package/src/data/Step.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcStep } from '@arclux/arc-ui';
+
+export interface StepProps {
+  label?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Step = createComponent({
+  tagName: 'arc-step',
+  elementClass: ArcStep,
+  react: React,
+});

package/src/data/Stepper.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcStepper } from '@arclux/arc-ui';
+
+export interface StepperProps {
+  active?: number;
+  _steps?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Stepper = createComponent({
+  tagName: 'arc-stepper',
+  elementClass: ArcStepper,
+  react: React,
+});

package/src/data/Table.ts

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTable } from '@arclux/arc-ui';
+
+export interface TableProps {
+  columns?: unknown[];
+  rows?: unknown[];
+  striped?: boolean;
+  compact?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Table = createComponent({
+  tagName: 'arc-table',
+  elementClass: ArcTable,
+  react: React,
+});

package/src/data/Tag.ts

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTag } from '@arclux/arc-ui';
+
+export interface TagProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+  size?: 'sm' | 'lg';
+  removable?: boolean;
+  disabled?: boolean;
+  color?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcRemove?: (e: CustomEvent) => void;
+}
+
+export const Tag = createComponent({
+  tagName: 'arc-tag',
+  elementClass: ArcTag,
+  react: React,
+  events: {
+    onArcRemove: 'arc-remove' as EventName<CustomEvent>,
+  },
+});

package/src/data/Timeline.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTimeline } from '@arclux/arc-ui';
+
+export interface TimelineProps {
+  _items?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Timeline = createComponent({
+  tagName: 'arc-timeline',
+  elementClass: ArcTimeline,
+  react: React,
+});

package/src/data/TimelineItem.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTimelineItem } from '@arclux/arc-ui';
+
+export interface TimelineItemProps {
+  heading?: string;
+  date?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const TimelineItem = createComponent({
+  tagName: 'arc-timeline-item',
+  elementClass: ArcTimelineItem,
+  react: React,
+});

package/src/data/ValueCard.ts

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcValueCard } from '@arclux/arc-ui';
+
+export interface ValueCardProps {
+  icon?: string;
+  heading?: string;
+  description?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const ValueCard = createComponent({
+  tagName: 'arc-value-card',
+  elementClass: ArcValueCard,
+  react: React,
+});

package/src/navigation/Tabs.ts

@@ -5,7 +5,6 @@ import { createComponent, type EventName } from '@lit/react';
 import { ArcTabs } from '@arclux/arc-ui';
 
 export interface TabsProps {
-  items?: unknown[];
   selected?: number;
   align?: 'center' | 'end';
   variant?: 'pills';

package/src/typography/CodeBlock.ts

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcCodeBlock } from '@arclux/arc-ui';
+
+export interface CodeBlockProps {
+  language?: string;
+  filename?: string;
+  code?: string;
+  variant?: 'window' | 'basic';
+  _highlightedHtml?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const CodeBlock = createComponent({
+  tagName: 'arc-code-block',
+  elementClass: ArcCodeBlock,
+  react: React,
+});

package/src/typography/Highlight.ts

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcHighlight } from '@arclux/arc-ui';
+
+export interface HighlightProps {
+  text?: string;
+  query?: string;
+  caseSensitive?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Highlight = createComponent({
+  tagName: 'arc-highlight',
+  elementClass: ArcHighlight,
+  react: React,
+});

package/src/typography/Kbd.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcKbd } from '@arclux/arc-ui';
+
+export interface KbdProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Kbd = createComponent({
+  tagName: 'arc-kbd',
+  elementClass: ArcKbd,
+  react: React,
+});

package/src/typography/Markdown.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcMarkdown } from '@arclux/arc-ui';
+
+export interface MarkdownProps {
+  content?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Markdown = createComponent({
+  tagName: 'arc-markdown',
+  elementClass: ArcMarkdown,
+  react: React,
+});

package/src/typography/Text.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcText } from '@arclux/arc-ui';
+
+export interface TextProps {
+  variant?: 'accent' | 'code';
+  as?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Text = createComponent({
+  tagName: 'arc-text',
+  elementClass: ArcText,
+  react: React,
+});

package/src/typography/Truncate.ts

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTruncate } from '@arclux/arc-ui';
+
+export interface TruncateProps {
+  lines?: number;
+  expanded?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+  onArcToggle?: (e: CustomEvent) => void;
+}
+
+export const Truncate = createComponent({
+  tagName: 'arc-truncate',
+  elementClass: ArcTruncate,
+  react: React,
+  events: {
+    onArcToggle: 'arc-toggle' as EventName<CustomEvent>,
+  },
+});