@arclux/arc-ui-solid 1.0.0

package/src/application/index.ts

@@ -0,0 +1,45 @@
+// Auto-generated by @arclux/prism — do not edit manually
+export { AppShell } from './AppShell.js';
+export type { AppShellProps } from './AppShell.js';
+export { AuthShell } from './AuthShell.js';
+export type { AuthShellProps } from './AuthShell.js';
+export { BreadcrumbItem } from './BreadcrumbItem.js';
+export type { BreadcrumbItemProps } from './BreadcrumbItem.js';
+export { Container } from './Container.js';
+export type { ContainerProps } from './Container.js';
+export { DashboardGrid } from './DashboardGrid.js';
+export type { DashboardGridProps } from './DashboardGrid.js';
+export { Footer } from './Footer.js';
+export type { FooterProps } from './Footer.js';
+export { NavItem } from './NavItem.js';
+export type { NavItemProps } from './NavItem.js';
+export { NavigationMenu } from './NavigationMenu.js';
+export type { NavigationMenuProps } from './NavigationMenu.js';
+export { NotificationPanel } from './NotificationPanel.js';
+export type { NotificationPanelProps } from './NotificationPanel.js';
+export { PageHeader } from './PageHeader.js';
+export type { PageHeaderProps } from './PageHeader.js';
+export { PageLayout } from './PageLayout.js';
+export type { PageLayoutProps } from './PageLayout.js';
+export { Resizable } from './Resizable.js';
+export type { ResizableProps } from './Resizable.js';
+export { ScrollSpy } from './ScrollSpy.js';
+export type { ScrollSpyProps } from './ScrollSpy.js';
+export { Section } from './Section.js';
+export type { SectionProps } from './Section.js';
+export { SettingsLayout } from './SettingsLayout.js';
+export type { SettingsLayoutProps } from './SettingsLayout.js';
+export { SidebarLink } from './SidebarLink.js';
+export type { SidebarLinkProps } from './SidebarLink.js';
+export { SidebarSection } from './SidebarSection.js';
+export type { SidebarSectionProps } from './SidebarSection.js';
+export { SplitPane } from './SplitPane.js';
+export type { SplitPaneProps } from './SplitPane.js';
+export { SpyLink } from './SpyLink.js';
+export type { SpyLinkProps } from './SpyLink.js';
+export { StatusBar } from './StatusBar.js';
+export type { StatusBarProps } from './StatusBar.js';
+export { Toolbar } from './Toolbar.js';
+export type { ToolbarProps } from './Toolbar.js';
+export { TopBar } from './TopBar.js';
+export type { TopBarProps } from './TopBar.js';

package/src/content/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/content/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/content/AnimatedNumber.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 AnimatedNumberProps {
+  value?: number;
+  duration?: number;
+  format?: string;
+  prefix?: string;
+  suffix?: string;
+  decimals?: number;
+  locale?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const AnimatedNumber: Component<AnimatedNumberProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'duration', 'format', 'prefix', 'suffix', 'decimals', 'locale', 'children']);
+  return (
+    <arc-animated-number value={local.value} duration={local.duration} format={local.format} prefix={local.prefix} suffix={local.suffix} decimals={local.decimals} locale={local.locale} {...rest}>
+      {local.children}
+    </arc-animated-number>
+  );
+};

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

