@arclux/arc-ui-solid 1.0.0

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

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

package/src/reactive/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/reactive/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/reactive/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/reactive/Tab.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 TabProps {
+  label?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Tab: Component<TabProps> = (props) => {
+  const [local, rest] = splitProps(props, ['label', 'children']);
+  return (
+    <arc-tab label={local.label} {...rest}>
+      {local.children}
+    </arc-tab>
+  );
+};

package/src/reactive/Tabs.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 TabsProps {
+  items?: unknown[];
+  selected?: number;
+  _tabs?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Tabs: Component<TabsProps> = (props) => {
+  const [local, rest] = splitProps(props, ['items', 'selected', '_tabs', 'children']);
+  return (
+    <arc-tabs items={local.items} selected={local.selected} _tabs={local._tabs} {...rest}>
+      {local.children}
+    </arc-tabs>
+  );
+};

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

package/src/reactive/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/reactive/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/reactive/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/reactive/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/reactive/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/reactive/TreeItem.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 TreeItemProps {
+  label?: string;
+  icon?: string;
+  expanded?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const TreeItem: Component<TreeItemProps> = (props) => {
+  const [local, rest] = splitProps(props, ['label', 'icon', 'expanded', 'children']);
+  return (
+    <arc-tree-item label={local.label} icon={local.icon} expanded={local.expanded} {...rest}>
+      {local.children}
+    </arc-tree-item>
+  );
+};

package/src/reactive/TreeView.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 TreeViewProps {
+  _items?: string;
+  _selected?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const TreeView: Component<TreeViewProps> = (props) => {
+  const [local, rest] = splitProps(props, ['_items', '_selected', 'children']);
+  return (
+    <arc-tree-view _items={local._items} _selected={local._selected} {...rest}>
+      {local.children}
+    </arc-tree-view>
+  );
+};

package/src/reactive/Truncate.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 TruncateProps {
+  lines?: number;
+  expanded?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Truncate: Component<TruncateProps> = (props) => {
+  const [local, rest] = splitProps(props, ['lines', 'expanded', 'children']);
+  return (
+    <arc-truncate lines={local.lines} expanded={local.expanded} {...rest}>
+      {local.children}
+    </arc-truncate>
+  );
+};

package/src/reactive/index.ts

@@ -0,0 +1,120 @@
+// Auto-generated by @arclux/prism — do not edit manually
+export { AccordionItem } from './AccordionItem.js';
+export type { AccordionItemProps } from './AccordionItem.js';
+export { Alert } from './Alert.js';
+export type { AlertProps } from './Alert.js';
+export { Button } from './Button.js';
+export type { ButtonProps } from './Button.js';
+export { Calendar } from './Calendar.js';
+export type { CalendarProps } from './Calendar.js';
+export { Checkbox } from './Checkbox.js';
+export type { CheckboxProps } from './Checkbox.js';
+export { Column } from './Column.js';
+export type { ColumnProps } from './Column.js';
+export { Combobox } from './Combobox.js';
+export type { ComboboxProps } from './Combobox.js';
+export { CommandItem } from './CommandItem.js';
+export type { CommandItemProps } from './CommandItem.js';
+export { CommandPalette } from './CommandPalette.js';
+export type { CommandPaletteProps } from './CommandPalette.js';
+export { ContextMenu } from './ContextMenu.js';
+export type { ContextMenuProps } from './ContextMenu.js';
+export { CopyButton } from './CopyButton.js';
+export type { CopyButtonProps } from './CopyButton.js';
+export { DataTable } from './DataTable.js';
+export type { DataTableProps } from './DataTable.js';
+export { DatePicker } from './DatePicker.js';
+export type { DatePickerProps } from './DatePicker.js';
+export { Drawer } from './Drawer.js';
+export type { DrawerProps } from './Drawer.js';
+export { DropdownMenu } from './DropdownMenu.js';
+export type { DropdownMenuProps } from './DropdownMenu.js';
+export { FileUpload } from './FileUpload.js';
+export type { FileUploadProps } from './FileUpload.js';
+export { Form } from './Form.js';
+export type { FormProps } from './Form.js';
+export { HoverCard } from './HoverCard.js';
+export type { HoverCardProps } from './HoverCard.js';
+export { IconButton } from './IconButton.js';
+export type { IconButtonProps } from './IconButton.js';
+export { Input } from './Input.js';
+export type { InputProps } from './Input.js';
+export { Modal } from './Modal.js';
+export type { ModalProps } from './Modal.js';
+export { MultiSelect } from './MultiSelect.js';
+export type { MultiSelectProps } from './MultiSelect.js';
+export { Pagination } from './Pagination.js';
+export type { PaginationProps } from './Pagination.js';
+export { Popover } from './Popover.js';
+export type { PopoverProps } from './Popover.js';
+export { Progress } from './Progress.js';
+export type { ProgressProps } from './Progress.js';
+export { RadioGroup } from './RadioGroup.js';
+export type { RadioGroupProps } from './RadioGroup.js';
+export { Search } from './Search.js';
+export type { SearchProps } from './Search.js';
+export { Slider } from './Slider.js';
+export type { SliderProps } from './Slider.js';
+export { Suggestion } from './Suggestion.js';
+export type { SuggestionProps } from './Suggestion.js';
+export { Tabs } from './Tabs.js';
+export type { TabsProps } from './Tabs.js';
+export { Tag } from './Tag.js';
+export type { TagProps } from './Tag.js';
+export { Textarea } from './Textarea.js';
+export type { TextareaProps } from './Textarea.js';
+export { ThemeToggle } from './ThemeToggle.js';
+export type { ThemeToggleProps } from './ThemeToggle.js';
+export { Toast } from './Toast.js';
+export type { ToastProps } from './Toast.js';
+export { Tooltip } from './Tooltip.js';
+export type { TooltipProps } from './Tooltip.js';
+export { TreeItem } from './TreeItem.js';
+export type { TreeItemProps } from './TreeItem.js';
+export { TreeView } from './TreeView.js';
+export type { TreeViewProps } from './TreeView.js';
+
+export { Carousel } from './Carousel.js';
+export type { CarouselProps } from './Carousel.js';
+
+export { Chip } from './Chip.js';
+export type { ChipProps } from './Chip.js';
+
+export { Collapsible } from './Collapsible.js';
+export type { CollapsibleProps } from './Collapsible.js';
+
+export { ColorPicker } from './ColorPicker.js';
+export type { ColorPickerProps } from './ColorPicker.js';
+
+export { Dialog } from './Dialog.js';
+export type { DialogProps } from './Dialog.js';
+
+export { InfiniteScroll } from './InfiniteScroll.js';
+export type { InfiniteScrollProps } from './InfiniteScroll.js';
+
+export { NumberInput } from './NumberInput.js';
+export type { NumberInputProps } from './NumberInput.js';
+
+export { OtpInput } from './OtpInput.js';
+export type { OtpInputProps } from './OtpInput.js';
+
+export { PinInput } from './PinInput.js';
+export type { PinInputProps } from './PinInput.js';
+
+export { Rating } from './Rating.js';
+export type { RatingProps } from './Rating.js';
+
+export { ScrollToTop } from './ScrollToTop.js';
+export type { ScrollToTopProps } from './ScrollToTop.js';
+
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlProps } from './SegmentedControl.js';
+
+export { Sheet } from './Sheet.js';
+export type { SheetProps } from './Sheet.js';
+
+export { SortableList } from './SortableList.js';
+export type { SortableListProps } from './SortableList.js';
+
+export { Truncate } from './Truncate.js';
+export type { TruncateProps } from './Truncate.js';

package/src/shared/MenuDivider.tsx

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

package/src/shared/MenuItem.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 MenuItemProps {
+  shortcut?: string;
+  disabled?: boolean;
+  icon?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const MenuItem: Component<MenuItemProps> = (props) => {
+  const [local, rest] = splitProps(props, ['shortcut', 'disabled', 'icon', 'children']);
+  return (
+    <arc-menu-item shortcut={local.shortcut} disabled={local.disabled} icon={local.icon} {...rest}>
+      {local.children}
+    </arc-menu-item>
+  );
+};

package/src/shared/Option.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 OptionProps {
+  value?: string;
+  disabled?: boolean;
+  selected?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Option: Component<OptionProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'disabled', 'selected', 'children']);
+  return (
+    <arc-option value={local.value} disabled={local.disabled} selected={local.selected} {...rest}>
+      {local.children}
+    </arc-option>
+  );
+};