@arclux/arc-ui-solid 1.0.0

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

package/src/input/Search.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 SearchProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  loading?: boolean;
+  _open?: string;
+  _activeIndex?: string;
+  _suggestions?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Search: Component<SearchProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'placeholder', 'label', 'disabled', 'loading', '_open', '_activeIndex', '_suggestions', 'children']);
+  return (
+    <arc-search value={local.value} placeholder={local.placeholder} label={local.label} disabled={local.disabled} loading={local.loading} _open={local._open} _activeIndex={local._activeIndex} _suggestions={local._suggestions} {...rest}>
+      {local.children}
+    </arc-search>
+  );
+};

package/src/input/SegmentedControl.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 SegmentedControlProps {
+  value?: string;
+  disabled?: boolean;
+  _options?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const SegmentedControl: Component<SegmentedControlProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'disabled', '_options', 'children']);
+  return (
+    <arc-segmented-control value={local.value} disabled={local.disabled} _options={local._options} {...rest}>
+      {local.children}
+    </arc-segmented-control>
+  );
+};

package/src/input/Select.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 SelectProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  name?: string;
+  disabled?: boolean;
+  open?: boolean;
+  _options?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Select: Component<SelectProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'placeholder', 'label', 'name', 'disabled', 'open', '_options', 'children']);
+  return (
+    <arc-select value={local.value} placeholder={local.placeholder} label={local.label} name={local.name} disabled={local.disabled} open={local.open} _options={local._options} {...rest}>
+      {local.children}
+    </arc-select>
+  );
+};

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

package/src/input/SortableList.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 SortableListProps {
+  disabled?: boolean;
+  _items?: string;
+  _dragIndex?: string;
+  _overIndex?: string;
+  _kbSelected?: string;
+  _kbMoving?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const SortableList: Component<SortableListProps> = (props) => {
+  const [local, rest] = splitProps(props, ['disabled', '_items', '_dragIndex', '_overIndex', '_kbSelected', '_kbMoving', 'children']);
+  return (
+    <arc-sortable-list disabled={local.disabled} _items={local._items} _dragIndex={local._dragIndex} _overIndex={local._overIndex} _kbSelected={local._kbSelected} _kbMoving={local._kbMoving} {...rest}>
+      {local.children}
+    </arc-sortable-list>
+  );
+};

package/src/input/Suggestion.tsx

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

package/src/input/Textarea.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 TextareaProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  rows?: number;
+  maxlength?: number;
+  disabled?: boolean;
+  readonly?: boolean;
+  resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+  error?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Textarea: Component<TextareaProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'placeholder', 'label', 'rows', 'maxlength', 'disabled', 'readonly', 'resize', 'error', 'children']);
+  return (
+    <arc-textarea value={local.value} placeholder={local.placeholder} label={local.label} rows={local.rows} maxlength={local.maxlength} disabled={local.disabled} readonly={local.readonly} resize={local.resize} error={local.error} {...rest}>
+      {local.children}
+    </arc-textarea>
+  );
+};

