@arclux/arc-ui-react 2.11.1 → 3.1.0

package/src/navigation/Rail.ts

@@ -5,7 +5,7 @@ import { createComponent, type EventName } from '@lit/react';
 import { ArcRail } from '@arclux/arc-ui/rail';
 
 export interface RailProps {
-  items?: string;
+  items?: Array<{icon: string, label: string, value: string}>;
   value?: string;
   expanded?: boolean;
   className?: string;

package/src/navigation/ScrollSpy.ts

@@ -7,10 +7,10 @@ import { ArcScrollSpy } from '@arclux/arc-ui/scroll-spy';
 export interface ScrollSpyProps {
   active?: string;
   offset?: number;
+  progress?: 'none' | 'ring' | 'read' | 'both';
   className?: string;
   children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;
-  onClick?: (e: Event) => void;
 }
 
 export const ScrollSpy = createComponent({
@@ -19,6 +19,5 @@ export const ScrollSpy = createComponent({
   react: React,
   events: {
     onArcChange: 'arc-change' as EventName<CustomEvent>,
-    onClick: 'click' as EventName<Event>,
   },
 });

package/src/navigation/ScrollToTop.ts

@@ -10,7 +10,6 @@ export interface ScrollToTopProps {
   position?: 'bottom-right' | 'bottom-left';
   offset?: string;
   className?: string;
-  children?: React.ReactNode;
   onClick?: (e: Event) => void;
 }
 

package/src/navigation/SidebarLink.ts

@@ -8,6 +8,8 @@ export interface SidebarLinkProps {
   href?: string;
   active?: boolean;
   level?: number;
+  icon?: string;
+  external?: boolean;
   className?: string;
   children?: React.ReactNode;
 }

package/src/navigation/SidebarSection.ts

@@ -8,6 +8,7 @@ export interface SidebarSectionProps {
   heading?: string;
   collapsible?: boolean;
   open?: boolean;
+  icon?: string;
   className?: string;
   children?: React.ReactNode;
   onArcToggle?: (e: CustomEvent) => void;

package/src/navigation/SpeedDial.ts

@@ -8,10 +8,11 @@ export interface SpeedDialProps {
   open?: boolean;
   direction?: 'up' | 'down' | 'left' | 'right';
   position?: 'bottom-right' | 'bottom-left';
-  items?: string;
+  items?: Array<{icon: string, label: string, value?: string}>;
   className?: string;
-  onArcAction?: (e: CustomEvent) => void;
   onArcClose?: (e: CustomEvent) => void;
+  onArcOpen?: (e: CustomEvent) => void;
+  onArcAction?: (e: CustomEvent) => void;
 }
 
 export const SpeedDial = createComponent({
@@ -19,7 +20,8 @@ export const SpeedDial = createComponent({
   elementClass: ArcSpeedDial,
   react: React,
   events: {
-    onArcAction: 'arc-action' as EventName<CustomEvent>,
     onArcClose: 'arc-close' as EventName<CustomEvent>,
+    onArcOpen: 'arc-open' as EventName<CustomEvent>,
+    onArcAction: 'arc-action' as EventName<CustomEvent>,
   },
 });

package/src/navigation/TopBar.ts

@@ -6,12 +6,15 @@ import { ArcTopBar } from '@arclux/arc-ui/top-bar';
 
 export interface TopBarProps {
   heading?: string;
+  homeHref?: string;
+  scrolled?: boolean;
+  immersive?: boolean;
   fixed?: boolean;
   contained?: string;
   menuOpen?: boolean;
   mobileMenu?: string;
   menuPosition?: string;
-  navAlign?: string;
+  navAlign?: 'left' | 'center' | 'right';
   className?: string;
 }
 

package/src/shared/MenuDivider.ts

@@ -6,7 +6,6 @@ import { ArcMenuDivider } from '@arclux/arc-ui/menu-divider';
 
 export interface MenuDividerProps {
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const MenuDivider = createComponent({

package/src/shared/MenuItem.ts

@@ -8,6 +8,7 @@ export interface MenuItemProps {
   shortcut?: string;
   disabled?: boolean;
   icon?: string;
+  value?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/typography/CodeBlock.ts

@@ -10,7 +10,6 @@ export interface CodeBlockProps {
   code?: string;
   variant?: 'default' | 'window' | 'basic';
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const CodeBlock = createComponent({

package/src/typography/GradientText.ts

@@ -7,7 +7,7 @@ import { ArcGradientText } from '@arclux/arc-ui/gradient-text';
 export interface GradientTextProps {
   variant?: 'accent' | 'display' | 'sunset' | 'ocean' | 'custom';
   gradient?: string;
-  animate?: boolean;
+  animated?: boolean;
   className?: string;
   children?: React.ReactNode;
 }

package/src/typography/Highlight.ts

@@ -9,7 +9,6 @@ export interface HighlightProps {
   query?: string;
   caseSensitive?: boolean;
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const Highlight = createComponent({

package/src/typography/KeyboardMap.ts

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { ArcKeyboardMap } from '@arclux/arc-ui/keyboard-map';
+
+export interface KeyboardMapProps {
+  layout?: string;
+  highlight?: string|string[];
+  labels?: boolean;
+  platform?: string;
+  caption?: string;
+  className?: string;
+}
+
+export const KeyboardMap = createComponent({
+  tagName: 'arc-keyboard-map',
+  elementClass: ArcKeyboardMap,
+  react: React,
+});

package/src/typography/NumberFormat.ts

@@ -12,7 +12,6 @@ export interface NumberFormatProps {
   decimals?: number;
   notation?: 'standard' | 'compact';
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const NumberFormat = createComponent({

package/src/typography/Terminal.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 { ArcTerminal } from '@arclux/arc-ui/terminal';
+
+export interface TerminalProps {
+  lines?: string;
+  prompt?: string;
+  title?: string;
+  speed?: number;
+  autoplay?: boolean;
+  loop?: boolean;
+  className?: string;
+  onArcComplete?: (e: CustomEvent) => void;
+}
+
+export const Terminal = createComponent({
+  tagName: 'arc-terminal',
+  elementClass: ArcTerminal,
+  react: React,
+  events: {
+    onArcComplete: 'arc-complete' as EventName<CustomEvent>,
+  },
+});

package/src/typography/TimeAgo.ts

@@ -9,7 +9,6 @@ export interface TimeAgoProps {
   live?: boolean;
   locale?: string;
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const TimeAgo = createComponent({

package/src/typography/Typewriter.ts

@@ -13,7 +13,6 @@ export interface TypewriterProps {
   nowrap?: boolean;
   pauseEnd?: number;
   className?: string;
-  children?: React.ReactNode;
   onArcComplete?: (e: CustomEvent) => void;
 }
 

package/src/typography/index.ts

@@ -3,8 +3,6 @@
 export { Blockquote } from './Blockquote.js';
 export type { BlockquoteProps } from './Blockquote.js';
 
-export { CodeBlock } from './CodeBlock.js';
-export type { CodeBlockProps } from './CodeBlock.js';
 
 export { GradientText } from './GradientText.js';
 export type { GradientTextProps } from './GradientText.js';
@@ -35,3 +33,9 @@ export type { TypewriterProps } from './Typewriter.js';
 
 export { Text } from './Text.js';
 export type { TextProps } from './Text.js';
+
+export { Terminal } from './Terminal.js';
+export type { TerminalProps } from './Terminal.js';
+
+export { KeyboardMap } from './KeyboardMap.js';
+export type { KeyboardMapProps } from './KeyboardMap.js';

package/src/feedback/ToastManager.ts

@@ -1,29 +0,0 @@
-// Auto-generated by @arclux/prism — do not edit manually
-
-import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcToastManager } from '@arclux/arc-ui/toast-manager';
-
-export interface ToastManagerProps {
-  position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
-  duration?: number;
-  maxVisible?: number;
-  dedupe?: boolean;
-  queueLimit?: number;
-  className?: string;
-  children?: React.ReactNode;
-  onArcQueueOverflow?: (e: CustomEvent) => void;
-  onArcDismiss?: (e: CustomEvent) => void;
-  onArcQueueChange?: (e: CustomEvent) => void;
-}
-
-export const ToastManager = createComponent({
-  tagName: 'arc-toast-manager',
-  elementClass: ArcToastManager,
-  react: React,
-  events: {
-    onArcQueueOverflow: 'arc-queue-overflow' as EventName<CustomEvent>,
-    onArcDismiss: 'arc-dismiss' as EventName<CustomEvent>,
-    onArcQueueChange: 'arc-queue-change' as EventName<CustomEvent>,
-  },
-});