@una-ui/nuxt-edge 0.65.0-29340950.1c416ca → 0.65.0-29346260.635b79f

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "configKey": "una",
-  "version": "0.65.0-29340950.1c416ca",
+  "version": "0.65.0-29346260.635b79f",
   "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 = "0.65.0-29340950.1c416ca";
+const version = "0.65.0-29346260.635b79f";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/elements/accordion/Accordion.vue

@@ -0,0 +1,86 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { defu } from "defu";
+import { AccordionRoot, useForwardPropsEmits } from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import NAccordionItem from "./AccordionItem.vue";
+const props = defineProps({
+  accordion: { type: String, required: false, default: "divider border" },
+  items: { type: Array, required: false },
+  una: { type: Object, required: false },
+  _accordionItem: { type: Object, required: false },
+  _accordionHeader: { type: Object, required: false },
+  _accordionTrigger: { type: Object, required: false },
+  _accordionContent: { type: Object, required: false },
+  collapsible: { type: Boolean, required: false, default: true },
+  disabled: { type: Boolean, required: false },
+  dir: { type: String, required: false },
+  orientation: { type: String, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false, default: "single" },
+  modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const rootProps = useForwardPropsEmits(reactiveOmit(props, ["una", "items", "_accordionTrigger", "_accordionContent", "_accordionHeader", "_accordionItem"]), emits);
+const items = computed(() => {
+  if (import.meta.dev) {
+    const reservedValues = ["header", "trigger", "content", "item", "default"];
+    for (const item of props.items ?? []) {
+      if (reservedValues.includes(item.value)) {
+        console.warn(`[AccordionItem]: The value '${item.value}' is reserved and may cause unexpected behavior. Please choose a different value.`);
+      }
+    }
+  }
+  return props.items;
+});
+</script>
+
+<template>
+  <AccordionRoot
+    v-slot="{ modelValue }"
+    v-bind="rootProps"
+    :class="cn(
+  una?.accordion
+)"
+  >
+    <slot :model-value>
+      <NAccordionItem
+        v-for="(item, index) in items"
+        :key="item.value"
+        v-bind="defu(item, _accordionItem)"
+        :_accordion-trigger="defu(item._accordionTrigger, _accordionTrigger)"
+        :_accordion-content="defu(item._accordionContent, _accordionContent)"
+        :_accordion-header="defu(item._accordionHeader, _accordionHeader)"
+        :una="defu(item.una, una)"
+      >
+        <template #default="{ open }">
+          <slot :name="`${item.value}-item`" :open :item :index>
+            <slot name="item" :open :item :index />
+          </slot>
+        </template>
+
+        <template #header="{ open }">
+          <slot :name="`${item.value}-header`" :open :item :index>
+            <slot name="header" :open :item :index />
+          </slot>
+        </template>
+
+        <template #trigger="{ open }">
+          <slot :name="`${item.value}-trigger`" :open :item :index>
+            <slot name="trigger" :open :item :index />
+          </slot>
+        </template>
+
+        <template #content="{ open }">
+          <slot :name="`${item.value}-content`" :open :item :index>
+            <slot name="content" :open :item :index />
+          </slot>
+        </template>
+      </NAccordionItem>
+    </slot>
+  </AccordionRoot>
+</template>

package/dist/runtime/components/elements/accordion/Accordion.vue.d.ts

@@ -0,0 +1,71 @@
+import type { NAccordionProps } from '../../../types/index.js';
+declare var __VLS_6: {
+    modelValue: any;
+}, __VLS_12: any, __VLS_13: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_15: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_18: any, __VLS_19: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_21: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_24: any, __VLS_25: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_27: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_30: any, __VLS_31: {
+    open: any;
+    item: any;
+    index: any;
+}, __VLS_33: {
+    open: any;
+    item: any;
+    index: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+} & {
+    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
+} & {
+    [K in NonNullable<typeof __VLS_24>]?: (props: typeof __VLS_25) => any;
+} & {
+    [K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;
+} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    item?: (props: typeof __VLS_15) => any;
+} & {
+    header?: (props: typeof __VLS_21) => any;
+} & {
+    trigger?: (props: typeof __VLS_27) => any;
+} & {
+    content?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<NAccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    type: "multiple" | "single";
+    accordion: string;
+    collapsible: 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/accordion/AccordionContent.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionContent, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionContent v-bind="forwardProps" :class="cn('accordion-content group/accordion-content', una?.accordionContent)">
+    <div :class="cn('accordion-panel', una?.accordionPanel)">
+      <slot />
+    </div>
+  </AccordionContent>
+</template>
+
+<style scoped>
+.accordion-content[data-state=open]{animation:accordionIn .3s cubic-bezier(.86,0,.07,1)}.accordion-content[data-state=closed]{animation:accordionOut .3s cubic-bezier(.86,0,.07,1)}@keyframes accordionIn{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes accordionOut{0%{height:var(--reka-accordion-content-height)}to{height:0}}
+</style>

package/dist/runtime/components/elements/accordion/AccordionContent.vue.d.ts

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

@@ -0,0 +1,17 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionHeader, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionHeader v-bind="forwardProps" :class="cn('accordion-header', una?.accordionHeader)">
+    <slot />
+  </AccordionHeader>
+</template>

package/dist/runtime/components/elements/accordion/AccordionHeader.vue.d.ts

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

@@ -0,0 +1,59 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionItem, Primitive, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+import NAccordionContent from "./AccordionContent.vue";
+import NAccordionHeader from "./AccordionHeader.vue";
+import NAccordionTrigger from "./AccordionTrigger.vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  content: { type: String, required: false },
+  una: { type: Object, required: false },
+  _accordionHeader: { type: Object, required: false },
+  _accordionTrigger: { type: Object, required: false },
+  _accordionContent: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  value: { type: String, required: true },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una", "label", "content", "_accordionContent", "_accordionHeader", "_accordionTrigger"]));
+</script>
+
+<template>
+  <AccordionItem
+    v-slot="{ open }"
+    v-bind="forwardProps"
+    :class="cn('accordion-item', una?.accordionItem)"
+  >
+    <slot :open>
+      <NAccordionHeader :una v-bind="_accordionHeader">
+        <Primitive
+          as-child
+          :label
+          v-bind="_accordionTrigger"
+          :una="{
+  btnLeading: cn('accordion-leading', una?.accordionLeading),
+  btnTrailing: cn(
+    'accordion-trailing',
+    una?.accordionTrailing,
+    open ? una?.accordionTrailingOpen : una?.accordionTrailingClose
+  )
+}"
+        >
+          <slot name="header" :open>
+            <NAccordionTrigger>
+              <slot name="trigger" :open />
+            </NAccordionTrigger>
+          </slot>
+        </Primitive>
+      </NAccordionHeader>
+      <NAccordionContent :una v-bind="_accordionContent">
+        <slot name="content" :open>
+          {{ content }}
+        </slot>
+      </NAccordionContent>
+    </slot>
+  </AccordionItem>
+</template>

package/dist/runtime/components/elements/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,27 @@
+import type { NAccordionItemProps } from '../../../types/accordion.js';
+declare var __VLS_6: {
+    open: any;
+}, __VLS_15: {
+    open: any;
+}, __VLS_20: {
+    open: any;
+}, __VLS_25: {
+    open: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    header?: (props: typeof __VLS_15) => any;
+} & {
+    trigger?: (props: typeof __VLS_20) => any;
+} & {
+    content?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionItemProps> & 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/accordion/AccordionTrigger.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AccordionTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  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 },
+  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 },
+  btn: { type: String, required: false, default: "~ text" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false, default: "accordion-trailing-icon" },
+  size: { type: String, required: false },
+  square: { type: null, required: false },
+  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 },
+  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 }
+});
+const forwardProps = useForwardProps(reactiveOmit(props, ["una"]));
+</script>
+
+<template>
+  <AccordionTrigger
+    class="group/accordion-trigger accordion-trigger"
+    v-bind="forwardProps"
+    as-child
+    :una="{
+  ...una,
+  btn: cn('accordion-trigger-padding', una?.btn),
+  btnLabel: cn('accordion-trigger-label', una?.btnLabel)
+}"
+  >
+    <slot>
+      <NButton />
+    </slot>
+  </AccordionTrigger>
+</template>