package/src/input/ThemeToggle.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 ThemeToggleProps {
+  theme?: string;
+  disabled?: boolean;
+  iconOnly?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const ThemeToggle: Component<ThemeToggleProps> = (props) => {
+  const [local, rest] = splitProps(props, ['theme', 'disabled', 'iconOnly', 'children']);
+  return (
+    <arc-theme-toggle theme={local.theme} disabled={local.disabled} iconOnly={local.iconOnly} {...rest}>
+      {local.children}
+    </arc-theme-toggle>
+  );
+};

package/src/input/Toggle.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 ToggleProps {
+  checked?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Toggle: Component<ToggleProps> = (props) => {
+  const [local, rest] = splitProps(props, ['checked', 'disabled', 'label', 'name', 'children']);
+  return (
+    <arc-toggle checked={local.checked} disabled={local.disabled} label={local.label} name={local.name} {...rest}>
+      {local.children}
+    </arc-toggle>
+  );
+};

package/src/layout/AppShell.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 AppShellProps {
+  sidebarOpen?: boolean;
+  breakpoint?: number;
+  _mobile?: string;
+  _hasToc?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const AppShell: Component<AppShellProps> = (props) => {
+  const [local, rest] = splitProps(props, ['sidebarOpen', 'breakpoint', '_mobile', '_hasToc', 'children']);
+  return (
+    <arc-app-shell sidebarOpen={local.sidebarOpen} breakpoint={local.breakpoint} _mobile={local._mobile} _hasToc={local._hasToc} {...rest}>
+      {local.children}
+    </arc-app-shell>
+  );
+};

package/src/layout/AuthShell.tsx

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

package/src/layout/Container.tsx

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

package/src/layout/DashboardGrid.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 DashboardGridProps {
+  columns?: number;
+  gap?: string;
+  minColumnWidth?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const DashboardGrid: Component<DashboardGridProps> = (props) => {
+  const [local, rest] = splitProps(props, ['columns', 'gap', 'minColumnWidth', 'children']);
+  return (
+    <arc-dashboard-grid columns={local.columns} gap={local.gap} minColumnWidth={local.minColumnWidth} {...rest}>
+      {local.children}
+    </arc-dashboard-grid>
+  );
+};

package/src/layout/PageHeader.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 PageHeaderProps {
+  heading?: string;
+  description?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const PageHeader: Component<PageHeaderProps> = (props) => {
+  const [local, rest] = splitProps(props, ['heading', 'description', 'children']);
+  return (
+    <arc-page-header heading={local.heading} description={local.description} {...rest}>
+      {local.children}
+    </arc-page-header>
+  );
+};

package/src/layout/PageLayout.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 PageLayoutProps {
+  layout?: string;
+  maxWidth?: string;
+  gap?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const PageLayout: Component<PageLayoutProps> = (props) => {
+  const [local, rest] = splitProps(props, ['layout', 'maxWidth', 'gap', 'children']);
+  return (
+    <arc-page-layout layout={local.layout} maxWidth={local.maxWidth} gap={local.gap} {...rest}>
+      {local.children}
+    </arc-page-layout>
+  );
+};

package/src/layout/Resizable.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 ResizableProps {
+  direction?: 'horizontal' | 'vertical';
+  minSize?: number;
+  maxSize?: number;
+  size?: number;
+  _dragging?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Resizable: Component<ResizableProps> = (props) => {
+  const [local, rest] = splitProps(props, ['direction', 'minSize', 'maxSize', 'size', '_dragging', 'children']);
+  return (
+    <arc-resizable direction={local.direction} minSize={local.minSize} maxSize={local.maxSize} size={local.size} _dragging={local._dragging} {...rest}>
+      {local.children}
+    </arc-resizable>
+  );
+};

package/src/layout/Section.tsx

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

package/src/layout/SettingsLayout.tsx

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

package/src/layout/SplitPane.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 SplitPaneProps {
+  orientation?: string;
+  ratio?: number;
+  minRatio?: number;
+  maxRatio?: number;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const SplitPane: Component<SplitPaneProps> = (props) => {
+  const [local, rest] = splitProps(props, ['orientation', 'ratio', 'minRatio', 'maxRatio', 'children']);
+  return (
+    <arc-split-pane orientation={local.orientation} ratio={local.ratio} minRatio={local.minRatio} maxRatio={local.maxRatio} {...rest}>
+      {local.children}
+    </arc-split-pane>
+  );
+};

package/src/layout/StatusBar.tsx

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

package/src/layout/Toolbar.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 ToolbarProps {
+  sticky?: boolean;
+  size?: string;
+  border?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Toolbar: Component<ToolbarProps> = (props) => {
+  const [local, rest] = splitProps(props, ['sticky', 'size', 'border', 'children']);
+  return (
+    <arc-toolbar sticky={local.sticky} size={local.size} border={local.border} {...rest}>
+      {local.children}
+    </arc-toolbar>
+  );
+};

package/src/navigation/Breadcrumb.tsx

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

package/src/navigation/BreadcrumbItem.tsx

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