@una-ui/nuxt 0.61.0 → 1.0.0-alpha.2

package/dist/module.d.mts

@@ -4,10 +4,10 @@ export * from '../dist/runtime/types/index.js';
 
 declare module '@nuxt/schema' {
     interface AppConfigInput {
-        una?: Partial<Omit<UnaSettings, 'primaryColors' | 'grayColors'>>;
+        una?: Partial<UnaSettings>;
     }
     interface AppConfig {
-        una: Omit<UnaSettings, 'primaryColors' | 'grayColors'>;
+        una: UnaSettings;
     }
 }
 interface ModuleOptions {

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.61.0",
+  "version": "1.0.0-alpha.2",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.61.0";
+const version = "1.0.0-alpha.2";
 
 const module = defineNuxtModule({
   meta: {
@@ -33,8 +33,10 @@ const module = defineNuxtModule({
       ...{
         primary: "yellow",
         gray: "stone",
-        radius: 0.5,
-        fontSize: 16
+        radius: 0.625,
+        fontSize: 16,
+        theme: null,
+        themes: []
       },
       ...nuxt.options.appConfig.una || {}
     };

package/dist/runtime/components/alert/Alert.vue

@@ -0,0 +1,94 @@
+<script setup>
+import { computed } from "vue";
+import { cn } from "../../utils";
+import Icon from "../elements/Icon.vue";
+import AlertClose from "./AlertClose.vue";
+import AlertDescription from "./AlertDescription.vue";
+import AlertTitle from "./AlertTitle.vue";
+const props = defineProps({
+  size: { type: null, required: false, default: "sm" },
+  class: { type: null, required: false },
+  alert: { type: null, required: false, default: "text-gray" },
+  icon: { type: [String, Boolean], required: false, default: false },
+  closable: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  _alertTitle: { type: Object, required: false },
+  _alertDescription: { type: Object, required: false },
+  _alertClose: { type: Object, required: false },
+  una: { type: Object, required: false }
+});
+const emit = defineEmits(["close"]);
+const alertClassVariants = computed(() => {
+  const icon2 = {
+    info: "alert-info-icon",
+    success: "alert-success-icon",
+    warning: "alert-warning-icon",
+    error: "alert-error-icon",
+    default: ""
+  };
+  const alertType = props.alert ? props.alert.includes("info") ? "info" : props.alert.includes("success") ? "success" : props.alert.includes("warning") ? "warning" : props.alert.includes("error") ? "error" : "default" : "default";
+  return {
+    icon: icon2[alertType]
+  };
+});
+const icon = computed(() => {
+  if (props.icon === "" || props.icon === void 0 || props.icon === true)
+    return alertClassVariants.value.icon;
+  return props.icon.toString();
+});
+</script>
+
+<template>
+  <div
+    data-slot="alert"
+    role="alert"
+    :size
+    :class="cn(
+  'alert',
+  props.una?.alert,
+  props.class
+)"
+    :alert
+  >
+    <slot>
+      <slot v-if="$slots.icon || props.icon !== false" name="icon">
+        <Icon :name="icon" />
+      </slot>
+
+      <AlertTitle
+        v-if="title || $slots.title"
+        :size
+        :una
+        v-bind="props._alertTitle"
+      >
+        <slot name="title">
+          {{ title }}
+        </slot>
+      </AlertTitle>
+
+      <AlertDescription
+        v-if="description || $slots.description"
+        :size
+        :una
+        v-bind="props._alertDescription"
+      >
+        <slot name="description">
+          {{ description }}
+        </slot>
+      </AlertDescription>
+
+      <AlertClose
+        v-if="$slots.close || props.closable"
+        :size
+        v-bind="props._alertClose"
+        :una
+        @click="emit('close')"
+      >
+        <slot name="close" />
+      </AlertClose>
+
+      <slot v-if="$slots.actions" name="actions" />
+    </slot>
+  </div>
+</template>

package/dist/runtime/components/alert/Alert.vue.d.ts

@@ -0,0 +1,32 @@
+import type { NAlertProps } from '../../types/index.js';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {}, __VLS_16: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    description?: (props: typeof __VLS_16) => any;
+} & {
+    close?: (props: typeof __VLS_25) => any;
+} & {
+    actions?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<NAlertProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    icon: string | boolean;
+    size: import("vue").HTMLAttributes["class"];
+    alert: import("vue").HTMLAttributes["class"];
+    closable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert/AlertClose.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { cn } from "../../utils";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  size: { type: null, required: false },
+  class: { type: null, required: false },
+  una: { type: Object, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false, default: true },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false, default: "alert-close-icon" },
+  btn: { type: String, required: false, default: "~" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  square: { type: null, required: false, default: "1.4285714285714286em" },
+  rounded: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  tabsActive: { type: String, required: false },
+  tabsInactive: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="alert-close-wrapper"
+    :class="cn(
+  'alert-close-wrapper',
+  props.una?.alertCloseWrapper
+)"
+  >
+    <slot>
+      <NButton
+        v-bind="{ ...props, ...$attrs }"
+        :size
+        :class="cn(
+  props.btn === '~' && 'text-current hover:ring-1 hover:ring-current',
+  props.class
+)"
+      />
+    </slot>
+  </div>
+</template>

package/dist/runtime/components/alert/AlertClose.vue.d.ts

@@ -0,0 +1,18 @@
+import type { NAlertCloseProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertCloseProps> & Readonly<{}>, {
+    icon: boolean;
+    label: string;
+    btn: string;
+    square: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert/AlertDescription.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  size: { type: null, required: false, default: "sm" },
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="alert-description"
+    :size
+    :class="cn(
+  'alert-description',
+  props.una?.alertDescription,
+  props.class
+)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/alert/AlertDescription.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NAlertDescriptionProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertDescriptionProps> & Readonly<{}>, {
+    size: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert/AlertTitle.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  size: { type: null, required: false, default: "sm" },
+  class: { type: null, required: false },
+  una: { type: Object, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="alert-title"
+    :size
+    :class="cn(
+  'alert-title',
+  props.una?.alertTitle,
+  props.class
+)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/alert/AlertTitle.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NAlertTitleProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertTitleProps> & Readonly<{}>, {
+    size: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialog.vue

@@ -26,7 +26,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  preventClose: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false, default: true },
   overlay: { type: Boolean, required: false, default: true },
   _alertDialogCancel: { type: Object, required: false },
   _alertDialogAction: { type: Object, required: false },
@@ -61,7 +61,7 @@ const forwarded = useForwardPropsEmits(rootProps, emits);
       <AlertDialogContent
         v-bind="_alertDialogContent"
         :_alert-dialog-overlay
-        :prevent-close
+        :dismissible
         :una
       >
         <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">

package/dist/runtime/components/alert-dialog/AlertDialog.vue.d.ts

@@ -34,6 +34,7 @@ declare const __VLS_component: import("vue").DefineComponent<NAlertDialogProps,
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onAction?: ((args_0: Event) => any) | undefined;
 }>, {
+    dismissible: boolean;
     overlay: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/alert-dialog/AlertDialogCancel.vue

@@ -15,7 +15,7 @@ const props = defineProps({
   block: { type: Boolean, required: false },
   to: { type: null, required: false },
   label: { type: String, required: false, default: "Cancel" },
-  btn: { type: String, required: false, default: "solid-gray" },
+  btn: { type: String, required: false, default: "outline-gray" },
   leading: { type: String, required: false },
   trailing: { type: String, required: false },
   size: { type: String, required: false },

package/dist/runtime/components/alert-dialog/AlertDialogContent.vue

@@ -12,7 +12,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  preventClose: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false, default: true },
   overlay: { type: Boolean, required: false, default: true },
   _alertDialogCancel: { type: Object, required: false },
   _alertDialogAction: { type: Object, required: false },
@@ -29,7 +29,7 @@ const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside"
 const delegatedProps = reactiveOmit(props, ["class", "una", "_alertDialogOverlay"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 const contentEvents = computed(() => {
-  if (props.preventClose) {
+  if (!props.dismissible) {
     return {
       pointerDownOutside: (e) => e.preventDefault(),
       interactOutside: (e) => e.preventDefault(),

package/dist/runtime/components/alert-dialog/AlertDialogContent.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_component: import("vue").DefineComponent<NAlertDialogContent
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    dismissible: boolean;
     overlay: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/aspect-ratio/AspectRatio.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAspectRatioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAspectRatioProps> & Readonly<{}>, {
-    aspectRatio: string;
     rounded: import("vue").HTMLAttributes["class"];
+    aspectRatio: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/combobox/Combobox.vue

@@ -206,8 +206,9 @@ function isItemSelected(item) {
           <slot name="input-wrapper" :model-value :open>
             <ComboboxInput
               v-if="$slots.trigger || $slots.triggerRoot"
+              input="~"
               :class="cn(
-  'border-0 border-b-1 rounded-none text-1em focus-visible:ring-0',
+  'border-b-1 rounded-none text-1em',
   props._comboboxInput?.class
 )"
               leading="combobox-input-leading-icon"

package/dist/runtime/components/combobox/ComboboxTrigger.vue

@@ -20,7 +20,7 @@ const props = defineProps({
   block: { type: Boolean, required: false },
   to: { type: null, required: false },
   label: { type: String, required: false },
-  btn: { type: String, required: false, default: "solid-white" },
+  btn: { type: String, required: false, default: "outline-gray" },
   leading: { type: String, required: false },
   trailing: { type: String, required: false },
   size: { type: String, required: false },

package/dist/runtime/components/elements/Button.vue.d.ts

@@ -10,6 +10,9 @@ type __VLS_Slots = {} & {
     trailing?: (props: typeof __VLS_37) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NButtonProps> & Readonly<{}>, {
+    type: "button" | "submit" | "reset";
+    loadingPlacement: "leading" | "trailing" | "label";
+    size: string;
     una: {
         btnDefaultVariant?: string;
         btn?: string;
@@ -21,9 +24,6 @@ declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {
         btnLoadingIcon?: string;
     };
     rounded: import("vue").HTMLAttributes["class"];
-    size: string;
-    type: "button" | "submit" | "reset";
-    loadingPlacement: "leading" | "trailing" | "label";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/elements/Skeleton.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { cn } from "../../utils";
 const props = defineProps({
-  skeleton: { type: null, required: false },
+  skeleton: { type: null, required: false, default: "gray" },
   size: { type: null, required: false },
   rounded: { type: null, required: false },
   una: { type: Object, required: false },

package/dist/runtime/components/elements/Skeleton.vue.d.ts

@@ -3,7 +3,9 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NSkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<NSkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSkeletonProps> & Readonly<{}>, {
+    skeleton: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/elements/avatar/Avatar.vue

@@ -42,22 +42,24 @@ const props = defineProps({
     v-bind="{ ..._avatarRoot, ...$attrs }"
   >
     <slot>
-      <AvatarImage
-        v-if="src"
-        :src
+      <slot name="image">
+        <AvatarImage
+          v-if="src"
+          :src
+          :una
+          :alt
+          v-bind="_avatarImage"
+        />
+      </slot>
+
+      <AvatarFallback
+        :label="label || alt?.split(' ').map((word) => word[0]).join('').slice(0, 2)"
+        :icon
+        v-bind="_avatarFallback"
         :una
-        :alt
-        v-bind="_avatarImage"
-      />
+      >
+        <slot name="fallback" />
+      </AvatarFallback>
     </slot>
-
-    <AvatarFallback
-      :label="label || alt?.split(' ').map((word) => word[0]).join('').slice(0, 2)"
-      :icon
-      v-bind="_avatarFallback"
-      :una
-    >
-      <slot name="fallback" />
-    </AvatarFallback>
   </AvatarRoot>
 </template>

package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts

@@ -1,15 +1,17 @@
 import type { NAvatarProps } from '../../../types/index.js';
-declare var __VLS_6: {}, __VLS_14: {};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 } & {
-    fallback?: (props: typeof __VLS_14) => any;
+    image?: (props: typeof __VLS_8) => any;
+} & {
+    fallback?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
-    rounded: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];
+    rounded: import("vue").HTMLAttributes["class"];
+    as: import("reka-ui").AsTag | import("vue").Component;
     avatar: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/card/Card.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { reactiveOmit } from "@vueuse/core";
 import { cn } from "../../../utils";
+import CardAction from "./CardAction.vue";
 import CardContent from "./CardContent.vue";
 import CardDescription from "./CardDescription.vue";
 import CardFooter from "./CardFooter.vue";
@@ -10,7 +11,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  card: { type: String, required: false, default: "outline-gray" },
+  card: { type: String, required: false, default: "solid-gray" },
   title: { type: String, required: false },
   description: { type: String, required: false },
   _cardContent: { type: Object, required: false },
@@ -18,6 +19,7 @@ const props = defineProps({
   _cardDescription: { type: Object, required: false },
   _cardHeader: { type: Object, required: false },
   _cardFooter: { type: Object, required: false },
+  _cardAction: { type: Object, required: false },
   una: { type: Object, required: false },
   class: { type: null, required: false }
 });
@@ -26,6 +28,7 @@ const delegatedProps = reactiveOmit(props, ["class"]);
 
 <template>
   <div
+    data-slot="card"
     v-bind="{ ...$attrs, delegatedProps }"
     :card="card"
     :class="cn(
@@ -33,7 +36,7 @@ const delegatedProps = reactiveOmit(props, ["class"]);
   props.class
 )"
   >
-    <slot name="root">
+    <slot>
       <CardHeader
         v-if="$slots.header || $slots.title || $slots.description || title || description"
         v-bind="delegatedProps._cardHeader"
@@ -59,15 +62,23 @@ const delegatedProps = reactiveOmit(props, ["class"]);
               {{ description }}
             </slot>
           </CardDescription>
+
+          <CardAction
+            v-if="$slots.action"
+            v-bind="delegatedProps._cardAction"
+            :una
+          >
+            <slot name="action" />
+          </CardAction>
         </slot>
       </CardHeader>
 
       <CardContent
-        v-if="$slots.default"
+        v-if="$slots.content"
         v-bind="delegatedProps._cardContent"
         :una
       >
-        <slot />
+        <slot name="content" />
       </CardContent>
 
       <CardFooter

package/dist/runtime/components/elements/card/Card.vue.d.ts

@@ -1,7 +1,7 @@
 import type { NCardProps } from '../../../types/card.js';
-declare var __VLS_1: {}, __VLS_6: {}, __VLS_11: {}, __VLS_16: {}, __VLS_21: {}, __VLS_26: {};
+declare var __VLS_1: {}, __VLS_6: {}, __VLS_11: {}, __VLS_16: {}, __VLS_21: {}, __VLS_26: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
-    root?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 } & {
     header?: (props: typeof __VLS_6) => any;
 } & {
@@ -9,9 +9,11 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    action?: (props: typeof __VLS_21) => any;
 } & {
-    footer?: (props: typeof __VLS_26) => any;
+    content?: (props: typeof __VLS_26) => any;
+} & {
+    footer?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardProps> & Readonly<{}>, {
     card: string;

package/dist/runtime/components/elements/card/CardAction.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="card-action"
+    :class="cn(
+  'card-action',
+  props.class
+)"
+  >
+    <slot />
+  </div>
+</template>