@nuxt/ui 2.18.7 → 2.19.0

package/dist/runtime/components/forms/Textarea.vue.d.ts

@@ -195,6 +195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             trim?: boolean;
             lazy?: boolean;
             number?: boolean;
+            nullify?: boolean;
         }>;
         default: () => {};
     };
@@ -404,6 +405,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             trim?: boolean;
             lazy?: boolean;
             number?: boolean;
+            nullify?: boolean;
         }>;
         default: () => {};
     };
@@ -543,6 +545,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         trim?: boolean;
         lazy?: boolean;
         number?: boolean;
+        nullify?: boolean;
     };
     maxrows: number;
     autoresize: boolean;

package/dist/runtime/components/layout/Divider.vue

@@ -61,7 +61,7 @@ export default defineComponent({
     },
     type: {
       type: String,
-      default: "solid",
+      default: () => config.default.type,
       validator: (value) => ["solid", "dotted", "dashed"].includes(value)
     },
     class: {

package/dist/runtime/components/layout/Divider.vue.d.ts

@@ -49,6 +49,7 @@ declare const config: {
     label: string;
     default: {
         size: "2xs";
+        type: "solid";
     };
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -76,7 +77,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     type: {
         type: PropType<"solid" | "dotted" | "dashed">;
-        default: string;
+        default: () => "solid";
         validator: (value: string) => boolean;
     };
     class: {
@@ -139,6 +140,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         label: string;
         default: {
             size: "2xs";
+            type: "solid";
         };
     }>;
     attrs: import("vue").ComputedRef<Pick<{
@@ -172,7 +174,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     type: {
         type: PropType<"solid" | "dotted" | "dashed">;
-        default: string;
+        default: () => "solid";
         validator: (value: string) => boolean;
     };
     class: {
@@ -241,6 +243,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         label?: string;
         default?: DeepPartial<{
             size: "2xs";
+            type: "solid";
         }, any>;
     } & {
         [key: string]: any;

package/dist/runtime/components/navigation/CommandPalette.vue

@@ -70,9 +70,9 @@ import { twJoin } from "tailwind-merge";
 import { defu } from "defu";
 import UIcon from "../elements/Icon.vue";
 import UButton from "../elements/Button.vue";
-import CommandPaletteGroup from "./CommandPaletteGroup.vue";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig } from "../../utils";
+import CommandPaletteGroup from "./CommandPaletteGroup.vue";
 import appConfig from "#build/app.config";
 import { commandPalette } from "#ui/ui.config";
 import { useId } from "#imports";

package/dist/runtime/components/navigation/CommandPalette.vue.d.ts

@@ -250,7 +250,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inactive?: string;
         search?: (...args: any[]) => any[] | Promise<any[]>;
         filter?: (...args: any[]) => Command[];
-        static?: Boolean;
+        static?: boolean;
     })[]>;
     comboboxInput: import("vue").Ref<ComponentPublicInstance<HTMLInputElement>, ComponentPublicInstance<HTMLInputElement>>;
     query: import("vue").Ref<string, string>;

package/dist/runtime/components/navigation/CommandPaletteGroup.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { Command, Group } from '../../types/index.js';
-import { commandPalette } from '#ui/ui.config';
+import type { commandPalette } from '#ui/ui.config';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     group: {
         type: PropType<Group>;

package/dist/runtime/components/navigation/Pagination.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="ui.wrapper" v-bind="attrs">
-    <slot name="first" :on-click="onClickFirst">
+    <slot name="first" :on-click="onClickFirst" :can-go-first="canGoFirstOrPrev">
       <UButton
         v-if="firstButton && showFirst"
         :size="size"
@@ -14,7 +14,7 @@
       />
     </slot>
 
-    <slot name="prev" :on-click="onClickPrev">
+    <slot name="prev" :on-click="onClickPrev" :can-go-prev="canGoFirstOrPrev">
       <UButton
         v-if="prevButton"
         :size="size"
@@ -41,7 +41,7 @@
       @click="() => onClickPage(page)"
     />
 
-    <slot name="next" :on-click="onClickNext">
+    <slot name="next" :on-click="onClickNext" :can-go-next="canGoLastOrNext">
       <UButton
         v-if="nextButton"
         :size="size"
@@ -55,7 +55,7 @@
       />
     </slot>
 
-    <slot name="last" :on-click="onClickLast">
+    <slot name="last" :on-click="onClickLast" :can-go-last="canGoLastOrNext">
       <UButton
         v-if="lastButton && showLast"
         :size="size"

package/dist/runtime/components/navigation/Pagination.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { RouteLocationRaw } from '#vue-router';
 import type { Button, ButtonSize, DeepPartial, Strategy } from '../../types/index.js';
+import type { RouteLocationRaw } from '#vue-router';
 declare const config: {
     wrapper: string;
     base: string;

package/dist/runtime/components/navigation/Tabs.vue

@@ -24,7 +24,7 @@
         :disabled="item.disabled"
         as="template"
       >
-        <button :class="[ui.list.tab.base, ui.list.tab.background, ui.list.tab.height, ui.list.tab.padding, ui.list.tab.size, ui.list.tab.font, ui.list.tab.rounded, ui.list.tab.shadow, selected ? ui.list.tab.active : ui.list.tab.inactive]">
+        <button :aria-label="item.ariaLabel" :class="[ui.list.tab.base, ui.list.tab.background, ui.list.tab.height, ui.list.tab.padding, ui.list.tab.size, ui.list.tab.font, ui.list.tab.rounded, ui.list.tab.shadow, selected ? ui.list.tab.active : ui.list.tab.inactive]">
           <slot
             name="icon"
             :item="item"

package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts

@@ -1030,7 +1030,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         type: {
             type: PropType<"solid" | "dotted" | "dashed">;
-            default: string;
+            default: () => "solid";
             validator: (value: string) => boolean;
         };
         class: {
@@ -1087,6 +1087,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 label: string;
                 default: {
                     size: "2xs";
+                    type: "solid";
                 };
             }> & {
                 strategy?: Strategy;
@@ -1143,6 +1144,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             label: string;
             default: {
                 size: "2xs";
+                type: "solid";
             };
         }>;
         attrs: import("vue").ComputedRef<Pick<{
@@ -1176,7 +1178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         type: {
             type: PropType<"solid" | "dotted" | "dashed">;
-            default: string;
+            default: () => "solid";
             validator: (value: string) => boolean;
         };
         class: {
@@ -1233,6 +1235,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 label: string;
                 default: {
                     size: "2xs";
+                    type: "solid";
                 };
             }> & {
                 strategy?: Strategy;
@@ -1295,6 +1298,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             label?: string;
             default?: DeepPartial<{
                 size: "2xs";
+                type: "solid";
             }, any>;
         } & {
             [key: string]: any;

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

@@ -14,7 +14,7 @@
                 ui.background,
                 ui.ring,
                 ui.shadow,
-                fullscreen ? ui.fullscreen : [ui.width, ui.height, ui.rounded, ui.margin],
+                fullscreen ? ui.fullscreen : [ui.width, ui.height, ui.rounded, ui.margin]
               ]"
             >
               <slot />

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

@@ -22,10 +22,10 @@
 <script>
 import { computed, toRef, defineComponent } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import UNotification from "./Notification.vue";
 import { useUI } from "../../composables/useUI";
 import { useToast } from "../../composables/useToast";
 import { mergeConfig } from "../../utils";
+import UNotification from "./Notification.vue";
 import { useState } from "#imports";
 import appConfig from "#build/app.config";
 import { notifications } from "#ui/ui.config";

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

@@ -160,7 +160,9 @@ export default defineComponent({
         return;
       }
       openTimeout = openTimeout || setTimeout(() => {
-        popoverApi.value.togglePopover && popoverApi.value.togglePopover();
+        if (popoverApi.value.togglePopover) {
+          popoverApi.value.togglePopover();
+        }
         openTimeout = null;
       }, props.openDelay);
     }
@@ -176,7 +178,9 @@ export default defineComponent({
         return;
       }
       closeTimeout = closeTimeout || setTimeout(() => {
-        popoverApi.value.closePopover && popoverApi.value.closePopover();
+        if (popoverApi.value.closePopover) {
+          popoverApi.value.closePopover();
+        }
         closeTimeout = null;
       }, props.closeDelay);
     }

package/dist/runtime/composables/defineShortcuts.js

@@ -16,7 +16,7 @@ export const defineShortcuts = (config, options = {}) => {
     if (!e.key) {
       return;
     }
-    const alphabeticalKey = /^[a-z]{1}$/i.test(e.key);
+    const alphabeticalKey = /^[a-z]$/i.test(e.key);
     let chainedKey;
     chainedInputs.value.push(e.key);
     if (chainedInputs.value.length >= 2) {

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

@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import { buttonGroup } from '#ui/ui.config';
+import type { buttonGroup } from '#ui/ui.config';
 type ButtonGroupProps = {
     orientation?: Ref<'horizontal' | 'vertical'>;
     size?: Ref<string>;

package/dist/runtime/composables/useUI.js

@@ -1,6 +1,6 @@
 import { computed, toValue, useAttrs } from "vue";
-import { useAppConfig } from "#imports";
 import { mergeConfig, omit, get } from "../utils/index.js";
+import { useAppConfig } from "#imports";
 export const useUI = (key, $ui, $config, $wrapperClass, withAppConfig = false) => {
   const $attrs = useAttrs();
   const appConfig = useAppConfig();

package/dist/runtime/plugins/modals.js

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

package/dist/runtime/plugins/slideovers.js

@@ -1,6 +1,6 @@
-import { defineNuxtPlugin } from "#imports";
 import { shallowRef } from "vue";
 import { slidOverInjectionKey } from "../composables/useSlideover.js";
+import { defineNuxtPlugin } from "#imports";
 export default defineNuxtPlugin((nuxtApp) => {
   const slideoverState = shallowRef({
     component: "div",

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

@@ -3,7 +3,7 @@ import type { Button } from './button'
 export interface AccordionItem extends Button {
   slot?: string
   disabled?: boolean
-  content?: string
+  content?: string | string[] | object | object[]
   defaultOpen?: boolean
   closeOthers?: boolean
 }

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

@@ -1,8 +1,8 @@
-import { alert } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import type { Button } from './button'
-import colors from '#ui-colors'
 import type { AppConfig } from 'nuxt/schema'
+import type { alert } from '../ui.config'
+import type { Button } from './button'
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
+import type colors from '#ui-colors'
 
 export type AlertColor = keyof typeof alert.color | ExtractDeepKey<AppConfig, ['ui', 'alert', 'color']> | typeof colors[number]
 export type AlertVariant = keyof typeof alert.variant | ExtractDeepKey<AppConfig, ['ui', 'alert', 'variant']> | NestedKeyOf<typeof alert.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'alert', 'color']>>

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

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

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

@@ -1,7 +1,7 @@
-import { badge } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
 import type { AppConfig } from 'nuxt/schema'
+import type { badge } from '../ui.config'
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
+import type colors from '#ui-colors'
 
 export type BadgeSize = keyof typeof badge.size | ExtractDeepKey<AppConfig, ['ui', 'badge', 'size']>
 export type BadgeColor = keyof typeof badge.color | ExtractDeepKey<AppConfig, ['ui', 'badge', 'color']> | typeof colors[number]

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

@@ -1,8 +1,8 @@
+import type { AppConfig } from 'nuxt/schema'
+import type { button } from '../ui.config'
 import type { Link } from './link'
-import { button } from '../ui.config'
 import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
+import type colors from '#ui-colors'
 
 export type ButtonSize = keyof typeof button.size | ExtractDeepKey<AppConfig, ['ui', 'button', 'size']>
 export type ButtonColor = keyof typeof button.color | ExtractDeepKey<AppConfig, ['ui', 'button', 'color']> | typeof colors[number]
@@ -24,8 +24,6 @@ export interface Button extends Link {
   trailingIcon?: string
   trailing?: boolean
   leading?: boolean
-  to?: string | object
-  target?: string
   square?: boolean
   truncate?: boolean
 }

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

@@ -1,5 +1,5 @@
-import { chip } from '../ui.config'
-import colors from '#ui-colors'
+import type { chip } from '../ui.config'
+import type colors from '#ui-colors'
 
 export type ChipSize = keyof typeof chip.size
 export type ChipColor = 'gray' | typeof colors[number]

package/dist/runtime/types/command-palette.d.ts

@@ -1,4 +1,4 @@
-import { FuseResultMatch } from 'fuse.js'
+import type { FuseResultMatch } from 'fuse.js'
 import type { Avatar } from './avatar'
 
 export interface Command {
@@ -24,6 +24,6 @@ export interface Group {
   commands?: Command[]
   search?: (...args: any[]) => any[] | Promise<any[]>
   filter?: (...args: any[]) => Command[]
-  static?: Boolean
+  static?: boolean
   [key: string]: any
 }

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

@@ -5,10 +5,10 @@ T extends new () => { $props: infer P } ? NonNullable<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> :
+  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> :
-      {}
+  T extends (props: any, ctx: { slots: any, attrs: any, emit: infer E }, ...args: any) => any ? NonNullable<E> :
+      {}

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

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

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

@@ -1,5 +1,5 @@
-import type { NuxtLinkProps } from '#app'
 import type { Avatar } from './avatar'
+import type { NuxtLinkProps } from '#app'
 
 export interface DropdownItem extends NuxtLinkProps {
   label: string

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

@@ -1,5 +1,5 @@
-import { formGroup } from '../ui.config'
-import type { ExtractDeepKey } from '.'
 import type { AppConfig } from 'nuxt/schema'
+import type { formGroup } from '../ui.config'
+import type { ExtractDeepKey } from '.'
 
 export type FormGroupSize = keyof typeof formGroup.size | ExtractDeepKey<AppConfig, ['ui', 'formGroup', 'size']>

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

@@ -5,13 +5,18 @@ export interface FormError<T extends string = string> {
   message: string
 }
 
+export interface ValidateReturnSchema<T> {
+  result: T
+  errors: FormError[]
+}
+
 export interface FormErrorWithId extends FormError {
   id: string
 }
 
 export interface Form<T> {
-  validate(path?: string | string[], opts?: { silent?: true }): Promise<T | false>;
-  validate(path?: string | string[], opts?: { silent?: false }): 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/index.d.ts

@@ -23,6 +23,7 @@ export * from './popper.js';
 export * from './progress.js';
 export * from './range.js';
 export * from './select.js';
+export * from './table.js';
 export * from './tabs.js';
 export * from './textarea.js';
 export * from './toggle.js';

package/dist/runtime/types/index.js

@@ -23,6 +23,7 @@ export * from "./popper";
 export * from "./progress";
 export * from "./range";
 export * from "./select";
+export * from "./table";
 export * from "./tabs";
 export * from "./textarea";
 export * from "./toggle";

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

@@ -1,7 +1,7 @@
-import { input } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
 import type { AppConfig } from 'nuxt/schema'
+import type { input } from '../ui.config'
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
+import type colors from '#ui-colors'
 
 export type InputSize = keyof typeof input.size | ExtractDeepKey<AppConfig, ['ui', 'input', 'size']>
 export type InputColor = keyof typeof input.color | ExtractDeepKey<AppConfig, ['ui', 'input', 'color']> | typeof colors[number]

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

@@ -1,5 +1,5 @@
-import { kbd } from '../ui.config'
-import type { ExtractDeepKey } from '.'
 import type { AppConfig } from 'nuxt/schema'
+import type { kbd } from '../ui.config'
+import type { ExtractDeepKey } from '.'
 
 export type KbdSize = keyof typeof kbd.size | ExtractDeepKey<AppConfig, ['ui', 'kbd', 'size']>

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

@@ -1,5 +1,5 @@
-import { meter } from '../ui.config'
-import colors from '#ui-colors'
+import type { meter } from '../ui.config'
+import type colors from '#ui-colors'
 
 export type MeterSize = keyof typeof meter.meter.size
 export type MeterColor = keyof typeof meter.color | typeof colors[number]

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

@@ -6,7 +6,7 @@ export interface Modal {
   transition?: boolean
   preventClose?: boolean
   fullscreen?: boolean
-  class?: string | Object | string[]
+  class?: string | object | string[]
   ui?: any
   onClose?: () => void
   onClosePrevented?: () => void
@@ -15,4 +15,4 @@ export interface Modal {
 export interface ModalState {
   component: Component | string
   props: Modal
-}
+}

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

@@ -1,6 +1,6 @@
 import type { Avatar } from './avatar'
 import type { Button } from './button'
-import colors from '#ui-colors'
+import type colors from '#ui-colors'
 
 export type NotificationColor = 'gray' | typeof colors[number]
 

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

@@ -1,5 +1,5 @@
-import { progress } from '../ui.config'
-import colors from '#ui-colors'
+import type { progress } from '../ui.config'
+import type colors from '#ui-colors'
 
 export type ProgressSize = keyof typeof progress.progress.size
 export type ProgressAnimation = keyof typeof progress.animation

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

@@ -1,7 +1,7 @@
-import { range } from '../ui.config'
-import type { ExtractDeepKey } from '.'
 import type { AppConfig } from 'nuxt/schema'
-import colors from '#ui-colors'
+import type { range } from '../ui.config'
+import type { ExtractDeepKey } from '.'
+import type 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/select.d.ts

@@ -1,7 +1,7 @@
-import { select } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
 import type { AppConfig } from 'nuxt/schema'
+import type { select } from '../ui.config'
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
+import type colors from '#ui-colors'
 
 export type SelectSize = keyof typeof select.size | ExtractDeepKey<AppConfig, ['ui', 'select', 'size']>
 export type SelectColor = keyof typeof select.color | ExtractDeepKey<AppConfig, ['ui', 'select', 'color']> | typeof colors[number]

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

@@ -0,0 +1,18 @@
+export interface TableRow {
+  [key: string]: any
+}
+
+export interface TableColumn {
+  key: string
+  sortable?: boolean
+  sort?: (a: any, b: any, direction: 'asc' | 'desc') => number
+  direction?: 'asc' | 'desc'
+  class?: string
+  rowClass?: string
+  [key: string]: any
+}
+
+export interface Expanded<T> {
+  openedRows: T[]
+  row: T | null
+}

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

@@ -1,7 +1,7 @@
-import { textarea } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
 import type { AppConfig } from 'nuxt/schema'
+import type { textarea } from '../ui.config'
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
+import type colors from '#ui-colors'
 
 export type TextareaSize = keyof typeof textarea.size | ExtractDeepKey<AppConfig, ['ui', 'textarea', 'size']>
 export type TextareaColor = keyof typeof textarea.color | ExtractDeepKey<AppConfig, ['ui', 'textarea', 'color']> | typeof colors[number]

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

@@ -1,7 +1,7 @@
-import { toggle } from '../ui.config'
-import type { ExtractDeepKey } from '.'
 import type { AppConfig } from 'nuxt/schema'
-import colors from '#ui-colors'
+import type { toggle } from '../ui.config'
+import type { ExtractDeepKey } from '.'
+import type 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/utils.d.ts

@@ -14,8 +14,8 @@ export type DeepPartial<T, O = any> = {
 
 export type NestedKeyOf<ObjectType extends Record<string, any>> = {
   [Key in keyof ObjectType]: ObjectType[Key] extends Record<string, any>
-  ? NestedKeyOf<ObjectType[Key]>
-  : Key
+    ? NestedKeyOf<ObjectType[Key]>
+    : Key
 }[keyof ObjectType]
 
 type DeepKey<T, Keys extends string[]> =

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

@@ -8,6 +8,7 @@ declare const _default: {
     tr: {
         base: string;
         selected: string;
+        expanded: string;
         active: string;
     };
     th: {

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

@@ -8,6 +8,7 @@ export default {
   tr: {
     base: "",
     selected: "bg-gray-50 dark:bg-gray-800/50",
+    expanded: "bg-gray-50 dark:bg-gray-800/50",
     active: "hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
   },
   th: {