@arclux/arc-ui-react 1.0.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arclux/arc-ui-react",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "React wrappers for ARC UI Web Components.",
   "type": "module",
   "main": "src/index.ts",
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.8",
-    "@arclux/arc-ui": "1.0.0"
+    "@arclux/arc-ui": "1.2.0"
   },
   "license": "MIT",
   "keywords": [

package/src/content/Card.ts

@@ -6,6 +6,7 @@ import { ArcCard } from '@arclux/arc-ui';
 
 export interface CardProps {
   href?: string;
+  _hasFooter?: string;
   className?: string;
   children?: React.ReactNode;
 }

package/src/content/CtaBanner.ts

@@ -0,0 +1,19 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcCtaBanner } from '@arclux/arc-ui';
+
+export interface CtaBannerProps {
+  eyebrow?: string;
+  headline?: string;
+  nogradient?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const CtaBanner = createComponent({
+  tagName: 'arc-cta-banner',
+  elementClass: ArcCtaBanner,
+  react: React,
+});

package/src/content/Tag.ts

@@ -8,6 +8,7 @@ export interface TagProps {
   variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
   removable?: boolean;
   disabled?: boolean;
+  color?: string;
   className?: string;
   children?: React.ReactNode;
   onArcRemove?: (e: CustomEvent) => void;

package/src/content/index.ts

@@ -117,3 +117,6 @@ export type { TruncateProps } from './Truncate.js';
 
 export { ValueCard } from './ValueCard.js';
 export type { ValueCardProps } from './ValueCard.js';
+
+export { CtaBanner } from './CtaBanner.js';
+export type { CtaBannerProps } from './CtaBanner.js';

package/src/index.ts

@@ -352,3 +352,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.ts

@@ -10,6 +10,8 @@ export interface ButtonProps {
   href?: string;
   disabled?: boolean;
   type?: string;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   className?: string;
   children?: React.ReactNode;
   onClick?: (e: Event) => void;

package/src/input/Form.ts

@@ -8,10 +8,15 @@ export interface FormProps {
   action?: string;
   method?: string;
   novalidate?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  errorSummary?: boolean;
+  _errors?: string;
   className?: string;
   children?: React.ReactNode;
   onArcInvalid?: (e: CustomEvent) => void;
   onArcSubmit?: (e: CustomEvent) => void;
+  onArcReset?: (e: CustomEvent) => void;
 }
 
 export const Form = createComponent({
@@ -21,5 +26,6 @@ export const Form = createComponent({
   events: {
     onArcInvalid: 'arc-invalid' as EventName<CustomEvent>,
     onArcSubmit: 'arc-submit' as EventName<CustomEvent>,
+    onArcReset: 'arc-reset' as EventName<CustomEvent>,
   },
 });

package/src/input/Input.ts

@@ -14,6 +14,8 @@ export interface InputProps {
   required?: boolean;
   multiline?: boolean;
   rows?: number;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   className?: string;
   children?: React.ReactNode;
   onArcInput?: (e: CustomEvent) => void;

package/src/layout/PageHeader.ts

@@ -7,6 +7,7 @@ import { ArcPageHeader } from '@arclux/arc-ui';
 export interface PageHeaderProps {
   heading?: string;
   description?: string;
+  border?: boolean;
   className?: string;
   children?: React.ReactNode;
 }

package/src/navigation/NavItem.ts

@@ -7,6 +7,7 @@ import { ArcNavItem } from '@arclux/arc-ui';
 export interface NavItemProps {
   href?: string;
   active?: boolean;
+  muted?: boolean;
   description?: string;
   className?: string;
   children?: React.ReactNode;