@arclux/arc-ui-preact 1.0.0

package/src/content/AccordionItem.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AccordionItemProps {
+  question?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const AccordionItem: FunctionComponent<AccordionItemProps> = ({ question, children, ...rest }) => (
+  <arc-accordion-item question={question} {...rest}>
+    {children}
+  </arc-accordion-item>
+);

package/src/content/AnimatedNumber.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AnimatedNumberProps {
+  value?: number;
+  duration?: number;
+  format?: string;
+  prefix?: string;
+  suffix?: string;
+  decimals?: number;
+  locale?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const AnimatedNumber: FunctionComponent<AnimatedNumberProps> = ({ value, duration, format, prefix, suffix, decimals, locale, children, ...rest }) => (
+  <arc-animated-number value={value} duration={duration} format={format} prefix={prefix} suffix={suffix} decimals={decimals} locale={locale} {...rest}>
+    {children}
+  </arc-animated-number>
+);

package/src/content/AspectRatio.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AspectRatioProps {
+  ratio?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const AspectRatio: FunctionComponent<AspectRatioProps> = ({ ratio, children, ...rest }) => (
+  <arc-aspect-ratio ratio={ratio} {...rest}>
+    {children}
+  </arc-aspect-ratio>
+);

package/src/content/Avatar.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AvatarProps {
+  src?: string;
+  name?: string;
+  size?: 'sm' | 'md' | 'lg';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Avatar: FunctionComponent<AvatarProps> = ({ src, name, size, children, ...rest }) => (
+  <arc-avatar src={src} name={name} size={size} {...rest}>
+    {children}
+  </arc-avatar>
+);

package/src/content/AvatarGroup.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AvatarGroupProps {
+  max?: number;
+  overlap?: 'sm' | 'lg';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const AvatarGroup: FunctionComponent<AvatarGroupProps> = ({ max, overlap, children, ...rest }) => (
+  <arc-avatar-group max={max} overlap={overlap} {...rest}>
+    {children}
+  </arc-avatar-group>
+);

package/src/content/Badge.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface BadgeProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Badge: FunctionComponent<BadgeProps> = ({ variant, children, ...rest }) => (
+  <arc-badge variant={variant} {...rest}>
+    {children}
+  </arc-badge>
+);

package/src/content/Callout.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CalloutProps {
+  variant?: 'info' | 'warning' | 'tip' | 'danger';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Callout: FunctionComponent<CalloutProps> = ({ variant, children, ...rest }) => (
+  <arc-callout variant={variant} {...rest}>
+    {children}
+  </arc-callout>
+);

package/src/content/Card.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CardProps {
+  href?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Card: FunctionComponent<CardProps> = ({ href, children, ...rest }) => (
+  <arc-card href={href} {...rest}>
+    {children}
+  </arc-card>
+);

package/src/content/Carousel.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CarouselProps {
+  autoPlay?: boolean;
+  interval?: number;
+  loop?: boolean;
+  showDots?: boolean;
+  showArrows?: boolean;
+  _current?: string;
+  _total?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Carousel: FunctionComponent<CarouselProps> = ({ autoPlay, interval, loop, showDots, showArrows, _current, _total, children, ...rest }) => (
+  <arc-carousel autoPlay={autoPlay} interval={interval} loop={loop} showDots={showDots} showArrows={showArrows} _current={_current} _total={_total} {...rest}>
+    {children}
+  </arc-carousel>
+);

package/src/content/CodeBlock.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CodeBlockProps {
+  language?: string;
+  filename?: string;
+  code?: string;
+  _copied?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CodeBlock: FunctionComponent<CodeBlockProps> = ({ language, filename, code, _copied, children, ...rest }) => (
+  <arc-code-block language={language} filename={filename} code={code} _copied={_copied} {...rest}>
+    {children}
+  </arc-code-block>
+);

package/src/content/Collapsible.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface CollapsibleProps {
+  open?: boolean;
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Collapsible: FunctionComponent<CollapsibleProps> = ({ open, heading, children, ...rest }) => (
+  <arc-collapsible open={open} heading={heading} {...rest}>
+    {children}
+  </arc-collapsible>
+);

package/src/content/ColorSwatch.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ColorSwatchProps {
+  color?: string;
+  label?: string;
+  size?: 'sm' | 'md' | 'lg';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({ color, label, size, children, ...rest }) => (
+  <arc-color-swatch color={color} label={label} size={size} {...rest}>
+    {children}
+  </arc-color-swatch>
+);

package/src/content/Column.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ColumnProps {
+  key?: string;
+  label?: string;
+  sortable?: boolean;
+  width?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Column: FunctionComponent<ColumnProps> = ({ key, label, sortable, width, children, ...rest }) => (
+  <arc-column key={key} label={label} sortable={sortable} width={width} {...rest}>
+    {children}
+  </arc-column>
+);

package/src/content/DataTable.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DataTableProps {
+  rows?: unknown[];
+  sortable?: boolean;
+  selectable?: boolean;
+  sortColumn?: string;
+  sortDirection?: string;
+  _columns?: string;
+  _selectedRows?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const DataTable: FunctionComponent<DataTableProps> = ({ rows, sortable, selectable, sortColumn, sortDirection, _columns, _selectedRows, children, ...rest }) => (
+  <arc-data-table rows={rows} sortable={sortable} selectable={selectable} sortColumn={sortColumn} sortDirection={sortDirection} _columns={_columns} _selectedRows={_selectedRows} {...rest}>
+    {children}
+  </arc-data-table>
+);

package/src/content/Divider.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface DividerProps {
+  variant?: 'subtle' | 'glow' | 'line-white' | 'line-primary' | 'line-gradient';
+  align?: 'left' | 'right';
+  vertical?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Divider: FunctionComponent<DividerProps> = ({ variant, align, vertical, children, ...rest }) => (
+  <arc-divider variant={variant} align={align} vertical={vertical} {...rest}>
+    {children}
+  </arc-divider>
+);

package/src/content/EmptyState.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface EmptyStateProps {
+  heading?: string;
+  description?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const EmptyState: FunctionComponent<EmptyStateProps> = ({ heading, description, children, ...rest }) => (
+  <arc-empty-state heading={heading} description={description} {...rest}>
+    {children}
+  </arc-empty-state>
+);

package/src/content/FeatureCard.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface FeatureCardProps {
+  icon?: string;
+  heading?: string;
+  description?: string;
+  href?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const FeatureCard: FunctionComponent<FeatureCardProps> = ({ icon, heading, description, href, children, ...rest }) => (
+  <arc-feature-card icon={icon} heading={heading} description={description} href={href} {...rest}>
+    {children}
+  </arc-feature-card>
+);

package/src/content/Highlight.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface HighlightProps {
+  text?: string;
+  query?: string;
+  caseSensitive?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Highlight: FunctionComponent<HighlightProps> = ({ text, query, caseSensitive, children, ...rest }) => (
+  <arc-highlight text={text} query={query} caseSensitive={caseSensitive} {...rest}>
+    {children}
+  </arc-highlight>
+);

package/src/content/Icon.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface IconProps {
+  name?: string;
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Icon: FunctionComponent<IconProps> = ({ name, size, label, children, ...rest }) => (
+  <arc-icon name={name} size={size} label={label} {...rest}>
+    {children}
+  </arc-icon>
+);

package/src/content/InfiniteScroll.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface InfiniteScrollProps {
+  threshold?: number;
+  loading?: boolean;
+  finished?: boolean;
+  disabled?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const InfiniteScroll: FunctionComponent<InfiniteScrollProps> = ({ threshold, loading, finished, disabled, children, ...rest }) => (
+  <arc-infinite-scroll threshold={threshold} loading={loading} finished={finished} disabled={disabled} {...rest}>
+    {children}
+  </arc-infinite-scroll>
+);

package/src/content/Kbd.tsx

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface KbdProps {
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Kbd: FunctionComponent<KbdProps> = ({ children, ...rest }) => (
+  <arc-kbd {...rest}>
+    {children}
+  </arc-kbd>
+);

package/src/content/Link.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface LinkProps {
+  href?: string;
+  variant?: 'muted' | 'nav';
+  active?: boolean;
+  external?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Link: FunctionComponent<LinkProps> = ({ href, variant, active, external, children, ...rest }) => (
+  <arc-link href={href} variant={variant} active={active} external={external} {...rest}>
+    {children}
+  </arc-link>
+);

package/src/content/Markdown.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface MarkdownProps {
+  content?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Markdown: FunctionComponent<MarkdownProps> = ({ content, children, ...rest }) => (
+  <arc-markdown content={content} {...rest}>
+    {children}
+  </arc-markdown>
+);

package/src/content/Marquee.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface MarqueeProps {
+  speed?: number;
+  direction?: string;
+  gap?: string;
+  _animDuration?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Marquee: FunctionComponent<MarqueeProps> = ({ speed, direction, gap, _animDuration, children, ...rest }) => (
+  <arc-marquee speed={speed} direction={direction} gap={gap} _animDuration={_animDuration} {...rest}>
+    {children}
+  </arc-marquee>
+);

package/src/content/Meter.tsx

@@ -0,0 +1,22 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface MeterProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  low?: number;
+  high?: number;
+  optimum?: number;
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Meter: FunctionComponent<MeterProps> = ({ value, min, max, low, high, optimum, label, children, ...rest }) => (
+  <arc-meter value={value} min={min} max={max} low={low} high={high} optimum={optimum} label={label} {...rest}>
+    {children}
+  </arc-meter>
+);

package/src/content/ScrollArea.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ScrollAreaProps {
+  maxHeight?: string;
+  orientation?: 'vertical' | 'horizontal' | 'both';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ScrollArea: FunctionComponent<ScrollAreaProps> = ({ maxHeight, orientation, children, ...rest }) => (
+  <arc-scroll-area maxHeight={maxHeight} orientation={orientation} {...rest}>
+    {children}
+  </arc-scroll-area>
+);

package/src/content/Skeleton.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface SkeletonProps {
+  variant?: 'text' | 'circle' | 'rect';
+  width?: string;
+  height?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Skeleton: FunctionComponent<SkeletonProps> = ({ variant, width, height, children, ...rest }) => (
+  <arc-skeleton variant={variant} width={width} height={height} {...rest}>
+    {children}
+  </arc-skeleton>
+);

package/src/content/Spinner.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface SpinnerProps {
+  size?: 'sm' | 'md' | 'lg';
+  variant?: 'primary' | 'secondary' | 'white';
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Spinner: FunctionComponent<SpinnerProps> = ({ size, variant, children, ...rest }) => (
+  <arc-spinner size={size} variant={variant} {...rest}>
+    {children}
+  </arc-spinner>
+);

package/src/content/Stack.tsx

@@ -0,0 +1,20 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+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?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Stack: FunctionComponent<StackProps> = ({ direction, gap, align, justify, wrap, children, ...rest }) => (
+  <arc-stack direction={direction} gap={gap} align={align} justify={justify} wrap={wrap} {...rest}>
+    {children}
+  </arc-stack>
+);

package/src/content/Stat.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface StatProps {
+  value?: string;
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Stat: FunctionComponent<StatProps> = ({ value, label, children, ...rest }) => (
+  <arc-stat value={value} label={label} {...rest}>
+    {children}
+  </arc-stat>
+);

package/src/content/Step.tsx

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface StepProps {
+  label?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Step: FunctionComponent<StepProps> = ({ label, children, ...rest }) => (
+  <arc-step label={label} {...rest}>
+    {children}
+  </arc-step>
+);

package/src/content/Stepper.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface StepperProps {
+  active?: number;
+  _steps?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Stepper: FunctionComponent<StepperProps> = ({ active, _steps, children, ...rest }) => (
+  <arc-stepper active={active} _steps={_steps} {...rest}>
+    {children}
+  </arc-stepper>
+);

package/src/content/Table.tsx

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TableProps {
+  columns?: unknown[];
+  rows?: unknown[];
+  striped?: boolean;
+  compact?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Table: FunctionComponent<TableProps> = ({ columns, rows, striped, compact, children, ...rest }) => (
+  <arc-table columns={columns} rows={rows} striped={striped} compact={compact} {...rest}>
+    {children}
+  </arc-table>
+);

package/src/content/Tag.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TagProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+  removable?: boolean;
+  disabled?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tag: FunctionComponent<TagProps> = ({ variant, removable, disabled, children, ...rest }) => (
+  <arc-tag variant={variant} removable={removable} disabled={disabled} {...rest}>
+    {children}
+  </arc-tag>
+);