@arclux/arc-ui-solid 1.0.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arclux/arc-ui-solid",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Solid wrappers for ARC UI Web Components.",
   "type": "module",
   "main": "src/index.ts",
@@ -44,7 +44,7 @@
     "solid-js": ">=1.8.0"
   },
   "dependencies": {
-    "@arclux/arc-ui": "1.0.0"
+    "@arclux/arc-ui": "1.2.0"
   },
   "license": "MIT",
   "keywords": [

package/src/content/Card.tsx

@@ -5,14 +5,15 @@ import '@arclux/arc-ui';
 
 export interface CardProps {
   href?: string;
+  _hasFooter?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Card: Component<CardProps> = (props) => {
-  const [local, rest] = splitProps(props, ['href', 'children']);
+  const [local, rest] = splitProps(props, ['href', '_hasFooter', 'children']);
   return (
-    <arc-card href={local.href} {...rest}>
+    <arc-card href={local.href} _hasFooter={local._hasFooter} {...rest}>
       {local.children}
     </arc-card>
   );

package/src/content/CtaBanner.tsx

@@ -0,0 +1,21 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { splitProps, type Component, type JSX } from 'solid-js';
+import '@arclux/arc-ui';
+
+export interface CtaBannerProps {
+  eyebrow?: string;
+  headline?: string;
+  nogradient?: boolean;
+  children?: JSX.Element;
+  [key: string]: unknown;
+}
+
+export const CtaBanner: Component<CtaBannerProps> = (props) => {
+  const [local, rest] = splitProps(props, ['eyebrow', 'headline', 'nogradient', 'children']);
+  return (
+    <arc-cta-banner eyebrow={local.eyebrow} headline={local.headline} nogradient={local.nogradient} {...rest}>
+      {local.children}
+    </arc-cta-banner>
+  );
+};

package/src/content/Tag.tsx

@@ -7,14 +7,15 @@ export interface TagProps {
   variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
   removable?: boolean;
   disabled?: boolean;
+  color?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Tag: Component<TagProps> = (props) => {
-  const [local, rest] = splitProps(props, ['variant', 'removable', 'disabled', 'children']);
+  const [local, rest] = splitProps(props, ['variant', 'removable', 'disabled', 'color', 'children']);
   return (
-    <arc-tag variant={local.variant} removable={local.removable} disabled={local.disabled} {...rest}>
+    <arc-tag variant={local.variant} removable={local.removable} disabled={local.disabled} color={local.color} {...rest}>
       {local.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,14 +9,16 @@ export interface ButtonProps {
   href?: string;
   disabled?: boolean;
   type?: string;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Button: Component<ButtonProps> = (props) => {
-  const [local, rest] = splitProps(props, ['variant', 'size', 'href', 'disabled', 'type', 'children']);
+  const [local, rest] = splitProps(props, ['variant', 'size', 'href', 'disabled', 'type', '_hasPrefix', '_hasSuffix', 'children']);
   return (
-    <arc-button variant={local.variant} size={local.size} href={local.href} disabled={local.disabled} type={local.type} {...rest}>
+    <arc-button variant={local.variant} size={local.size} href={local.href} disabled={local.disabled} type={local.type} _hasPrefix={local._hasPrefix} _hasSuffix={local._hasSuffix} {...rest}>
       {local.children}
     </arc-button>
   );

package/src/input/Form.tsx

@@ -7,14 +7,18 @@ export interface FormProps {
   action?: string;
   method?: string;
   novalidate?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  errorSummary?: boolean;
+  _errors?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Form: Component<FormProps> = (props) => {
-  const [local, rest] = splitProps(props, ['action', 'method', 'novalidate', 'children']);
+  const [local, rest] = splitProps(props, ['action', 'method', 'novalidate', 'loading', 'disabled', 'errorSummary', '_errors', 'children']);
   return (
-    <arc-form action={local.action} method={local.method} novalidate={local.novalidate} {...rest}>
+    <arc-form action={local.action} method={local.method} novalidate={local.novalidate} loading={local.loading} disabled={local.disabled} errorSummary={local.errorSummary} _errors={local._errors} {...rest}>
       {local.children}
     </arc-form>
   );

package/src/input/Input.tsx

@@ -13,14 +13,16 @@ export interface InputProps {
   required?: boolean;
   multiline?: boolean;
   rows?: number;
+  _hasPrefix?: string;
+  _hasSuffix?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const Input: Component<InputProps> = (props) => {
-  const [local, rest] = splitProps(props, ['type', 'name', 'label', 'placeholder', 'value', 'disabled', 'required', 'multiline', 'rows', 'children']);
+  const [local, rest] = splitProps(props, ['type', 'name', 'label', 'placeholder', 'value', 'disabled', 'required', 'multiline', 'rows', '_hasPrefix', '_hasSuffix', 'children']);
   return (
-    <arc-input type={local.type} name={local.name} label={local.label} placeholder={local.placeholder} value={local.value} disabled={local.disabled} required={local.required} multiline={local.multiline} rows={local.rows} {...rest}>
+    <arc-input type={local.type} name={local.name} label={local.label} placeholder={local.placeholder} value={local.value} disabled={local.disabled} required={local.required} multiline={local.multiline} rows={local.rows} _hasPrefix={local._hasPrefix} _hasSuffix={local._hasSuffix} {...rest}>
       {local.children}
     </arc-input>
   );

package/src/layout/PageHeader.tsx

@@ -6,14 +6,15 @@ import '@arclux/arc-ui';
 export interface PageHeaderProps {
   heading?: string;
   description?: string;
+  border?: boolean;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const PageHeader: Component<PageHeaderProps> = (props) => {
-  const [local, rest] = splitProps(props, ['heading', 'description', 'children']);
+  const [local, rest] = splitProps(props, ['heading', 'description', 'border', 'children']);
   return (
-    <arc-page-header heading={local.heading} description={local.description} {...rest}>
+    <arc-page-header heading={local.heading} description={local.description} border={local.border} {...rest}>
       {local.children}
     </arc-page-header>
   );

package/src/navigation/NavItem.tsx

@@ -6,15 +6,16 @@ import '@arclux/arc-ui';
 export interface NavItemProps {
   href?: string;
   active?: boolean;
+  muted?: boolean;
   description?: string;
   children?: JSX.Element;
   [key: string]: unknown;
 }
 
 export const NavItem: Component<NavItemProps> = (props) => {
-  const [local, rest] = splitProps(props, ['href', 'active', 'description', 'children']);
+  const [local, rest] = splitProps(props, ['href', 'active', 'muted', 'description', 'children']);
   return (
-    <arc-nav-item href={local.href} active={local.active} description={local.description} {...rest}>
+    <arc-nav-item href={local.href} active={local.active} muted={local.muted} description={local.description} {...rest}>
       {local.children}
     </arc-nav-item>
   );