@nuxt/ui 2.11.0 → 2.11.1

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

@@ -43,8 +43,8 @@ declare const _default: {
             icon: string;
             trailing: boolean;
             square: boolean;
-            color: string;
-            variant: string;
+            color: "gray";
+            variant: "ghost";
             class: string;
         };
         loadingState: {

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

@@ -15,7 +15,7 @@ declare const _default: {
         openIcon: string;
         closeIcon: string;
         class: string;
-        variant: string;
+        variant: "soft";
     };
 };
 export default _default;

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

@@ -1,5 +1,6 @@
 declare const _default: {
     wrapper: string;
+    inner: string;
     title: string;
     description: string;
     actions: string;
@@ -12,7 +13,7 @@ declare const _default: {
     };
     avatar: {
         base: string;
-        size: string;
+        size: "md";
     };
     color: {
         white: {
@@ -31,9 +32,9 @@ declare const _default: {
         icon: null;
         closeButton: null;
         actionButton: {
-            size: string;
-            color: string;
-            variant: string;
+            size: "xs";
+            color: "primary";
+            variant: "link";
         };
     };
 };

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

@@ -1,5 +1,6 @@
 export default {
   wrapper: "w-full relative overflow-hidden",
+  inner: "w-0 flex-1",
   title: "text-sm font-medium",
   description: "mt-1 text-sm leading-4 opacity-90",
   actions: "flex items-center gap-2 mt-3 flex-shrink-0",

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

@@ -2,6 +2,9 @@ declare const _default: {
     base: string;
     font: string;
     rounded: string;
+    truncate: string;
+    block: string;
+    inline: string;
     size: {
         '2xs': string;
         xs: string;
@@ -58,6 +61,7 @@ declare const _default: {
     };
     icon: {
         base: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;

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

@@ -2,6 +2,9 @@ export default {
   base: "focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0",
   font: "font-medium",
   rounded: "rounded-md",
+  truncate: "text-left break-all line-clamp-1",
+  block: "w-full flex justify-center items-center",
+  inline: "inline-flex items-center",
   size: {
     "2xs": "text-xs",
     xs: "text-xs",
@@ -58,6 +61,7 @@ export default {
   },
   icon: {
     base: "flex-shrink-0",
+    loading: "animate-spin",
     size: {
       "2xs": "h-4 w-4",
       xs: "h-4 w-4",

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

@@ -5,5 +5,97 @@ declare const _default: {
     };
     rounded: string;
     shadow: string;
+    orientation: {
+        'rounded-none': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-sm': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        rounded: {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-md': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-lg': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-xl': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-2xl': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-3xl': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-full': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+    };
 };
 export default _default;

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

@@ -4,5 +4,16 @@ export default {
     vertical: "inline-flex flex-col -space-y-px"
   },
   rounded: "rounded-md",
-  shadow: "shadow-sm"
+  shadow: "shadow-sm",
+  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-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" } },
+    "rounded-2xl": { horizontal: { start: "rounded-s-2xl", end: "rounded-e-2xl" }, vertical: { start: "rounded-t-2xl", end: "rounded-b-2xl" } },
+    "rounded-3xl": { horizontal: { start: "rounded-s-3xl", end: "rounded-e-3xl" }, vertical: { start: "rounded-t-3xl", end: "rounded-b-3xl" } },
+    "rounded-full": { horizontal: { start: "rounded-s-full", end: "rounded-e-full" }, vertical: { start: "rounded-t-full", end: "rounded-b-full" } }
+  }
 };

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

@@ -1,6 +1,7 @@
 declare const _default: {
     wrapper: string;
     container: string;
+    trigger: string;
     width: string;
     height: string;
     background: string;
@@ -25,8 +26,9 @@ declare const _default: {
         };
         avatar: {
             base: string;
-            size: string;
+            size: "3xs";
         };
+        label: string;
         shortcuts: string;
     };
     transition: {

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

@@ -1,7 +1,8 @@
-import _popperArrow from "../_popperArrow.mjs";
+import { arrow } from "../popper.mjs";
 export default {
   wrapper: "relative inline-flex text-left rtl:text-right",
   container: "z-20 group",
+  trigger: "inline-flex w-full",
   width: "w-48",
   height: "",
   background: "bg-white dark:bg-gray-800",
@@ -28,6 +29,7 @@ export default {
       base: "flex-shrink-0",
       size: "3xs"
     },
+    label: "truncate",
     shortcuts: "hidden md:inline-flex flex-shrink-0 gap-0.5 ms-auto"
   },
   // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
@@ -44,7 +46,7 @@ export default {
     strategy: "fixed"
   },
   arrow: {
-    ..._popperArrow,
+    ...arrow,
     ring: "before:ring-1 before:ring-gray-200 dark:before:ring-gray-700",
     background: "before:bg-white dark:before:bg-gray-700"
   }

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

@@ -5,8 +5,48 @@ declare const _default: {
     transition: string;
     rounded: string;
     shadow: string;
+    list: string;
+    orientation: {
+        'rounded-none': {
+            left: string;
+            right: string;
+        };
+        'rounded-sm': {
+            left: string;
+            right: string;
+        };
+        rounded: {
+            left: string;
+            right: string;
+        };
+        'rounded-md': {
+            left: string;
+            right: string;
+        };
+        'rounded-lg': {
+            left: string;
+            right: string;
+        };
+        'rounded-xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-2xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-3xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-full': {
+            left: string;
+            right: string;
+        };
+    };
     default: {
         size: string;
+        icon: string;
     };
 };
 export default _default;

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

@@ -5,7 +5,20 @@ export default {
   transition: "transition-all",
   rounded: "rounded-full",
   shadow: "",
+  list: "list-disc list-inside",
+  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-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" },
+    "rounded-2xl": { left: "rounded-s-2xl", right: "rounded-e-2xl" },
+    "rounded-3xl": { left: "rounded-s-3xl", right: "rounded-e-3xl" },
+    "rounded-full": { left: "rounded-s-full", right: "rounded-e-full" }
+  },
   default: {
-    size: "md"
+    size: "md",
+    icon: "i-heroicons-minus-20-solid"
   }
 };

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

@@ -1,11 +1,14 @@
 declare const _default: {
     wrapper: string;
+    container: string;
     base: string;
+    form: string;
     rounded: string;
     color: string;
     background: string;
     border: string;
     ring: string;
+    inner: string;
     label: string;
     required: string;
     help: string;

package/dist/runtime/ui.config/forms/checkbox.mjs

@@ -1,11 +1,14 @@
 export default {
   wrapper: "relative flex items-start",
+  container: "flex items-center h-5",
   base: "h-4 w-4 dark:checked:bg-current dark:checked:border-transparent dark:indeterminate:bg-current dark:indeterminate:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent",
+  form: "form-checkbox",
   rounded: "rounded",
   color: "text-{color}-500 dark:text-{color}-400",
   background: "bg-white dark:bg-gray-900",
   border: "border border-gray-300 dark:border-gray-700",
   ring: "focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
+  inner: "ms-3 flex flex-col",
   label: "text-sm font-medium text-gray-700 dark:text-gray-200",
   required: "text-sm text-red-500 dark:text-red-400",
   help: "text-sm text-gray-500 dark:text-gray-400",

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

@@ -1,6 +1,7 @@
 declare const _default: {
     wrapper: string;
     base: string;
+    form: string;
     rounded: string;
     placeholder: string;
     size: {
@@ -62,6 +63,7 @@ declare const _default: {
     icon: {
         base: string;
         color: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;

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

@@ -1,6 +1,7 @@
 export default {
   wrapper: "relative",
   base: "relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0",
+  form: "form-input",
   rounded: "rounded-md",
   placeholder: "placeholder-gray-400 dark:placeholder-gray-500",
   size: {
@@ -62,6 +63,7 @@ export default {
   icon: {
     base: "flex-shrink-0 text-gray-400 dark:text-gray-500",
     color: "text-{color}-500 dark:text-{color}-400",
+    loading: "animate-spin",
     size: {
       "2xs": "h-4 w-4",
       xs: "h-4 w-4",

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

@@ -1,10 +1,13 @@
 declare const _default: {
     wrapper: string;
+    container: string;
     base: string;
+    form: string;
     color: string;
     background: string;
     border: string;
     ring: string;
+    inner: string;
     label: string;
     required: string;
     help: string;

package/dist/runtime/ui.config/forms/radio.mjs

@@ -1,10 +1,13 @@
 export default {
   wrapper: "relative flex items-start",
+  container: "flex items-center h-5",
   base: "h-4 w-4 dark:checked:bg-current dark:checked:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent",
+  form: "form-radio",
   color: "text-{color}-500 dark:text-{color}-400",
   background: "bg-white dark:bg-gray-900",
   border: "border border-gray-300 dark:border-gray-700",
   ring: "focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
+  inner: "ms-3 flex flex-col",
   label: "text-sm font-medium text-gray-700 dark:text-gray-200",
   required: "text-sm text-red-500 dark:text-red-400",
   help: "text-sm text-gray-500 dark:text-gray-400",

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

@@ -1,4 +1,5 @@
 declare const _default: {
+    form: string;
     placeholder: string;
     default: {
         size: string;
@@ -69,6 +70,7 @@ declare const _default: {
     icon: {
         base: string;
         color: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;

package/dist/runtime/ui.config/forms/select.mjs

@@ -1,6 +1,7 @@
 import input from "./input.mjs";
 export default {
   ...input,
+  form: "form-select",
   placeholder: "text-gray-900 dark:text-white",
   default: {
     size: "sm",

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

@@ -1,5 +1,7 @@
 declare const _default: {
     container: string;
+    trigger: string;
+    select: string;
     width: string;
     height: string;
     base: string;
@@ -9,6 +11,8 @@ declare const _default: {
     padding: string;
     ring: string;
     input: string;
+    required: string;
+    label: string;
     option: {
         base: string;
         rounded: string;
@@ -21,6 +25,7 @@ declare const _default: {
         selected: string;
         disabled: string;
         empty: string;
+        create: string;
         icon: {
             base: string;
             active: string;
@@ -33,7 +38,7 @@ declare const _default: {
         };
         avatar: {
             base: string;
-            size: string;
+            size: "3xs";
         };
         chip: {
             base: string;

package/dist/runtime/ui.config/forms/selectMenu.mjs

@@ -1,6 +1,8 @@
-import _popperArrow from "../_popperArrow.mjs";
+import { arrow } from "../popper.mjs";
 export default {
   container: "z-20 group",
+  trigger: "inline-flex w-full",
+  select: "inline-flex items-center text-left cursor-default",
   width: "w-full",
   height: "max-h-60",
   base: "relative focus:outline-none overflow-y-auto scroll-py-1",
@@ -10,6 +12,8 @@ export default {
   padding: "p-1",
   ring: "ring-1 ring-gray-200 dark:ring-gray-700",
   input: "block w-[calc(100%+0.5rem)] focus:ring-transparent text-sm px-3 py-1.5 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border-0 border-b border-gray-200 dark:border-gray-700 focus:border-inherit sticky -top-1 -mt-1 mb-1 -mx-1 z-10 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none",
+  required: "absolute inset-0 w-px opacity-0 cursor-default",
+  label: "block truncate",
   option: {
     base: "cursor-default select-none relative flex items-center justify-between gap-1",
     rounded: "rounded-md",
@@ -22,6 +26,7 @@ export default {
     selected: "pe-7",
     disabled: "cursor-not-allowed opacity-50",
     empty: "text-sm text-gray-400 dark:text-gray-500 px-2 py-1.5",
+    create: "block truncate",
     icon: {
       base: "flex-shrink-0 h-4 w-4",
       active: "text-gray-900 dark:text-white",
@@ -54,7 +59,7 @@ export default {
     clearOnClose: false
   },
   arrow: {
-    ..._popperArrow,
+    ...arrow,
     ring: "before:ring-1 before:ring-gray-200 dark:before:ring-gray-700",
     background: "before:bg-white dark:before:bg-gray-700"
   }

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

@@ -1,4 +1,5 @@
 declare const _default: {
+    form: string;
     default: {
         size: string;
         color: string;
@@ -67,6 +68,7 @@ declare const _default: {
     icon: {
         base: string;
         color: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;

package/dist/runtime/ui.config/forms/textarea.mjs

@@ -1,6 +1,7 @@
 import input from "./input.mjs";
 export default {
   ...input,
+  form: "form-textarea",
   default: {
     size: "sm",
     color: "white",

package/dist/runtime/ui.config/layout/divider.d.ts

@@ -17,13 +17,18 @@ declare const _default: {
             horizontal: string;
             vertical: string;
         };
+        type: {
+            solid: string;
+            dotted: string;
+            dashed: string;
+        };
     };
     icon: {
         base: string;
     };
     avatar: {
         base: string;
-        size: string;
+        size: "2xs";
     };
     label: string;
 };

package/dist/runtime/ui.config/layout/divider.mjs

@@ -16,6 +16,11 @@ export default {
     size: {
       horizontal: "border-t",
       vertical: "border-s"
+    },
+    type: {
+      solid: "border-solid",
+      dotted: "border-dotted",
+      dashed: "border-dashed"
     }
   },
   icon: {

package/dist/runtime/ui.config/navigation/breadcrumb.mjs

@@ -14,6 +14,6 @@ export default {
   active: "text-primary-500 dark:text-primary-400",
   inactive: " hover:text-gray-700 dark:hover:text-gray-200",
   default: {
-    divider: "i-heroicons-chevron-right-20-solid"
+    divider: "i-heroicons-chevron-right-20-solid rtl:i-heroicons-chevron-left-20-solid"
   }
 };

package/dist/runtime/ui.config/navigation/commandPalette.d.ts

@@ -9,10 +9,14 @@ declare const _default: {
         size: string;
         icon: {
             base: string;
+            loading: string;
             size: string;
             padding: string;
         };
-        closeButton: string;
+        closeButton: {
+            base: string;
+            padding: string;
+        };
     };
     emptyState: {
         wrapper: string;

package/dist/runtime/ui.config/navigation/commandPalette.mjs

@@ -9,10 +9,14 @@ export default {
     size: "sm:text-sm",
     icon: {
       base: "pointer-events-none absolute start-4 text-gray-400 dark:text-gray-500",
+      loading: "animate-spin",
       size: "h-4 w-4",
       padding: "ps-10"
     },
-    closeButton: "absolute end-4"
+    closeButton: {
+      base: "absolute end-4",
+      padding: "pe-10"
+    }
   },
   emptyState: {
     wrapper: "flex flex-col items-center justify-center flex-1 px-6 py-14 sm:px-14",

package/dist/runtime/ui.config/navigation/pagination.d.ts

@@ -5,28 +5,28 @@ declare const _default: {
     default: {
         size: string;
         activeButton: {
-            color: string;
+            color: "primary";
         };
         inactiveButton: {
-            color: string;
+            color: "white";
         };
         firstButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
         lastButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
         prevButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
         nextButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };

package/dist/runtime/ui.config/navigation/verticalNavigation.d.ts

@@ -17,7 +17,7 @@ declare const _default: {
     };
     avatar: {
         base: string;
-        size: string;
+        size: "3xs";
     };
     badge: {
         base: string;

package/dist/runtime/ui.config/overlays/contextMenu.mjs

@@ -1,4 +1,4 @@
-import arrow from "../_popperArrow.mjs";
+import { arrow } from "../popper.mjs";
 export default {
   wrapper: "relative",
   container: "z-20 group",