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

package/dist/module.json

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

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "1.0.0-alpha.10";
+const version = "1.0.0-alpha.11";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -48,6 +48,7 @@ const props = defineProps({
   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 },
   dir: { type: String, required: false },
   disabled: { type: Boolean, required: false },

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

@@ -9,9 +9,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/forms/select/Select.vue

@@ -4,7 +4,7 @@ import { computed } from "vue";
 
 <script setup>
 import { SelectRoot, useForwardPropsEmits } from "reka-ui";
-import { cn, isEqualObject } from "../../../utils";
+import { cn } from "../../../utils";
 import SelectContent from "./SelectContent.vue";
 import SelectGroup from "./SelectGroup.vue";
 import SelectItem from "./SelectItem.vue";
@@ -13,7 +13,7 @@ import SelectSeparator from "./SelectSeparator.vue";
 import SelectTrigger from "./SelectTrigger.vue";
 import SelectValue from "./SelectValue.vue";
 const props = defineProps({
-  items: { type: null, required: true },
+  items: { type: null, required: false },
   itemKey: { type: null, required: false },
   valueKey: { type: null, required: false },
   label: { type: String, required: false },
@@ -69,20 +69,6 @@ function formatSelectedValue(value) {
   }
   return value;
 }
-function isItemSelected(item, modelValue) {
-  if (!modelValue)
-    return false;
-  if (props.multiple && Array.isArray(modelValue)) {
-    return modelValue.some((val) => {
-      const valObj = typeof val === "object" && val ? val : { value: val };
-      const itemObj2 = typeof item === "object" && item ? item : { value: item };
-      return isEqualObject(valObj, itemObj2);
-    });
-  }
-  const modelObj = typeof modelValue === "object" && modelValue ? modelValue : { value: modelValue };
-  const itemObj = typeof item === "object" && item ? item : { value: item };
-  return isEqualObject(modelObj, itemObj);
-}
 </script>
 
 <template>
@@ -149,7 +135,6 @@ function isItemSelected(item, modelValue) {
                 :size
                 :select-item
                 v-bind="props._selectItem"
-                :is-selected="isItemSelected(item, modelValue)"
                 :una
               >
                 <slot name="item" :item="item">
@@ -196,7 +181,6 @@ function isItemSelected(item, modelValue) {
                     :size
                     :select-item
                     v-bind="{ ..._selectItem, ...group._selectItem }"
-                    :is-selected="isItemSelected(item, modelValue)"
                     :una
                   >
                     <slot name="item" :item="item">

package/dist/runtime/components/forms/select/SelectItem.vue

@@ -9,7 +9,6 @@ import SelectItemIndicator from "./SelectItemIndicator.vue";
 import SelectItemText from "./SelectItemText.vue";
 const props = defineProps({
   selectItem: { type: null, required: false, default: "gray" },
-  isSelected: { type: Boolean, required: false },
   _selectItemText: { type: Object, required: false },
   _selectItemIndicator: { type: Object, required: false },
   una: { type: Object, required: false },
@@ -38,7 +37,6 @@ const forwardedProps = useForwardProps(delegatedProps);
     :select-item
   >
     <SelectItemIndicator
-      v-if="isSelected"
       :una
       v-bind="props._selectItemIndicator"
     >

package/dist/runtime/components/forms/select/SelectItemIndicator.vue

@@ -1,5 +1,6 @@
 <script setup>
-import { Primitive } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
+import { SelectItemIndicator, useForwardProps } from "reka-ui";
 import { cn } from "../../../utils";
 import Icon from "../../elements/Icon.vue";
 const props = defineProps({
@@ -7,14 +8,14 @@ const props = defineProps({
   class: { type: null, required: false },
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: "span" }
+  as: { type: null, required: false }
 });
+const forwardProps = useForwardProps(reactiveOmit(props, ["icon", "una"]));
 </script>
 
 <template>
-  <Primitive
-    aria-hidden
-    v-bind="props"
+  <SelectItemIndicator
+    v-bind="forwardProps"
     :class="cn(
   'select-item-indicator',
   props.una?.selectItemIndicator,
@@ -29,5 +30,5 @@ const props = defineProps({
 )"
       />
     </slot>
-  </Primitive>
+  </SelectItemIndicator>
 </template>

package/dist/runtime/components/forms/select/SelectItemIndicator.vue.d.ts

@@ -3,9 +3,7 @@ declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NSelectItemIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectItemIndicatorProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<NSelectItemIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectItemIndicatorProps> & 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 & {

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/overlays/Toaster.vue

@@ -13,6 +13,7 @@ const props = defineProps({
   class: { type: null, required: false },
   label: { type: String, required: false },
   duration: { type: Number, required: false },
+  disableSwipe: { type: Boolean, required: false },
   swipeDirection: { type: String, required: false },
   swipeThreshold: { type: Number, required: false }
 });

package/dist/runtime/components/overlays/toast/ToastProvider.vue

@@ -3,6 +3,7 @@ import { ToastProvider } from "reka-ui";
 const props = defineProps({
   label: { type: String, required: false },
   duration: { type: Number, required: false, default: 5e3 },
+  disableSwipe: { type: Boolean, required: false },
   swipeDirection: { type: String, required: false },
   swipeThreshold: { type: Number, required: false }
 });

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

@@ -1,4 +1,5 @@
 <script setup>
+import { useCookie } from "#app";
 import { useEventListener, useMediaQuery, useVModel } from "@vueuse/core";
 import { TooltipProvider } from "reka-ui";
 import { computed, ref } from "vue";
@@ -13,13 +14,17 @@ const props = defineProps({
 const emits = defineEmits(["update:open"]);
 const isMobile = useMediaQuery("(max-width: 768px)");
 const openMobile = ref(false);
+const openCookie = useCookie(SIDEBAR_COOKIE_NAME, {
+  maxAge: SIDEBAR_COOKIE_MAX_AGE,
+  default: () => props.defaultOpen ?? false
+});
 const open = useVModel(props, "open", emits, {
-  defaultValue: props.defaultOpen ?? false,
+  defaultValue: openCookie.value,
   passive: props.open === void 0
 });
 function setOpen(value) {
   open.value = value;
-  document.cookie = `${SIDEBAR_COOKIE_NAME}=${open.value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+  openCookie.value = open.value;
 }
 function setOpenMobile(value) {
   openMobile.value = value;

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/composables/useUnaSettings.d.ts

@@ -1,8 +1,8 @@
 import type { Ref } from 'vue';
 import type { UnaSettings } from '../types/index.js';
 export interface UseUnaSettingsReturn {
-    defaultSettings: UnaSettings;
-    settings: Ref<UnaSettings>;
+    defaultSettings: Omit<UnaSettings, 'themes'>;
+    settings: Ref<Omit<UnaSettings, 'themes'>>;
     reset: () => void;
 }
 export declare function useUnaSettings(): UseUnaSettingsReturn;

package/dist/runtime/composables/useUnaSettings.js

@@ -12,8 +12,7 @@ export function useUnaSettings() {
     gray: una.gray,
     radius: una.radius,
     fontSize: una.fontSize,
-    theme: una.theme,
-    themes: una.themes
+    theme: una.theme
   };
   const settings = useStorage("una-settings", defaultSettings, void 0, {
     mergeDefaults: defu

package/dist/runtime/plugins/theme.client.js

@@ -1,8 +1,9 @@
-import { defineNuxtPlugin } from "#app";
+import { defineNuxtPlugin, useAppConfig } from "#app";
 import { computed, watchEffect } from "vue";
 import { useUnaSettings } from "../composables/useUnaSettings.js";
 let unaUIStyle;
 export default defineNuxtPlugin(() => {
+  const { una: { themes } } = useAppConfig();
   const { settings } = useUnaSettings();
   unaUIStyle = document.createElement("style");
   unaUIStyle.id = "una-ui-theme";
@@ -10,7 +11,7 @@ export default defineNuxtPlugin(() => {
   const html = document.documentElement;
   html.removeAttribute("style");
   const computedStyles = computed(() => {
-    const theme = settings.value.themes.find((t) => t.name === settings.value.theme);
+    const theme = themes.find((t) => t.name === settings.value.theme);
     if (settings.value.theme && theme) {
       return `
       :root {

package/dist/runtime/plugins/theme.server.js

@@ -1,12 +1,14 @@
-import { defineNuxtPlugin, useHead } from "#app";
+import { defineNuxtPlugin, useAppConfig, useHead } from "#app";
 import { useUnaSettings } from "../composables/useUnaSettings.js";
 export default defineNuxtPlugin(() => {
+  const { una: { themes } } = useAppConfig();
   const { defaultSettings } = useUnaSettings();
   useHead({
     script: [
       {
         innerHTML: `
         ;(function() {
+          const themes = ${JSON.stringify(themes)}
           let settings = JSON.parse(localStorage.getItem('una-settings'))
 
           if (!settings) {
@@ -17,7 +19,7 @@ export default defineNuxtPlugin(() => {
           ${process.dev ? "console.log({ settings })" : ""}
 
           if (settings.theme) {
-            const theme = settings.themes.find(t => t.name === settings.theme)  
+            const theme = themes.find(t => t.name === settings.theme)
             if (theme) {
               Object.entries(theme.cssVars.light).map(i => html.style.setProperty(i[0], i[1]))
               Object.entries(theme.cssVars.dark).map(i => html.style.setProperty(i[0], i[1]))

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

@@ -26,7 +26,7 @@ export interface NSelectProps<T extends AcceptableValue, Items extends Array<T |
     /**
      * The items to display in the select.
      */
-    items: Items;
+    items?: Items;
     /**
      * The key name to use to display in the select items.
      */
@@ -110,7 +110,6 @@ export interface NSelectItemIndicatorProps extends SelectItemIndicatorProps {
 }
 export interface NSelectItemProps extends ItemExtensions {
     selectItem?: HTMLAttributes['class'];
-    isSelected?: boolean;
     _selectItemText?: NSelectItemTextProps;
     _selectItemIndicator?: NSelectItemIndicatorProps;
     una?: Pick<NSelectUnaProps, 'selectItem' | 'selectItemIndicator'>;

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

@@ -56,6 +56,11 @@ export interface NSidebarProviderProps {
     /**
      * Default open state.
      *
+     * Sets the initial sidebar state when no persisted value exists.
+     *
+     * The sidebar state is automatically persisted in a cookie. On subsequent loads,
+     * the persisted cookie value takes precedence over this prop.
+     *
      * @default true
      */
     defaultOpen?: boolean;

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",
   "type": "module",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.11",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -36,16 +36,15 @@
     "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",
-    "@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",
+    "@unocss/core": "^66.5.4",
+    "@unocss/nuxt": "^66.5.4",
+    "@unocss/preset-attributify": "^66.5.4",
+    "@unocss/preset-icons": "^66.5.4",
+    "@unocss/reset": "^66.5.4",
     "@vee-validate/nuxt": "^4.15.1",
     "@vee-validate/zod": "^4.15.1",
     "@vueuse/core": "^12.8.2",
@@ -54,16 +53,16 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "ohash": "^1.1.6",
-    "reka-ui": "^2.5.1",
-    "tailwind-merge": "^3.3.1",
-    "unocss": "^66.5.1",
-    "unocss-preset-animations": "^1.2.1",
+    "reka-ui": "^2.6.0",
+    "tailwind-merge": "^3.4.0",
+    "unocss": "^66.5.4",
+    "unocss-preset-animations": "^1.3.0",
     "vaul-vue": "^0.4.1",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.10",
-    "@una-ui/preset": "^1.0.0-alpha.10"
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.11",
+    "@una-ui/preset": "^1.0.0-alpha.11"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.68",
+    "@iconify-json/lucide": "^1.2.73",
     "@iconify-json/radix-icons": "^1.2.5",
     "@iconify-json/tabler": "^1.2.23",
     "@nuxt/module-builder": "^1.0.2",

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