@arclux/arc-ui-solid 1.0.0

package/src/navigation/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/navigation/Footer.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 FooterProps {
+  compact?: boolean;
+  border?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Footer: Component<FooterProps> = (props) => {
+  const [local, rest] = splitProps(props, ['compact', 'border', 'children']);
+  return (
+    <arc-footer compact={local.compact} border={local.border} {...rest}>
+      {local.children}
+    </arc-footer>
+  );
+};

package/src/navigation/Link.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 LinkProps {
+  href?: string;
+  variant?: 'muted' | 'nav';
+  active?: boolean;
+  external?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Link: Component<LinkProps> = (props) => {
+  const [local, rest] = splitProps(props, ['href', 'variant', 'active', 'external', 'children']);
+  return (
+    <arc-link href={local.href} variant={local.variant} active={local.active} external={local.external} {...rest}>
+      {local.children}
+    </arc-link>
+  );
+};

package/src/navigation/NavItem.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 NavItemProps {
+  href?: string;
+  active?: boolean;
+  description?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const NavItem: Component<NavItemProps> = (props) => {
+  const [local, rest] = splitProps(props, ['href', 'active', 'description', 'children']);
+  return (
+    <arc-nav-item href={local.href} active={local.active} description={local.description} {...rest}>
+      {local.children}
+    </arc-nav-item>
+  );
+};

package/src/navigation/NavigationMenu.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 NavigationMenuProps {
+  _items?: string;
+  _openIndex?: string;
+  _mobileOpen?: string;
+  _mobileClosing?: string;
+  _mobileExpandedIndex?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const NavigationMenu: Component<NavigationMenuProps> = (props) => {
+  const [local, rest] = splitProps(props, ['_items', '_openIndex', '_mobileOpen', '_mobileClosing', '_mobileExpandedIndex', 'children']);
+  return (
+    <arc-navigation-menu _items={local._items} _openIndex={local._openIndex} _mobileOpen={local._mobileOpen} _mobileClosing={local._mobileClosing} _mobileExpandedIndex={local._mobileExpandedIndex} {...rest}>
+      {local.children}
+    </arc-navigation-menu>
+  );
+};

package/src/navigation/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/navigation/ScrollSpy.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 ScrollSpyProps {
+  active?: string;
+  offset?: number;
+  _active?: string;
+  _links?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const ScrollSpy: Component<ScrollSpyProps> = (props) => {
+  const [local, rest] = splitProps(props, ['active', 'offset', '_active', '_links', 'children']);
+  return (
+    <arc-scroll-spy active={local.active} offset={local.offset} _active={local._active} _links={local._links} {...rest}>
+      {local.children}
+    </arc-scroll-spy>
+  );
+};

package/src/navigation/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/navigation/Sidebar.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 SidebarProps {
+  active?: string;
+  collapsed?: boolean;
+  width?: string;
+  glow?: boolean;
+  _sections?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Sidebar: Component<SidebarProps> = (props) => {
+  const [local, rest] = splitProps(props, ['active', 'collapsed', 'width', 'glow', '_sections', 'children']);
+  return (
+    <arc-sidebar active={local.active} collapsed={local.collapsed} width={local.width} glow={local.glow} _sections={local._sections} {...rest}>
+      {local.children}
+    </arc-sidebar>
+  );
+};

package/src/navigation/SidebarLink.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 SidebarLinkProps {
+  href?: string;
+  active?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const SidebarLink: Component<SidebarLinkProps> = (props) => {
+  const [local, rest] = splitProps(props, ['href', 'active', 'children']);
+  return (
+    <arc-sidebar-link href={local.href} active={local.active} {...rest}>
+      {local.children}
+    </arc-sidebar-link>
+  );
+};

package/src/navigation/SidebarSection.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 SidebarSectionProps {
+  heading?: string;
+  collapsible?: boolean;
+  open?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const SidebarSection: Component<SidebarSectionProps> = (props) => {
+  const [local, rest] = splitProps(props, ['heading', 'collapsible', 'open', 'children']);
+  return (
+    <arc-sidebar-section heading={local.heading} collapsible={local.collapsible} open={local.open} {...rest}>
+      {local.children}
+    </arc-sidebar-section>
+  );
+};

package/src/navigation/SpyLink.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 SpyLinkProps {
+  target?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const SpyLink: Component<SpyLinkProps> = (props) => {
+  const [local, rest] = splitProps(props, ['target', 'children']);
+  return (
+    <arc-spy-link target={local.target} {...rest}>
+      {local.children}
+    </arc-spy-link>
+  );
+};

package/src/navigation/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/navigation/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/navigation/TopBar.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 TopBarProps {
+  heading?: string;
+  fixed?: boolean;
+  menuOpen?: boolean;
+  mobileMenu?: string;
+  menuPosition?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const TopBar: Component<TopBarProps> = (props) => {
+  const [local, rest] = splitProps(props, ['heading', 'fixed', 'menuOpen', 'mobileMenu', 'menuPosition', 'children']);
+  return (
+    <arc-top-bar heading={local.heading} fixed={local.fixed} menuOpen={local.menuOpen} mobileMenu={local.mobileMenu} menuPosition={local.menuPosition} {...rest}>
+      {local.children}
+    </arc-top-bar>
+  );
+};

package/src/navigation/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/navigation/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/Accordion.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 AccordionProps {
+  _items?: string;
+  _openItems?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Accordion: Component<AccordionProps> = (props) => {
+  const [local, rest] = splitProps(props, ['_items', '_openItems', 'children']);
+  return (
+    <arc-accordion _items={local._items} _openItems={local._openItems} {...rest}>
+      {local.children}
+    </arc-accordion>
+  );
+};

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

package/src/reactive/Alert.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 AlertProps {
+  variant?: 'info' | 'success' | 'warning' | 'error';
+  dismissible?: boolean;
+  heading?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Alert: Component<AlertProps> = (props) => {
+  const [local, rest] = splitProps(props, ['variant', 'dismissible', 'heading', 'children']);
+  return (
+    <arc-alert variant={local.variant} dismissible={local.dismissible} heading={local.heading} {...rest}>
+      {local.children}
+    </arc-alert>
+  );
+};

package/src/reactive/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/reactive/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/reactive/Carousel.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 CarouselProps {
+  autoPlay?: boolean;
+  interval?: number;
+  loop?: boolean;
+  showDots?: boolean;
+  showArrows?: boolean;
+  _current?: string;
+  _total?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Carousel: Component<CarouselProps> = (props) => {
+  const [local, rest] = splitProps(props, ['autoPlay', 'interval', 'loop', 'showDots', 'showArrows', '_current', '_total', 'children']);
+  return (
+    <arc-carousel autoPlay={local.autoPlay} interval={local.interval} loop={local.loop} showDots={local.showDots} showArrows={local.showArrows} _current={local._current} _total={local._total} {...rest}>
+      {local.children}
+    </arc-carousel>
+  );
+};

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

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