@arclux/arc-ui-react 1.0.0

package/src/feedback/Popover.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 { ArcPopover } from '@arclux/arc-ui';
+
+export interface PopoverProps {
+  open?: boolean;
+  position?: 'bottom' | 'top' | 'left' | 'right';
+  trigger?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcClose?: (e: CustomEvent) => void;
+}
+
+export const Popover = createComponent({
+  tagName: 'arc-popover',
+  elementClass: ArcPopover,
+  react: React,
+  events: {
+    onArcClose: 'arc-close' as EventName<CustomEvent>,
+  },
+});

package/src/feedback/Progress.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 { ArcProgress } from '@arclux/arc-ui';
+
+export interface ProgressProps {
+  value?: number;
+  variant?: string;
+  size?: 'sm' | 'md' | 'lg';
+  indeterminate?: boolean;
+  label?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Progress = createComponent({
+  tagName: 'arc-progress',
+  elementClass: ArcProgress,
+  react: React,
+});

package/src/feedback/Sheet.ts

@@ -0,0 +1,27 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSheet } from '@arclux/arc-ui';
+
+export interface SheetProps {
+  open?: boolean;
+  side?: 'bottom' | 'right';
+  heading?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcClose?: (e: CustomEvent) => void;
+  onArcOpen?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const Sheet = createComponent({
+  tagName: 'arc-sheet',
+  elementClass: ArcSheet,
+  react: React,
+  events: {
+    onArcClose: 'arc-close' as EventName<CustomEvent>,
+    onArcOpen: 'arc-open' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/feedback/Toast.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 { ArcToast } from '@arclux/arc-ui';
+
+export interface ToastProps {
+  position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+  duration?: number;
+  _toasts?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcDismiss?: (e: CustomEvent) => void;
+}
+
+export const Toast = createComponent({
+  tagName: 'arc-toast',
+  elementClass: ArcToast,
+  react: React,
+  events: {
+    onArcDismiss: 'arc-dismiss' as EventName<CustomEvent>,
+  },
+});

package/src/feedback/Tooltip.ts

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTooltip } from '@arclux/arc-ui';
+
+export interface TooltipProps {
+  content?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  delay?: number;
+  _visible?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Tooltip = createComponent({
+  tagName: 'arc-tooltip',
+  elementClass: ArcTooltip,
+  react: React,
+});

package/src/feedback/index.ts

@@ -0,0 +1,44 @@
+// ARC UI React — Feedback tier
+// Alerts, modals, toasts, tooltips, and user feedback components
+
+export { Alert } from './Alert.js';
+export type { AlertProps } from './Alert.js';
+
+export { CommandItem } from './CommandItem.js';
+export type { CommandItemProps } from './CommandItem.js';
+
+export { CommandPalette } from './CommandPalette.js';
+export type { CommandPaletteProps } from './CommandPalette.js';
+
+export { ContextMenu } from './ContextMenu.js';
+export type { ContextMenuProps } from './ContextMenu.js';
+
+export { Dialog } from './Dialog.js';
+export type { DialogProps } from './Dialog.js';
+
+export { DropdownMenu } from './DropdownMenu.js';
+export type { DropdownMenuProps } from './DropdownMenu.js';
+
+export { HoverCard } from './HoverCard.js';
+export type { HoverCardProps } from './HoverCard.js';
+
+export { Modal } from './Modal.js';
+export type { ModalProps } from './Modal.js';
+
+export { NotificationPanel } from './NotificationPanel.js';
+export type { NotificationPanelProps } from './NotificationPanel.js';
+
+export { Popover } from './Popover.js';
+export type { PopoverProps } from './Popover.js';
+
+export { Progress } from './Progress.js';
+export type { ProgressProps } from './Progress.js';
+
+export { Sheet } from './Sheet.js';
+export type { SheetProps } from './Sheet.js';
+
+export { Toast } from './Toast.js';
+export type { ToastProps } from './Toast.js';
+
+export { Tooltip } from './Tooltip.js';
+export type { TooltipProps } from './Tooltip.js';

package/src/index.ts

@@ -0,0 +1,354 @@
+// ARC UI React — Main barrel export
+// Re-exports from all tiers
+
+export * from './layout/index.js';
+export * from './navigation/index.js';
+export * from './content/index.js';
+export * from './input/index.js';
+export * from './feedback/index.js';
+export * from './shared/index.js';
+
+export { AccordionItem } from './content/AccordionItem.js';
+export type { AccordionItemProps } from './content/AccordionItem.js';
+
+export { Accordion } from './content/Accordion.js';
+export type { AccordionProps } from './content/Accordion.js';
+
+export { AnimatedNumber } from './content/AnimatedNumber.js';
+export type { AnimatedNumberProps } from './content/AnimatedNumber.js';
+
+export { AspectRatio } from './content/AspectRatio.js';
+export type { AspectRatioProps } from './content/AspectRatio.js';
+
+export { AvatarGroup } from './content/AvatarGroup.js';
+export type { AvatarGroupProps } from './content/AvatarGroup.js';
+
+export { Avatar } from './content/Avatar.js';
+export type { AvatarProps } from './content/Avatar.js';
+
+export { Badge } from './content/Badge.js';
+export type { BadgeProps } from './content/Badge.js';
+
+export { Callout } from './content/Callout.js';
+export type { CalloutProps } from './content/Callout.js';
+
+export { Card } from './content/Card.js';
+export type { CardProps } from './content/Card.js';
+
+export { Carousel } from './content/Carousel.js';
+export type { CarouselProps } from './content/Carousel.js';
+
+export { CodeBlock } from './content/CodeBlock.js';
+export type { CodeBlockProps } from './content/CodeBlock.js';
+
+export { Collapsible } from './content/Collapsible.js';
+export type { CollapsibleProps } from './content/Collapsible.js';
+
+export { ColorSwatch } from './content/ColorSwatch.js';
+export type { ColorSwatchProps } from './content/ColorSwatch.js';
+
+export { Column } from './content/Column.js';
+export type { ColumnProps } from './content/Column.js';
+
+export { DataTable } from './content/DataTable.js';
+export type { DataTableProps } from './content/DataTable.js';
+
+export { Divider } from './content/Divider.js';
+export type { DividerProps } from './content/Divider.js';
+
+export { EmptyState } from './content/EmptyState.js';
+export type { EmptyStateProps } from './content/EmptyState.js';
+
+export { FeatureCard } from './content/FeatureCard.js';
+export type { FeatureCardProps } from './content/FeatureCard.js';
+
+export { Highlight } from './content/Highlight.js';
+export type { HighlightProps } from './content/Highlight.js';
+
+export { Icon } from './content/Icon.js';
+export type { IconProps } from './content/Icon.js';
+
+export { InfiniteScroll } from './content/InfiniteScroll.js';
+export type { InfiniteScrollProps } from './content/InfiniteScroll.js';
+
+export { Kbd } from './content/Kbd.js';
+export type { KbdProps } from './content/Kbd.js';
+
+export { Markdown } from './content/Markdown.js';
+export type { MarkdownProps } from './content/Markdown.js';
+
+export { Marquee } from './content/Marquee.js';
+export type { MarqueeProps } from './content/Marquee.js';
+
+export { Meter } from './content/Meter.js';
+export type { MeterProps } from './content/Meter.js';
+
+export { ScrollArea } from './content/ScrollArea.js';
+export type { ScrollAreaProps } from './content/ScrollArea.js';
+
+export { Skeleton } from './content/Skeleton.js';
+export type { SkeletonProps } from './content/Skeleton.js';
+
+export { Spinner } from './content/Spinner.js';
+export type { SpinnerProps } from './content/Spinner.js';
+
+export { Stack } from './content/Stack.js';
+export type { StackProps } from './content/Stack.js';
+
+export { Stat } from './content/Stat.js';
+export type { StatProps } from './content/Stat.js';
+
+export { Step } from './content/Step.js';
+export type { StepProps } from './content/Step.js';
+
+export { Stepper } from './content/Stepper.js';
+export type { StepperProps } from './content/Stepper.js';
+
+export { Table } from './content/Table.js';
+export type { TableProps } from './content/Table.js';
+
+export { Tag } from './content/Tag.js';
+export type { TagProps } from './content/Tag.js';
+
+export { Text } from './content/Text.js';
+export type { TextProps } from './content/Text.js';
+
+export { TimelineItem } from './content/TimelineItem.js';
+export type { TimelineItemProps } from './content/TimelineItem.js';
+
+export { Timeline } from './content/Timeline.js';
+export type { TimelineProps } from './content/Timeline.js';
+
+export { Truncate } from './content/Truncate.js';
+export type { TruncateProps } from './content/Truncate.js';
+
+export { ValueCard } from './content/ValueCard.js';
+export type { ValueCardProps } from './content/ValueCard.js';
+
+export { Button } from './input/Button.js';
+export type { ButtonProps } from './input/Button.js';
+
+export { Calendar } from './input/Calendar.js';
+export type { CalendarProps } from './input/Calendar.js';
+
+export { Checkbox } from './input/Checkbox.js';
+export type { CheckboxProps } from './input/Checkbox.js';
+
+export { Chip } from './input/Chip.js';
+export type { ChipProps } from './input/Chip.js';
+
+export { ColorPicker } from './input/ColorPicker.js';
+export type { ColorPickerProps } from './input/ColorPicker.js';
+
+export { Combobox } from './input/Combobox.js';
+export type { ComboboxProps } from './input/Combobox.js';
+
+export { CopyButton } from './input/CopyButton.js';
+export type { CopyButtonProps } from './input/CopyButton.js';
+
+export { DatePicker } from './input/DatePicker.js';
+export type { DatePickerProps } from './input/DatePicker.js';
+
+export { FileUpload } from './input/FileUpload.js';
+export type { FileUploadProps } from './input/FileUpload.js';
+
+export { Form } from './input/Form.js';
+export type { FormProps } from './input/Form.js';
+
+export { IconButton } from './input/IconButton.js';
+export type { IconButtonProps } from './input/IconButton.js';
+
+export { Input } from './input/Input.js';
+export type { InputProps } from './input/Input.js';
+
+export { MultiSelect } from './input/MultiSelect.js';
+export type { MultiSelectProps } from './input/MultiSelect.js';
+
+export { NumberInput } from './input/NumberInput.js';
+export type { NumberInputProps } from './input/NumberInput.js';
+
+export { OtpInput } from './input/OtpInput.js';
+export type { OtpInputProps } from './input/OtpInput.js';
+
+export { PinInput } from './input/PinInput.js';
+export type { PinInputProps } from './input/PinInput.js';
+
+export { RadioGroup } from './input/RadioGroup.js';
+export type { RadioGroupProps } from './input/RadioGroup.js';
+
+export { Radio } from './input/Radio.js';
+export type { RadioProps } from './input/Radio.js';
+
+export { Rating } from './input/Rating.js';
+export type { RatingProps } from './input/Rating.js';
+
+export { Search } from './input/Search.js';
+export type { SearchProps } from './input/Search.js';
+
+export { SegmentedControl } from './input/SegmentedControl.js';
+export type { SegmentedControlProps } from './input/SegmentedControl.js';
+
+export { Select } from './input/Select.js';
+export type { SelectProps } from './input/Select.js';
+
+export { Slider } from './input/Slider.js';
+export type { SliderProps } from './input/Slider.js';
+
+export { SortableList } from './input/SortableList.js';
+export type { SortableListProps } from './input/SortableList.js';
+
+export { Suggestion } from './input/Suggestion.js';
+export type { SuggestionProps } from './input/Suggestion.js';
+
+export { Textarea } from './input/Textarea.js';
+export type { TextareaProps } from './input/Textarea.js';
+
+export { ThemeToggle } from './input/ThemeToggle.js';
+export type { ThemeToggleProps } from './input/ThemeToggle.js';
+
+export { Toggle } from './input/Toggle.js';
+export type { ToggleProps } from './input/Toggle.js';
+
+export { BreadcrumbItem } from './navigation/BreadcrumbItem.js';
+export type { BreadcrumbItemProps } from './navigation/BreadcrumbItem.js';
+
+export { Breadcrumb } from './navigation/Breadcrumb.js';
+export type { BreadcrumbProps } from './navigation/Breadcrumb.js';
+
+export { Drawer } from './navigation/Drawer.js';
+export type { DrawerProps } from './navigation/Drawer.js';
+
+export { Footer } from './navigation/Footer.js';
+export type { FooterProps } from './navigation/Footer.js';
+
+export { Link } from './navigation/Link.js';
+export type { LinkProps } from './navigation/Link.js';
+
+export { NavItem } from './navigation/NavItem.js';
+export type { NavItemProps } from './navigation/NavItem.js';
+
+export { NavigationMenu } from './navigation/NavigationMenu.js';
+export type { NavigationMenuProps } from './navigation/NavigationMenu.js';
+
+export { Pagination } from './navigation/Pagination.js';
+export type { PaginationProps } from './navigation/Pagination.js';
+
+export { ScrollSpy } from './navigation/ScrollSpy.js';
+export type { ScrollSpyProps } from './navigation/ScrollSpy.js';
+
+export { ScrollToTop } from './navigation/ScrollToTop.js';
+export type { ScrollToTopProps } from './navigation/ScrollToTop.js';
+
+export { SidebarLink } from './navigation/SidebarLink.js';
+export type { SidebarLinkProps } from './navigation/SidebarLink.js';
+
+export { SidebarSection } from './navigation/SidebarSection.js';
+export type { SidebarSectionProps } from './navigation/SidebarSection.js';
+
+export { Sidebar } from './navigation/Sidebar.js';
+export type { SidebarProps } from './navigation/Sidebar.js';
+
+export { SpyLink } from './navigation/SpyLink.js';
+export type { SpyLinkProps } from './navigation/SpyLink.js';
+
+export { Tab } from './navigation/Tab.js';
+export type { TabProps } from './navigation/Tab.js';
+
+export { Tabs } from './navigation/Tabs.js';
+export type { TabsProps } from './navigation/Tabs.js';
+
+export { TopBar } from './navigation/TopBar.js';
+export type { TopBarProps } from './navigation/TopBar.js';
+
+export { TreeItem } from './navigation/TreeItem.js';
+export type { TreeItemProps } from './navigation/TreeItem.js';
+
+export { TreeView } from './navigation/TreeView.js';
+export type { TreeViewProps } from './navigation/TreeView.js';
+
+export { AppShell } from './layout/AppShell.js';
+export type { AppShellProps } from './layout/AppShell.js';
+
+export { AuthShell } from './layout/AuthShell.js';
+export type { AuthShellProps } from './layout/AuthShell.js';
+
+export { Container } from './layout/Container.js';
+export type { ContainerProps } from './layout/Container.js';
+
+export { DashboardGrid } from './layout/DashboardGrid.js';
+export type { DashboardGridProps } from './layout/DashboardGrid.js';
+
+export { PageHeader } from './layout/PageHeader.js';
+export type { PageHeaderProps } from './layout/PageHeader.js';
+
+export { PageLayout } from './layout/PageLayout.js';
+export type { PageLayoutProps } from './layout/PageLayout.js';
+
+export { Resizable } from './layout/Resizable.js';
+export type { ResizableProps } from './layout/Resizable.js';
+
+export { Section } from './layout/Section.js';
+export type { SectionProps } from './layout/Section.js';
+
+export { SettingsLayout } from './layout/SettingsLayout.js';
+export type { SettingsLayoutProps } from './layout/SettingsLayout.js';
+
+export { SplitPane } from './layout/SplitPane.js';
+export type { SplitPaneProps } from './layout/SplitPane.js';
+
+export { StatusBar } from './layout/StatusBar.js';
+export type { StatusBarProps } from './layout/StatusBar.js';
+
+export { Toolbar } from './layout/Toolbar.js';
+export type { ToolbarProps } from './layout/Toolbar.js';
+
+export { Alert } from './feedback/Alert.js';
+export type { AlertProps } from './feedback/Alert.js';
+
+export { CommandItem } from './feedback/CommandItem.js';
+export type { CommandItemProps } from './feedback/CommandItem.js';
+
+export { CommandPalette } from './feedback/CommandPalette.js';
+export type { CommandPaletteProps } from './feedback/CommandPalette.js';
+
+export { ContextMenu } from './feedback/ContextMenu.js';
+export type { ContextMenuProps } from './feedback/ContextMenu.js';
+
+export { Dialog } from './feedback/Dialog.js';
+export type { DialogProps } from './feedback/Dialog.js';
+
+export { DropdownMenu } from './feedback/DropdownMenu.js';
+export type { DropdownMenuProps } from './feedback/DropdownMenu.js';
+
+export { HoverCard } from './feedback/HoverCard.js';
+export type { HoverCardProps } from './feedback/HoverCard.js';
+
+export { Modal } from './feedback/Modal.js';
+export type { ModalProps } from './feedback/Modal.js';
+
+export { NotificationPanel } from './feedback/NotificationPanel.js';
+export type { NotificationPanelProps } from './feedback/NotificationPanel.js';
+
+export { Popover } from './feedback/Popover.js';
+export type { PopoverProps } from './feedback/Popover.js';
+
+export { Progress } from './feedback/Progress.js';
+export type { ProgressProps } from './feedback/Progress.js';
+
+export { Sheet } from './feedback/Sheet.js';
+export type { SheetProps } from './feedback/Sheet.js';
+
+export { Toast } from './feedback/Toast.js';
+export type { ToastProps } from './feedback/Toast.js';
+
+export { Tooltip } from './feedback/Tooltip.js';
+export type { TooltipProps } from './feedback/Tooltip.js';
+
+export { MenuDivider } from './shared/MenuDivider.js';
+export type { MenuDividerProps } from './shared/MenuDivider.js';
+
+export { MenuItem } from './shared/MenuItem.js';
+export type { MenuItemProps } from './shared/MenuItem.js';
+
+export { Option } from './shared/Option.js';
+export type { OptionProps } from './shared/Option.js';

package/src/input/Button.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 { ArcButton } from '@arclux/arc-ui';
+
+export interface ButtonProps {
+  variant?: 'primary' | 'secondary' | 'ghost';
+  size?: 'sm' | 'md' | 'lg';
+  href?: string;
+  disabled?: boolean;
+  type?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onClick?: (e: Event) => void;
+}
+
+export const Button = createComponent({
+  tagName: 'arc-button',
+  elementClass: ArcButton,
+  react: React,
+  events: {
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/Calendar.ts

@@ -0,0 +1,30 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcCalendar } from '@arclux/arc-ui';
+
+export interface CalendarProps {
+  value?: string;
+  min?: string;
+  max?: string;
+  month?: number;
+  year?: number;
+  _focusedDay?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcNavigate?: (e: CustomEvent) => void;
+  onArcChange?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const Calendar = createComponent({
+  tagName: 'arc-calendar',
+  elementClass: ArcCalendar,
+  react: React,
+  events: {
+    onArcNavigate: 'arc-navigate' as EventName<CustomEvent>,
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/Checkbox.ts

@@ -0,0 +1,26 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcCheckbox } from '@arclux/arc-ui';
+
+export interface CheckboxProps {
+  checked?: boolean;
+  indeterminate?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  value?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Checkbox = createComponent({
+  tagName: 'arc-checkbox',
+  elementClass: ArcCheckbox,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/Chip.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 { ArcChip } from '@arclux/arc-ui';
+
+export interface ChipProps {
+  selected?: boolean;
+  disabled?: boolean;
+  value?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Chip = createComponent({
+  tagName: 'arc-chip',
+  elementClass: ArcChip,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/ColorPicker.ts

@@ -0,0 +1,30 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcColorPicker } from '@arclux/arc-ui';
+
+export interface ColorPickerProps {
+  value?: string;
+  presets?: unknown[];
+  disabled?: boolean;
+  label?: string;
+  _hue?: string;
+  _sat?: string;
+  _lit?: string;
+  _hexInput?: string;
+  _draggingArea?: string;
+  _draggingHue?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const ColorPicker = createComponent({
+  tagName: 'arc-color-picker',
+  elementClass: ArcColorPicker,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});