package/dist/runtime/components/elements/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NAccordionTriggerProps } from '../../../types/accordion.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionTriggerProps> & Readonly<{}>, {
+    btn: string;
+    trailing: 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/avatar/Avatar.vue.d.ts

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
     size: import("vue").HTMLAttributes["class"];
+    as: import("reka-ui").AsTag | import("vue").Component;
     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/navigation-menu/NavigationMenuLink.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuLink
     }>) => any) | undefined;
 }>, {
     btn: string;
-    navigationMenuLink: string;
     as: import("reka-ui").AsTag | import("vue").Component;
+    navigationMenuLink: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/navigation-menu/NavigationMenuTrigger.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNavigationMenuTriggerProps> & Readonly<{}>, {
     btn: string;
     trailing: string;
-    navigationMenu: string;
     as: import("reka-ui").AsTag | import("vue").Component;
+    navigationMenu: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/sidebar/SidebarProvider.vue.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_component: import("vue").DefineComponent<NSidebarProviderPro
 }, string, import("vue").PublicProps, Readonly<NSidebarProviderProps> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-    defaultOpen: boolean;
     open: boolean;
+    defaultOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/toggle-group/ToggleGroupItem.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<NToggleGro
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     icon: boolean;
-    square: import("vue").HTMLAttributes["class"];
     as: import("reka-ui").AsTag | import("vue").Component;
+    square: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: any) => any;
 }>;

