@arclux/arc-ui-preact 1.10.0 → 1.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arclux/arc-ui-preact",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "Preact wrappers for ARC UI Web Components.",
   "type": "module",
   "main": "src/index.ts",
@@ -44,7 +44,7 @@
     "preact": ">=10.19.0"
   },
   "dependencies": {
-    "@arclux/arc-ui": "1.10.0"
+    "@arclux/arc-ui": "1.10.2"
   },
   "license": "MIT",
   "keywords": [

package/src/data/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/data/Badge.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 BadgeProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+  size?: 'sm' | 'lg';
+  color?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Badge: FunctionComponent<BadgeProps> = ({ variant, size, color, children, ...rest }) => (
+  <arc-badge variant={variant} size={size} color={color} {...rest}>
+    {children}
+  </arc-badge>
+);

package/src/data/DataTable.tsx

@@ -0,0 +1,26 @@
+// 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;
+  virtual?: boolean;
+  rowHeight?: number;
+  _columns?: string;
+  _selectedRows?: string;
+  _startIndex?: string;
+  _visibleCount?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const DataTable: FunctionComponent<DataTableProps> = ({ rows, sortable, selectable, sortColumn, sortDirection, virtual, rowHeight, _columns, _selectedRows, _startIndex, _visibleCount, children, ...rest }) => (
+  <arc-data-table rows={rows} sortable={sortable} selectable={selectable} sortColumn={sortColumn} sortDirection={sortDirection} virtual={virtual} rowHeight={rowHeight} _columns={_columns} _selectedRows={_selectedRows} _startIndex={_startIndex} _visibleCount={_visibleCount} {...rest}>
+    {children}
+  </arc-data-table>
+);

package/src/data/List.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface ListProps {
+  variant?: 'bordered' | 'separated';
+  size?: 'sm' | 'lg';
+  selectable?: boolean;
+  multiple?: boolean;
+  value?: string;
+  _items?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const List: FunctionComponent<ListProps> = ({ variant, size, selectable, multiple, value, _items, children, ...rest }) => (
+  <arc-list variant={variant} size={size} selectable={selectable} multiple={multiple} value={value} _items={_items} {...rest}>
+    {children}
+  </arc-list>
+);

package/src/data/ListItem.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 ListItemProps {
+  value?: string;
+  selected?: boolean;
+  disabled?: boolean;
+  href?: string;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
+  _hasDescription?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ListItem: FunctionComponent<ListItemProps> = ({ value, selected, disabled, href, _hasPrefix, _hasSuffix, _hasDescription, children, ...rest }) => (
+  <arc-list-item value={value} selected={selected} disabled={disabled} href={href} _hasPrefix={_hasPrefix} _hasSuffix={_hasSuffix} _hasDescription={_hasDescription} {...rest}>
+    {children}
+  </arc-list-item>
+);

package/src/data/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/data/Stat.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 StatProps {
+  value?: string;
+  label?: string;
+  trend?: 'up' | 'down' | 'neutral';
+  change?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Stat: FunctionComponent<StatProps> = ({ value, label, trend, change, children, ...rest }) => (
+  <arc-stat value={value} label={label} trend={trend} change={change} {...rest}>
+    {children}
+  </arc-stat>
+);

package/src/data/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/data/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/data/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/data/Tag.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 TagProps {
+  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+  size?: 'sm' | 'lg';
+  removable?: boolean;
+  disabled?: boolean;
+  color?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tag: FunctionComponent<TagProps> = ({ variant, size, removable, disabled, color, children, ...rest }) => (
+  <arc-tag variant={variant} size={size} removable={removable} disabled={disabled} color={color} {...rest}>
+    {children}
+  </arc-tag>
+);

package/src/data/Timeline.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 TimelineProps {
+  _items?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Timeline: FunctionComponent<TimelineProps> = ({ _items, children, ...rest }) => (
+  <arc-timeline _items={_items} {...rest}>
+    {children}
+  </arc-timeline>
+);

package/src/data/TimelineItem.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 TimelineItemProps {
+  heading?: string;
+  date?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const TimelineItem: FunctionComponent<TimelineItemProps> = ({ heading, date, children, ...rest }) => (
+  <arc-timeline-item heading={heading} date={date} {...rest}>
+    {children}
+  </arc-timeline-item>
+);

package/src/data/ValueCard.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 ValueCardProps {
+  icon?: string;
+  heading?: string;
+  description?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ValueCard: FunctionComponent<ValueCardProps> = ({ icon, heading, description, children, ...rest }) => (
+  <arc-value-card icon={icon} heading={heading} description={description} {...rest}>
+    {children}
+  </arc-value-card>
+);

package/src/navigation/Tabs.tsx

@@ -4,7 +4,6 @@ import { type FunctionComponent } from 'preact';
 import '@arclux/arc-ui';
 
 export interface TabsProps {
-  items?: unknown[];
   selected?: number;
   align?: 'center' | 'end';
   variant?: 'pills';
@@ -13,8 +12,8 @@ export interface TabsProps {
   [key: string]: unknown;
 }
 
-export const Tabs: FunctionComponent<TabsProps> = ({ items, selected, align, variant, _tabs, children, ...rest }) => (
-  <arc-tabs items={items} selected={selected} align={align} variant={variant} _tabs={_tabs} {...rest}>
+export const Tabs: FunctionComponent<TabsProps> = ({ selected, align, variant, _tabs, children, ...rest }) => (
+  <arc-tabs selected={selected} align={align} variant={variant} _tabs={_tabs} {...rest}>
     {children}
   </arc-tabs>
 );

package/src/navigation/TopBar.tsx

@@ -6,6 +6,7 @@ import '@arclux/arc-ui';
 export interface TopBarProps {
   heading?: string;
   fixed?: boolean;
+  contained?: string;
   menuOpen?: boolean;
   mobileMenu?: string;
   menuPosition?: string;
@@ -14,8 +15,8 @@ export interface TopBarProps {
   [key: string]: unknown;
 }
 
-export const TopBar: FunctionComponent<TopBarProps> = ({ heading, fixed, menuOpen, mobileMenu, menuPosition, navAlign, children, ...rest }) => (
-  <arc-top-bar heading={heading} fixed={fixed} menuOpen={menuOpen} mobileMenu={mobileMenu} menuPosition={menuPosition} navAlign={navAlign} {...rest}>
+export const TopBar: FunctionComponent<TopBarProps> = ({ heading, fixed, contained, menuOpen, mobileMenu, menuPosition, navAlign, children, ...rest }) => (
+  <arc-top-bar heading={heading} fixed={fixed} contained={contained} menuOpen={menuOpen} mobileMenu={mobileMenu} menuPosition={menuPosition} navAlign={navAlign} {...rest}>
     {children}
   </arc-top-bar>
 );

package/src/typography/CodeBlock.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 CodeBlockProps {
+  language?: string;
+  filename?: string;
+  code?: string;
+  variant?: 'window' | 'basic';
+  _highlightedHtml?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CodeBlock: FunctionComponent<CodeBlockProps> = ({ language, filename, code, variant, _highlightedHtml, children, ...rest }) => (
+  <arc-code-block language={language} filename={filename} code={code} variant={variant} _highlightedHtml={_highlightedHtml} {...rest}>
+    {children}
+  </arc-code-block>
+);

package/src/typography/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/typography/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/typography/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/typography/Text.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 TextProps {
+  variant?: 'accent' | 'code';
+  as?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Text: FunctionComponent<TextProps> = ({ variant, as, children, ...rest }) => (
+  <arc-text variant={variant} as={as} {...rest}>
+    {children}
+  </arc-text>
+);

package/src/typography/Truncate.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 TruncateProps {
+  lines?: number;
+  expanded?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Truncate: FunctionComponent<TruncateProps> = ({ lines, expanded, children, ...rest }) => (
+  <arc-truncate lines={lines} expanded={expanded} {...rest}>
+    {children}
+  </arc-truncate>
+);