@arclux/arc-ui-preact 1.0.0

package/src/reactive/IconButton.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 IconButtonProps {
+  name?: string;
+  text?: string;
+  variant?: 'ghost' | 'secondary' | 'primary';
+  size?: 'xs' | 'sm' | 'md' | 'lg';
+  label?: string;
+  href?: string;
+  disabled?: boolean;
+  type?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const IconButton: FunctionComponent<IconButtonProps> = ({ name, text, variant, size, label, href, disabled, type, children, ...rest }) => (
+  <arc-icon-button name={name} text={text} variant={variant} size={size} label={label} href={href} disabled={disabled} type={type} {...rest}>
+    {children}
+  </arc-icon-button>
+);

package/src/reactive/InfiniteScroll.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 InfiniteScrollProps {
+  threshold?: number;
+  loading?: boolean;
+  finished?: boolean;
+  disabled?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const InfiniteScroll: FunctionComponent<InfiniteScrollProps> = ({ threshold, loading, finished, disabled, children, ...rest }) => (
+  <arc-infinite-scroll threshold={threshold} loading={loading} finished={finished} disabled={disabled} {...rest}>
+    {children}
+  </arc-infinite-scroll>
+);

package/src/reactive/Input.tsx

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface InputProps {
+  type?: string;
+  name?: string;
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  disabled?: boolean;
+  required?: boolean;
+  multiline?: boolean;
+  rows?: number;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Input: FunctionComponent<InputProps> = ({ type, name, label, placeholder, value, disabled, required, multiline, rows, children, ...rest }) => (
+  <arc-input type={type} name={name} label={label} placeholder={placeholder} value={value} disabled={disabled} required={required} multiline={multiline} rows={rows} {...rest}>
+    {children}
+  </arc-input>
+);

package/src/reactive/Modal.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 ModalProps {
+  open?: boolean;
+  heading?: string;
+  size?: 'sm' | 'md' | 'lg';
+  closable?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Modal: FunctionComponent<ModalProps> = ({ open, heading, size, closable, children, ...rest }) => (
+  <arc-modal open={open} heading={heading} size={size} closable={closable} {...rest}>
+    {children}
+  </arc-modal>
+);

package/src/reactive/MultiSelect.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 MultiSelectProps {
+  value?: unknown[];
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  _query?: string;
+  _open?: string;
+  _activeIndex?: string;
+  _options?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const MultiSelect: FunctionComponent<MultiSelectProps> = ({ value, placeholder, label, disabled, _query, _open, _activeIndex, _options, children, ...rest }) => (
+  <arc-multi-select value={value} placeholder={placeholder} label={label} disabled={disabled} _query={_query} _open={_open} _activeIndex={_activeIndex} _options={_options} {...rest}>
+    {children}
+  </arc-multi-select>
+);

package/src/reactive/NumberInput.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 NumberInputProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  step?: number;
+  label?: string;
+  disabled?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const NumberInput: FunctionComponent<NumberInputProps> = ({ value, min, max, step, label, disabled, children, ...rest }) => (
+  <arc-number-input value={value} min={min} max={max} step={step} label={label} disabled={disabled} {...rest}>
+    {children}
+  </arc-number-input>
+);

package/src/reactive/OtpInput.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 OtpInputProps {
+  length?: number;
+  value?: string;
+  disabled?: boolean;
+  type?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const OtpInput: FunctionComponent<OtpInputProps> = ({ length, value, disabled, type, children, ...rest }) => (
+  <arc-otp-input length={length} value={value} disabled={disabled} type={type} {...rest}>
+    {children}
+  </arc-otp-input>
+);

package/src/reactive/Pagination.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 PaginationProps {
+  total?: number;
+  current?: number;
+  siblings?: number;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Pagination: FunctionComponent<PaginationProps> = ({ total, current, siblings, children, ...rest }) => (
+  <arc-pagination total={total} current={current} siblings={siblings} {...rest}>
+    {children}
+  </arc-pagination>
+);

package/src/reactive/PinInput.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 PinInputProps {
+  length?: number;
+  value?: string;
+  disabled?: boolean;
+  mask?: boolean;
+  type?: string;
+  separator?: number;
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const PinInput: FunctionComponent<PinInputProps> = ({ length, value, disabled, mask, type, separator, label, children, ...rest }) => (
+  <arc-pin-input length={length} value={value} disabled={disabled} mask={mask} type={type} separator={separator} label={label} {...rest}>
+    {children}
+  </arc-pin-input>
+);

package/src/reactive/Popover.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 PopoverProps {
+  open?: boolean;
+  position?: 'bottom' | 'top' | 'left' | 'right';
+  trigger?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Popover: FunctionComponent<PopoverProps> = ({ open, position, trigger, children, ...rest }) => (
+  <arc-popover open={open} position={position} trigger={trigger} {...rest}>
+    {children}
+  </arc-popover>
+);

package/src/reactive/Progress.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 ProgressProps {
+  value?: number;
+  variant?: string;
+  size?: 'sm' | 'md' | 'lg';
+  indeterminate?: boolean;
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Progress: FunctionComponent<ProgressProps> = ({ value, variant, size, indeterminate, label, children, ...rest }) => (
+  <arc-progress value={value} variant={variant} size={size} indeterminate={indeterminate} label={label} {...rest}>
+    {children}
+  </arc-progress>
+);

package/src/reactive/Radio.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 RadioProps {
+  value?: string;
+  disabled?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Radio: FunctionComponent<RadioProps> = ({ value, disabled, children, ...rest }) => (
+  <arc-radio value={value} disabled={disabled} {...rest}>
+    {children}
+  </arc-radio>
+);

package/src/reactive/RadioGroup.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 RadioGroupProps {
+  value?: string;
+  name?: string;
+  disabled?: boolean;
+  orientation?: 'horizontal';
+  _radios?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const RadioGroup: FunctionComponent<RadioGroupProps> = ({ value, name, disabled, orientation, _radios, children, ...rest }) => (
+  <arc-radio-group value={value} name={name} disabled={disabled} orientation={orientation} _radios={_radios} {...rest}>
+    {children}
+  </arc-radio-group>
+);

package/src/reactive/Rating.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 RatingProps {
+  value?: number;
+  max?: number;
+  disabled?: boolean;
+  readonly?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Rating: FunctionComponent<RatingProps> = ({ value, max, disabled, readonly, children, ...rest }) => (
+  <arc-rating value={value} max={max} disabled={disabled} readonly={readonly} {...rest}>
+    {children}
+  </arc-rating>
+);

package/src/reactive/ScrollToTop.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 ScrollToTopProps {
+  threshold?: number;
+  smooth?: boolean;
+  position?: 'bottom-right' | 'bottom-left';
+  offset?: string;
+  _visible?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ScrollToTop: FunctionComponent<ScrollToTopProps> = ({ threshold, smooth, position, offset, _visible, children, ...rest }) => (
+  <arc-scroll-to-top threshold={threshold} smooth={smooth} position={position} offset={offset} _visible={_visible} {...rest}>
+    {children}
+  </arc-scroll-to-top>
+);

package/src/reactive/Search.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 SearchProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  loading?: boolean;
+  _open?: string;
+  _activeIndex?: string;
+  _suggestions?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Search: FunctionComponent<SearchProps> = ({ value, placeholder, label, disabled, loading, _open, _activeIndex, _suggestions, children, ...rest }) => (
+  <arc-search value={value} placeholder={placeholder} label={label} disabled={disabled} loading={loading} _open={_open} _activeIndex={_activeIndex} _suggestions={_suggestions} {...rest}>
+    {children}
+  </arc-search>
+);

package/src/reactive/SegmentedControl.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 SegmentedControlProps {
+  value?: string;
+  disabled?: boolean;
+  _options?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const SegmentedControl: FunctionComponent<SegmentedControlProps> = ({ value, disabled, _options, children, ...rest }) => (
+  <arc-segmented-control value={value} disabled={disabled} _options={_options} {...rest}>
+    {children}
+  </arc-segmented-control>
+);

package/src/reactive/Select.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 SelectProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  name?: string;
+  disabled?: boolean;
+  open?: boolean;
+  _options?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Select: FunctionComponent<SelectProps> = ({ value, placeholder, label, name, disabled, open, _options, children, ...rest }) => (
+  <arc-select value={value} placeholder={placeholder} label={label} name={name} disabled={disabled} open={open} _options={_options} {...rest}>
+    {children}
+  </arc-select>
+);

package/src/reactive/Sheet.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 SheetProps {
+  open?: boolean;
+  side?: 'bottom' | 'right';
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Sheet: FunctionComponent<SheetProps> = ({ open, side, heading, children, ...rest }) => (
+  <arc-sheet open={open} side={side} heading={heading} {...rest}>
+    {children}
+  </arc-sheet>
+);

package/src/reactive/Slider.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 SliderProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Slider: FunctionComponent<SliderProps> = ({ value, min, max, step, disabled, label, children, ...rest }) => (
+  <arc-slider value={value} min={min} max={max} step={step} disabled={disabled} label={label} {...rest}>
+    {children}
+  </arc-slider>
+);

package/src/reactive/SortableList.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 SortableListProps {
+  disabled?: boolean;
+  _items?: string;
+  _dragIndex?: string;
+  _overIndex?: string;
+  _kbSelected?: string;
+  _kbMoving?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const SortableList: FunctionComponent<SortableListProps> = ({ disabled, _items, _dragIndex, _overIndex, _kbSelected, _kbMoving, children, ...rest }) => (
+  <arc-sortable-list disabled={disabled} _items={_items} _dragIndex={_dragIndex} _overIndex={_overIndex} _kbSelected={_kbSelected} _kbMoving={_kbMoving} {...rest}>
+    {children}
+  </arc-sortable-list>
+);

package/src/reactive/Suggestion.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 SuggestionProps {
+  value?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Suggestion: FunctionComponent<SuggestionProps> = ({ value, children, ...rest }) => (
+  <arc-suggestion value={value} {...rest}>
+    {children}
+  </arc-suggestion>
+);

package/src/reactive/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/reactive/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/reactive/Tag.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 TagProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+  removable?: boolean;
+  disabled?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tag: FunctionComponent<TagProps> = ({ variant, removable, disabled, children, ...rest }) => (
+  <arc-tag variant={variant} removable={removable} disabled={disabled} {...rest}>
+    {children}
+  </arc-tag>
+);

package/src/reactive/Textarea.tsx

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TextareaProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  rows?: number;
+  maxlength?: number;
+  disabled?: boolean;
+  readonly?: boolean;
+  resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+  error?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Textarea: FunctionComponent<TextareaProps> = ({ value, placeholder, label, rows, maxlength, disabled, readonly, resize, error, children, ...rest }) => (
+  <arc-textarea value={value} placeholder={placeholder} label={label} rows={rows} maxlength={maxlength} disabled={disabled} readonly={readonly} resize={resize} error={error} {...rest}>
+    {children}
+  </arc-textarea>
+);

package/src/reactive/ThemeToggle.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 ThemeToggleProps {
+  theme?: string;
+  disabled?: boolean;
+  iconOnly?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ThemeToggle: FunctionComponent<ThemeToggleProps> = ({ theme, disabled, iconOnly, children, ...rest }) => (
+  <arc-theme-toggle theme={theme} disabled={disabled} iconOnly={iconOnly} {...rest}>
+    {children}
+  </arc-theme-toggle>
+);

package/src/reactive/Toast.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 ToastProps {
+  position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+  duration?: number;
+  _toasts?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Toast: FunctionComponent<ToastProps> = ({ position, duration, _toasts, children, ...rest }) => (
+  <arc-toast position={position} duration={duration} _toasts={_toasts} {...rest}>
+    {children}
+  </arc-toast>
+);

package/src/reactive/Toggle.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 ToggleProps {
+  checked?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Toggle: FunctionComponent<ToggleProps> = ({ checked, disabled, label, name, children, ...rest }) => (
+  <arc-toggle checked={checked} disabled={disabled} label={label} name={name} {...rest}>
+    {children}
+  </arc-toggle>
+);

package/src/reactive/Tooltip.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 TooltipProps {
+  content?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  delay?: number;
+  _visible?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tooltip: FunctionComponent<TooltipProps> = ({ content, position, delay, _visible, children, ...rest }) => (
+  <arc-tooltip content={content} position={position} delay={delay} _visible={_visible} {...rest}>
+    {children}
+  </arc-tooltip>
+);

package/src/reactive/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>
+);