@nuxt/ui 2.18.6 → 2.19.0

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: {

package/dist/runtime/ui.config/elements/avatar.js

@@ -7,11 +7,11 @@ export default {
   size: {
     "3xs": "h-4 w-4 text-[8px]",
     "2xs": "h-5 w-5 text-[10px]",
-    xs: "h-6 w-6 text-xs",
-    sm: "h-8 w-8 text-sm",
-    md: "h-10 w-10 text-base",
-    lg: "h-12 w-12 text-lg",
-    xl: "h-14 w-14 text-xl",
+    "xs": "h-6 w-6 text-xs",
+    "sm": "h-8 w-8 text-sm",
+    "md": "h-10 w-10 text-base",
+    "lg": "h-12 w-12 text-lg",
+    "xl": "h-14 w-14 text-xl",
     "2xl": "h-16 w-16 text-2xl",
     "3xl": "h-20 w-20 text-3xl"
   },
@@ -27,11 +27,11 @@ export default {
     size: {
       "3xs": "h-[4px] min-w-[4px] text-[4px] p-px",
       "2xs": "h-[5px] min-w-[5px] text-[5px] p-px",
-      xs: "h-1.5 min-w-[0.375rem] text-[6px] p-px",
-      sm: "h-2 min-w-[0.5rem] text-[7px] p-0.5",
-      md: "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
-      lg: "h-3 min-w-[0.75rem] text-[10px] p-0.5",
-      xl: "h-3.5 min-w-[0.875rem] text-[11px] p-1",
+      "xs": "h-1.5 min-w-[0.375rem] text-[6px] p-px",
+      "sm": "h-2 min-w-[0.5rem] text-[7px] p-0.5",
+      "md": "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
+      "lg": "h-3 min-w-[0.75rem] text-[10px] p-0.5",
+      "xl": "h-3.5 min-w-[0.875rem] text-[11px] p-1",
       "2xl": "h-4 min-w-[1rem] text-[12px] p-1",
       "3xl": "h-5 min-w-[1.25rem] text-[14px] p-1"
     }
@@ -41,11 +41,11 @@ export default {
     size: {
       "3xs": "h-2 w-2",
       "2xs": "h-2.5 w-2.5",
-      xs: "h-3 w-3",
-      sm: "h-4 w-4",
-      md: "h-5 w-5",
-      lg: "h-6 w-6",
-      xl: "h-7 w-7",
+      "xs": "h-3 w-3",
+      "sm": "h-4 w-4",
+      "md": "h-5 w-5",
+      "lg": "h-6 w-6",
+      "xl": "h-7 w-7",
       "2xl": "h-8 w-8",
       "3xl": "h-10 w-10"
     }

package/dist/runtime/ui.config/elements/button.js

@@ -7,35 +7,35 @@ export default {
   inline: "inline-flex items-center",
   size: {
     "2xs": "text-xs",
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-sm",
-    lg: "text-sm",
-    xl: "text-base"
+    "xs": "text-xs",
+    "sm": "text-sm",
+    "md": "text-sm",
+    "lg": "text-sm",
+    "xl": "text-base"
   },
   gap: {
     "2xs": "gap-x-1",
-    xs: "gap-x-1.5",
-    sm: "gap-x-1.5",
-    md: "gap-x-2",
-    lg: "gap-x-2.5",
-    xl: "gap-x-2.5"
+    "xs": "gap-x-1.5",
+    "sm": "gap-x-1.5",
+    "md": "gap-x-2",
+    "lg": "gap-x-2.5",
+    "xl": "gap-x-2.5"
   },
   padding: {
     "2xs": "px-2 py-1",
-    xs: "px-2.5 py-1.5",
-    sm: "px-2.5 py-1.5",
-    md: "px-3 py-2",
-    lg: "px-3.5 py-2.5",
-    xl: "px-3.5 py-2.5"
+    "xs": "px-2.5 py-1.5",
+    "sm": "px-2.5 py-1.5",
+    "md": "px-3 py-2",
+    "lg": "px-3.5 py-2.5",
+    "xl": "px-3.5 py-2.5"
   },
   square: {
     "2xs": "p-1",
-    xs: "p-1.5",
-    sm: "p-1.5",
-    md: "p-2",
-    lg: "p-2.5",
-    xl: "p-2.5"
+    "xs": "p-1.5",
+    "sm": "p-1.5",
+    "md": "p-2",
+    "lg": "p-2.5",
+    "xl": "p-2.5"
   },
   color: {
     white: {
@@ -64,11 +64,11 @@ export default {
     loading: "animate-spin",
     size: {
       "2xs": "h-4 w-4",
-      xs: "h-4 w-4",
-      sm: "h-5 w-5",
-      md: "h-5 w-5",
-      lg: "h-5 w-5",
-      xl: "h-6 w-6"
+      "xs": "h-4 w-4",
+      "sm": "h-5 w-5",
+      "md": "h-5 w-5",
+      "lg": "h-5 w-5",
+      "xl": "h-6 w-6"
     }
   },
   default: {

package/dist/runtime/ui.config/elements/buttonGroup.js

@@ -8,7 +8,7 @@ export default {
   orientation: {
     "rounded-none": { horizontal: { start: "rounded-s-none", end: "rounded-e-none" }, vertical: { start: "rounded-t-none", end: "rounded-b-none" } },
     "rounded-sm": { horizontal: { start: "rounded-s-sm", end: "rounded-e-sm" }, vertical: { start: "rounded-t-sm", end: "rounded-b-sm" } },
-    rounded: { horizontal: { start: "rounded-s", end: "rounded-e" }, vertical: { start: "rounded-t", end: "rounded-b" } },
+    "rounded": { horizontal: { start: "rounded-s", end: "rounded-e" }, vertical: { start: "rounded-t", end: "rounded-b" } },
     "rounded-md": { horizontal: { start: "rounded-s-md", end: "rounded-e-md" }, vertical: { start: "rounded-t-md", end: "rounded-b-md" } },
     "rounded-lg": { horizontal: { start: "rounded-s-lg", end: "rounded-e-lg" }, vertical: { start: "rounded-t-lg", end: "rounded-b-lg" } },
     "rounded-xl": { horizontal: { start: "rounded-s-xl", end: "rounded-e-xl" }, vertical: { start: "rounded-t-xl", end: "rounded-b-xl" } },

package/dist/runtime/ui.config/elements/carousel.js

@@ -14,12 +14,12 @@ export default {
   default: {
     prevButton: {
       color: "black",
-      class: "rtl:[&_span:first-child]:rotate-180 absolute left-4 top-1/2 transform -translate-y-1/2 rounded-full",
+      class: "rtl:[&_span:first-child]:rotate-180 absolute start-4 top-1/2 transform -translate-y-1/2 rounded-full",
       icon: "i-heroicons-chevron-left-20-solid"
     },
     nextButton: {
       color: "black",
-      class: "rtl:[&_span:last-child]:rotate-180 absolute right-4 top-1/2 transform -translate-y-1/2 rounded-full",
+      class: "rtl:[&_span:last-child]:rotate-180 absolute end-4 top-1/2 transform -translate-y-1/2 rounded-full",
       icon: "i-heroicons-chevron-right-20-solid"
     }
   }

package/dist/runtime/ui.config/elements/chip.js

@@ -17,11 +17,11 @@ export default {
   size: {
     "3xs": "h-[4px] min-w-[4px] text-[4px] p-px",
     "2xs": "h-[5px] min-w-[5px] text-[5px] p-px",
-    xs: "h-1.5 min-w-[0.375rem] text-[6px] p-px",
-    sm: "h-2 min-w-[0.5rem] text-[7px] p-0.5",
-    md: "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
-    lg: "h-3 min-w-[0.75rem] text-[10px] p-0.5",
-    xl: "h-3.5 min-w-[0.875rem] text-[11px] p-1",
+    "xs": "h-1.5 min-w-[0.375rem] text-[6px] p-px",
+    "sm": "h-2 min-w-[0.5rem] text-[7px] p-0.5",
+    "md": "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
+    "lg": "h-3 min-w-[0.75rem] text-[10px] p-0.5",
+    "xl": "h-3.5 min-w-[0.875rem] text-[11px] p-1",
     "2xl": "h-4 min-w-[1rem] text-[12px] p-1",
     "3xl": "h-5 min-w-[1.25rem] text-[14px] p-1"
   },

package/dist/runtime/ui.config/elements/meter.js

@@ -5,11 +5,11 @@ export default {
     text: "text-gray-400 dark:text-gray-500 text-end",
     size: {
       "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-sm",
+      "lg": "text-sm",
+      "xl": "text-base",
       "2xl": "text-base"
     }
   },
@@ -22,11 +22,11 @@ export default {
     shadow: "",
     size: {
       "2xs": "h-px",
-      xs: "h-0.5",
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-3",
-      xl: "h-4",
+      "xs": "h-0.5",
+      "sm": "h-1",
+      "md": "h-2",
+      "lg": "h-3",
+      "xl": "h-4",
       "2xl": "h-5"
     },
     appearance: {
@@ -41,11 +41,11 @@ export default {
       rounded: "[&::-webkit-meter-optimum-value]:rounded-full [&::-moz-meter-bar]:rounded-full",
       size: {
         "2xs": "[&::-webkit-meter-optimum-value]:h-px [&::-moz-meter-bar]:h-px",
-        xs: "[&::-webkit-meter-optimum-value]:h-0.5 [&::-moz-meter-bar]:h-0.5",
-        sm: "[&::-webkit-meter-optimum-value]:h-1 [&::-moz-meter-bar]:h-1",
-        md: "[&::-webkit-meter-optimum-value]:h-2 [&::-moz-meter-bar]:h-2",
-        lg: "[&::-webkit-meter-optimum-value]:h-3 [&::-moz-meter-bar]:h-3",
-        xl: "[&::-webkit-meter-optimum-value]:h-4 [&::-moz-meter-bar]:h-4",
+        "xs": "[&::-webkit-meter-optimum-value]:h-0.5 [&::-moz-meter-bar]:h-0.5",
+        "sm": "[&::-webkit-meter-optimum-value]:h-1 [&::-moz-meter-bar]:h-1",
+        "md": "[&::-webkit-meter-optimum-value]:h-2 [&::-moz-meter-bar]:h-2",
+        "lg": "[&::-webkit-meter-optimum-value]:h-3 [&::-moz-meter-bar]:h-3",
+        "xl": "[&::-webkit-meter-optimum-value]:h-4 [&::-moz-meter-bar]:h-4",
         "2xl": "[&::-webkit-meter-optimum-value]:h-5 [&::-moz-meter-bar]:h-5"
       }
     }
@@ -56,11 +56,11 @@ export default {
     color: "text-{color}-500 dark:text-{color}-400",
     size: {
       "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-sm",
+      "lg": "text-sm",
+      "xl": "text-base",
       "2xl": "text-base"
     }
   },

package/dist/runtime/ui.config/elements/meterGroup.js

@@ -9,7 +9,7 @@ export default {
   orientation: {
     "rounded-none": { left: "rounded-s-none", right: "rounded-e-none" },
     "rounded-sm": { left: "rounded-s-sm", right: "rounded-e-sm" },
-    rounded: { left: "rounded-s", right: "rounded-e" },
+    "rounded": { left: "rounded-s", right: "rounded-e" },
     "rounded-md": { left: "rounded-s-md", right: "rounded-e-md" },
     "rounded-lg": { left: "rounded-s-lg", right: "rounded-e-lg" },
     "rounded-xl": { left: "rounded-s-xl", right: "rounded-e-xl" },

package/dist/runtime/ui.config/elements/progress.js

@@ -11,11 +11,11 @@ export default {
     color: "text-gray-400 dark:text-gray-500",
     size: {
       "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-sm",
+      "lg": "text-sm",
+      "xl": "text-base",
       "2xl": "text-base"
     }
   },
@@ -24,11 +24,11 @@ export default {
     width: "w-full [&::-webkit-progress-bar]:w-full",
     size: {
       "2xs": "h-px",
-      xs: "h-0.5",
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-3",
-      xl: "h-4",
+      "xs": "h-0.5",
+      "sm": "h-1",
+      "md": "h-2",
+      "lg": "h-3",
+      "xl": "h-4",
       "2xl": "h-5"
     },
     rounded: "rounded-full [&::-webkit-progress-bar]:rounded-full",
@@ -46,11 +46,11 @@ export default {
     color: "text-{color}-500 dark:text-{color}-400",
     size: {
       "2xs": "text-xs",
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-sm",
-      xl: "text-base",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-sm",
+      "lg": "text-sm",
+      "xl": "text-base",
       "2xl": "text-base"
     }
   },
@@ -61,10 +61,10 @@ export default {
     first: "text-gray-500 dark:text-gray-400"
   },
   animation: {
-    carousel: "bar-animation-carousel",
+    "carousel": "bar-animation-carousel",
     "carousel-inverse": "bar-animation-carousel-inverse",
-    swing: "bar-animation-swing",
-    elastic: "bar-animation-elastic"
+    "swing": "bar-animation-swing",
+    "elastic": "bar-animation-elastic"
   },
   default: {
     color: "primary",

package/dist/runtime/ui.config/forms/formGroup.js

@@ -4,16 +4,15 @@ export default {
   label: {
     wrapper: "flex content-center items-center justify-between",
     base: "block font-medium text-gray-700 dark:text-gray-200",
-    // eslint-disable-next-line quotes
     required: `after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-400`
   },
   size: {
     "2xs": "text-xs",
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-sm",
-    lg: "text-sm",
-    xl: "text-base"
+    "xs": "text-xs",
+    "sm": "text-sm",
+    "md": "text-sm",
+    "lg": "text-sm",
+    "xl": "text-base"
   },
   container: "mt-1 relative",
   description: "text-gray-500 dark:text-gray-400",

package/dist/runtime/ui.config/forms/input.js

@@ -9,46 +9,46 @@ export default {
   },
   size: {
     "2xs": "text-xs",
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-sm",
-    lg: "text-sm",
-    xl: "text-base"
+    "xs": "text-xs",
+    "sm": "text-sm",
+    "md": "text-sm",
+    "lg": "text-sm",
+    "xl": "text-base"
   },
   gap: {
     "2xs": "gap-x-1",
-    xs: "gap-x-1.5",
-    sm: "gap-x-1.5",
-    md: "gap-x-2",
-    lg: "gap-x-2.5",
-    xl: "gap-x-2.5"
+    "xs": "gap-x-1.5",
+    "sm": "gap-x-1.5",
+    "md": "gap-x-2",
+    "lg": "gap-x-2.5",
+    "xl": "gap-x-2.5"
   },
   padding: {
     "2xs": "px-2 py-1",
-    xs: "px-2.5 py-1.5",
-    sm: "px-2.5 py-1.5",
-    md: "px-3 py-2",
-    lg: "px-3.5 py-2.5",
-    xl: "px-3.5 py-2.5"
+    "xs": "px-2.5 py-1.5",
+    "sm": "px-2.5 py-1.5",
+    "md": "px-3 py-2",
+    "lg": "px-3.5 py-2.5",
+    "xl": "px-3.5 py-2.5"
   },
   leading: {
     padding: {
       "2xs": "ps-7",
-      xs: "ps-8",
-      sm: "ps-9",
-      md: "ps-10",
-      lg: "ps-11",
-      xl: "ps-12"
+      "xs": "ps-8",
+      "sm": "ps-9",
+      "md": "ps-10",
+      "lg": "ps-11",
+      "xl": "ps-12"
     }
   },
   trailing: {
     padding: {
       "2xs": "pe-7",
-      xs: "pe-8",
-      sm: "pe-9",
-      md: "pe-10",
-      lg: "pe-11",
-      xl: "pe-12"
+      "xs": "pe-8",
+      "sm": "pe-9",
+      "md": "pe-10",
+      "lg": "pe-11",
+      "xl": "pe-12"
     }
   },
   color: {
@@ -69,22 +69,22 @@ export default {
     loading: "animate-spin",
     size: {
       "2xs": "h-4 w-4",
-      xs: "h-4 w-4",
-      sm: "h-5 w-5",
-      md: "h-5 w-5",
-      lg: "h-5 w-5",
-      xl: "h-6 w-6"
+      "xs": "h-4 w-4",
+      "sm": "h-5 w-5",
+      "md": "h-5 w-5",
+      "lg": "h-5 w-5",
+      "xl": "h-6 w-6"
     },
     leading: {
       wrapper: "absolute inset-y-0 start-0 flex items-center",
       pointer: "pointer-events-none",
       padding: {
         "2xs": "px-2",
-        xs: "px-2.5",
-        sm: "px-2.5",
-        md: "px-3",
-        lg: "px-3.5",
-        xl: "px-3.5"
+        "xs": "px-2.5",
+        "sm": "px-2.5",
+        "md": "px-3",
+        "lg": "px-3.5",
+        "xl": "px-3.5"
       }
     },
     trailing: {
@@ -92,11 +92,11 @@ export default {
       pointer: "pointer-events-none",
       padding: {
         "2xs": "px-2",
-        xs: "px-2.5",
-        sm: "px-2.5",
-        md: "px-3",
-        lg: "px-3.5",
-        xl: "px-3.5"
+        "xs": "px-2.5",
+        "sm": "px-2.5",
+        "md": "px-3",
+        "lg": "px-3.5",
+        "xl": "px-3.5"
       }
     }
   },

package/dist/runtime/ui.config/forms/inputMenu.d.ts

@@ -51,6 +51,12 @@ declare const _default: {
     default: {
         selectedIcon: string;
         trailingIcon: string;
+        empty: {
+            label: string;
+        };
+        optionEmpty: {
+            label: string;
+        };
     };
     arrow: {
         ring: string;

package/dist/runtime/ui.config/forms/inputMenu.js

@@ -52,7 +52,13 @@ export default {
   },
   default: {
     selectedIcon: "i-heroicons-check-20-solid",
-    trailingIcon: "i-heroicons-chevron-down-20-solid"
+    trailingIcon: "i-heroicons-chevron-down-20-solid",
+    empty: {
+      label: "No options."
+    },
+    optionEmpty: {
+      label: 'No results for "{query}".'
+    }
   },
   arrow: {
     ...arrow,