@arclux/arc-ui-solid 1.0.0

package/src/feedback/Toast.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+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?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Toast: Component<ToastProps> = (props) => {
+  const [local, rest] = splitProps(props, ['position', 'duration', '_toasts', 'children']);
+  return (
+    <arc-toast position={local.position} duration={local.duration} _toasts={local._toasts} {...rest}>
+      {local.children}
+    </arc-toast>
+  );
+};

package/src/feedback/Tooltip.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface TooltipProps {
+  content?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  delay?: number;
+  _visible?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Tooltip: Component<TooltipProps> = (props) => {
+  const [local, rest] = splitProps(props, ['content', 'position', 'delay', '_visible', 'children']);
+  return (
+    <arc-tooltip content={local.content} position={local.position} delay={local.delay} _visible={local._visible} {...rest}>
+      {local.children}
+    </arc-tooltip>
+  );
+};

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,23 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface ButtonProps {
+  variant?: 'primary' | 'secondary' | 'ghost';
+  size?: 'sm' | 'md' | 'lg';
+  href?: string;
+  disabled?: boolean;
+  type?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Button: Component<ButtonProps> = (props) => {
+  const [local, rest] = splitProps(props, ['variant', 'size', 'href', 'disabled', 'type', 'children']);
+  return (
+    <arc-button variant={local.variant} size={local.size} href={local.href} disabled={local.disabled} type={local.type} {...rest}>
+      {local.children}
+    </arc-button>
+  );
+};

package/src/input/Calendar.tsx

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface CalendarProps {
+  value?: string;
+  min?: string;
+  max?: string;
+  month?: number;
+  year?: number;
+  _focusedDay?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Calendar: Component<CalendarProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'min', 'max', 'month', 'year', '_focusedDay', 'children']);
+  return (
+    <arc-calendar value={local.value} min={local.min} max={local.max} month={local.month} year={local.year} _focusedDay={local._focusedDay} {...rest}>
+      {local.children}
+    </arc-calendar>
+  );
+};

package/src/input/Checkbox.tsx

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface CheckboxProps {
+  checked?: boolean;
+  indeterminate?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  value?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Checkbox: Component<CheckboxProps> = (props) => {
+  const [local, rest] = splitProps(props, ['checked', 'indeterminate', 'disabled', 'label', 'name', 'value', 'children']);
+  return (
+    <arc-checkbox checked={local.checked} indeterminate={local.indeterminate} disabled={local.disabled} label={local.label} name={local.name} value={local.value} {...rest}>
+      {local.children}
+    </arc-checkbox>
+  );
+};

package/src/input/Chip.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface ChipProps {
+  selected?: boolean;
+  disabled?: boolean;
+  value?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Chip: Component<ChipProps> = (props) => {
+  const [local, rest] = splitProps(props, ['selected', 'disabled', 'value', 'children']);
+  return (
+    <arc-chip selected={local.selected} disabled={local.disabled} value={local.value} {...rest}>
+      {local.children}
+    </arc-chip>
+  );
+};

package/src/input/ColorPicker.tsx

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

package/src/input/Combobox.tsx

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

package/src/input/CopyButton.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface CopyButtonProps {
+  value?: string;
+  disabled?: boolean;
+  _copied?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const CopyButton: Component<CopyButtonProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'disabled', '_copied', 'children']);
+  return (
+    <arc-copy-button value={local.value} disabled={local.disabled} _copied={local._copied} {...rest}>
+      {local.children}
+    </arc-copy-button>
+  );
+};

package/src/input/DatePicker.tsx

@@ -0,0 +1,28 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+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?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const DatePicker: Component<DatePickerProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'min', 'max', 'placeholder', 'disabled', 'label', '_open', '_viewMonth', '_viewYear', '_mode', 'children']);
+  return (
+    <arc-date-picker value={local.value} min={local.min} max={local.max} placeholder={local.placeholder} disabled={local.disabled} label={local.label} _open={local._open} _viewMonth={local._viewMonth} _viewYear={local._viewYear} _mode={local._mode} {...rest}>
+      {local.children}
+    </arc-date-picker>
+  );
+};

package/src/input/FileUpload.tsx

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

package/src/input/Form.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface FormProps {
+  action?: string;
+  method?: string;
+  novalidate?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Form: Component<FormProps> = (props) => {
+  const [local, rest] = splitProps(props, ['action', 'method', 'novalidate', 'children']);
+  return (
+    <arc-form action={local.action} method={local.method} novalidate={local.novalidate} {...rest}>
+      {local.children}
+    </arc-form>
+  );
+};

package/src/input/IconButton.tsx

@@ -0,0 +1,26 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+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?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const IconButton: Component<IconButtonProps> = (props) => {
+  const [local, rest] = splitProps(props, ['name', 'text', 'variant', 'size', 'label', 'href', 'disabled', 'type', 'children']);
+  return (
+    <arc-icon-button name={local.name} text={local.text} variant={local.variant} size={local.size} label={local.label} href={local.href} disabled={local.disabled} type={local.type} {...rest}>
+      {local.children}
+    </arc-icon-button>
+  );
+};

package/src/input/Input.tsx

@@ -0,0 +1,27 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+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?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Input: Component<InputProps> = (props) => {
+  const [local, rest] = splitProps(props, ['type', 'name', 'label', 'placeholder', 'value', 'disabled', 'required', 'multiline', 'rows', 'children']);
+  return (
+    <arc-input type={local.type} name={local.name} label={local.label} placeholder={local.placeholder} value={local.value} disabled={local.disabled} required={local.required} multiline={local.multiline} rows={local.rows} {...rest}>
+      {local.children}
+    </arc-input>
+  );
+};

package/src/input/MultiSelect.tsx

@@ -0,0 +1,26 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface MultiSelectProps {
+  value?: unknown[];
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  _query?: string;
+  _open?: string;
+  _activeIndex?: string;
+  _options?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const MultiSelect: Component<MultiSelectProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'placeholder', 'label', 'disabled', '_query', '_open', '_activeIndex', '_options', 'children']);
+  return (
+    <arc-multi-select value={local.value} placeholder={local.placeholder} label={local.label} disabled={local.disabled} _query={local._query} _open={local._open} _activeIndex={local._activeIndex} _options={local._options} {...rest}>
+      {local.children}
+    </arc-multi-select>
+  );
+};