@arclux/arc-ui-preact 1.0.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arclux/arc-ui-preact",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "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.0.0"
+    "@arclux/arc-ui": "1.2.0"
   },
   "license": "MIT",
   "keywords": [

package/src/content/Card.tsx

@@ -5,12 +5,13 @@ import '@arclux/arc-ui';
 
 export interface CardProps {
   href?: string;
+  _hasFooter?: string;
   children?: preact.ComponentChildren;
   [key: string]: unknown;
 }
 
-export const Card: FunctionComponent<CardProps> = ({ href, children, ...rest }) => (
-  <arc-card href={href} {...rest}>
+export const Card: FunctionComponent<CardProps> = ({ href, _hasFooter, children, ...rest }) => (
+  <arc-card href={href} _hasFooter={_hasFooter} {...rest}>
     {children}
   </arc-card>
 );

package/src/content/CtaBanner.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 CtaBannerProps {
+  eyebrow?: string;
+  headline?: string;
+  nogradient?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const CtaBanner: FunctionComponent<CtaBannerProps> = ({ eyebrow, headline, nogradient, children, ...rest }) => (
+  <arc-cta-banner eyebrow={eyebrow} headline={headline} nogradient={nogradient} {...rest}>
+    {children}
+  </arc-cta-banner>
+);

package/src/content/Tag.tsx

@@ -7,12 +7,13 @@ export interface TagProps {
   variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
   removable?: boolean;
   disabled?: boolean;
+  color?: string;
   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}>
+export const Tag: FunctionComponent<TagProps> = ({ variant, removable, disabled, color, children, ...rest }) => (
+  <arc-tag variant={variant} removable={removable} disabled={disabled} color={color} {...rest}>
     {children}
   </arc-tag>
 );

package/src/content/index.ts

@@ -87,3 +87,6 @@ export type { TagProps } from './Tag.js';
 
 export { Truncate } from './Truncate.js';
 export type { TruncateProps } from './Truncate.js';
+
+export { CtaBanner } from './CtaBanner.js';
+export type { CtaBannerProps } from './CtaBanner.js';

package/src/index.ts

@@ -255,3 +255,6 @@ export type { MenuItemProps } from './shared/MenuItem.js';
 
 export { Option } from './shared/Option.js';
 export type { OptionProps } from './shared/Option.js';
+
+export { CtaBanner } from './content/CtaBanner.js';
+export type { CtaBannerProps } from './content/CtaBanner.js';

package/src/input/Button.tsx

@@ -9,12 +9,14 @@ export interface ButtonProps {
   href?: string;
   disabled?: boolean;
   type?: string;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   children?: preact.ComponentChildren;
   [key: string]: unknown;
 }
 
-export const Button: FunctionComponent<ButtonProps> = ({ variant, size, href, disabled, type, children, ...rest }) => (
-  <arc-button variant={variant} size={size} href={href} disabled={disabled} type={type} {...rest}>
+export const Button: FunctionComponent<ButtonProps> = ({ variant, size, href, disabled, type, _hasPrefix, _hasSuffix, children, ...rest }) => (
+  <arc-button variant={variant} size={size} href={href} disabled={disabled} type={type} _hasPrefix={_hasPrefix} _hasSuffix={_hasSuffix} {...rest}>
     {children}
   </arc-button>
 );

package/src/input/Form.tsx

@@ -7,12 +7,16 @@ export interface FormProps {
   action?: string;
   method?: string;
   novalidate?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  errorSummary?: boolean;
+  _errors?: string;
   children?: preact.ComponentChildren;
   [key: string]: unknown;
 }
 
-export const Form: FunctionComponent<FormProps> = ({ action, method, novalidate, children, ...rest }) => (
-  <arc-form action={action} method={method} novalidate={novalidate} {...rest}>
+export const Form: FunctionComponent<FormProps> = ({ action, method, novalidate, loading, disabled, errorSummary, _errors, children, ...rest }) => (
+  <arc-form action={action} method={method} novalidate={novalidate} loading={loading} disabled={disabled} errorSummary={errorSummary} _errors={_errors} {...rest}>
     {children}
   </arc-form>
 );

package/src/input/Input.tsx

@@ -13,12 +13,14 @@ export interface InputProps {
   required?: boolean;
   multiline?: boolean;
   rows?: number;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   children?: preact.ComponentChildren;
   [key: string]: unknown;
 }
 
-export const Input: FunctionComponent<InputProps> = ({ type, name, label, placeholder, value, disabled, required, multiline, rows, children, ...rest }) => (
-  <arc-input type={type} name={name} label={label} placeholder={placeholder} value={value} disabled={disabled} required={required} multiline={multiline} rows={rows} {...rest}>
+export const Input: FunctionComponent<InputProps> = ({ type, name, label, placeholder, value, disabled, required, multiline, rows, _hasPrefix, _hasSuffix, children, ...rest }) => (
+  <arc-input type={type} name={name} label={label} placeholder={placeholder} value={value} disabled={disabled} required={required} multiline={multiline} rows={rows} _hasPrefix={_hasPrefix} _hasSuffix={_hasSuffix} {...rest}>
     {children}
   </arc-input>
 );

package/src/layout/PageHeader.tsx

@@ -6,12 +6,13 @@ import '@arclux/arc-ui';
 export interface PageHeaderProps {
   heading?: string;
   description?: string;
+  border?: boolean;
   children?: preact.ComponentChildren;
   [key: string]: unknown;
 }
 
-export const PageHeader: FunctionComponent<PageHeaderProps> = ({ heading, description, children, ...rest }) => (
-  <arc-page-header heading={heading} description={description} {...rest}>
+export const PageHeader: FunctionComponent<PageHeaderProps> = ({ heading, description, border, children, ...rest }) => (
+  <arc-page-header heading={heading} description={description} border={border} {...rest}>
     {children}
   </arc-page-header>
 );

package/src/navigation/NavItem.tsx

@@ -6,13 +6,14 @@ import '@arclux/arc-ui';
 export interface NavItemProps {
   href?: string;
   active?: boolean;
+  muted?: boolean;
   description?: string;
   children?: preact.ComponentChildren;
   [key: string]: unknown;
 }
 
-export const NavItem: FunctionComponent<NavItemProps> = ({ href, active, description, children, ...rest }) => (
-  <arc-nav-item href={href} active={active} description={description} {...rest}>
+export const NavItem: FunctionComponent<NavItemProps> = ({ href, active, muted, description, children, ...rest }) => (
+  <arc-nav-item href={href} active={active} muted={muted} description={description} {...rest}>
     {children}
   </arc-nav-item>
 );