@una-ui/nuxt 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "1.0.0-alpha.1";
+const version = "1.0.0-alpha.11";
 
 const module = defineNuxtModule({
   meta: {
@@ -27,7 +27,10 @@ const module = defineNuxtModule({
   },
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    nuxt.options.css.unshift("@una-ui/preset/una.css");
+    nuxt.options.css.unshift(
+      import.meta.resolve("@unocss/reset/tailwind.css"),
+      import.meta.resolve("@una-ui/preset/una.css")
+    );
     nuxt.options.alias["#una"] = resolve("./runtime");
     nuxt.options.appConfig.una = {
       ...{
@@ -44,17 +47,16 @@ const module = defineNuxtModule({
     nuxt.options.app.rootAttrs.class = [nuxt.options.app.rootAttrs.class, "isolate"].filter(Boolean).join(" ");
     const runtimeDir = resolve("./runtime");
     nuxt.options.build.transpile.push(runtimeDir);
-    nuxt.options.build.transpile.push("@headlessui/vue");
-    await installModule("@unocss/nuxt", extendUnocssOptions(nuxt.options.unocss));
-    await installModule("@nuxtjs/color-mode", {
+    await installModule(import.meta.resolve("@unocss/nuxt"), extendUnocssOptions(nuxt.options.unocss));
+    await installModule(import.meta.resolve("@nuxtjs/color-mode"), {
       classSuffix: "",
       disableTransition: true
     });
-    await installModule("@vueuse/nuxt");
-    await installModule("reka-ui/nuxt", {
+    await installModule(import.meta.resolve("@vueuse/nuxt"));
+    await installModule(import.meta.resolve("reka-ui/nuxt"), {
       prefix: options.prefix
     });
-    await installModule("@vee-validate/nuxt", {
+    await installModule(import.meta.resolve("@vee-validate/nuxt"), {
       componentNames: {
         Form: `${options.prefix}Form`,
         // Field: `${options.prefix}FormField`,

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

@@ -1,6 +1,6 @@
 import type { NAlertDialogProps } from '../../types/index.js';
 declare var __VLS_6: {}, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_46: {}, __VLS_48: {}, __VLS_57: {}, __VLS_59: {}, __VLS_68: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

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

@@ -1,5 +1,5 @@
 import type { NAlertDialogActionProps } from '../../types/index.js';
-declare var __VLS_10: string | number, __VLS_11: any;
+declare var __VLS_10: any, __VLS_11: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };

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

@@ -1,5 +1,5 @@
 import type { NAlertDialogCancelProps } from '../../types/index.js';
-declare var __VLS_10: string | number, __VLS_11: any;
+declare var __VLS_10: any, __VLS_11: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };

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

@@ -19,7 +19,6 @@ const props = defineProps({
   _alertDialogOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

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

@@ -1,6 +1,6 @@
 import type { NAspectRatioProps } from '../../types/aspect-ratio.js';
 declare var __VLS_6: {
-    aspect: number;
+    aspect: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

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

@@ -25,6 +25,7 @@ const props = defineProps({
   groupSeparator: { type: Boolean, required: false },
   textEmpty: { type: String, required: false, default: "No items found." },
   label: { type: String, required: false },
+  multiple: { type: null, required: false },
   _comboboxAnchor: { type: Object, required: false },
   _comboboxEmpty: { type: Object, required: false },
   _comboboxGroup: { type: Object, required: false },
@@ -44,9 +45,11 @@ const props = defineProps({
   defaultOpen: { type: Boolean, required: false },
   resetSearchTermOnBlur: { type: Boolean, required: false },
   resetSearchTermOnSelect: { type: Boolean, required: false },
+  openOnFocus: { type: Boolean, required: false },
+  openOnClick: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
+  resetModelValueOnClear: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
-  multiple: { type: Boolean, required: false },
   dir: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
@@ -139,7 +142,6 @@ function isItemSelected(item) {
 
 <template>
   <ComboboxRoot
-    v-slot="{ modelValue, open }"
     data-slot="combobox"
     :class="cn(
   'combobox',

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

@@ -1,6 +1,6 @@
 import type { AcceptableValue } from 'reka-ui';
-import type { ExtractItemType, NComboboxGroupProps, NComboboxProps } from '../../types/index.js';
-declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+import type { ExtractItemType, NComboboxProps } from '../../types/index.js';
+declare const _default: <T extends AcceptableValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: ExtractItemType<T>) => any) | undefined;
         readonly onHighlight?: ((payload: {
@@ -8,7 +8,7 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
             value: ExtractItemType<T>;
         } | undefined) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T, M> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         'trigger-wrapper'?: (props: {}) => any;
     } & {
         trigger?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         list?: (props: {}) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         header?: (props: {}) => any;
@@ -44,34 +44,34 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         group?: (props: {}) => any;
     } & {
         item?: (props: {
-            item: ExtractItemType<T>;
-            selected: boolean;
+            item: any;
+            selected: any;
         }) => any;
     } & {
         label?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         'item-indicator'?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         group?: (props: {
-            group: NComboboxGroupProps<ExtractItemType<T>>;
+            group: any;
         }) => any;
     } & {
         item?: (props: {
-            item: ExtractItemType<T>;
-            group: NComboboxGroupProps<ExtractItemType<T>>;
-            selected: boolean;
+            item: any;
+            group: any;
+            selected: any;
         }) => any;
     } & {
         label?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         indicator?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         footer?: (props: {}) => any;

package/dist/runtime/components/combobox/ComboboxInput.vue.d.ts

@@ -1,4 +1,4 @@
-declare var __VLS_12: string | number, __VLS_13: any;
+declare var __VLS_12: any, __VLS_13: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
 };

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

@@ -13,8 +13,10 @@ const props = defineProps({
   bodyLock: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false, default: "center" },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -47,6 +49,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="forwarded"
       :class="cn(
   'origin-(--reka-combobox-content-transform-origin)',
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
   'combobox-list',
   props.una?.comboboxList,
   props.class

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

@@ -1,5 +1,5 @@
 import type { NComboboxTriggerProps } from '../../types/index.js';
-declare var __VLS_6: {}, __VLS_12: string | number, __VLS_13: any;
+declare var __VLS_6: {}, __VLS_12: any, __VLS_13: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
 } & {

package/dist/runtime/components/data/table/Table.vue

@@ -73,7 +73,9 @@ const props = defineProps({
   getSubRows: { type: Function, required: false },
   initialState: { type: Object, required: false },
   mergeOptions: { type: Function, required: false },
-  meta: { type: Object, required: false }
+  meta: { type: Object, required: false },
+  emptyText: { type: String, required: false },
+  emptyIcon: { type: String, required: false }
 });
 const emit = defineEmits(["select", "selectAll", "expand", "row"]);
 const slots = defineSlots();
@@ -213,6 +215,7 @@ const table = useVueTable({
   getFilteredRowModel: getFilteredRowModel(),
   getPaginationRowModel: getPaginationRowModel(),
   getRowId: (row) => props.rowId ? row[props.rowId] : row.id,
+  getSubRows: (row) => row.subRows,
   getExpandedRowModel: getExpandedRowModel(),
   onSortingChange: (updaterOrValue) => valueUpdater(updaterOrValue, sorting),
   onRowSelectionChange: (updaterOrValue) => valueUpdater(updaterOrValue, rowSelection),
@@ -428,6 +431,8 @@ defineExpose({
               v-else
               :colspan="table.getAllLeafColumns().length"
               :una
+              :empty-text="props.emptyText"
+              :empty-icon="props.emptyIcon"
               v-bind="props._tableEmpty"
             >
               <slot name="empty" />

package/dist/runtime/components/data/table/TableEmpty.vue

@@ -6,6 +6,8 @@ import TableRow from "./TableRow.vue";
 const props = defineProps({
   class: { type: null, required: false },
   colspan: { type: Number, required: false, default: 1 },
+  emptyText: { type: String, required: false, default: "No results." },
+  emptyIcon: { type: String, required: false, default: "table-empty-icon-name" },
   _tableCell: { type: Object, required: false },
   _tableRow: { type: Object, required: false },
   una: { type: Object, required: false }
@@ -40,16 +42,22 @@ const delegatedProps = reactiveOmit(props, ["class"]);
         v-bind="omitProps(delegatedProps, ['_tableRow', '_tableCell', 'colspan'])"
       >
         <slot>
-          <div class="grid place-items-center gap-4">
-            <NIcon
-              name="i-tabler-database-x"
-              size="2xl"
-            />
+          <NIcon
+            :name="props.emptyIcon"
+            :class="cn(
+  'table-empty-icon',
+  props.una?.tableEmptyIcon
+)"
+          />
 
-            <span>
-              No results.
-            </span>
-          </div>
+          <span
+            :class="cn(
+  'table-empty-text',
+  props.una?.tableEmptyText
+)"
+          >
+            {{ props.emptyText }}
+          </span>
         </slot>
       </div>
     </TableCell>

package/dist/runtime/components/data/table/TableEmpty.vue.d.ts

@@ -5,8 +5,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NTableEmptyProps>, {
     colspan: number;
+    emptyText: string;
+    emptyIcon: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<NTableEmptyProps>, {
     colspan: number;
+    emptyText: string;
+    emptyIcon: string;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/drawer/Drawer.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NDrawerProps } from '../../types/index.js';
 declare var __VLS_6: {}, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {}, __VLS_53: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/drawer/DrawerContent.vue

@@ -14,7 +14,6 @@ const props = defineProps({
   _drawerOverlay: { type: Object, required: false },
   una: { type: Object, required: false },
   forceMount: { type: Boolean, required: false },
-  trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },

package/dist/runtime/components/drawer/DrawerOverlay.vue

@@ -18,6 +18,7 @@ const delegatedProps = reactiveOmit(props, ["class"]);
     v-bind="delegatedProps"
     :class="cn(
   'drawer-overlay',
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
   props.una?.drawerOverlay,
   props.class
 )"

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

@@ -3,11 +3,7 @@ declare var __VLS_4: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_4) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<NBadgeProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {
+declare const __VLS_component: import("vue").DefineComponent<NBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     una: {
         badgeDefaultVariant?: string;
         badge?: string;

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

@@ -1,6 +1,6 @@
 import type { NProgressProps } from '../../types/index.js';
 declare var __VLS_6: {
-    modelValue: number | null | undefined;
+    modelValue: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

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

@@ -1,5 +1,5 @@
 import type { NToggleProps } from '../../types/index.js';
-declare var __VLS_7: string | number, __VLS_8: any;
+declare var __VLS_7: any, __VLS_8: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
 };

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;
+    };
+};