@arclux/arc-ui-solid 1.0.0

package/src/content/Skeleton.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 SkeletonProps {
+  variant?: 'text' | 'circle' | 'rect';
+  width?: string;
+  height?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Skeleton: Component<SkeletonProps> = (props) => {
+  const [local, rest] = splitProps(props, ['variant', 'width', 'height', 'children']);
+  return (
+    <arc-skeleton variant={local.variant} width={local.width} height={local.height} {...rest}>
+      {local.children}
+    </arc-skeleton>
+  );
+};

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

package/src/content/Stack.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 StackProps {
+  direction?: 'horizontal' | 'vertical';
+  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  align?: 'start' | 'center' | 'end' | 'stretch';
+  justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+  wrap?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Stack: Component<StackProps> = (props) => {
+  const [local, rest] = splitProps(props, ['direction', 'gap', 'align', 'justify', 'wrap', 'children']);
+  return (
+    <arc-stack direction={local.direction} gap={local.gap} align={local.align} justify={local.justify} wrap={local.wrap} {...rest}>
+      {local.children}
+    </arc-stack>
+  );
+};

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

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

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

package/src/content/Table.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 TableProps {
+  columns?: unknown[];
+  rows?: unknown[];
+  striped?: boolean;
+  compact?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Table: Component<TableProps> = (props) => {
+  const [local, rest] = splitProps(props, ['columns', 'rows', 'striped', 'compact', 'children']);
+  return (
+    <arc-table columns={local.columns} rows={local.rows} striped={local.striped} compact={local.compact} {...rest}>
+      {local.children}
+    </arc-table>
+  );
+};

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

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

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

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

package/src/content/index.ts

@@ -0,0 +1,89 @@
+// Auto-generated by @arclux/prism — do not edit manually
+export { AvatarGroup } from './AvatarGroup.js';
+export type { AvatarGroupProps } from './AvatarGroup.js';
+export { Badge } from './Badge.js';
+export type { BadgeProps } from './Badge.js';
+export { Callout } from './Callout.js';
+export type { CalloutProps } from './Callout.js';
+export { Card } from './Card.js';
+export type { CardProps } from './Card.js';
+export { CodeBlock } from './CodeBlock.js';
+export type { CodeBlockProps } from './CodeBlock.js';
+export { ColorSwatch } from './ColorSwatch.js';
+export type { ColorSwatchProps } from './ColorSwatch.js';
+export { Divider } from './Divider.js';
+export type { DividerProps } from './Divider.js';
+export { EmptyState } from './EmptyState.js';
+export type { EmptyStateProps } from './EmptyState.js';
+export { FeatureCard } from './FeatureCard.js';
+export type { FeatureCardProps } from './FeatureCard.js';
+export { Icon } from './Icon.js';
+export type { IconProps } from './Icon.js';
+export { Kbd } from './Kbd.js';
+export type { KbdProps } from './Kbd.js';
+export { Link } from './Link.js';
+export type { LinkProps } from './Link.js';
+export { Skeleton } from './Skeleton.js';
+export type { SkeletonProps } from './Skeleton.js';
+export { Spinner } from './Spinner.js';
+export type { SpinnerProps } from './Spinner.js';
+export { Step } from './Step.js';
+export type { StepProps } from './Step.js';
+export { Stepper } from './Stepper.js';
+export type { StepperProps } from './Stepper.js';
+export { Table } from './Table.js';
+export type { TableProps } from './Table.js';
+export { Text } from './Text.js';
+export type { TextProps } from './Text.js';
+export { TimelineItem } from './TimelineItem.js';
+export type { TimelineItemProps } from './TimelineItem.js';
+export { ValueCard } from './ValueCard.js';
+export type { ValueCardProps } from './ValueCard.js';
+
+export { AnimatedNumber } from './AnimatedNumber.js';
+export type { AnimatedNumberProps } from './AnimatedNumber.js';
+
+export { AspectRatio } from './AspectRatio.js';
+export type { AspectRatioProps } from './AspectRatio.js';
+
+export { Highlight } from './Highlight.js';
+export type { HighlightProps } from './Highlight.js';
+
+export { Markdown } from './Markdown.js';
+export type { MarkdownProps } from './Markdown.js';
+
+export { Marquee } from './Marquee.js';
+export type { MarqueeProps } from './Marquee.js';
+
+export { Meter } from './Meter.js';
+export type { MeterProps } from './Meter.js';
+
+export { ScrollArea } from './ScrollArea.js';
+export type { ScrollAreaProps } from './ScrollArea.js';
+
+export { Stack } from './Stack.js';
+export type { StackProps } from './Stack.js';
+
+export { AccordionItem } from './AccordionItem.js';
+export type { AccordionItemProps } from './AccordionItem.js';
+
+export { Carousel } from './Carousel.js';
+export type { CarouselProps } from './Carousel.js';
+
+export { Collapsible } from './Collapsible.js';
+export type { CollapsibleProps } from './Collapsible.js';
+
+export { Column } from './Column.js';
+export type { ColumnProps } from './Column.js';
+
+export { DataTable } from './DataTable.js';
+export type { DataTableProps } from './DataTable.js';
+
+export { InfiniteScroll } from './InfiniteScroll.js';
+export type { InfiniteScrollProps } from './InfiniteScroll.js';
+
+export { Tag } from './Tag.js';
+export type { TagProps } from './Tag.js';
+
+export { Truncate } from './Truncate.js';
+export type { TruncateProps } from './Truncate.js';

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

package/src/feedback/CommandPalette.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 CommandPaletteProps {
+  open?: boolean;
+  placeholder?: string;
+  _query?: string;
+  _focusedIndex?: string;
+  _items?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const CommandPalette: Component<CommandPaletteProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'placeholder', '_query', '_focusedIndex', '_items', 'children']);
+  return (
+    <arc-command-palette open={local.open} placeholder={local.placeholder} _query={local._query} _focusedIndex={local._focusedIndex} _items={local._items} {...rest}>
+      {local.children}
+    </arc-command-palette>
+  );
+};

package/src/feedback/ContextMenu.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 ContextMenuProps {
+  open?: boolean;
+  _x?: string;
+  _y?: string;
+  _activeIndex?: string;
+  _children?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const ContextMenu: Component<ContextMenuProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', '_x', '_y', '_activeIndex', '_children', 'children']);
+  return (
+    <arc-context-menu open={local.open} _x={local._x} _y={local._y} _activeIndex={local._activeIndex} _children={local._children} {...rest}>
+      {local.children}
+    </arc-context-menu>
+  );
+};

package/src/feedback/Dialog.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 DialogProps {
+  open?: boolean;
+  heading?: string;
+  message?: string;
+  variant?: 'danger';
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Dialog: Component<DialogProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'heading', 'message', 'variant', 'children']);
+  return (
+    <arc-dialog open={local.open} heading={local.heading} message={local.message} variant={local.variant} {...rest}>
+      {local.children}
+    </arc-dialog>
+  );
+};