package/src/content/Avatar.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 AvatarProps {
+  src?: string;
+  name?: string;
+  size?: 'sm' | 'md' | 'lg';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Avatar: Component<AvatarProps> = (props) => {
+  const [local, rest] = splitProps(props, ['src', 'name', 'size', 'children']);
+  return (
+    <arc-avatar src={local.src} name={local.name} size={local.size} {...rest}>
+      {local.children}
+    </arc-avatar>
+  );
+};

package/src/content/AvatarGroup.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 AvatarGroupProps {
+  max?: number;
+  overlap?: 'sm' | 'lg';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const AvatarGroup: Component<AvatarGroupProps> = (props) => {
+  const [local, rest] = splitProps(props, ['max', 'overlap', 'children']);
+  return (
+    <arc-avatar-group max={local.max} overlap={local.overlap} {...rest}>
+      {local.children}
+    </arc-avatar-group>
+  );
+};

package/src/content/Badge.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 BadgeProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Badge: Component<BadgeProps> = (props) => {
+  const [local, rest] = splitProps(props, ['variant', 'children']);
+  return (
+    <arc-badge variant={local.variant} {...rest}>
+      {local.children}
+    </arc-badge>
+  );
+};

package/src/content/Callout.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 CalloutProps {
+  variant?: 'info' | 'warning' | 'tip' | 'danger';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Callout: Component<CalloutProps> = (props) => {
+  const [local, rest] = splitProps(props, ['variant', 'children']);
+  return (
+    <arc-callout variant={local.variant} {...rest}>
+      {local.children}
+    </arc-callout>
+  );
+};

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

package/src/content/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/content/CodeBlock.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 CodeBlockProps {
+  language?: string;
+  filename?: string;
+  code?: string;
+  _copied?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const CodeBlock: Component<CodeBlockProps> = (props) => {
+  const [local, rest] = splitProps(props, ['language', 'filename', 'code', '_copied', 'children']);
+  return (
+    <arc-code-block language={local.language} filename={local.filename} code={local.code} _copied={local._copied} {...rest}>
+      {local.children}
+    </arc-code-block>
+  );
+};

package/src/content/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/content/ColorSwatch.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 ColorSwatchProps {
+  color?: string;
+  label?: string;
+  size?: 'sm' | 'md' | 'lg';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const ColorSwatch: Component<ColorSwatchProps> = (props) => {
+  const [local, rest] = splitProps(props, ['color', 'label', 'size', 'children']);
+  return (
+    <arc-color-swatch color={local.color} label={local.label} size={local.size} {...rest}>
+      {local.children}
+    </arc-color-swatch>
+  );
+};

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

package/src/content/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/content/Divider.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 DividerProps {
+  variant?: 'subtle' | 'glow' | 'line-white' | 'line-primary' | 'line-gradient';
+  align?: 'left' | 'right';
+  vertical?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Divider: Component<DividerProps> = (props) => {
+  const [local, rest] = splitProps(props, ['variant', 'align', 'vertical', 'children']);
+  return (
+    <arc-divider variant={local.variant} align={local.align} vertical={local.vertical} {...rest}>
+      {local.children}
+    </arc-divider>
+  );
+};

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

package/src/content/FeatureCard.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 FeatureCardProps {
+  icon?: string;
+  heading?: string;
+  description?: string;
+  href?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const FeatureCard: Component<FeatureCardProps> = (props) => {
+  const [local, rest] = splitProps(props, ['icon', 'heading', 'description', 'href', 'children']);
+  return (
+    <arc-feature-card icon={local.icon} heading={local.heading} description={local.description} href={local.href} {...rest}>
+      {local.children}
+    </arc-feature-card>
+  );
+};

package/src/content/Highlight.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 HighlightProps {
+  text?: string;
+  query?: string;
+  caseSensitive?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Highlight: Component<HighlightProps> = (props) => {
+  const [local, rest] = splitProps(props, ['text', 'query', 'caseSensitive', 'children']);
+  return (
+    <arc-highlight text={local.text} query={local.query} caseSensitive={local.caseSensitive} {...rest}>
+      {local.children}
+    </arc-highlight>
+  );
+};

package/src/content/Icon.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 IconProps {
+  name?: string;
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  label?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Icon: Component<IconProps> = (props) => {
+  const [local, rest] = splitProps(props, ['name', 'size', 'label', 'children']);
+  return (
+    <arc-icon name={local.name} size={local.size} label={local.label} {...rest}>
+      {local.children}
+    </arc-icon>
+  );
+};

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

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

package/src/content/Marquee.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 MarqueeProps {
+  speed?: number;
+  direction?: string;
+  gap?: string;
+  _animDuration?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Marquee: Component<MarqueeProps> = (props) => {
+  const [local, rest] = splitProps(props, ['speed', 'direction', 'gap', '_animDuration', 'children']);
+  return (
+    <arc-marquee speed={local.speed} direction={local.direction} gap={local.gap} _animDuration={local._animDuration} {...rest}>
+      {local.children}
+    </arc-marquee>
+  );
+};

package/src/content/Meter.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 MeterProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  low?: number;
+  high?: number;
+  optimum?: number;
+  label?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Meter: Component<MeterProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'min', 'max', 'low', 'high', 'optimum', 'label', 'children']);
+  return (
+    <arc-meter value={local.value} min={local.min} max={local.max} low={local.low} high={local.high} optimum={local.optimum} label={local.label} {...rest}>
+      {local.children}
+    </arc-meter>
+  );
+};

package/src/content/ScrollArea.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 ScrollAreaProps {
+  maxHeight?: string;
+  orientation?: 'vertical' | 'horizontal' | 'both';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const ScrollArea: Component<ScrollAreaProps> = (props) => {
+  const [local, rest] = splitProps(props, ['maxHeight', 'orientation', 'children']);
+  return (
+    <arc-scroll-area maxHeight={local.maxHeight} orientation={local.orientation} {...rest}>
+      {local.children}
+    </arc-scroll-area>
+  );
+};