@arclux/arc-ui-solid 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Arclight Digital, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,52 @@
+# @arclux/arc-ui-solid
+
+Solid component wrappers for [ARC UI](https://arcui.dev) web components.
+
+> **Auto-generated** -- this package is produced by [Prism](../../prism.config.js) from the canonical source in [`@arclux/arc-ui`](../web-components/). Do not edit by hand.
+
+## Installation
+
+```bash
+npm install @arclux/arc-ui-solid @arclux/arc-ui
+```
+
+Requires `solid-js >= 1.8.0`.
+
+## Usage
+
+```tsx
+import { Button, Card, Input } from '@arclux/arc-ui-solid';
+
+export default function App() {
+  return (
+    <>
+      <Button variant="primary" onClick={() => console.log('clicked')}>
+        Get Started
+      </Button>
+      <Card>
+        <h3>Card Title</h3>
+        <p>Card content.</p>
+      </Card>
+      <Input label="Email" type="email" placeholder="you@example.com" />
+    </>
+  );
+}
+```
+
+Components are organized by category and can be imported from subpaths:
+
+```tsx
+import { Button } from '@arclux/arc-ui-solid/input';
+import { Card }   from '@arclux/arc-ui-solid/content';
+import { AppShell } from '@arclux/arc-ui-solid/layout';
+```
+
+## Documentation
+
+Full component docs and interactive examples: [arcui.dev](https://arcui.dev)
+
+## Links
+
+- [Canonical source (`@arclux/arc-ui`)](../web-components/)
+- [Root README](../../README.md)
+- [License](../../LICENSE)

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@arclux/arc-ui-solid",
+  "version": "1.0.0",
+  "description": "Solid wrappers for ARC UI Web Components.",
+  "type": "module",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./content": {
+      "types": "./src/content/index.ts",
+      "default": "./src/content/index.ts"
+    },
+    "./input": {
+      "types": "./src/input/index.ts",
+      "default": "./src/input/index.ts"
+    },
+    "./feedback": {
+      "types": "./src/feedback/index.ts",
+      "default": "./src/feedback/index.ts"
+    },
+    "./navigation": {
+      "types": "./src/navigation/index.ts",
+      "default": "./src/navigation/index.ts"
+    },
+    "./layout": {
+      "types": "./src/layout/index.ts",
+      "default": "./src/layout/index.ts"
+    },
+    "./shared": {
+      "types": "./src/shared/index.ts",
+      "default": "./src/shared/index.ts"
+    }
+  },
+  "files": [
+    "src/"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "solid-js": ">=1.8.0"
+  },
+  "dependencies": {
+    "@arclux/arc-ui": "1.0.0"
+  },
+  "license": "MIT",
+  "keywords": [
+    "solid",
+    "solidjs",
+    "web-components",
+    "design-system",
+    "arclight"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arclight-digital/arc-ui",
+    "directory": "packages/solid"
+  },
+  "homepage": "https://arcui.dev",
+  "bugs": {
+    "url": "https://github.com/arclight-digital/arc-ui/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "echo 'Consumed directly via workspace — no build step required'"
+  }
+}

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

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

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

package/src/application/NotificationPanel.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 NotificationPanelProps {
+  open?: boolean;
+  position?: string;
+  maxHeight?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const NotificationPanel: Component<NotificationPanelProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'position', 'maxHeight', 'children']);
+  return (
+    <arc-notification-panel open={local.open} position={local.position} maxHeight={local.maxHeight} {...rest}>
+      {local.children}
+    </arc-notification-panel>
+  );
+};

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