package/src/feedback/DropdownMenu.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 DropdownMenuProps {
+  open?: boolean;
+  _focusedIndex?: string;
+  _children?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const DropdownMenu: Component<DropdownMenuProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', '_focusedIndex', '_children', 'children']);
+  return (
+    <arc-dropdown-menu open={local.open} _focusedIndex={local._focusedIndex} _children={local._children} {...rest}>
+      {local.children}
+    </arc-dropdown-menu>
+  );
+};

package/src/feedback/HoverCard.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 HoverCardProps {
+  position?: 'bottom' | 'top' | 'left' | 'right';
+  openDelay?: number;
+  closeDelay?: number;
+  _visible?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const HoverCard: Component<HoverCardProps> = (props) => {
+  const [local, rest] = splitProps(props, ['position', 'openDelay', 'closeDelay', '_visible', 'children']);
+  return (
+    <arc-hover-card position={local.position} openDelay={local.openDelay} closeDelay={local.closeDelay} _visible={local._visible} {...rest}>
+      {local.children}
+    </arc-hover-card>
+  );
+};

package/src/feedback/Modal.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 ModalProps {
+  open?: boolean;
+  heading?: string;
+  size?: 'sm' | 'md' | 'lg';
+  closable?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Modal: Component<ModalProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'heading', 'size', 'closable', 'children']);
+  return (
+    <arc-modal open={local.open} heading={local.heading} size={local.size} closable={local.closable} {...rest}>
+      {local.children}
+    </arc-modal>
+  );
+};

package/src/feedback/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/feedback/Popover.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 PopoverProps {
+  open?: boolean;
+  position?: 'bottom' | 'top' | 'left' | 'right';
+  trigger?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Popover: Component<PopoverProps> = (props) => {
+  const [local, rest] = splitProps(props, ['open', 'position', 'trigger', 'children']);
+  return (
+    <arc-popover open={local.open} position={local.position} trigger={local.trigger} {...rest}>
+      {local.children}
+    </arc-popover>
+  );
+};

package/src/feedback/Progress.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 ProgressProps {
+  value?: number;
+  variant?: string;
+  size?: 'sm' | 'md' | 'lg';
+  indeterminate?: boolean;
+  label?: string;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const Progress: Component<ProgressProps> = (props) => {
+  const [local, rest] = splitProps(props, ['value', 'variant', 'size', 'indeterminate', 'label', 'children']);
+  return (
+    <arc-progress value={local.value} variant={local.variant} size={local.size} indeterminate={local.indeterminate} label={local.label} {...rest}>
+      {local.children}
+    </arc-progress>
+  );
+};

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