@arclux/arc-ui-react 1.0.0

package/src/navigation/SpyLink.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 { ArcSpyLink } from '@arclux/arc-ui';
+
+export interface SpyLinkProps {
+  target?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const SpyLink = createComponent({
+  tagName: 'arc-spy-link',
+  elementClass: ArcSpyLink,
+  react: React,
+});

package/src/navigation/Tab.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 { ArcTab } from '@arclux/arc-ui';
+
+export interface TabProps {
+  label?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Tab = createComponent({
+  tagName: 'arc-tab',
+  elementClass: ArcTab,
+  react: React,
+});

package/src/navigation/Tabs.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 { ArcTabs } from '@arclux/arc-ui';
+
+export interface TabsProps {
+  items?: unknown[];
+  selected?: number;
+  _tabs?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Tabs = createComponent({
+  tagName: 'arc-tabs',
+  elementClass: ArcTabs,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/navigation/TopBar.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 { ArcTopBar } from '@arclux/arc-ui';
+
+export interface TopBarProps {
+  heading?: string;
+  fixed?: boolean;
+  menuOpen?: boolean;
+  mobileMenu?: string;
+  menuPosition?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const TopBar = createComponent({
+  tagName: 'arc-top-bar',
+  elementClass: ArcTopBar,
+  react: React,
+});

package/src/navigation/TreeItem.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 { ArcTreeItem } from '@arclux/arc-ui';
+
+export interface TreeItemProps {
+  label?: string;
+  icon?: string;
+  expanded?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const TreeItem = createComponent({
+  tagName: 'arc-tree-item',
+  elementClass: ArcTreeItem,
+  react: React,
+});

package/src/navigation/TreeView.ts

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTreeView } from '@arclux/arc-ui';
+
+export interface TreeViewProps {
+  _items?: string;
+  _selected?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcToggle?: (e: CustomEvent) => void;
+  onArcSelect?: (e: CustomEvent) => void;
+}
+
+export const TreeView = createComponent({
+  tagName: 'arc-tree-view',
+  elementClass: ArcTreeView,
+  react: React,
+  events: {
+    onArcToggle: 'arc-toggle' as EventName<CustomEvent>,
+    onArcSelect: 'arc-select' as EventName<CustomEvent>,
+  },
+});

package/src/navigation/index.ts

@@ -0,0 +1,59 @@
+// ARC UI React — Navigation tier
+// Navigation menus, sidebars, breadcrumbs, tabs, and links
+
+export { Breadcrumb } from './Breadcrumb.js';
+export type { BreadcrumbProps } from './Breadcrumb.js';
+
+export { BreadcrumbItem } from './BreadcrumbItem.js';
+export type { BreadcrumbItemProps } from './BreadcrumbItem.js';
+
+export { Drawer } from './Drawer.js';
+export type { DrawerProps } from './Drawer.js';
+
+export { Footer } from './Footer.js';
+export type { FooterProps } from './Footer.js';
+
+export { Link } from './Link.js';
+export type { LinkProps } from './Link.js';
+
+export { NavigationMenu } from './NavigationMenu.js';
+export type { NavigationMenuProps } from './NavigationMenu.js';
+
+export { NavItem } from './NavItem.js';
+export type { NavItemProps } from './NavItem.js';
+
+export { Pagination } from './Pagination.js';
+export type { PaginationProps } from './Pagination.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 { SpyLink } from './SpyLink.js';
+export type { SpyLinkProps } from './SpyLink.js';
+
+export { Tab } from './Tab.js';
+export type { TabProps } from './Tab.js';
+
+export { Tabs } from './Tabs.js';
+export type { TabsProps } from './Tabs.js';
+
+export { TopBar } from './TopBar.js';
+export type { TopBarProps } from './TopBar.js';
+
+export { TreeItem } from './TreeItem.js';
+export type { TreeItemProps } from './TreeItem.js';
+
+export { TreeView } from './TreeView.js';
+export type { TreeViewProps } from './TreeView.js';

package/src/shared/MenuDivider.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 { ArcMenuDivider } from '@arclux/arc-ui';
+
+export interface MenuDividerProps {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const MenuDivider = createComponent({
+  tagName: 'arc-menu-divider',
+  elementClass: ArcMenuDivider,
+  react: React,
+});

package/src/shared/MenuItem.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 { ArcMenuItem } from '@arclux/arc-ui';
+
+export interface MenuItemProps {
+  shortcut?: string;
+  disabled?: boolean;
+  icon?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const MenuItem = createComponent({
+  tagName: 'arc-menu-item',
+  elementClass: ArcMenuItem,
+  react: React,
+});

package/src/shared/Option.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 { ArcOption } from '@arclux/arc-ui';
+
+export interface OptionProps {
+  value?: string;
+  disabled?: boolean;
+  selected?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Option = createComponent({
+  tagName: 'arc-option',
+  elementClass: ArcOption,
+  react: React,
+});

package/src/shared/index.ts

@@ -0,0 +1,8 @@
+// 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';