@arclux/arc-ui-preact 1.0.0

package/src/index.ts

@@ -0,0 +1,257 @@
+// Auto-generated by @arclux/prism — do not edit manually
+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 { CodeBlock } from './content/CodeBlock.js';
+export type { CodeBlockProps } from './content/CodeBlock.js';
+export { ColorSwatch } from './content/ColorSwatch.js';
+export type { ColorSwatchProps } from './content/ColorSwatch.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 { Icon } from './content/Icon.js';
+export type { IconProps } from './content/Icon.js';
+export { Kbd } from './content/Kbd.js';
+export type { KbdProps } from './content/Kbd.js';
+export { Link } from './content/Link.js';
+export type { LinkProps } from './content/Link.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 { 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 { 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 { ValueCard } from './content/ValueCard.js';
+export type { ValueCardProps } from './content/ValueCard.js';
+export { AccordionItem } from './reactive/AccordionItem.js';
+export type { AccordionItemProps } from './reactive/AccordionItem.js';
+export { Accordion } from './reactive/Accordion.js';
+export type { AccordionProps } from './reactive/Accordion.js';
+export { Alert } from './reactive/Alert.js';
+export type { AlertProps } from './reactive/Alert.js';
+export { Button } from './reactive/Button.js';
+export type { ButtonProps } from './reactive/Button.js';
+export { Calendar } from './reactive/Calendar.js';
+export type { CalendarProps } from './reactive/Calendar.js';
+export { Checkbox } from './reactive/Checkbox.js';
+export type { CheckboxProps } from './reactive/Checkbox.js';
+export { Column } from './reactive/Column.js';
+export type { ColumnProps } from './reactive/Column.js';
+export { Combobox } from './reactive/Combobox.js';
+export type { ComboboxProps } from './reactive/Combobox.js';
+export { CommandItem } from './reactive/CommandItem.js';
+export type { CommandItemProps } from './reactive/CommandItem.js';
+export { CommandPalette } from './reactive/CommandPalette.js';
+export type { CommandPaletteProps } from './reactive/CommandPalette.js';
+export { ContextMenu } from './reactive/ContextMenu.js';
+export type { ContextMenuProps } from './reactive/ContextMenu.js';
+export { CopyButton } from './reactive/CopyButton.js';
+export type { CopyButtonProps } from './reactive/CopyButton.js';
+export { DataTable } from './reactive/DataTable.js';
+export type { DataTableProps } from './reactive/DataTable.js';
+export { DatePicker } from './reactive/DatePicker.js';
+export type { DatePickerProps } from './reactive/DatePicker.js';
+export { Drawer } from './reactive/Drawer.js';
+export type { DrawerProps } from './reactive/Drawer.js';
+export { DropdownMenu } from './reactive/DropdownMenu.js';
+export type { DropdownMenuProps } from './reactive/DropdownMenu.js';
+export { FileUpload } from './reactive/FileUpload.js';
+export type { FileUploadProps } from './reactive/FileUpload.js';
+export { Form } from './reactive/Form.js';
+export type { FormProps } from './reactive/Form.js';
+export { HoverCard } from './reactive/HoverCard.js';
+export type { HoverCardProps } from './reactive/HoverCard.js';
+export { IconButton } from './reactive/IconButton.js';
+export type { IconButtonProps } from './reactive/IconButton.js';
+export { Input } from './reactive/Input.js';
+export type { InputProps } from './reactive/Input.js';
+export { Modal } from './reactive/Modal.js';
+export type { ModalProps } from './reactive/Modal.js';
+export { MultiSelect } from './reactive/MultiSelect.js';
+export type { MultiSelectProps } from './reactive/MultiSelect.js';
+export { Pagination } from './reactive/Pagination.js';
+export type { PaginationProps } from './reactive/Pagination.js';
+export { Popover } from './reactive/Popover.js';
+export type { PopoverProps } from './reactive/Popover.js';
+export { Progress } from './reactive/Progress.js';
+export type { ProgressProps } from './reactive/Progress.js';
+export { RadioGroup } from './reactive/RadioGroup.js';
+export type { RadioGroupProps } from './reactive/RadioGroup.js';
+export { Radio } from './reactive/Radio.js';
+export type { RadioProps } from './reactive/Radio.js';
+export { Search } from './reactive/Search.js';
+export type { SearchProps } from './reactive/Search.js';
+export { Select } from './reactive/Select.js';
+export type { SelectProps } from './reactive/Select.js';
+export { Slider } from './reactive/Slider.js';
+export type { SliderProps } from './reactive/Slider.js';
+export { Suggestion } from './reactive/Suggestion.js';
+export type { SuggestionProps } from './reactive/Suggestion.js';
+export { Tab } from './reactive/Tab.js';
+export type { TabProps } from './reactive/Tab.js';
+export { Tabs } from './reactive/Tabs.js';
+export type { TabsProps } from './reactive/Tabs.js';
+export { Tag } from './reactive/Tag.js';
+export type { TagProps } from './reactive/Tag.js';
+export { Textarea } from './reactive/Textarea.js';
+export type { TextareaProps } from './reactive/Textarea.js';
+export { ThemeToggle } from './reactive/ThemeToggle.js';
+export type { ThemeToggleProps } from './reactive/ThemeToggle.js';
+export { Toast } from './reactive/Toast.js';
+export type { ToastProps } from './reactive/Toast.js';
+export { Toggle } from './reactive/Toggle.js';
+export type { ToggleProps } from './reactive/Toggle.js';
+export { Tooltip } from './reactive/Tooltip.js';
+export type { TooltipProps } from './reactive/Tooltip.js';
+export { TreeItem } from './reactive/TreeItem.js';
+export type { TreeItemProps } from './reactive/TreeItem.js';
+export { TreeView } from './reactive/TreeView.js';
+export type { TreeViewProps } from './reactive/TreeView.js';
+export { AppShell } from './application/AppShell.js';
+export type { AppShellProps } from './application/AppShell.js';
+export { AuthShell } from './application/AuthShell.js';
+export type { AuthShellProps } from './application/AuthShell.js';
+export { BreadcrumbItem } from './application/BreadcrumbItem.js';
+export type { BreadcrumbItemProps } from './application/BreadcrumbItem.js';
+export { Breadcrumb } from './application/Breadcrumb.js';
+export type { BreadcrumbProps } from './application/Breadcrumb.js';
+export { Container } from './application/Container.js';
+export type { ContainerProps } from './application/Container.js';
+export { DashboardGrid } from './application/DashboardGrid.js';
+export type { DashboardGridProps } from './application/DashboardGrid.js';
+export { Footer } from './application/Footer.js';
+export type { FooterProps } from './application/Footer.js';
+export { NavItem } from './application/NavItem.js';
+export type { NavItemProps } from './application/NavItem.js';
+export { NavigationMenu } from './application/NavigationMenu.js';
+export type { NavigationMenuProps } from './application/NavigationMenu.js';
+export { NotificationPanel } from './application/NotificationPanel.js';
+export type { NotificationPanelProps } from './application/NotificationPanel.js';
+export { PageHeader } from './application/PageHeader.js';
+export type { PageHeaderProps } from './application/PageHeader.js';
+export { PageLayout } from './application/PageLayout.js';
+export type { PageLayoutProps } from './application/PageLayout.js';
+export { Resizable } from './application/Resizable.js';
+export type { ResizableProps } from './application/Resizable.js';
+export { ScrollSpy } from './application/ScrollSpy.js';
+export type { ScrollSpyProps } from './application/ScrollSpy.js';
+export { Section } from './application/Section.js';
+export type { SectionProps } from './application/Section.js';
+export { SettingsLayout } from './application/SettingsLayout.js';
+export type { SettingsLayoutProps } from './application/SettingsLayout.js';
+export { SidebarLink } from './application/SidebarLink.js';
+export type { SidebarLinkProps } from './application/SidebarLink.js';
+export { SidebarSection } from './application/SidebarSection.js';
+export type { SidebarSectionProps } from './application/SidebarSection.js';
+export { Sidebar } from './application/Sidebar.js';
+export type { SidebarProps } from './application/Sidebar.js';
+export { SplitPane } from './application/SplitPane.js';
+export type { SplitPaneProps } from './application/SplitPane.js';
+export { SpyLink } from './application/SpyLink.js';
+export type { SpyLinkProps } from './application/SpyLink.js';
+export { StatusBar } from './application/StatusBar.js';
+export type { StatusBarProps } from './application/StatusBar.js';
+export { Toolbar } from './application/Toolbar.js';
+export type { ToolbarProps } from './application/Toolbar.js';
+export { TopBar } from './application/TopBar.js';
+export type { TopBarProps } from './application/TopBar.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 { Highlight } from './content/Highlight.js';
+export type { HighlightProps } from './content/Highlight.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 { Stack } from './content/Stack.js';
+export type { StackProps } from './content/Stack.js';
+
+export { Carousel } from './reactive/Carousel.js';
+export type { CarouselProps } from './reactive/Carousel.js';
+
+export { Chip } from './reactive/Chip.js';
+export type { ChipProps } from './reactive/Chip.js';
+
+export { Collapsible } from './reactive/Collapsible.js';
+export type { CollapsibleProps } from './reactive/Collapsible.js';
+
+export { ColorPicker } from './reactive/ColorPicker.js';
+export type { ColorPickerProps } from './reactive/ColorPicker.js';
+
+export { Dialog } from './reactive/Dialog.js';
+export type { DialogProps } from './reactive/Dialog.js';
+
+export { InfiniteScroll } from './reactive/InfiniteScroll.js';
+export type { InfiniteScrollProps } from './reactive/InfiniteScroll.js';
+
+export { NumberInput } from './reactive/NumberInput.js';
+export type { NumberInputProps } from './reactive/NumberInput.js';
+
+export { OtpInput } from './reactive/OtpInput.js';
+export type { OtpInputProps } from './reactive/OtpInput.js';
+
+export { PinInput } from './reactive/PinInput.js';
+export type { PinInputProps } from './reactive/PinInput.js';
+
+export { Rating } from './reactive/Rating.js';
+export type { RatingProps } from './reactive/Rating.js';
+
+export { ScrollToTop } from './reactive/ScrollToTop.js';
+export type { ScrollToTopProps } from './reactive/ScrollToTop.js';
+
+export { SegmentedControl } from './reactive/SegmentedControl.js';
+export type { SegmentedControlProps } from './reactive/SegmentedControl.js';
+
+export { Sheet } from './reactive/Sheet.js';
+export type { SheetProps } from './reactive/Sheet.js';
+
+export { SortableList } from './reactive/SortableList.js';
+export type { SortableListProps } from './reactive/SortableList.js';
+
+export { Truncate } from './reactive/Truncate.js';
+export type { TruncateProps } from './reactive/Truncate.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.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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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/input/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>
+);