@una-ui/nuxt 0.52.1 → 0.53.0

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

@@ -0,0 +1,25 @@
+import type { NCardProps } from '../../../types/card.js';
+declare var __VLS_1: {}, __VLS_6: {}, __VLS_11: {}, __VLS_16: {}, __VLS_21: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+    root?: (props: typeof __VLS_1) => any;
+} & {
+    header?: (props: typeof __VLS_6) => any;
+} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    description?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
+} & {
+    footer?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardProps> & Readonly<{}>, {
+    card: string;
+}, {}, {}, {}, 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/elements/card/CardContent.vue

@@ -1,17 +1,18 @@
-<script setup lang="ts">
-import type { NCardContentProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NCardContentProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <div
     :class="cn(
-      'card-content',
-      props.una?.cardContent,
-      props.class,
-    )"
+  'card-content',
+  props.una?.cardContent,
+  props.class
+)"
   >
     <slot />
   </div>

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

@@ -0,0 +1,13 @@
+import type { NCardContentProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardContentProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/card/CardDescription.vue

@@ -1,17 +1,18 @@
-<script setup lang="ts">
-import type { NCardDescriptionProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NCardDescriptionProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <p
     :class="cn(
-      'card-description',
-      props.una?.cardDescription,
-      props.class,
-    )"
+  'card-description',
+  props.una?.cardDescription,
+  props.class
+)"
   >
     <slot />
   </p>

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

@@ -0,0 +1,13 @@
+import type { NCardDescriptionProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/card/CardFooter.vue

@@ -1,17 +1,18 @@
-<script setup lang="ts">
-import type { NCardFooterProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NCardFooterProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <div
     :class="cn(
-      'card-footer',
-      props.una?.cardFooter,
-      props.class,
-    )"
+  'card-footer',
+  props.una?.cardFooter,
+  props.class
+)"
   >
     <slot />
   </div>

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

@@ -0,0 +1,13 @@
+import type { NCardFooterProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardFooterProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/card/CardHeader.vue

@@ -1,17 +1,18 @@
-<script setup lang="ts">
-import type { NCardHeaderProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NCardHeaderProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <div
     :class="cn(
-      'card-header',
-      props.una?.cardHeader,
-      props.class,
-    )"
+  'card-header',
+  props.una?.cardHeader,
+  props.class
+)"
   >
     <slot />
   </div>

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

