@arclux/arc-ui-preact 1.0.0

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

package/src/content/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/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,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface AlertProps {
+  variant?: 'info' | 'success' | 'warning' | 'error';
+  dismissible?: boolean;
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Alert: FunctionComponent<AlertProps> = ({ variant, dismissible, heading, children, ...rest }) => (
+  <arc-alert variant={variant} dismissible={dismissible} heading={heading} {...rest}>
+    {children}
+  </arc-alert>
+);

package/src/feedback/CommandItem.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 CommandItemProps {
+  shortcut?: string;
+  icon?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CommandItem: FunctionComponent<CommandItemProps> = ({ shortcut, icon, children, ...rest }) => (
+  <arc-command-item shortcut={shortcut} icon={icon} {...rest}>
+    {children}
+  </arc-command-item>
+);

package/src/feedback/CommandPalette.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 CommandPaletteProps {
+  open?: boolean;
+  placeholder?: string;
+  _query?: string;
+  _focusedIndex?: string;
+  _items?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CommandPalette: FunctionComponent<CommandPaletteProps> = ({ open, placeholder, _query, _focusedIndex, _items, children, ...rest }) => (
+  <arc-command-palette open={open} placeholder={placeholder} _query={_query} _focusedIndex={_focusedIndex} _items={_items} {...rest}>
+    {children}
+  </arc-command-palette>
+);

package/src/feedback/ContextMenu.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 ContextMenuProps {
+  open?: boolean;
+  _x?: string;
+  _y?: string;
+  _activeIndex?: string;
+  _children?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const ContextMenu: FunctionComponent<ContextMenuProps> = ({ open, _x, _y, _activeIndex, _children, children, ...rest }) => (
+  <arc-context-menu open={open} _x={_x} _y={_y} _activeIndex={_activeIndex} _children={_children} {...rest}>
+    {children}
+  </arc-context-menu>
+);

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

package/src/feedback/DropdownMenu.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 DropdownMenuProps {
+  open?: boolean;
+  _focusedIndex?: string;
+  _children?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const DropdownMenu: FunctionComponent<DropdownMenuProps> = ({ open, _focusedIndex, _children, children, ...rest }) => (
+  <arc-dropdown-menu open={open} _focusedIndex={_focusedIndex} _children={_children} {...rest}>
+    {children}
+  </arc-dropdown-menu>
+);

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

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

package/src/feedback/NotificationPanel.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 NotificationPanelProps {
+  open?: boolean;
+  position?: string;
+  maxHeight?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const NotificationPanel: FunctionComponent<NotificationPanelProps> = ({ open, position, maxHeight, children, ...rest }) => (
+  <arc-notification-panel open={open} position={position} maxHeight={maxHeight} {...rest}>
+    {children}
+  </arc-notification-panel>
+);

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

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

package/src/feedback/Sheet.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 SheetProps {
+  open?: boolean;
+  side?: 'bottom' | 'right';
+  heading?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Sheet: FunctionComponent<SheetProps> = ({ open, side, heading, children, ...rest }) => (
+  <arc-sheet open={open} side={side} heading={heading} {...rest}>
+    {children}
+  </arc-sheet>
+);

package/src/feedback/Toast.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 ToastProps {
+  position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+  duration?: number;
+  _toasts?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Toast: FunctionComponent<ToastProps> = ({ position, duration, _toasts, children, ...rest }) => (
+  <arc-toast position={position} duration={duration} _toasts={_toasts} {...rest}>
+    {children}
+  </arc-toast>
+);

package/src/feedback/Tooltip.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 TooltipProps {
+  content?: string;
+  position?: 'top' | 'bottom' | 'left' | 'right';
+  delay?: number;
+  _visible?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Tooltip: FunctionComponent<TooltipProps> = ({ content, position, delay, _visible, children, ...rest }) => (
+  <arc-tooltip content={content} position={position} delay={delay} _visible={_visible} {...rest}>
+    {children}
+  </arc-tooltip>
+);