@arclux/arc-ui-solid 1.0.0

package/src/reactive/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/reactive/CommandItem.tsx

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface CommandItemProps {
+  shortcut?: string;
+  icon?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const CommandItem: Component<CommandItemProps> = (props) => {
+  const [local, rest] = splitProps(props, ['shortcut', 'icon', 'children']);
+  return (
+    <arc-command-item shortcut={local.shortcut} icon={local.icon} {...rest}>
+      {local.children}
+    </arc-command-item>
+  );
+};

package/src/reactive/CommandPalette.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 CommandPaletteProps {
+  open?: boolean;
+  placeholder?: string;
+  _query?: string;
+  _focusedIndex?: string;
+  _items?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const CommandPalette: Component<CommandPaletteProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'placeholder', '_query', '_focusedIndex', '_items', 'children']);
+  return (
+    <arc-command-palette open={local.open} placeholder={local.placeholder} _query={local._query} _focusedIndex={local._focusedIndex} _items={local._items} {...rest}>
+      {local.children}
+    </arc-command-palette>
+  );
+};

package/src/reactive/ContextMenu.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 ContextMenuProps {
+  open?: boolean;
+  _x?: string;
+  _y?: string;
+  _activeIndex?: string;
+  _children?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const ContextMenu: Component<ContextMenuProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', '_x', '_y', '_activeIndex', '_children', 'children']);
+  return (
+    <arc-context-menu open={local.open} _x={local._x} _y={local._y} _activeIndex={local._activeIndex} _children={local._children} {...rest}>
+      {local.children}
+    </arc-context-menu>
+  );
+};

package/src/reactive/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/reactive/DataTable.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 DataTableProps {
+  rows?: unknown[];
+  sortable?: boolean;
+  selectable?: boolean;
+  sortColumn?: string;
+  sortDirection?: string;
+  _columns?: string;
+  _selectedRows?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const DataTable: Component<DataTableProps> = (props) => {
+  const [local, rest] = splitProps(props, ['rows', 'sortable', 'selectable', 'sortColumn', 'sortDirection', '_columns', '_selectedRows', 'children']);
+  return (
+    <arc-data-table rows={local.rows} sortable={local.sortable} selectable={local.selectable} sortColumn={local.sortColumn} sortDirection={local.sortDirection} _columns={local._columns} _selectedRows={local._selectedRows} {...rest}>
+      {local.children}
+    </arc-data-table>
+  );
+};

package/src/reactive/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/reactive/Dialog.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 DialogProps {
+  open?: boolean;
+  heading?: string;
+  message?: string;
+  variant?: 'danger';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Dialog: Component<DialogProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'heading', 'message', 'variant', 'children']);
+  return (
+    <arc-dialog open={local.open} heading={local.heading} message={local.message} variant={local.variant} {...rest}>
+      {local.children}
+    </arc-dialog>
+  );
+};

package/src/reactive/Drawer.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 DrawerProps {
+  open?: boolean;
+  position?: 'left' | 'right';
+  heading?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Drawer: Component<DrawerProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'position', 'heading', 'children']);
+  return (
+    <arc-drawer open={local.open} position={local.position} heading={local.heading} {...rest}>
+      {local.children}
+    </arc-drawer>
+  );
+};

package/src/reactive/DropdownMenu.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 DropdownMenuProps {
+  open?: boolean;
+  _focusedIndex?: string;
+  _children?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const DropdownMenu: Component<DropdownMenuProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', '_focusedIndex', '_children', 'children']);
+  return (
+    <arc-dropdown-menu open={local.open} _focusedIndex={local._focusedIndex} _children={local._children} {...rest}>
+      {local.children}
+    </arc-dropdown-menu>
+  );
+};

package/src/reactive/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/reactive/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/reactive/HoverCard.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 HoverCardProps {
+  position?: 'bottom' | 'top' | 'left' | 'right';
+  openDelay?: number;
+  closeDelay?: number;
+  _visible?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const HoverCard: Component<HoverCardProps> = (props) => {
+  const [local, rest] = splitProps(props, ['position', 'openDelay', 'closeDelay', '_visible', 'children']);
+  return (
+    <arc-hover-card position={local.position} openDelay={local.openDelay} closeDelay={local.closeDelay} _visible={local._visible} {...rest}>
+      {local.children}
+    </arc-hover-card>
+  );
+};

package/src/reactive/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/reactive/InfiniteScroll.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 InfiniteScrollProps {
+  threshold?: number;
+  loading?: boolean;
+  finished?: boolean;
+  disabled?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const InfiniteScroll: Component<InfiniteScrollProps> = (props) => {
+  const [local, rest] = splitProps(props, ['threshold', 'loading', 'finished', 'disabled', 'children']);
+  return (
+    <arc-infinite-scroll threshold={local.threshold} loading={local.loading} finished={local.finished} disabled={local.disabled} {...rest}>
+      {local.children}
+    </arc-infinite-scroll>
+  );
+};

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

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

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

package/src/reactive/OtpInput.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 OtpInputProps {
+  length?: number;
+  value?: string;
+  disabled?: boolean;
+  type?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const OtpInput: Component<OtpInputProps> = (props) => {
+  const [local, rest] = splitProps(props, ['length', 'value', 'disabled', 'type', 'children']);
+  return (
+    <arc-otp-input length={local.length} value={local.value} disabled={local.disabled} type={local.type} {...rest}>
+      {local.children}
+    </arc-otp-input>
+  );
+};

package/src/reactive/Pagination.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 PaginationProps {
+  total?: number;
+  current?: number;
+  siblings?: number;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Pagination: Component<PaginationProps> = (props) => {
+  const [local, rest] = splitProps(props, ['total', 'current', 'siblings', 'children']);
+  return (
+    <arc-pagination total={local.total} current={local.current} siblings={local.siblings} {...rest}>
+      {local.children}
+    </arc-pagination>
+  );
+};

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

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

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

package/src/reactive/Radio.tsx

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

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

package/src/reactive/Rating.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 RatingProps {
+  value?: number;
+  max?: number;
+  disabled?: boolean;
+  readonly?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Rating: Component<RatingProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'max', 'disabled', 'readonly', 'children']);
+  return (
+    <arc-rating value={local.value} max={local.max} disabled={local.disabled} readonly={local.readonly} {...rest}>
+      {local.children}
+    </arc-rating>
+  );
+};