@nuxt/ui 2.12.3 → 2.14.0

package/dist/runtime/components/overlays/Notification.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        required: true;
+        default: null;
     };
     description: {
         type: StringConstructor;
@@ -66,14 +66,14 @@ declare const _default: import("vue").DefineComponent<{
     onClose: () => void;
     onAction: (action: NotificationAction) => void;
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
     title: {
         type: StringConstructor;
-        required: true;
+        default: null;
     };
     description: {
         type: StringConstructor;
@@ -120,6 +120,7 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
+    title: string;
     description: string;
     icon: string;
     avatar: Avatar;

package/dist/runtime/components/overlays/Notifications.vue.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     notifications: any;
     wrapperClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: PropType<any>;
         default: () => string;

package/dist/runtime/components/overlays/Popover.vue

@@ -37,12 +37,13 @@
 <script>
 import { computed, ref, toRef, onMounted, defineComponent, watch } from "vue";
 import { defu } from "defu";
-import { Popover as HPopover, PopoverButton as HPopoverButton, PopoverPanel as HPopoverPanel } from "@headlessui/vue";
+import { Popover as HPopover, PopoverButton as HPopoverButton, PopoverPanel as HPopoverPanel, provideUseId } from "@headlessui/vue";
 import { useUI } from "../../composables/useUI";
 import { usePopper } from "../../composables/usePopper";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";
 import { popover } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.popover, popover);
 export default defineComponent({
   components: {
@@ -67,11 +68,11 @@ export default defineComponent({
     },
     openDelay: {
       type: Number,
-      default: 0
+      default: () => config.default.openDelay
     },
     closeDelay: {
       type: Number,
-      default: 0
+      default: () => config.default.closeDelay
     },
     overlay: {
       type: Boolean,
@@ -184,6 +185,7 @@ export default defineComponent({
         return;
       emit("update:open", newValue === 0);
     });
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/overlays/Popover.vue.d.ts

@@ -16,11 +16,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     openDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     closeDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     overlay: {
         type: BooleanConstructor;
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     onMouseOver: () => void;
     onMouseLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: PropType<"click" | "hover">;
         default: string;
@@ -86,11 +86,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     openDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     closeDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     overlay: {
         type: BooleanConstructor;
@@ -112,13 +112,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
-    popper: PopperOptions;
+    overlay: boolean;
     class: any;
+    popper: PopperOptions;
     disabled: boolean;
     open: boolean;
     mode: "click" | "hover";
     openDelay: number;
     closeDelay: number;
-    overlay: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/overlays/Slideover.vue

@@ -1,6 +1,6 @@
 <template>
   <TransitionRoot as="template" :appear="appear" :show="isOpen">
-    <HDialog :class="[ui.wrapper, { 'justify-end': side === 'right' }]" v-bind="attrs" @close="(e) => !preventClose && close(e)">
+    <HDialog :class="[ui.wrapper, { 'justify-end': side === 'right' }]" v-bind="attrs" @close="close">
       <TransitionChild v-if="overlay" as="template" :appear="appear" v-bind="ui.overlay.transition">
         <div :class="[ui.overlay.base, ui.overlay.background]" />
       </TransitionChild>
@@ -16,11 +16,12 @@
 
 <script>
 import { computed, toRef, defineComponent } from "vue";
-import { Dialog as HDialog, DialogPanel as HDialogPanel, TransitionRoot, TransitionChild } from "@headlessui/vue";
+import { Dialog as HDialog, DialogPanel as HDialogPanel, TransitionRoot, TransitionChild, provideUseId } from "@headlessui/vue";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";
 import { slideover } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.slideover, slideover);
 export default defineComponent({
   components: {
@@ -65,7 +66,7 @@ export default defineComponent({
       default: () => ({})
     }
   },
-  emits: ["update:modelValue", "close"],
+  emits: ["update:modelValue", "close", "close-prevented"],
   setup(props, { emit }) {
     const { ui, attrs } = useUI("slideover", toRef(props, "ui"), config, toRef(props, "class"));
     const isOpen = computed({
@@ -89,9 +90,14 @@ export default defineComponent({
       };
     });
     function close(value) {
+      if (props.preventClose) {
+        emit("close-prevented");
+        return;
+      }
       isOpen.value = value;
       emit("close");
     }
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/overlays/Slideover.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     isOpen: WritableComputedRef<boolean>;
     transitionClass: import("vue").ComputedRef<any>;
     close: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "close-prevented")[], "close" | "update:modelValue" | "close-prevented", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<boolean>;
         default: boolean;
@@ -76,16 +76,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onClose-prevented"?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
-    transition: boolean;
-    class: any;
-    modelValue: boolean;
     appear: boolean;
     overlay: boolean;
+    transition: boolean;
     preventClose: boolean;
+    class: any;
+    modelValue: boolean;
     side: "right" | "left";
 }, {}>;
 export default _default;

package/dist/runtime/components/overlays/Tooltip.vue

@@ -58,11 +58,11 @@ export default defineComponent({
     },
     openDelay: {
       type: Number,
-      default: 0
+      default: () => config.default.openDelay
     },
     closeDelay: {
       type: Number,
-      default: 0
+      default: () => config.default.closeDelay
     },
     popper: {
       type: Object,

package/dist/runtime/components/overlays/Tooltip.vue.d.ts

@@ -15,11 +15,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     openDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     closeDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     popper: {
         type: PropType<PopperOptions>;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     open: import("vue").Ref<boolean>;
     onMouseOver: () => void;
     onMouseLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: null;
@@ -59,11 +59,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     openDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     closeDelay: {
         type: NumberConstructor;
-        default: number;
+        default: () => any;
     };
     popper: {
         type: PropType<PopperOptions>;
@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     ui: any;
-    popper: PopperOptions;
     class: any;
+    popper: PopperOptions;
     text: string;
     openDelay: number;
     closeDelay: number;

package/dist/runtime/composables/useCarouselScroll.d.ts

@@ -0,0 +1,2 @@
+import { type Ref } from 'vue';
+export declare const useCarouselScroll: (el: Ref<HTMLElement>) => void;

package/dist/runtime/composables/useCarouselScroll.mjs

@@ -0,0 +1,35 @@
+import { ref, onMounted, onUnmounted } from "vue";
+export const useCarouselScroll = (el) => {
+  const x = ref(0);
+  function onMouseDown(e) {
+    el.value.style.scrollSnapType = "none";
+    el.value.style.scrollBehavior = "auto";
+    x.value = e.pageX;
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", onMouseUp);
+  }
+  function onMouseUp() {
+    el.value.style.removeProperty("scroll-behavior");
+    el.value.style.removeProperty("scroll-snap-type");
+    window.removeEventListener("mousemove", onMouseMove);
+    window.removeEventListener("mouseup", onMouseUp);
+  }
+  function onMouseMove(e) {
+    e.preventDefault();
+    const delta = e.pageX - x.value;
+    x.value = e.pageX;
+    el.value.scrollBy(-delta, 0);
+  }
+  onMounted(() => {
+    if (!el.value) {
+      return;
+    }
+    el.value.addEventListener("mousedown", onMouseDown);
+  });
+  onUnmounted(() => {
+    if (!el.value) {
+      return;
+    }
+    el.value.removeEventListener("mousedown", onMouseDown);
+  });
+};

package/dist/runtime/composables/useFormGroup.d.ts

@@ -7,7 +7,7 @@ type InputProps = {
     legend?: string | null;
 };
 export declare const useFormGroup: (inputProps?: InputProps, config?: any) => {
-    inputId: import("vue").Ref<string | undefined>;
+    inputId: import("vue").ComputedRef<string | undefined>;
     name: import("vue").ComputedRef<string | undefined>;
     size: import("vue").ComputedRef<any>;
     color: import("vue").ComputedRef<string | undefined>;

package/dist/runtime/composables/useFormGroup.mjs

@@ -1,20 +1,17 @@
-import { inject, ref, computed, onMounted } from "vue";
+import { inject, ref, computed } from "vue";
 import { useDebounceFn } from "@vueuse/core";
-import { uid } from "../utils/uid.mjs";
 export const useFormGroup = (inputProps, config) => {
   const formBus = inject("form-events", void 0);
   const formGroup = inject("form-group", void 0);
   const formInputs = inject("form-inputs", void 0);
-  const inputId = ref(inputProps?.id);
-  onMounted(() => {
-    inputId.value = inputProps?.legend === null || inputProps.legend ? void 0 : inputProps?.id ?? uid();
-    if (formGroup) {
-      formGroup.inputId.value = inputId.value;
-      if (formInputs) {
-        formInputs.value[formGroup.name.value] = inputId;
-      }
+  if (formGroup) {
+    if (inputProps?.id) {
+      formGroup.inputId.value = inputProps?.id;
     }
-  });
+    if (formInputs) {
+      formInputs.value[formGroup.name.value] = formGroup.inputId.value;
+    }
+  }
   const blurred = ref(false);
   function emitFormEvent(type, path) {
     if (formBus) {
@@ -34,7 +31,7 @@ export const useFormGroup = (inputProps, config) => {
     }
   }, 300);
   return {
-    inputId,
+    inputId: computed(() => inputProps?.id ?? formGroup?.inputId.value),
     name: computed(() => inputProps?.name ?? formGroup?.name.value),
     size: computed(() => {
       const formGroupSize = config.size[formGroup?.size.value] ? formGroup?.size.value : null;

package/dist/runtime/composables/useModal.d.ts

@@ -0,0 +1,12 @@
+import type { ShallowRef, Component, InjectionKey } from 'vue';
+import type { ComponentProps } from '../types/component';
+import type { Modal, ModalState } from '../types/modal';
+export declare const modalInjectionKey: InjectionKey<ShallowRef<ModalState>>;
+declare function _useModal(): {
+    isOpen: import("vue").Ref<boolean>;
+    open: <T extends Component>(component: T, props?: (Modal & ComponentProps<T>) | undefined) => void;
+    close: () => void;
+    patch: <T_1 extends Component = {}>(props: Partial<Modal & ComponentProps<T_1>>) => void;
+};
+export declare const useModal: typeof _useModal;
+export {};

package/dist/runtime/composables/useModal.mjs

@@ -0,0 +1,37 @@
+import { ref, inject } from "vue";
+import { createSharedComposable } from "@vueuse/core";
+export const modalInjectionKey = Symbol("nuxt-ui.modal");
+function _useModal() {
+  const modalState = inject(modalInjectionKey);
+  const isOpen = ref(false);
+  function open(component, props) {
+    modalState.value = {
+      component,
+      props: props ?? {}
+    };
+    isOpen.value = true;
+  }
+  function close() {
+    isOpen.value = false;
+    modalState.value = {
+      component: "div",
+      props: {}
+    };
+  }
+  function patch(props) {
+    modalState.value = {
+      ...modalState.value,
+      props: {
+        ...modalState.value.props,
+        ...props
+      }
+    };
+  }
+  return {
+    isOpen,
+    open,
+    close,
+    patch
+  };
+}
+export const useModal = createSharedComposable(_useModal);

package/dist/runtime/composables/usePopper.d.ts

@@ -153,15 +153,15 @@ export declare function usePopper({ locked, overflowPadding, offsetDistance, off
                 };
             } | undefined;
             offset?: {
-                "bottom-end"?: {
+                auto?: {
                     y: number;
                     x: number;
                 } | undefined;
-                "bottom-start"?: {
+                "bottom-end"?: {
                     y: number;
                     x: number;
                 } | undefined;
-                auto?: {
+                "bottom-start"?: {
                     y: number;
                     x: number;
                 } | undefined;

package/dist/runtime/plugins/modals.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/modals.mjs

@@ -0,0 +1,10 @@
+import { defineNuxtPlugin } from "#imports";
+import { shallowRef } from "vue";
+import { modalInjectionKey } from "../composables/useModal.mjs";
+export default defineNuxtPlugin((nuxtApp) => {
+  const modalState = shallowRef({
+    component: "div",
+    props: {}
+  });
+  nuxtApp.vueApp.provide(modalInjectionKey, modalState);
+});

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

@@ -0,0 +1,14 @@
+export type ComponentProps<T> =
+T extends new () => { $props: infer P } ? NonNullable<P> :
+  T extends (props: infer P, ...args: any) => any ? P :
+      {}
+
+export type ComponentSlots<T> =
+T extends new () => { $slots: infer S } ? NonNullable<S> :
+  T extends (props: any, ctx: { slots: infer S; attrs: any; emit: any }, ...args: any) => any ? NonNullable<S> :
+      {}
+
+export type ComponentEmit<T> =
+T extends new () => { $emit: infer E } ? NonNullable<E> :
+  T extends (props: any, ctx: { slots: any; attrs: any; emit: infer E }, ...args: any) => any ? NonNullable<E> :
+      {}

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

@@ -0,0 +1,3 @@
+import { divider } from '#ui/ui.config'
+
+export type DividerSize = keyof typeof divider.border.size.horizontal | keyof typeof divider.border.size.vertical

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

@@ -10,7 +10,8 @@ export interface FormErrorWithId extends FormError {
 }
 
 export interface Form<T> {
-  validate(path?: string, opts?: { silent?: boolean }): Promise<T>
+  validate(path?: string | string[], opts?: { silent?: true }): Promise<T | false>;
+  validate(path?: string | string[], opts?: { silent?: false }): Promise<T>;
   clear(path?: string): void
   errors: Ref<FormError[]>
   setErrors(errs: FormError[], path?: string): void

package/dist/runtime/types/horizontal-navigation.d.ts

@@ -0,0 +1,13 @@
+import type { Link } from './link'
+import type { Avatar } from './avatar'
+import type { Badge } from './badge'
+
+export interface HorizontalNavigationLink extends Link {
+  label: string
+  labelClass?: string
+  icon?: string
+  iconClass?: string
+  avatar?: Avatar
+  click?: Function
+  badge?: string | number | Badge
+}

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

@@ -7,13 +7,16 @@ export * from './button'
 export * from './chip'
 export * from './clipboard'
 export * from './command-palette'
+export * from './divider'
 export * from './dropdown'
 export * from './form-group'
 export * from './form'
+export * from './horizontal-navigation'
 export * from './input'
 export * from './kbd'
 export * from './link'
 export * from './meter'
+export * from './modal'
 export * from './notification'
 export * from './popper'
 export * from './progress'

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

@@ -0,0 +1,18 @@
+import type { Component } from 'vue'
+
+export interface Modal {
+  appear?: boolean
+  overlay?: boolean
+  transition?: boolean
+  preventClose?: boolean
+  fullscreen?: boolean
+  class?: string | Object | string[]
+  ui?: any
+  onClose?: () => void
+  onClosePrevented?: () => void
+}
+
+export interface ModalState {
+  component: Component | string
+  props: Modal
+}

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

@@ -1,4 +1,6 @@
 import { progress } from '../ui.config'
+import colors from '#ui-colors'
 
 export type ProgressSize = keyof typeof progress.progress.size
 export type ProgressAnimation = keyof typeof progress.animation
+export type ProgressColor = typeof colors[number]

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

@@ -1,5 +1,7 @@
 import { range } from '../ui.config'
 import type { ExtractDeepKey } from '.'
 import type { AppConfig } from 'nuxt/schema'
+import colors from '#ui-colors'
 
 export type RangeSize = keyof typeof range.size | ExtractDeepKey<AppConfig, ['ui', 'range', 'size']>
+export type RangeColor = typeof colors[number]

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

@@ -1,5 +1,7 @@
 import { toggle } from '../ui.config'
 import type { ExtractDeepKey } from '.'
 import type { AppConfig } from 'nuxt/schema'
+import colors from '#ui-colors'
 
 export type ToggleSize = keyof typeof toggle.size | ExtractDeepKey<AppConfig, ['ui', 'toggle', 'size']>
+export type ToggleColor = typeof colors[number]

package/dist/runtime/types/vertical-navigation.d.ts

@@ -1,5 +1,6 @@
 import type { Link } from './link'
 import type { Avatar } from './avatar'
+import type { Badge } from './badge'
 
 export interface VerticalNavigationLink extends Link {
   label: string
@@ -8,5 +9,5 @@ export interface VerticalNavigationLink extends Link {
   iconClass?: string
   avatar?: Avatar
   click?: Function
-  badge?: string | number
+  badge?: string | number | Badge
 }

package/dist/runtime/ui.config/data/table.d.ts

@@ -36,6 +36,9 @@ declare const _default: {
         label: string;
         icon: string;
     };
+    progress: {
+        wrapper: string;
+    };
     default: {
         sortAscIcon: string;
         sortDescIcon: string;
@@ -47,6 +50,10 @@ declare const _default: {
             variant: "ghost";
             class: string;
         };
+        progress: {
+            color: "primary";
+            animation: "carousel";
+        };
         loadingState: {
             icon: string;
             label: string;

package/dist/runtime/ui.config/data/table.mjs

@@ -2,7 +2,7 @@ export default {
   wrapper: "relative overflow-x-auto",
   base: "min-w-full table-fixed",
   divide: "divide-y divide-gray-300 dark:divide-gray-700",
-  thead: "",
+  thead: "relative",
   tbody: "divide-y divide-gray-200 dark:divide-gray-800",
   tr: {
     base: "",
@@ -11,14 +11,14 @@ export default {
   },
   th: {
     base: "text-left rtl:text-right",
-    padding: "px-3 py-3.5",
+    padding: "px-4 py-3.5",
     color: "text-gray-900 dark:text-white",
     font: "font-semibold",
     size: "text-sm"
   },
   td: {
     base: "whitespace-nowrap",
-    padding: "px-3 py-4",
+    padding: "px-4 py-4",
     color: "text-gray-500 dark:text-gray-400",
     font: "",
     size: "text-sm"
@@ -36,6 +36,9 @@ export default {
     label: "text-sm text-center text-gray-900 dark:text-white",
     icon: "w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4"
   },
+  progress: {
+    wrapper: "absolute inset-x-0 -bottom-[0.5px] p-0"
+  },
   default: {
     sortAscIcon: "i-heroicons-bars-arrow-up-20-solid",
     sortDescIcon: "i-heroicons-bars-arrow-down-20-solid",
@@ -47,6 +50,10 @@ export default {
       variant: "ghost",
       class: "-m-1.5"
     },
+    progress: {
+      color: "primary",
+      animation: "carousel"
+    },
     loadingState: {
       icon: "i-heroicons-arrow-path-20-solid",
       label: "Loading..."

package/dist/runtime/ui.config/elements/accordion.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     wrapper: string;
+    container: string;
     item: {
         base: string;
         size: string;

package/dist/runtime/ui.config/elements/accordion.mjs

@@ -1,5 +1,6 @@
 export default {
   wrapper: "w-full flex flex-col",
+  container: "w-full flex flex-col",
   item: {
     base: "",
     size: "text-sm",