@arclux/arc-ui-react 2.0.1 → 2.2.0

package/src/navigation/NavigationMenu.ts

@@ -2,14 +2,9 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcNavigationMenu } from '@arclux/arc-ui';
+import { ArcNavigationMenu } from '@arclux/arc-ui/navigation-menu';
 
 export interface NavigationMenuProps {
-  _items?: string;
-  _openIndex?: string;
-  _mobileOpen?: string;
-  _mobileClosing?: string;
-  _mobileExpandedIndex?: string;
   className?: string;
   children?: React.ReactNode;
   onArcMobileMenuToggle?: (e: CustomEvent) => void;

package/src/navigation/PageIndicator.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcPageIndicator } from '@arclux/arc-ui';
+import { ArcPageIndicator } from '@arclux/arc-ui/page-indicator';
 
 export interface PageIndicatorProps {
   count?: number;

package/src/navigation/Pagination.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcPagination } from '@arclux/arc-ui';
+import { ArcPagination } from '@arclux/arc-ui/pagination';
 
 export interface PaginationProps {
   total?: number;

package/src/navigation/Rail.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcRail } from '@arclux/arc-ui';
+import { ArcRail } from '@arclux/arc-ui/rail';
 
 export interface RailProps {
   items?: string;

package/src/navigation/ScrollSpy.ts

@@ -2,13 +2,11 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcScrollSpy } from '@arclux/arc-ui';
+import { ArcScrollSpy } from '@arclux/arc-ui/scroll-spy';
 
 export interface ScrollSpyProps {
   active?: string;
   offset?: number;
-  _active?: string;
-  _links?: string;
   className?: string;
   children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;

package/src/navigation/ScrollToTop.ts

@@ -2,14 +2,13 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcScrollToTop } from '@arclux/arc-ui';
+import { ArcScrollToTop } from '@arclux/arc-ui/scroll-to-top';
 
 export interface ScrollToTopProps {
   threshold?: number;
   smooth?: boolean;
   position?: 'bottom-right' | 'bottom-left';
   offset?: string;
-  _visible?: string;
   className?: string;
   children?: React.ReactNode;
   onClick?: (e: Event) => void;

package/src/navigation/Sidebar.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSidebar } from '@arclux/arc-ui';
+import { ArcSidebar } from '@arclux/arc-ui/sidebar';
 
 export interface SidebarProps {
   active?: string;
@@ -10,7 +10,6 @@ export interface SidebarProps {
   position?: 'right';
   width?: string;
   glow?: boolean;
-  _sections?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/navigation/SidebarLink.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSidebarLink } from '@arclux/arc-ui';
+import { ArcSidebarLink } from '@arclux/arc-ui/sidebar-link';
 
 export interface SidebarLinkProps {
   href?: string;

package/src/navigation/SidebarSection.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcSidebarSection } from '@arclux/arc-ui';
+import { ArcSidebarSection } from '@arclux/arc-ui/sidebar-section';
 
 export interface SidebarSectionProps {
   heading?: string;

package/src/navigation/SkipLink.ts

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

package/src/navigation/SpeedDial.ts

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

package/src/navigation/SpyLink.ts

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

package/src/navigation/StepperNav.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcStepperNav } from '@arclux/arc-ui';
+import { ArcStepperNav } from '@arclux/arc-ui/stepper-nav';
 
 export interface StepperNavProps {
   steps?: string;

package/src/navigation/Tab.ts

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

package/src/navigation/Tabs.ts

@@ -2,14 +2,13 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTabs } from '@arclux/arc-ui';
+import { ArcTabs } from '@arclux/arc-ui/tabs';
 
 export interface TabsProps {
   selected?: number;
   align?: 'center' | 'end';
   variant?: 'pills';
   orientation?: 'vertical';
-  _tabs?: string;
   className?: string;
   children?: React.ReactNode;
   onArcChange?: (e: CustomEvent) => void;

package/src/navigation/TopBar.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTopBar } from '@arclux/arc-ui';
+import { ArcTopBar } from '@arclux/arc-ui/top-bar';
 
 export interface TopBarProps {
   heading?: string;

package/src/navigation/TreeItem.ts

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

package/src/navigation/TreeView.ts

@@ -2,11 +2,9 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTreeView } from '@arclux/arc-ui';
+import { ArcTreeView } from '@arclux/arc-ui/tree-view';
 
 export interface TreeViewProps {
-  _items?: string;
-  _selected?: string;
   className?: string;
   children?: React.ReactNode;
   onArcToggle?: (e: CustomEvent) => void;

package/src/navigation/index.ts

@@ -1,12 +1,20 @@
-// ARC UI React — Navigation tier
-// Navigation menus, sidebars, breadcrumbs, tabs, and links
+// Auto-generated by @arclux/prism — do not edit manually
 
-export { Breadcrumb } from './Breadcrumb.js';
-export type { BreadcrumbProps } from './Breadcrumb.js';
+export { AnchorNav } from './AnchorNav.js';
+export type { AnchorNavProps } from './AnchorNav.js';
+
+export { BottomNav } from './BottomNav.js';
+export type { BottomNavProps } from './BottomNav.js';
 
 export { BreadcrumbItem } from './BreadcrumbItem.js';
 export type { BreadcrumbItemProps } from './BreadcrumbItem.js';
 
+export { BreadcrumbMenu } from './BreadcrumbMenu.js';
+export type { BreadcrumbMenuProps } from './BreadcrumbMenu.js';
+
+export { CommandBar } from './CommandBar.js';
+export type { CommandBarProps } from './CommandBar.js';
+
 export { Drawer } from './Drawer.js';
 export type { DrawerProps } from './Drawer.js';
 
@@ -16,33 +24,45 @@ export type { FooterProps } from './Footer.js';
 export { Link } from './Link.js';
 export type { LinkProps } from './Link.js';
 
+export { NavItem } from './NavItem.js';
+export type { NavItemProps } from './NavItem.js';
+
 export { NavigationMenu } from './NavigationMenu.js';
 export type { NavigationMenuProps } from './NavigationMenu.js';
 
-export { NavItem } from './NavItem.js';
-export type { NavItemProps } from './NavItem.js';
+export { PageIndicator } from './PageIndicator.js';
+export type { PageIndicatorProps } from './PageIndicator.js';
 
 export { Pagination } from './Pagination.js';
 export type { PaginationProps } from './Pagination.js';
 
+export { Rail } from './Rail.js';
+export type { RailProps } from './Rail.js';
+
 export { ScrollSpy } from './ScrollSpy.js';
 export type { ScrollSpyProps } from './ScrollSpy.js';
 
 export { ScrollToTop } from './ScrollToTop.js';
 export type { ScrollToTopProps } from './ScrollToTop.js';
 
-export { Sidebar } from './Sidebar.js';
-export type { SidebarProps } from './Sidebar.js';
-
 export { SidebarLink } from './SidebarLink.js';
 export type { SidebarLinkProps } from './SidebarLink.js';
 
 export { SidebarSection } from './SidebarSection.js';
 export type { SidebarSectionProps } from './SidebarSection.js';
 
+export { SkipLink } from './SkipLink.js';
+export type { SkipLinkProps } from './SkipLink.js';
+
+export { SpeedDial } from './SpeedDial.js';
+export type { SpeedDialProps } from './SpeedDial.js';
+
 export { SpyLink } from './SpyLink.js';
 export type { SpyLinkProps } from './SpyLink.js';
 
+export { StepperNav } from './StepperNav.js';
+export type { StepperNavProps } from './StepperNav.js';
+
 export { Tab } from './Tab.js';
 export type { TabProps } from './Tab.js';
 
@@ -58,29 +78,5 @@ export type { TreeItemProps } from './TreeItem.js';
 export { TreeView } from './TreeView.js';
 export type { TreeViewProps } from './TreeView.js';
 
-export { AnchorNav } from './AnchorNav.js';
-export type { AnchorNavProps } from './AnchorNav.js';
-
-export { BottomNav } from './BottomNav.js';
-export type { BottomNavProps } from './BottomNav.js';
-
-export { BreadcrumbMenu } from './BreadcrumbMenu.js';
-export type { BreadcrumbMenuProps } from './BreadcrumbMenu.js';
-
-export { CommandBar } from './CommandBar.js';
-export type { CommandBarProps } from './CommandBar.js';
-
-export { PageIndicator } from './PageIndicator.js';
-export type { PageIndicatorProps } from './PageIndicator.js';
-
-export { Rail } from './Rail.js';
-export type { RailProps } from './Rail.js';
-
-export { SkipLink } from './SkipLink.js';
-export type { SkipLinkProps } from './SkipLink.js';
-
-export { SpeedDial } from './SpeedDial.js';
-export type { SpeedDialProps } from './SpeedDial.js';
-
-export { StepperNav } from './StepperNav.js';
-export type { StepperNavProps } from './StepperNav.js';
+export { Menubar } from './Menubar.js';
+export type { MenubarProps } from './Menubar.js';

package/src/shared/MenuDivider.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcMenuDivider } from '@arclux/arc-ui';
+import { ArcMenuDivider } from '@arclux/arc-ui/menu-divider';
 
 export interface MenuDividerProps {
   className?: string;

package/src/shared/MenuItem.ts

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

package/src/shared/Option.ts

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

package/src/shared/index.ts

@@ -1,8 +1,10 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
-export { Option } from './Option.js';
-export type { OptionProps } from './Option.js';
-export { MenuItem } from './MenuItem.js';
-export type { MenuItemProps } from './MenuItem.js';
 export { MenuDivider } from './MenuDivider.js';
 export type { MenuDividerProps } from './MenuDivider.js';
+
+export { MenuItem } from './MenuItem.js';
+export type { MenuItemProps } from './MenuItem.js';
+
+export { Option } from './Option.js';
+export type { OptionProps } from './Option.js';

package/src/typography/Blockquote.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcBlockquote } from '@arclux/arc-ui';
+import { ArcBlockquote } from '@arclux/arc-ui/blockquote';
 
 export interface BlockquoteProps {
   cite?: string;

package/src/typography/CodeBlock.ts

@@ -2,14 +2,13 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcCodeBlock } from '@arclux/arc-ui';
+import { ArcCodeBlock } from '@arclux/arc-ui/code-block';
 
 export interface CodeBlockProps {
   language?: string;
   filename?: string;
   code?: string;
   variant?: 'window' | 'basic';
-  _highlightedHtml?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/typography/GradientText.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcGradientText } from '@arclux/arc-ui';
+import { ArcGradientText } from '@arclux/arc-ui/gradient-text';
 
 export interface GradientTextProps {
   variant?: 'accent' | 'display' | 'sunset' | 'ocean';

package/src/typography/Highlight.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcHighlight } from '@arclux/arc-ui';
+import { ArcHighlight } from '@arclux/arc-ui/highlight';
 
 export interface HighlightProps {
   text?: string;

package/src/typography/Kbd.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcKbd } from '@arclux/arc-ui';
+import { ArcKbd } from '@arclux/arc-ui/kbd';
 
 export interface KbdProps {
   className?: string;

package/src/typography/Markdown.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcMarkdown } from '@arclux/arc-ui';
+import { ArcMarkdown } from '@arclux/arc-ui/markdown';
 
 export interface MarkdownProps {
   content?: string;

package/src/typography/NumberFormat.ts

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

package/src/typography/Prose.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcProse } from '@arclux/arc-ui';
+import { ArcProse } from '@arclux/arc-ui/prose';
 
 export interface ProseProps {
   size?: 'sm' | 'md' | 'lg';

package/src/typography/Text.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcText } from '@arclux/arc-ui';
+import { ArcText } from '@arclux/arc-ui/text';
 
 export interface TextProps {
   variant?: 'accent' | 'code';

package/src/typography/TimeAgo.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTimeAgo } from '@arclux/arc-ui';
+import { ArcTimeAgo } from '@arclux/arc-ui/time-ago';
 
 export interface TimeAgoProps {
   datetime?: string;

package/src/typography/Truncate.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTruncate } from '@arclux/arc-ui';
+import { ArcTruncate } from '@arclux/arc-ui/truncate';
 
 export interface TruncateProps {
   lines?: number;

package/src/typography/Typewriter.ts

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
-import { ArcTypewriter } from '@arclux/arc-ui';
+import { ArcTypewriter } from '@arclux/arc-ui/typewriter';
 
 export interface TypewriterProps {
   text?: string;
@@ -10,8 +10,7 @@ export interface TypewriterProps {
   delay?: number;
   cursor?: boolean;
   loop?: boolean;
-  _displayText?: string;
-  _complete?: string;
+  nowrap?: boolean;
   className?: string;
   children?: React.ReactNode;
   onArcComplete?: (e: CustomEvent) => void;

package/src/typography/index.ts

@@ -0,0 +1,34 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+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';
+
+export { Highlight } from './Highlight.js';
+export type { HighlightProps } from './Highlight.js';
+
+export { Kbd } from './Kbd.js';
+export type { KbdProps } from './Kbd.js';
+
+export { Markdown } from './Markdown.js';
+export type { MarkdownProps } from './Markdown.js';
+
+export { NumberFormat } from './NumberFormat.js';
+export type { NumberFormatProps } from './NumberFormat.js';
+
+export { Prose } from './Prose.js';
+export type { ProseProps } from './Prose.js';
+
+export { TimeAgo } from './TimeAgo.js';
+export type { TimeAgoProps } from './TimeAgo.js';
+
+export { Truncate } from './Truncate.js';
+export type { TruncateProps } from './Truncate.js';
+
+export { Typewriter } from './Typewriter.js';
+export type { TypewriterProps } from './Typewriter.js';

package/src/content/AnimatedNumber.ts

@@ -1,23 +0,0 @@
-// 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/content/Badge.ts

@@ -1,19 +0,0 @@
-// 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/content/CodeBlock.ts

@@ -1,21 +0,0 @@
-// 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/content/DataTable.ts

@@ -1,35 +0,0 @@
-// 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>,
-  },
-});