@eslamdevui/ui 3.3.4 → 4.0.0-beta

package/.nuxt/ui/alert.ts

@@ -15,11 +15,6 @@ const variant = [
   "subtle"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "slots": {
     "root": "relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5",

package/.nuxt/ui/badge.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "primary",
   "secondary",
@@ -38,7 +33,7 @@ export default {
     "trailingIcon": "shrink-0"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
       "vertical": "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
     },

package/.nuxt/ui/banner.ts

@@ -101,5 +101,8 @@ export default {
         "root": "hover:bg-inverted/90"
       }
     }
-  ]
+  ],
+  "defaultVariants": {
+    "color": "primary" as typeof color[number]
+  }
 }

package/.nuxt/ui/blog-post.ts

@@ -67,7 +67,9 @@ export default {
     },
     "to": {
       "true": {
-        "root": "transition",
+        "root": [
+          "transition"
+        ],
         "image": "transform transition-transform duration-200 group-hover/blog-post:scale-110",
         "avatar": "transform transition-transform duration-200 hover:scale-115"
       }

package/.nuxt/ui/blog-posts.ts

@@ -1,8 +1,3 @@
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "base": "flex flex-col gap-8 lg:gap-y-16",
   "variants": {

package/.nuxt/ui/button.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "primary",
   "secondary",
@@ -43,7 +38,7 @@ export default {
     "trailingIcon": "shrink-0"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
       "vertical": "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
     },

package/.nuxt/ui/carousel.ts

@@ -1,8 +1,3 @@
-const orientation = [
-  "vertical",
-  "horizontal"
-] as const
-
 export default {
   "slots": {
     "root": "relative focus:outline-none",

package/.nuxt/ui/changelog-version.ts

@@ -12,7 +12,7 @@ export default {
     "image": "object-cover object-top w-full h-full",
     "authors": "flex flex-wrap gap-x-4 gap-y-1.5",
     "footer": "border-t border-default pt-5 flex items-center justify-between",
-    "indicator": "absolute left-0 top-0 w-32 hidden lg:flex items-center justify-end gap-3 min-w-0",
+    "indicator": "absolute start-0 top-0 w-32 hidden lg:flex items-center justify-end gap-3 min-w-0",
     "dot": "size-4 rounded-full bg-default ring ring-default flex items-center justify-center my-1",
     "dotInner": "size-2 rounded-full bg-primary"
   },

package/.nuxt/ui/changelog-versions.ts

@@ -2,7 +2,7 @@ export default {
   "slots": {
     "root": "relative",
     "container": "flex flex-col gap-y-8 sm:gap-y-12 lg:gap-y-16",
-    "indicator": "absolute hidden lg:block overflow-hidden inset-y-3 left-32 h-full w-px bg-border -ml-[8.5px]",
-    "beam": "absolute left-0 top-0 w-full bg-primary will-change-[height]"
+    "indicator": "absolute hidden lg:block overflow-hidden inset-y-3 start-32 h-full w-px bg-border -ms-[8.5px]",
+    "beam": "absolute start-0 top-0 w-full bg-primary will-change-[height]"
   }
 }

package/.nuxt/ui/chat-message.ts

@@ -19,7 +19,7 @@ export default {
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
-    "content": "relative text-pretty",
+    "content": "relative text-pretty min-w-0",
     "actions": [
       "opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center",
       "transition-opacity"

package/.nuxt/ui/content/content-navigation.ts

@@ -96,7 +96,7 @@ export default {
     },
     "disabled": {
       "true": {
-        "link": "cursor-not-allowed opacity-75"
+        "trigger": "data-[state=open]:text-highlighted"
       }
     },
     "highlight": {
@@ -126,28 +126,12 @@ export default {
       "variant": "pill" as typeof variant[number],
       "class": {
         "link": [
-          "hover:text-highlighted data-[state=open]:text-highlighted",
-          "transition-colors",
-          "hover:before:bg-elevated/50"
-        ],
-        "linkLeadingIcon": [
-          "group-hover:text-default group-data-[state=open]:text-default",
+          "hover:text-highlighted hover:before:bg-elevated/50 data-[state=open]:text-highlighted",
           "transition-colors before:transition-colors"
-        ]
-      }
-    },
-    {
-      "disabled": false,
-      "active": false,
-      "variant": "link" as typeof variant[number],
-      "class": {
-        "link": [
-          "hover:text-highlighted data-[state=open]:text-highlighted",
-          "transition-colors"
         ],
         "linkLeadingIcon": [
           "group-hover:text-default group-data-[state=open]:text-default",
-          "transition-colors before:transition-colors"
+          "transition-colors"
         ]
       }
     },
@@ -161,107 +145,133 @@ export default {
       }
     },
     {
-      "color": "primary" as typeof color[number],
-      "variant": "link" as typeof variant[number],
+      "color": "secondary" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-primary",
-        "linkLeadingIcon": "text-primary group-data-[state=open]:text-primary"
+        "link": "text-secondary",
+        "linkLeadingIcon": "text-secondary group-data-[state=open]:text-secondary"
       }
     },
     {
-      "highlightColor": "primary" as typeof highlightColor[number],
-      "highlight": true,
-      "level": true,
+      "color": "success" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "after:bg-primary"
+        "link": "text-success",
+        "linkLeadingIcon": "text-success group-data-[state=open]:text-success"
       }
     },
     {
-      "color": "secondary" as typeof color[number],
+      "color": "info" as typeof color[number],
       "variant": "pill" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-secondary",
-        "linkLeadingIcon": "text-secondary group-data-[state=open]:text-secondary"
+        "link": "text-info",
+        "linkLeadingIcon": "text-info group-data-[state=open]:text-info"
       }
     },
     {
-      "color": "secondary" as typeof color[number],
-      "variant": "link" as typeof variant[number],
+      "color": "warning" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-secondary",
-        "linkLeadingIcon": "text-secondary group-data-[state=open]:text-secondary"
+        "link": "text-warning",
+        "linkLeadingIcon": "text-warning group-data-[state=open]:text-warning"
       }
     },
     {
-      "highlightColor": "secondary" as typeof highlightColor[number],
-      "highlight": true,
-      "level": true,
+      "color": "error" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "after:bg-secondary"
+        "link": "text-error",
+        "linkLeadingIcon": "text-error group-data-[state=open]:text-error"
       }
     },
     {
-      "color": "success" as typeof color[number],
+      "color": "neutral" as typeof color[number],
       "variant": "pill" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-success",
-        "linkLeadingIcon": "text-success group-data-[state=open]:text-success"
+        "link": "text-highlighted",
+        "linkLeadingIcon": "text-highlighted group-data-[state=open]:text-highlighted"
       }
     },
     {
-      "color": "success" as typeof color[number],
-      "variant": "link" as typeof variant[number],
+      "variant": "pill" as typeof variant[number],
       "active": true,
+      "highlight": false,
       "class": {
-        "link": "text-success",
-        "linkLeadingIcon": "text-success group-data-[state=open]:text-success"
+        "link": "before:bg-elevated"
       }
     },
     {
-      "highlightColor": "success" as typeof highlightColor[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
       "highlight": true,
-      "level": true,
+      "disabled": false,
+      "class": {
+        "link": [
+          "hover:before:bg-elevated/50",
+          "before:transition-colors"
+        ]
+      }
+    },
+    {
+      "disabled": false,
+      "active": false,
+      "variant": "link" as typeof variant[number],
+      "class": {
+        "link": [
+          "hover:text-highlighted data-[state=open]:text-highlighted",
+          "transition-colors"
+        ],
+        "linkLeadingIcon": [
+          "group-hover:text-default group-data-[state=open]:text-default",
+          "transition-colors"
+        ]
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "after:bg-success"
+        "link": "text-primary",
+        "linkLeadingIcon": "text-primary group-data-[state=open]:text-primary"
       }
     },
     {
-      "color": "info" as typeof color[number],
-      "variant": "pill" as typeof variant[number],
+      "color": "secondary" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-info",
-        "linkLeadingIcon": "text-info group-data-[state=open]:text-info"
+        "link": "text-secondary",
+        "linkLeadingIcon": "text-secondary group-data-[state=open]:text-secondary"
       }
     },
     {
-      "color": "info" as typeof color[number],
+      "color": "success" as typeof color[number],
       "variant": "link" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-info",
-        "linkLeadingIcon": "text-info group-data-[state=open]:text-info"
+        "link": "text-success",
+        "linkLeadingIcon": "text-success group-data-[state=open]:text-success"
       }
     },
     {
-      "highlightColor": "info" as typeof highlightColor[number],
-      "highlight": true,
-      "level": true,
+      "color": "info" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "after:bg-info"
+        "link": "text-info",
+        "linkLeadingIcon": "text-info group-data-[state=open]:text-info"
       }
     },
     {
       "color": "warning" as typeof color[number],
-      "variant": "pill" as typeof variant[number],
+      "variant": "link" as typeof variant[number],
       "active": true,
       "class": {
         "link": "text-warning",
@@ -269,67 +279,84 @@ export default {
       }
     },
     {
-      "color": "warning" as typeof color[number],
+      "color": "error" as typeof color[number],
       "variant": "link" as typeof variant[number],
       "active": true,
       "class": {
-        "link": "text-warning",
-        "linkLeadingIcon": "text-warning group-data-[state=open]:text-warning"
+        "link": "text-error",
+        "linkLeadingIcon": "text-error group-data-[state=open]:text-error"
       }
     },
     {
-      "highlightColor": "warning" as typeof highlightColor[number],
+      "color": "neutral" as typeof color[number],
+      "variant": "link" as typeof variant[number],
+      "active": true,
+      "class": {
+        "link": "text-highlighted",
+        "linkLeadingIcon": "text-highlighted group-data-[state=open]:text-highlighted"
+      }
+    },
+    {
+      "highlightColor": "primary" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
       "active": true,
       "class": {
-        "link": "after:bg-warning"
+        "link": "after:bg-primary"
       }
     },
     {
-      "color": "error" as typeof color[number],
-      "variant": "pill" as typeof variant[number],
+      "highlightColor": "secondary" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
       "active": true,
       "class": {
-        "link": "text-error",
-        "linkLeadingIcon": "text-error group-data-[state=open]:text-error"
+        "link": "after:bg-secondary"
       }
     },
     {
-      "color": "error" as typeof color[number],
-      "variant": "link" as typeof variant[number],
+      "highlightColor": "success" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
       "active": true,
       "class": {
-        "link": "text-error",
-        "linkLeadingIcon": "text-error group-data-[state=open]:text-error"
+        "link": "after:bg-success"
       }
     },
     {
-      "highlightColor": "error" as typeof highlightColor[number],
+      "highlightColor": "info" as typeof highlightColor[number],
       "highlight": true,
       "level": true,
       "active": true,
       "class": {
-        "link": "after:bg-error"
+        "link": "after:bg-info"
       }
     },
     {
-      "variant": "pill" as typeof variant[number],
+      "highlightColor": "warning" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
       "active": true,
-      "highlight": false,
       "class": {
-        "link": "before:bg-elevated"
+        "link": "after:bg-warning"
       }
     },
     {
-      "variant": "pill" as typeof variant[number],
+      "highlightColor": "error" as typeof highlightColor[number],
+      "highlight": true,
+      "level": true,
       "active": true,
+      "class": {
+        "link": "after:bg-error"
+      }
+    },
+    {
+      "highlightColor": "neutral" as typeof highlightColor[number],
       "highlight": true,
+      "level": true,
+      "active": true,
       "class": {
-        "link": [
-          "hover:before:bg-elevated/50",
-          "before:transition-colors"
-        ]
+        "link": "after:bg-inverted"
       }
     }
   ],

