@arclux/arc-ui-react 2.9.0 → 2.11.0

package/src/navigation/NavItem.ts

@@ -7,7 +7,7 @@ import { ArcNavItem } from '@arclux/arc-ui/nav-item';
 export interface NavItemProps {
   href?: string;
   active?: boolean;
-  variant?: string;
+  variant?: 'default' | 'primary' | 'muted';
   description?: string;
   className?: string;
   children?: React.ReactNode;

package/src/navigation/NavigationMenu.ts

@@ -7,7 +7,6 @@ import { ArcNavigationMenu } from '@arclux/arc-ui/navigation-menu';
 export interface NavigationMenuProps {
   label?: string;
   className?: string;
-  children?: React.ReactNode;
   onArcMobileMenuToggle?: (e: CustomEvent) => void;
 }
 

package/src/navigation/PageIndicator.ts

@@ -9,7 +9,6 @@ export interface PageIndicatorProps {
   value?: number;
   clickable?: boolean;
   className?: string;
-  children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;
 }
 

package/src/navigation/Pagination.ts

@@ -10,7 +10,6 @@ export interface PaginationProps {
   siblings?: number;
   compact?: boolean;
   className?: string;
-  children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;
   onClick?: (e: Event) => void;
 }

package/src/navigation/ScrollSpy.ts

@@ -8,7 +8,6 @@ export interface ScrollSpyProps {
   active?: string;
   offset?: number;
   className?: string;
-  children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;
   onClick?: (e: Event) => void;
 }

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/Sidebar.ts

@@ -7,12 +7,11 @@ import { ArcSidebar } from '@arclux/arc-ui/sidebar';
 export interface SidebarProps {
   active?: string;
   collapsed?: boolean;
-  position?: 'right';
+  position?: 'left' | 'right';
   width?: string;
   glow?: boolean;
   label?: string;
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const Sidebar = createComponent({

package/src/navigation/SpeedDial.ts

@@ -6,11 +6,10 @@ import { ArcSpeedDial } from '@arclux/arc-ui/speed-dial';
 
 export interface SpeedDialProps {
   open?: boolean;
-  direction?: 'down' | 'left' | 'right';
+  direction?: 'up' | 'down' | 'left' | 'right';
   position?: 'bottom-right' | 'bottom-left';
   items?: string;
   className?: string;
-  children?: React.ReactNode;
   onArcAction?: (e: CustomEvent) => void;
   onArcClose?: (e: CustomEvent) => void;
 }

package/src/navigation/StepperNav.ts

@@ -5,7 +5,7 @@ import { createComponent, type EventName } from '@lit/react';
 import { ArcStepperNav } from '@arclux/arc-ui/stepper-nav';
 
 export interface StepperNavProps {
-  steps?: string;
+  steps?: Array<string>;
   active?: number;
   linear?: boolean;
   className?: string;

package/src/navigation/Tabs.ts

@@ -6,9 +6,9 @@ import { ArcTabs } from '@arclux/arc-ui/tabs';
 
 export interface TabsProps {
   selected?: number;
-  align?: 'center' | 'end';
-  variant?: 'pills';
-  orientation?: 'vertical';
+  align?: 'start' | 'center' | 'end';
+  variant?: 'underline' | 'pills';
+  orientation?: 'horizontal' | 'vertical';
   className?: string;
   children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;

package/src/navigation/TopBar.ts

@@ -13,7 +13,6 @@ export interface TopBarProps {
   menuPosition?: string;
   navAlign?: string;
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const TopBar = createComponent({

package/src/typography/Blockquote.ts

@@ -6,7 +6,7 @@ import { ArcBlockquote } from '@arclux/arc-ui/blockquote';
 
 export interface BlockquoteProps {
   cite?: string;
-  variant?: 'accent';
+  variant?: 'default' | 'accent';
   className?: string;
   children?: React.ReactNode;
 }

package/src/typography/CodeBlock.ts

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

package/src/typography/GradientText.ts

@@ -5,7 +5,7 @@ import { createComponent } from '@lit/react';
 import { ArcGradientText } from '@arclux/arc-ui/gradient-text';
 
 export interface GradientTextProps {
-  variant?: 'accent' | 'display' | 'sunset' | 'ocean';
+  variant?: 'accent' | 'display' | 'sunset' | 'ocean' | 'custom';
   gradient?: string;
   animate?: boolean;
   className?: string;

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/NumberFormat.ts

@@ -6,13 +6,12 @@ import { ArcNumberFormat } from '@arclux/arc-ui/number-format';
 
 export interface NumberFormatProps {
   value?: number;
-  type?: string;
+  type?: 'number' | 'currency' | 'percent' | 'compact';
   locale?: string;
   currency?: string;
   decimals?: number;
-  notation?: string;
+  notation?: 'standard' | 'compact';
   className?: string;
-  children?: React.ReactNode;
 }
 
 export const NumberFormat = createComponent({

package/src/typography/Text.ts

@@ -5,8 +5,8 @@ import { createComponent } from '@lit/react';
 import { ArcText } from '@arclux/arc-ui/text';
 
 export interface TextProps {
-  variant?: 'accent' | 'code';
-  as?: string;
+  variant?: 'display' | 'heading' | 'body' | 'muted' | 'ghost' | 'accent' | 'label' | 'wordmark' | 'code';
+  as?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
   className?: string;
   children?: React.ReactNode;
 }

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;
 }