@una-ui/nuxt-edge 1.0.0-alpha.0-29177010.13f2e35 → 1.0.0-alpha.0-29178759.d117979

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "configKey": "una",
-  "version": "1.0.0-alpha.0-29177010.13f2e35",
+  "version": "1.0.0-alpha.0-29178759.d117979",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt-edge";
-const version = "1.0.0-alpha.0-29177010.13f2e35";
+const version = "1.0.0-alpha.0-29178759.d117979";
 
 const module = defineNuxtModule({
   meta: {

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/types/alert.d.ts

@@ -1,4 +1,8 @@
+import type { HTMLAttributes } from 'vue';
+import type { NButtonProps } from './button.js';
 export interface NAlertProps {
+    size?: HTMLAttributes['class'];
+    class?: HTMLAttributes['class'];
     /**
      * Allows you to add `UnaUI` alert preset properties,
      * Think of it as a shortcut for adding options or variants to the preset if available.
@@ -7,7 +11,7 @@ export interface NAlertProps {
      * @example
      * alert="outline-pink"
      */
-    alert?: string;
+    alert?: HTMLAttributes['class'];
     /**
      * Add icon to the alert,
      * If this is true, the icon will be automatically generated based on the color.
@@ -33,23 +37,34 @@ export interface NAlertProps {
      * Add a description to the alert.
      */
     description?: string;
+    _alertTitle?: NAlertTitleProps;
+    _alertDescription?: NAlertDescriptionProps;
+    _alertClose?: NAlertCloseProps;
     /**
      * `UnaUI` preset configuration
      *
      * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/alert.ts
      */
-    una?: {
-        alert?: string;
-        alertTitle?: string;
-        alertDescription?: string;
-        alertIconBase?: string;
-        alertClose?: string;
-        alertCloseIconBase?: string;
-        alertInnerWrapper?: string;
-        alertContentWrapper?: string;
-        alertIconWrapper?: string;
-        alertCloseWrapper?: string;
-        alertCloseInnerWrapper?: string;
-        alertCloseIcon?: string;
-    };
+    una?: NAlertUnaProps;
+}
+export interface NAlertTitleProps {
+    size?: HTMLAttributes['class'];
+    class?: HTMLAttributes['class'];
+    una?: Pick<NAlertUnaProps, 'alertTitle'>;
+}
+export interface NAlertDescriptionProps {
+    size?: HTMLAttributes['class'];
+    class?: HTMLAttributes['class'];
+    una?: Pick<NAlertUnaProps, 'alertDescription'>;
+}
+export interface NAlertCloseProps extends Omit<NButtonProps, 'una'> {
+    size?: HTMLAttributes['class'];
+    class?: HTMLAttributes['class'];
+    una?: Pick<NAlertUnaProps, 'alertCloseWrapper'> & NButtonProps['una'];
+}
+export interface NAlertUnaProps {
+    alert?: HTMLAttributes['class'];
+    alertTitle?: HTMLAttributes['class'];
+    alertDescription?: HTMLAttributes['class'];
+    alertCloseWrapper?: HTMLAttributes['class'];
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "type": "module",
-  "version": "1.0.0-alpha.0-29177010.13f2e35",
+  "version": "1.0.0-alpha.0-29178759.d117979",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "@nuxt/kit": "^3.17.5",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@1.0.0-alpha.0-29177010.13f2e35",
-    "@una-ui/preset": "npm:@una-ui/preset-edge@1.0.0-alpha.0-29177010.13f2e35",
+    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@1.0.0-alpha.0-29178759.d117979",
+    "@una-ui/preset": "npm:@una-ui/preset-edge@1.0.0-alpha.0-29178759.d117979",
     "@unocss/core": "^66.2.0",
     "@unocss/nuxt": "^66.2.0",
     "@unocss/preset-attributify": "^66.2.0",

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

@@ -1,127 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import NButton from "../elements/Button.vue";
-import NIcon from "../elements/Icon.vue";
-defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  alert: { type: String, required: false },
-  icon: { type: [String, Boolean], required: false, default: false },
-  closable: { type: Boolean, required: false },
-  title: { type: String, required: false },
-  description: { type: String, required: false },
-  una: { type: Object, required: false }
-});
-const emit = defineEmits(["close"]);
-const slots = defineSlots();
-const alertVariants = ["soft", "outline", "border"];
-const hasVariant = computed(() => alertVariants.some((alertVariants2) => props.alert?.includes(alertVariants2)));
-const isBaseVariant = computed(() => props.alert?.includes("~"));
-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
-    v-bind="$attrs"
-    :alert="alert"
-    class="alert"
-    :class="[
-  { 'alert-default-variant': !hasVariant && !isBaseVariant },
-  una?.alert
-]"
-  >
-    <div
-      alert="inner-wrapper"
-      :class="una?.alertInnerWrapper"
-    >
-      <div
-        v-if="props.icon !== false"
-        alert="icon-wrapper"
-        :class="una?.alertIconWrapper"
-      >
-        <slot name="icon">
-          <NIcon
-            alert="icon-base"
-            :name="icon"
-            aria-hidden="true"
-          />
-        </slot>
-      </div>
-
-      <slot>
-        <div
-          alert="content-wrapper"
-          :class="una?.alertContentWrapper"
-        >
-          <div
-            v-if="slots.title || title"
-            alert="title"
-            :class="una?.alertTitle"
-          >
-            <slot name="title">
-              <div>
-                {{ title }}
-              </div>
-            </slot>
-          </div>
-          <div
-            v-if="slots.description || description"
-            alert="description"
-            :class="una?.alertDescription"
-          >
-            <slot name="description">
-              <p>
-                {{ description }}
-              </p>
-            </slot>
-          </div>
-        </div>
-      </slot>
-
-      <div
-        v-if="slots.closeIcon || closable"
-        alert="close-wrapper"
-        :class="una?.alertCloseWrapper"
-      >
-        <div
-          alert="close-inner-wrapper"
-          :class="una?.alertCloseInnerWrapper"
-        >
-          <NButton
-            alert="close"
-            :class="una?.alertClose"
-            btn="~"
-            square
-            @click="emit('close')"
-          >
-            <slot name="closeIcon">
-              <NIcon
-                :class="`${una?.alertCloseIconBase} alert-close-icon-base`"
-                :name="una?.alertCloseIcon ?? 'alert-close-icon'"
-                aria-hidden="true"
-              />
-            </slot>
-          </NButton>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>

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

@@ -1,18 +0,0 @@
-import type { NAlertProps } from '../../types/index.js';
-type __VLS_Slots = {
-    default?: any;
-    title?: any;
-    description?: any;
-    icon?: any;
-    closeIcon?: any;
-};
-declare const __VLS_component: import("vue").DefineComponent<NAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    icon: string | 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;
-    };
-};