package/dist/runtime/types/accordion.d.ts

@@ -1,5 +1,6 @@
+import type { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps } from 'reka-ui';
 import type { NButtonProps } from './button.js';
-export interface NAccordionProps extends Omit<NButtonProps, 'una'> {
+export interface NAccordionProps extends AccordionRootProps {
     /**
      * Allows you to add `UnaUI` accordion preset properties,
      * Think of it as a shortcut for adding options or variants to the preset if available.
@@ -8,110 +9,54 @@ export interface NAccordionProps extends Omit<NButtonProps, 'una'> {
      * But you can add your own in the configuration file.
      */
     accordion?: string;
-    /**
-     * Update leading icon when accordion button item is open,
-     * Accepts icon name and utility classes
-     */
-    trailingOpen?: string;
-    /**
-     * Update leading icon when accordion button item is closed,
-     * Accepts icon name and utility classes
-     */
-    trailingClose?: string;
-    /**
-     * Allow multiple accordion items to be open at the same time
-     *
-     * @default false
-     */
-    multiple?: boolean;
-    /**
-     * Allow accordion item to be open by default
-     *
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Removes border and divider from accordion
-     *
-     * @default false
-     */
-    unstyle?: boolean;
-    /**
-     * By default, the accordion is unmounted for performance reasons,
-     * This means that the accordion will not be rendered until it is opened,
-     * If you want to render the accordion when the page loads, you can use the `mounted` prop.
-     *
-     * @default false
-     */
-    mounted?: boolean;
     /**
      * List of items to be rendered,
      * It extends the `NButtonProps` interface
      *
      * @see https://github.com/una-ui/una-ui/blob/main/packages/nuxt/src/runtime/types/button.ts
      */
-    items: NAccordionItemProps[];
+    items?: NAccordionItemProps[];
     /**
      * `UnaUI` preset configuration
      *
      * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/accordion.ts
      */
-    una?: {
-        accordion?: string;
-        accordionItem?: string;
-        accordionButton?: string;
-        accordionPanel?: string;
-        accordionLeading?: string;
-        accordionTrailing?: string;
-        accordionTrailingOpen?: string;
-        accordionTrailingClose?: string;
-        accordionEnterActive?: string;
-        accordionLeaveActive?: string;
-    } & NButtonProps['una'];
+    una?: NAccordionUnaProps & NButtonProps['una'];
+    _accordionItem?: Omit<NAccordionItemProps, 'una' | 'value'>;
+    _accordionHeader?: Omit<NAccordionHeaderProps, 'una'>;
+    _accordionTrigger?: Omit<NButtonProps, 'una'>;
+    _accordionContent?: Omit<NAccordionContentProps, 'una'>;
+}
+export interface NAccordionContentProps extends AccordionContentProps {
+    una?: Pick<NAccordionUnaProps, 'accordionContent' | 'accordionPanel'>;
+}
+export interface NAccordionHeaderProps extends AccordionHeaderProps {
+    una?: Pick<NAccordionUnaProps, 'accordionHeader' | 'accordionTrigger' | 'accordionTrailing' | 'accordionTrailingClose' | 'accordionTrailingOpen' | 'accordionLeading'>;
 }
-export interface NAccordionItemProps extends NButtonProps {
+export interface NAccordionTriggerProps extends AccordionTriggerProps, NButtonProps {
+    una?: Pick<NAccordionUnaProps, 'accordionTrigger' | 'accordionTrailing' | 'accordionTrailingClose' | 'accordionTrailingOpen' | 'accordionLeading'> & NButtonProps['una'];
+}
+export interface NAccordionItemProps extends AccordionItemProps {
+    label?: string;
     /**
      * Accordion item content
      */
     content?: string;
-    /**
-     * Update item leading icon when accordion button item is open,
-     * Accepts icon name and utility classes
-     *
-     * @example
-     * trailingOpen='i-heroicons-information-circle text-info'
-     */
-    trailingOpen?: string;
-    /**
-     * Update item leading icon when accordion button item is closed,
-     * Accepts icon name and utility classes
-     *
-     * @example
-     * trailingClose='i-heroicons-information-circle text-info'
-     */
-    trailingClose?: string;
-    /**
-     * Allow accordion item to be open by default
-     *
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Close other accordion items when item is open
-     *
-     * @default false
-     */
-    closeOthers?: boolean;
-    /**
-     * By default, all the accordion item is unmounted for performance reasons,
-     * You can use the `mounted` prop to render the accordion specific on item.
-     *
-     * @default false
-     */
-    mounted?: boolean;
-    /**
-     * Allow dynamic attributes to be added to the accordion item,
-     *
-     */
-    [key: string]: any;
+    una?: Omit<NAccordionUnaProps, 'accordion'> & NButtonProps['una'];
+    _accordionHeader?: Omit<NAccordionHeaderProps, 'una'>;
+    _accordionTrigger?: Omit<NAccordionTriggerProps, 'una'>;
+    _accordionContent?: Omit<NAccordionContentProps, 'una'>;
+}
+interface NAccordionUnaProps {
+    accordion?: string;
+    accordionItem?: string;
+    accordionTrailing?: string;
+    accordionTrailingOpen?: string;
+    accordionTrailingClose?: string;
+    accordionLeading?: string;
+    accordionHeader?: string;
+    accordionTrigger?: string;
+    accordionContent?: string;
+    accordionPanel?: string;
 }
+export {};

package/dist/runtime/utils/index.d.ts

@@ -2,7 +2,7 @@ export * from './cn.js';
 export declare function rgbToHex(r: number, g: number, b: number): string;
 export declare function hexToRgb(hex: string): [number, number, number];
 export declare function randomId(prefix: string): string;
-export declare function omitProps<T extends Record<string, any>>(obj: T, propsToOmit: Array<keyof T>): Partial<T>;
+export declare function omitProps<T extends Record<string, any>, K extends keyof T>(obj: T, propsToOmit: Array<K>): Omit<T, K>;
 export declare function pickProps<T extends Record<string, any>>(obj: T, propsToPick: Array<keyof T>): Partial<T>;
 /**
  * We want to get the first non-undefined value,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "type": "module",
-  "version": "0.65.0-29340950.1c416ca",
+  "version": "0.65.0-29346260.635b79f",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -36,18 +36,17 @@
     "dist"
   ],
   "dependencies": {
-    "@headlessui/vue": "^1.7.23",
     "@iconify/utils": "^2.3.0",
     "@nuxt/kit": "^3.19.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@0.65.0-29340950.1c416ca",
-    "@una-ui/preset": "npm:@una-ui/preset-edge@0.65.0-29340950.1c416ca",
-    "@unocss/core": "^66.5.1",
-    "@unocss/nuxt": "^66.5.1",
-    "@unocss/preset-attributify": "^66.5.1",
-    "@unocss/preset-icons": "^66.5.1",
-    "@unocss/reset": "^66.5.1",
+    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@0.65.0-29346260.635b79f",
+    "@una-ui/preset": "npm:@una-ui/preset-edge@0.65.0-29346260.635b79f",
+    "@unocss/core": "^66.5.3",
+    "@unocss/nuxt": "^66.5.3",
+    "@unocss/preset-attributify": "^66.5.3",
+    "@unocss/preset-icons": "^66.5.3",
+    "@unocss/reset": "^66.5.3",
     "@vee-validate/nuxt": "^4.15.1",
     "@vee-validate/zod": "^4.15.1",
     "@vueuse/core": "^12.8.2",
@@ -58,7 +57,7 @@
     "ohash": "^1.1.6",
     "reka-ui": "^2.5.1",
     "tailwind-merge": "^3.3.1",
-    "unocss": "^66.5.1",
+    "unocss": "^66.5.3",
     "unocss-preset-animations": "^1.3.0",
     "vaul-vue": "^0.4.1"
   },

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

@@ -1,212 +0,0 @@
-<script setup>
-import {
-  Disclosure,
-  DisclosureButton,
-  DisclosurePanel
-} from "@headlessui/vue";
-import { createReusableTemplate } from "@vueuse/core";
-import { computed, ref } from "vue";
-import { pickProps } from "../../utils";
-import NButton from "./Button.vue";
-import NIcon from "./Icon.vue";
-const props = defineProps({
-  accordion: { type: String, required: false },
-  trailingOpen: { type: String, required: false, default: "accordion-trailing-icon" },
-  trailingClose: { type: String, required: false },
-  multiple: { type: Boolean, required: false },
-  defaultOpen: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  mounted: { type: Boolean, required: false },
-  items: { type: Array, required: true },
-  una: { type: Object, required: false },
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false, default: "trailing" },
-  icon: { type: Boolean, required: false },
-  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 },
-  btn: { type: String, required: false },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false },
-  square: { type: null, required: false },
-  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 },
-  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 }
-});
-const buttonRefs = ref([]);
-function closeOthers(index) {
-  if (props.multiple && props.items[index] && !props.items[index].closeOthers)
-    return;
-  buttonRefs.value.filter((_, i) => i !== index).forEach((close) => close());
-}
-function onEnter(element, done) {
-  const el = element;
-  el.style.height = "0";
-  el.style.height = `${element.scrollHeight}px`;
-  el.addEventListener("transitionend", done, { once: true });
-}
-function onAfterEnter(element) {
-  const el = element;
-  el.style.height = "auto";
-}
-function onBeforeLeave(element) {
-  const el = element;
-  el.style.height = `${el.scrollHeight}px`;
-}
-function onLeave(element, done) {
-  const el = element;
-  el.style.height = "0";
-  el.addEventListener("transitionend", done, { once: true });
-}
-const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
-const pickedProps = pickProps(props, ["reverse", "icon", "btn", "label", "leading", "loading", "loadingPlacement", "una", "trailing", "leading", "to", "type", "disabled"]);
-function mergedProps(itemProps) {
-  return Object.assign(pickedProps, itemProps);
-}
-const btnVariants = ["solid", "outline", "soft", "ghost", "link", "text"];
-const hasVariant = computed(() => btnVariants.some((btnVariants2) => props.btn?.includes(btnVariants2)));
-const isBaseVariant = computed(() => props.btn?.includes("~"));
-</script>
-
-<template>
-  <div
-    :accordion="accordion"
-    class="accordion"
-    :class="[
-  unstyle ? 'space-y-3' : 'accordion-(border divider)',
-  una?.accordion
-]"
-  >
-    <DefineTemplate v-slot="{ item, close, index, open }">
-      <slot
-        :name="item.content ? 'content' : index"
-        :item="item" :index="index" :open="open" :close="close"
-      >
-        <div
-          accordion="panel"
-          :class="[
-  una?.accordionPanel,
-  { 'border-t-0': unstyle }
-]"
-        >
-          {{ item.content }}
-        </div>
-      </slot>
-    </DefineTemplate>
-
-    <Disclosure
-      v-for="(item, i) in items"
-      :key="i"
-      v-slot="{ open, close }"
-      as="div"
-      accordion="item"
-      :default-open="item.defaultOpen || defaultOpen"
-      :class="una?.accordionItem"
-    >
-      <DisclosureButton
-        :ref="() => buttonRefs[i] = close"
-        as="template"
-        :disabled="item.disabled || disabled"
-        @click="closeOthers(i)"
-      >
-        <slot name="label" :item="item" :index="i" :open="open" :close="close">
-          <NButton
-            v-bind="mergedProps(item)"
-            :btn="`~ block ${btn || ''}`"
-            :class="[
-  { 'accordion-button-default-variant': !hasVariant && !isBaseVariant },
-  { 'accordion-button-padding': !unstyle },
-  una?.accordionButton
-]"
-            :una="{
-  btn: 'h-auto accordion-button',
-  btnLabel: 'accordion-label'
-}"
-          >
-            <template #leading>
-              <!-- TODO: fix conditional statement -->
-              <NIcon
-                v-if="leading || item.leading"
-                accordion="leading"
-                :class="una?.accordionLeading"
-                :name="item.leading || leading || ''"
-                aria-hidden="true"
-              />
-            </template>
-
-            <template #trailing>
-              <span
-                v-if="trailingOpen || trailingClose"
-                accordion="trailing"
-                :class="[
-  trailingClose || !trailingClose && open ? una?.accordionTrailingClose || 'accordion-trailing-close' : una?.accordionTrailingOpen || 'accordion-trailing-open',
-  una?.accordionTrailing
-]"
-              >
-                <NIcon
-                  v-if="(open || !trailingClose) && trailingOpen"
-                  :name="trailingOpen"
-                  aria-hidden="true"
-                />
-                <NIcon
-                  v-else-if="!open && trailingClose"
-                  :name="trailingClose"
-                  aria-hidden="true"
-                />
-              </span>
-            </template>
-          </NButton>
-        </slot>
-      </DisclosureButton>
-
-      <Transition
-        :enter-active-class="una?.accordionLeaveActive || 'accordion-leave-active'"
-        :leave-active-class="una?.accordionEnterActive || 'accordion-enter-active'"
-        @enter="onEnter"
-        @after-enter="onAfterEnter"
-        @before-leave="onBeforeLeave"
-        @leave="onLeave"
-      >
-        <DisclosurePanel v-if="!item.mounted || !mounted">
-          <ReuseTemplate
-            v-bind="{
-  item,
-  index: i,
-  open,
-  close
-}"
-          />
-        </DisclosurePanel>
-        <DisclosurePanel
-          v-else
-          v-show="open"
-          static
-        >
-          <ReuseTemplate
-            v-bind="{
-  item,
-  index: i,
-  open,
-  close
-}"
-          />
-        </DisclosurePanel>
-      </Transition>
-    </Disclosure>
-  </div>
-</template>

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

@@ -1,28 +0,0 @@
-import type { NAccordionProps } from '../../types/index.js';
-declare var __VLS_6: any, __VLS_7: {
-    item: any;
-    index: any;
-    open: any;
-    close: any;
-}, __VLS_21: {
-    item: any;
-    index: any;
-    open: any;
-    close: any;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
-} & {
-    label?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<NAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionProps> & Readonly<{}>, {
-    loadingPlacement: "leading" | "trailing" | "label";
-    trailingOpen: 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;
-    };
-};