@arclux/arc-ui-react 2.1.0 → 2.3.0

package/src/navigation/Drawer.ts

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

package/src/navigation/Footer.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcFooter } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcFooter } from '@arclux/arc-ui/footer';
 
 export interface FooterProps {
   compact?: boolean;

package/src/navigation/Link.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcLink } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcLink } from '@arclux/arc-ui/link';
 
 export interface LinkProps {
   href?: string;

package/src/navigation/Menubar.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 { ArcMenubar } from '@arclux/arc-ui/menubar';
+
+export interface MenubarProps {
+  items?: unknown[];
+  className?: string;
+  children?: React.ReactNode;
+  onArcSelect?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const Menubar = createComponent({
+  tagName: 'arc-menubar',
+  elementClass: ArcMenubar,
+  react: React,
+  events: {
+    onArcSelect: 'arc-select' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/navigation/NavItem.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcNavItem } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcNavItem } from '@arclux/arc-ui/nav-item';
 
 export interface NavItemProps {
   href?: string;

package/src/navigation/NavigationMenu.ts

@@ -2,14 +2,10 @@
 
 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;
+  label?: 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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcSidebar } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcSidebar } from '@arclux/arc-ui/sidebar';
 
 export interface SidebarProps {
   active?: string;
@@ -10,7 +10,7 @@ export interface SidebarProps {
   position?: 'right';
   width?: string;
   glow?: boolean;
-  _sections?: string;
+  label?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/navigation/SidebarLink.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcSidebarLink } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcSkipLink } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcSpyLink } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcTab } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcTopBar } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcTopBar } from '@arclux/arc-ui/top-bar';
 
 export interface TopBarProps {
   heading?: string;

package/src/navigation/TreeItem.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcTreeItem } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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,11 @@ 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 { Menubar } from './Menubar.js';
+export type { MenubarProps } from './Menubar.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 { Breadcrumb } from './Breadcrumb.js';
+export type { BreadcrumbProps } from './Breadcrumb.js';
 
-export { StepperNav } from './StepperNav.js';
-export type { StepperNavProps } from './StepperNav.js';
+export { Sidebar } from './Sidebar.js';
+export type { SidebarProps } from './Sidebar.js';

package/src/shared/MenuDivider.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcMenuDivider } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcMenuDivider } from '@arclux/arc-ui/menu-divider';
 
 export interface MenuDividerProps {
   className?: string;

package/src/shared/MenuItem.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcMenuItem } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcMenuItem } from '@arclux/arc-ui/menu-item';
 
 export interface MenuItemProps {
   shortcut?: string;

package/src/shared/Option.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcOption } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcBlockquote } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcBlockquote } from '@arclux/arc-ui/blockquote';
 
 export interface BlockquoteProps {
   cite?: string;

package/src/typography/CodeBlock.ts

@@ -1,15 +1,14 @@
 // 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';
+import { createComponent } from '@lit/react';
+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

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcGradientText } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcGradientText } from '@arclux/arc-ui/gradient-text';
 
 export interface GradientTextProps {
   variant?: 'accent' | 'display' | 'sunset' | 'ocean';

package/src/typography/Highlight.ts

@@ -1,8 +1,8 @@
 // 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';
+import { createComponent } from '@lit/react';
+import { ArcHighlight } from '@arclux/arc-ui/highlight';
 
 export interface HighlightProps {
   text?: string;

package/src/typography/Kbd.ts

@@ -1,8 +1,8 @@
 // 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';
+import { createComponent } from '@lit/react';
+import { ArcKbd } from '@arclux/arc-ui/kbd';
 
 export interface KbdProps {
   className?: string;

package/src/typography/Markdown.ts

@@ -1,8 +1,8 @@
 // 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';
+import { createComponent } from '@lit/react';
+import { ArcMarkdown } from '@arclux/arc-ui/markdown';
 
 export interface MarkdownProps {
   content?: string;

package/src/typography/NumberFormat.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcNumberFormat } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcNumberFormat } from '@arclux/arc-ui/number-format';
 
 export interface NumberFormatProps {
   value?: number;

package/src/typography/Prose.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcProse } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+import { ArcProse } from '@arclux/arc-ui/prose';
 
 export interface ProseProps {
   size?: 'sm' | 'md' | 'lg';

package/src/typography/Text.ts

@@ -1,8 +1,8 @@
 // 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';
+import { createComponent } from '@lit/react';
+import { ArcText } from '@arclux/arc-ui/text';
 
 export interface TextProps {
   variant?: 'accent' | 'code';

package/src/typography/TimeAgo.ts

@@ -1,8 +1,8 @@
 // Auto-generated by @arclux/prism — do not edit manually
 
 import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
-import { ArcTimeAgo } from '@arclux/arc-ui';
+import { createComponent } from '@lit/react';
+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;
@@ -11,8 +11,6 @@ export interface TypewriterProps {
   cursor?: boolean;
   loop?: boolean;
   nowrap?: boolean;
-  _displayText?: string;
-  _complete?: string;
   className?: string;
   children?: React.ReactNode;
   onArcComplete?: (e: CustomEvent) => void;