package/.nuxt/ui/content/content-surround.ts

@@ -1,8 +1,3 @@
-const direction = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "grid grid-cols-1 sm:grid-cols-2 gap-8",

package/.nuxt/ui/content/content-toc.ts

@@ -23,7 +23,7 @@ export default {
     "root": "sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 overflow-y-auto max-h-[calc(100vh-var(--ui-header-height))]",
     "container": "pt-4 sm:pt-6 pb-2.5 sm:pb-4.5 lg:py-8 border-b border-dashed border-default lg:border-0 flex flex-col",
     "top": "",
-    "bottom": "mt-6 hidden lg:flex lg:flex-col gap-6",
+    "bottom": "hidden lg:flex lg:flex-col gap-6",
     "trigger": "group text-sm font-semibold flex-1 flex items-center gap-1.5 py-1.5 -mt-1.5 focus-visible:outline-primary",
     "title": "truncate",
     "trailing": "ms-auto inline-flex gap-1.5 items-center",
@@ -83,6 +83,11 @@ export default {
         "list": "ms-2.5 ps-4 border-s border-default",
         "item": "-ms-px"
       }
+    },
+    "body": {
+      "true": {
+        "bottom": "mt-6"
+      }
     }
   },
   "compoundVariants": [
@@ -91,7 +96,7 @@ export default {
       "active": true,
       "class": {
         "link": "text-primary",
-        "linkText": "text-primary"
+        "linkLeadingIcon": "text-primary"
       }
     },
     {
@@ -99,7 +104,7 @@ export default {
       "active": true,
       "class": {
         "link": "text-secondary",
-        "linkText": "text-secondary"
+        "linkLeadingIcon": "text-secondary"
       }
     },
     {
@@ -107,7 +112,7 @@ export default {
       "active": true,
       "class": {
         "link": "text-success",
-        "linkText": "text-success"
+        "linkLeadingIcon": "text-success"
       }
     },
     {
@@ -115,7 +120,7 @@ export default {
       "active": true,
       "class": {
         "link": "text-info",
-        "linkText": "text-info"
+        "linkLeadingIcon": "text-info"
       }
     },
     {
@@ -123,7 +128,7 @@ export default {
       "active": true,
       "class": {
         "link": "text-warning",
-        "linkText": "text-warning"
+        "linkLeadingIcon": "text-warning"
       }
     },
     {
@@ -131,7 +136,7 @@ export default {
       "active": true,
       "class": {
         "link": "text-error",
-        "linkText": "text-error"
+        "linkLeadingIcon": "text-error"
       }
     },
     {

package/.nuxt/ui/dashboard-navbar.ts

@@ -1,8 +1,3 @@
-const toggleSide = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "h-(--ui-header-height) shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5",

package/.nuxt/ui/dashboard-sidebar-collapse.ts

@@ -1,8 +1,3 @@
-const side = [
-  "left",
-  "right"
-] as const
-
 export default {
   "base": "hidden lg:flex",
   "variants": {

package/.nuxt/ui/dashboard-sidebar-toggle.ts

@@ -1,8 +1,3 @@
-const side = [
-  "left",
-  "right"
-] as const
-
 export default {
   "base": "lg:hidden",
   "variants": {

package/.nuxt/ui/dashboard-sidebar.ts

@@ -1,13 +1,3 @@
-const side = [
-  "left",
-  "right"
-] as const
-
-const toggleSide = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0",

package/.nuxt/ui/drawer.ts

@@ -41,7 +41,7 @@ export default {
     },
     "inset": {
       "true": {
-        "content": "rounded-lg after:hidden overflow-hidden"
+        "content": "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
       }
     }
   },

package/.nuxt/ui/{button-group.ts → field-group.ts}

@@ -1,16 +1,3 @@
-const size = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl"
-] as const
-
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "base": "relative",
   "variants": {

package/.nuxt/ui/file-upload.ts

@@ -26,11 +26,6 @@ const layout = [
   "grid"
 ] as const
 
-const position = [
-  "inside",
-  "outside"
-] as const
-
 export default {
   "slots": {
     "root": "relative flex flex-col",

package/.nuxt/ui/header.ts

@@ -1,8 +1,3 @@
-const toggleSide = [
-  "left",
-  "right"
-] as const
-
 export default {
   "slots": {
     "root": "bg-default/75 backdrop-blur border-b border-default h-(--ui-header-height) sticky top-0 z-50",