@arclux/arc-ui-preact 1.0.0

package/src/navigation/SidebarLink.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface SidebarLinkProps {
+  href?: string;
+  active?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const SidebarLink: FunctionComponent<SidebarLinkProps> = ({ href, active, children, ...rest }) => (
+  <arc-sidebar-link href={href} active={active} {...rest}>
+    {children}
+  </arc-sidebar-link>
+);

package/src/navigation/SidebarSection.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface SidebarSectionProps {
+  heading?: string;
+  collapsible?: boolean;
+  open?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const SidebarSection: FunctionComponent<SidebarSectionProps> = ({ heading, collapsible, open, children, ...rest }) => (
+  <arc-sidebar-section heading={heading} collapsible={collapsible} open={open} {...rest}>
+    {children}
+  </arc-sidebar-section>
+);

package/src/navigation/SpyLink.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface SpyLinkProps {
+  target?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const SpyLink: FunctionComponent<SpyLinkProps> = ({ target, children, ...rest }) => (
+  <arc-spy-link target={target} {...rest}>
+    {children}
+  </arc-spy-link>
+);

package/src/navigation/Tab.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TabProps {
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tab: FunctionComponent<TabProps> = ({ label, children, ...rest }) => (
+  <arc-tab label={label} {...rest}>
+    {children}
+  </arc-tab>
+);

package/src/navigation/Tabs.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TabsProps {
+  items?: unknown[];
+  selected?: number;
+  _tabs?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tabs: FunctionComponent<TabsProps> = ({ items, selected, _tabs, children, ...rest }) => (
+  <arc-tabs items={items} selected={selected} _tabs={_tabs} {...rest}>
+    {children}
+  </arc-tabs>
+);

package/src/navigation/TopBar.tsx

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TopBarProps {
+  heading?: string;
+  fixed?: boolean;
+  menuOpen?: boolean;
+  mobileMenu?: string;
+  menuPosition?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const TopBar: FunctionComponent<TopBarProps> = ({ heading, fixed, menuOpen, mobileMenu, menuPosition, children, ...rest }) => (
+  <arc-top-bar heading={heading} fixed={fixed} menuOpen={menuOpen} mobileMenu={mobileMenu} menuPosition={menuPosition} {...rest}>
+    {children}
+  </arc-top-bar>
+);

package/src/navigation/TreeItem.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TreeItemProps {
+  label?: string;
+  icon?: string;
+  expanded?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const TreeItem: FunctionComponent<TreeItemProps> = ({ label, icon, expanded, children, ...rest }) => (
+  <arc-tree-item label={label} icon={icon} expanded={expanded} {...rest}>
+    {children}
+  </arc-tree-item>
+);

package/src/navigation/TreeView.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TreeViewProps {
+  _items?: string;
+  _selected?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const TreeView: FunctionComponent<TreeViewProps> = ({ _items, _selected, children, ...rest }) => (
+  <arc-tree-view _items={_items} _selected={_selected} {...rest}>
+    {children}
+  </arc-tree-view>
+);

package/src/reactive/Accordion.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AccordionProps {
+  _items?: string;
+  _openItems?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Accordion: FunctionComponent<AccordionProps> = ({ _items, _openItems, children, ...rest }) => (
+  <arc-accordion _items={_items} _openItems={_openItems} {...rest}>
+    {children}
+  </arc-accordion>
+);

package/src/reactive/AccordionItem.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AccordionItemProps {
+  question?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const AccordionItem: FunctionComponent<AccordionItemProps> = ({ question, children, ...rest }) => (
+  <arc-accordion-item question={question} {...rest}>
+    {children}
+  </arc-accordion-item>
+);

package/src/reactive/Alert.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AlertProps {
+  variant?: 'info' | 'success' | 'warning' | 'error';
+  dismissible?: boolean;
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Alert: FunctionComponent<AlertProps> = ({ variant, dismissible, heading, children, ...rest }) => (
+  <arc-alert variant={variant} dismissible={dismissible} heading={heading} {...rest}>
+    {children}
+  </arc-alert>
+);

package/src/reactive/Button.tsx

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ButtonProps {
+  variant?: 'primary' | 'secondary' | 'ghost';
+  size?: 'sm' | 'md' | 'lg';
+  href?: string;
+  disabled?: boolean;
+  type?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Button: FunctionComponent<ButtonProps> = ({ variant, size, href, disabled, type, children, ...rest }) => (
+  <arc-button variant={variant} size={size} href={href} disabled={disabled} type={type} {...rest}>
+    {children}
+  </arc-button>
+);

package/src/reactive/Calendar.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CalendarProps {
+  value?: string;
+  min?: string;
+  max?: string;
+  month?: number;
+  year?: number;
+  _focusedDay?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Calendar: FunctionComponent<CalendarProps> = ({ value, min, max, month, year, _focusedDay, children, ...rest }) => (
+  <arc-calendar value={value} min={min} max={max} month={month} year={year} _focusedDay={_focusedDay} {...rest}>
+    {children}
+  </arc-calendar>
+);

package/src/reactive/Carousel.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CarouselProps {
+  autoPlay?: boolean;
+  interval?: number;
+  loop?: boolean;
+  showDots?: boolean;
+  showArrows?: boolean;
+  _current?: string;
+  _total?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Carousel: FunctionComponent<CarouselProps> = ({ autoPlay, interval, loop, showDots, showArrows, _current, _total, children, ...rest }) => (
+  <arc-carousel autoPlay={autoPlay} interval={interval} loop={loop} showDots={showDots} showArrows={showArrows} _current={_current} _total={_total} {...rest}>
+    {children}
+  </arc-carousel>
+);

package/src/reactive/Checkbox.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CheckboxProps {
+  checked?: boolean;
+  indeterminate?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  value?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Checkbox: FunctionComponent<CheckboxProps> = ({ checked, indeterminate, disabled, label, name, value, children, ...rest }) => (
+  <arc-checkbox checked={checked} indeterminate={indeterminate} disabled={disabled} label={label} name={name} value={value} {...rest}>
+    {children}
+  </arc-checkbox>
+);

package/src/reactive/Chip.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ChipProps {
+  selected?: boolean;
+  disabled?: boolean;
+  value?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Chip: FunctionComponent<ChipProps> = ({ selected, disabled, value, children, ...rest }) => (
+  <arc-chip selected={selected} disabled={disabled} value={value} {...rest}>
+    {children}
+  </arc-chip>
+);

package/src/reactive/Collapsible.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CollapsibleProps {
+  open?: boolean;
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Collapsible: FunctionComponent<CollapsibleProps> = ({ open, heading, children, ...rest }) => (
+  <arc-collapsible open={open} heading={heading} {...rest}>
+    {children}
+  </arc-collapsible>
+);

package/src/reactive/ColorPicker.tsx

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@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;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ColorPicker: FunctionComponent<ColorPickerProps> = ({ value, presets, disabled, label, _hue, _sat, _lit, _hexInput, _draggingArea, _draggingHue, children, ...rest }) => (
+  <arc-color-picker value={value} presets={presets} disabled={disabled} label={label} _hue={_hue} _sat={_sat} _lit={_lit} _hexInput={_hexInput} _draggingArea={_draggingArea} _draggingHue={_draggingHue} {...rest}>
+    {children}
+  </arc-color-picker>
+);

package/src/reactive/Column.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ColumnProps {
+  key?: string;
+  label?: string;
+  sortable?: boolean;
+  width?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Column: FunctionComponent<ColumnProps> = ({ key, label, sortable, width, children, ...rest }) => (
+  <arc-column key={key} label={label} sortable={sortable} width={width} {...rest}>
+    {children}
+  </arc-column>
+);

package/src/reactive/Combobox.tsx

@@ -0,0 +1,23 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ComboboxProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  _query?: string;
+  _open?: string;
+  _activeIndex?: string;
+  _options?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Combobox: FunctionComponent<ComboboxProps> = ({ value, placeholder, label, disabled, _query, _open, _activeIndex, _options, children, ...rest }) => (
+  <arc-combobox value={value} placeholder={placeholder} label={label} disabled={disabled} _query={_query} _open={_open} _activeIndex={_activeIndex} _options={_options} {...rest}>
+    {children}
+  </arc-combobox>
+);

package/src/reactive/CommandItem.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CommandItemProps {
+  shortcut?: string;
+  icon?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CommandItem: FunctionComponent<CommandItemProps> = ({ shortcut, icon, children, ...rest }) => (
+  <arc-command-item shortcut={shortcut} icon={icon} {...rest}>
+    {children}
+  </arc-command-item>
+);

package/src/reactive/CommandPalette.tsx

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CommandPaletteProps {
+  open?: boolean;
+  placeholder?: string;
+  _query?: string;
+  _focusedIndex?: string;
+  _items?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CommandPalette: FunctionComponent<CommandPaletteProps> = ({ open, placeholder, _query, _focusedIndex, _items, children, ...rest }) => (
+  <arc-command-palette open={open} placeholder={placeholder} _query={_query} _focusedIndex={_focusedIndex} _items={_items} {...rest}>
+    {children}
+  </arc-command-palette>
+);

package/src/reactive/ContextMenu.tsx

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ContextMenuProps {
+  open?: boolean;
+  _x?: string;
+  _y?: string;
+  _activeIndex?: string;
+  _children?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ContextMenu: FunctionComponent<ContextMenuProps> = ({ open, _x, _y, _activeIndex, _children, children, ...rest }) => (
+  <arc-context-menu open={open} _x={_x} _y={_y} _activeIndex={_activeIndex} _children={_children} {...rest}>
+    {children}
+  </arc-context-menu>
+);

package/src/reactive/CopyButton.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CopyButtonProps {
+  value?: string;
+  disabled?: boolean;
+  _copied?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CopyButton: FunctionComponent<CopyButtonProps> = ({ value, disabled, _copied, children, ...rest }) => (
+  <arc-copy-button value={value} disabled={disabled} _copied={_copied} {...rest}>
+    {children}
+  </arc-copy-button>
+);

package/src/reactive/DataTable.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DataTableProps {
+  rows?: unknown[];
+  sortable?: boolean;
+  selectable?: boolean;
+  sortColumn?: string;
+  sortDirection?: string;
+  _columns?: string;
+  _selectedRows?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const DataTable: FunctionComponent<DataTableProps> = ({ rows, sortable, selectable, sortColumn, sortDirection, _columns, _selectedRows, children, ...rest }) => (
+  <arc-data-table rows={rows} sortable={sortable} selectable={selectable} sortColumn={sortColumn} sortDirection={sortDirection} _columns={_columns} _selectedRows={_selectedRows} {...rest}>
+    {children}
+  </arc-data-table>
+);

package/src/reactive/DatePicker.tsx

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DatePickerProps {
+  value?: string;
+  min?: string;
+  max?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  label?: string;
+  _open?: string;
+  _viewMonth?: string;
+  _viewYear?: string;
+  _mode?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const DatePicker: FunctionComponent<DatePickerProps> = ({ value, min, max, placeholder, disabled, label, _open, _viewMonth, _viewYear, _mode, children, ...rest }) => (
+  <arc-date-picker value={value} min={min} max={max} placeholder={placeholder} disabled={disabled} label={label} _open={_open} _viewMonth={_viewMonth} _viewYear={_viewYear} _mode={_mode} {...rest}>
+    {children}
+  </arc-date-picker>
+);

package/src/reactive/Dialog.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DialogProps {
+  open?: boolean;
+  heading?: string;
+  message?: string;
+  variant?: 'danger';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Dialog: FunctionComponent<DialogProps> = ({ open, heading, message, variant, children, ...rest }) => (
+  <arc-dialog open={open} heading={heading} message={message} variant={variant} {...rest}>
+    {children}
+  </arc-dialog>
+);

package/src/reactive/Drawer.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DrawerProps {
+  open?: boolean;
+  position?: 'left' | 'right';
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Drawer: FunctionComponent<DrawerProps> = ({ open, position, heading, children, ...rest }) => (
+  <arc-drawer open={open} position={position} heading={heading} {...rest}>
+    {children}
+  </arc-drawer>
+);

package/src/reactive/DropdownMenu.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DropdownMenuProps {
+  open?: boolean;
+  _focusedIndex?: string;
+  _children?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const DropdownMenu: FunctionComponent<DropdownMenuProps> = ({ open, _focusedIndex, _children, children, ...rest }) => (
+  <arc-dropdown-menu open={open} _focusedIndex={_focusedIndex} _children={_children} {...rest}>
+    {children}
+  </arc-dropdown-menu>
+);

package/src/reactive/FileUpload.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface FileUploadProps {
+  accept?: string;
+  multiple?: boolean;
+  maxSize?: number;
+  disabled?: boolean;
+  _files?: string;
+  _dragOver?: string;
+  _error?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const FileUpload: FunctionComponent<FileUploadProps> = ({ accept, multiple, maxSize, disabled, _files, _dragOver, _error, children, ...rest }) => (
+  <arc-file-upload accept={accept} multiple={multiple} maxSize={maxSize} disabled={disabled} _files={_files} _dragOver={_dragOver} _error={_error} {...rest}>
+    {children}
+  </arc-file-upload>
+);

package/src/reactive/Form.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface FormProps {
+  action?: string;
+  method?: string;
+  novalidate?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Form: FunctionComponent<FormProps> = ({ action, method, novalidate, children, ...rest }) => (
+  <arc-form action={action} method={method} novalidate={novalidate} {...rest}>
+    {children}
+  </arc-form>
+);

package/src/reactive/HoverCard.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface HoverCardProps {
+  position?: 'bottom' | 'top' | 'left' | 'right';
+  openDelay?: number;
+  closeDelay?: number;
+  _visible?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const HoverCard: FunctionComponent<HoverCardProps> = ({ position, openDelay, closeDelay, _visible, children, ...rest }) => (
+  <arc-hover-card position={position} openDelay={openDelay} closeDelay={closeDelay} _visible={_visible} {...rest}>
+    {children}
+  </arc-hover-card>
+);