@arclux/arc-ui-vue 1.0.0 → 1.1.0

package/package.json

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

package/src/content/Card.vue

@@ -6,14 +6,17 @@ defineOptions({ name: 'Card' });
 
 withDefaults(defineProps<{
   href?: string;
+  _hasFooter?: string;
 }>(), {
   href: '',
+  _hasFooter: false,
 });
 </script>
 
 <template>
   <arc-card
     :href="href"
+    :_hasFooter="_hasFooter"
   >
     <slot />
   </arc-card>

package/src/content/CtaBanner.vue

@@ -0,0 +1,26 @@
+<!-- Auto-generated by @arclux/prism — do not edit manually -->
+<script setup lang="ts">
+import '@arclux/arc-ui';
+
+defineOptions({ name: 'CtaBanner' });
+
+withDefaults(defineProps<{
+  eyebrow?: string;
+  headline?: string;
+  nogradient?: boolean;
+}>(), {
+  eyebrow: '',
+  headline: '',
+  nogradient: false,
+});
+</script>
+
+<template>
+  <arc-cta-banner
+    :eyebrow="eyebrow"
+    :headline="headline"
+    :nogradient="nogradient"
+  >
+    <slot />
+  </arc-cta-banner>
+</template>

package/src/content/index.ts

@@ -35,3 +35,4 @@ export { default as DataTable } from './DataTable.vue';
 export { default as InfiniteScroll } from './InfiniteScroll.vue';
 export { default as Tag } from './Tag.vue';
 export { default as Truncate } from './Truncate.vue';
+export { default as CtaBanner } from './CtaBanner.vue';

package/src/index.ts

@@ -114,3 +114,4 @@ export { default as Truncate } from './reactive/Truncate.vue';
 export { default as MenuDivider } from './shared/MenuDivider.vue';
 export { default as MenuItem } from './shared/MenuItem.vue';
 export { default as Option } from './shared/Option.vue';
+export { default as CtaBanner } from './content/CtaBanner.vue';

package/src/input/Form.vue

@@ -8,15 +8,24 @@ withDefaults(defineProps<{
   action?: string;
   method?: string;
   novalidate?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  errorSummary?: boolean;
+  _errors?: string;
 }>(), {
   action: '',
   method: '',
   novalidate: false,
+  loading: false,
+  disabled: false,
+  errorSummary: true,
+  _errors: () => ([]),
 });
 
 defineEmits<{
   'arc-invalid': [event: CustomEvent];
   'arc-submit': [event: CustomEvent];
+  'arc-reset': [event: CustomEvent];
 }>();
 </script>
 
@@ -25,6 +34,10 @@ defineEmits<{
     :action="action"
     :method="method"
     :novalidate="novalidate"
+    :loading="loading"
+    :disabled="disabled"
+    :errorSummary="errorSummary"
+    :_errors="_errors"
   >
     <slot />
   </arc-form>

package/src/layout/PageHeader.vue

@@ -7,9 +7,11 @@ defineOptions({ name: 'PageHeader' });
 withDefaults(defineProps<{
   heading?: string;
   description?: string;
+  border?: boolean;
 }>(), {
   heading: '',
   description: '',
+  border: false,
 });
 </script>
 
@@ -17,6 +19,7 @@ withDefaults(defineProps<{
   <arc-page-header
     :heading="heading"
     :description="description"
+    :border="border"
   >
     <slot />
   </arc-page-header>

package/src/navigation/NavItem.vue

@@ -7,10 +7,12 @@ defineOptions({ name: 'NavItem' });
 withDefaults(defineProps<{
   href?: string;
   active?: boolean;
+  muted?: boolean;
   description?: string;
 }>(), {
   href: '',
   active: false,
+  muted: false,
   description: '',
 });
 </script>
@@ -19,6 +21,7 @@ withDefaults(defineProps<{
   <arc-nav-item
     :href="href"
     :active="active"
+    :muted="muted"
     :description="description"
   >
     <slot />