@@ -0,0 +1,13 @@
+import type { NCardHeaderProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardHeaderProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/card/CardTitle.vue

@@ -1,19 +1,20 @@
-<script setup lang="ts">
-import type { NCardTitleProps } from '../../../types'
-import { cn } from '../../../utils'
-
-const props = defineProps<NCardTitleProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <h3
     :class="
-      cn(
-        'card-title',
-        props.una?.cardTitle,
-        props.class,
-      )
-    "
+  cn(
+    'card-title',
+    props.una?.cardTitle,
+    props.class
+  )
+"
   >
     <slot />
   </h3>

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

@@ -0,0 +1,13 @@
+import type { NCardTitleProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCardTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCardTitleProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/collapsible/Collapsible.vue

@@ -1,14 +1,18 @@
-<script setup lang="ts">
-import type { CollapsibleRootEmits } from 'reka-ui'
-import type { NCollapsibleProps } from '../../../types'
-import { CollapsibleRoot, useForwardPropsEmits } from 'reka-ui'
-import CollapsibleContent from './CollapsibleContent.vue'
-import CollapsibleTrigger from './CollapsibleTrigger.vue'
-
-const props = defineProps<NCollapsibleProps>()
-const emits = defineEmits<CollapsibleRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
+<script setup>
+import { CollapsibleRoot, useForwardPropsEmits } from "reka-ui";
+import CollapsibleContent from "./CollapsibleContent.vue";
+import CollapsibleTrigger from "./CollapsibleTrigger.vue";
+const props = defineProps({
+  _collapsibleContent: { type: Object, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>

package/dist/runtime/components/elements/collapsible/Collapsible.vue.d.ts

@@ -0,0 +1,25 @@
+import type { NCollapsibleProps } from '../../../types/index.js';
+declare var __VLS_6: {
+    open: boolean;
+}, __VLS_11: {
+    open: boolean;
+}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    trigger?: (props: typeof __VLS_11) => any;
+} & {
+    content?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NCollapsibleProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/elements/collapsible/CollapsibleContent.vue

@@ -1,18 +1,21 @@
-<script setup lang="ts">
-import type { NCollapsibleContentProps } from '../../../types'
-import { CollapsibleContent } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NCollapsibleContentProps>()
+<script setup>
+import { CollapsibleContent } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <CollapsibleContent
     v-bind="props"
     :class="cn(
-      'collapsible-content',
-      props.class,
-    )"
+  'collapsible-content',
+  props.class
+)"
   >
     <slot />
   </CollapsibleContent>

package/dist/runtime/components/elements/collapsible/CollapsibleContent.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NCollapsibleContentProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NCollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/collapsible/CollapsibleTrigger.vue

@@ -1,8 +1,9 @@
-<script setup lang="ts">
-import type { CollapsibleTriggerProps } from 'reka-ui'
-import { CollapsibleTrigger } from 'reka-ui'
-
-const props = defineProps<CollapsibleTriggerProps>()
+<script setup>
+import { CollapsibleTrigger } from "reka-ui";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/elements/collapsible/CollapsibleTrigger.vue.d.ts

@@ -0,0 +1,13 @@
+import type { CollapsibleTriggerProps } from 'reka-ui';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {}, {}, {}, {}, 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/elements/dialog/Dialog.vue

@@ -1,39 +1,47 @@
-<script setup lang="ts">
-import type { DialogRootEmits } from 'reka-ui'
-import type { NDialogProps } from '../../../types'
-import { reactivePick } from '@vueuse/core'
-import { DialogRoot, DialogTrigger, useForwardPropsEmits, VisuallyHidden } from 'reka-ui'
-import { computed } from 'vue'
-import { randomId } from '../../../utils'
-import DialogContent from './DialogContent.vue'
-import DialogDescription from './DialogDescription.vue'
-import DialogFooter from './DialogFooter.vue'
-import DialogHeader from './DialogHeader.vue'
-import DialogScrollContent from './DialogScrollContent.vue'
-import DialogTitle from './DialogTitle.vue'
-
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { DialogRoot, DialogTrigger, useForwardPropsEmits, VisuallyHidden } from "reka-ui";
+import { computed } from "vue";
+import { randomId } from "../../../utils";
+import DialogContent from "./DialogContent.vue";
+import DialogDescription from "./DialogDescription.vue";
+import DialogFooter from "./DialogFooter.vue";
+import DialogHeader from "./DialogHeader.vue";
+import DialogScrollContent from "./DialogScrollContent.vue";
+import DialogTitle from "./DialogTitle.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NDialogProps>(), {
-  showClose: true,
-  overlay: true,
-})
-const emits = defineEmits<DialogRootEmits>()
-const DEFAULT_TITLE = randomId('dialog-title')
-const DEFAULT_DESCRIPTION = randomId('dialog-description')
-
-const title = computed(() => props.title ?? DEFAULT_TITLE)
-const description = computed(() => props.description ?? DEFAULT_DESCRIPTION)
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  scrollable: { type: Boolean, required: false },
+  _dialogTitle: { type: Object, required: false },
+  _dialogDescription: { type: Object, required: false },
+  _dialogHeader: { type: Object, required: false },
+  _dialogFooter: { type: Object, required: false },
+  _dialogContent: { type: Object, required: false },
+  una: { type: Object, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  modal: { type: Boolean, required: false },
+  preventClose: { type: Boolean, required: false },
+  showClose: { type: Boolean, required: false, default: true },
+  overlay: { type: Boolean, required: false, default: true },
+  _dialogClose: { type: Object, required: false },
+  _dialogOverlay: { type: Object, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const DEFAULT_TITLE = randomId("dialog-title");
+const DEFAULT_DESCRIPTION = randomId("dialog-description");
+const title = computed(() => props.title ?? DEFAULT_TITLE);
+const description = computed(() => props.description ?? DEFAULT_DESCRIPTION);
 const rootProps = reactivePick(props, [
-  'open',
-  'defaultOpen',
-  'modal',
-])
-
-const rootPropsEmits = useForwardPropsEmits(rootProps, emits)
+  "open",
+  "defaultOpen",
+  "modal"
+]);
+const rootPropsEmits = useForwardPropsEmits(rootProps, emits);
 </script>
 
 <template>
@@ -52,7 +60,7 @@ const rootPropsEmits = useForwardPropsEmits(rootProps, emits)
       :prevent-close
       :una
     >
-      <VisuallyHidden v-if="(title === DEFAULT_TITLE || !!$slots.title) || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
+      <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
         <DialogTitle v-if="title === DEFAULT_TITLE || !!$slots.title">
           {{ title }}
         </DialogTitle>

package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts

@@ -0,0 +1,34 @@
+import type { NDialogProps } from '../../../types/index.js';
+declare var __VLS_10: {
+    open: boolean;
+}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_10) => any;
+} & {
+    content?: (props: typeof __VLS_26) => any;
+} & {
+    header?: (props: typeof __VLS_31) => any;
+} & {
+    title?: (props: typeof __VLS_36) => any;
+} & {
+    description?: (props: typeof __VLS_41) => any;
+} & {
+    default?: (props: typeof __VLS_43) => any;
+} & {
+    footer?: (props: typeof __VLS_48) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NDialogProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    overlay: boolean;
+    showClose: 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/elements/dialog/DialogClose.vue

@@ -1,14 +1,37 @@
-<script setup lang="ts">
-import type { NDialogCloseProps } from '../../../types'
-import { DialogClose } from 'reka-ui'
-import Button from '../Button.vue'
-
-const props = withDefaults(defineProps<NDialogCloseProps>(), {
-  btn: 'ghost-gray',
-  label: 'i-close',
-  square: '2em',
-  icon: true,
-})
+<script setup>
+import { DialogClose } from "reka-ui";
+import Button from "../Button.vue";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, 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: "i-close" },
+  btn: { type: String, required: false, default: "ghost-gray" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  una: { type: Object, required: false },
+  square: { type: null, required: false, default: "2em" },
+  rounded: { type: null, required: false },
+  class: { 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 },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/elements/dialog/DialogClose.vue.d.ts

@@ -0,0 +1,18 @@
+import type { NDialogCloseProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogCloseProps> & Readonly<{}>, {
+    label: string;
+    icon: boolean;
+    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;
+    };
+};