@eslamdevui/ui 3.2.0 → 3.2.1

package/.nuxt/ui/alert.ts

@@ -15,6 +15,11 @@ 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/auth-form.ts

@@ -0,0 +1,20 @@
+export default {
+  "slots": {
+    "root": "w-full space-y-6",
+    "header": "flex flex-col text-center",
+    "leading": "mb-2",
+    "leadingIcon": "size-8 shrink-0 inline-block",
+    "title": "text-xl text-pretty font-semibold text-highlighted",
+    "description": "mt-1 text-base text-pretty text-muted",
+    "body": "gap-y-6 flex flex-col",
+    "providers": "space-y-3",
+    "checkbox": "",
+    "select": "",
+    "password": "w-full",
+    "otp": "w-full justify-center",
+    "input": "w-full",
+    "separator": "",
+    "form": "space-y-5",
+    "footer": "text-sm text-center text-muted mt-2"
+  }
+}

package/.nuxt/ui/badge.ts

@@ -1,3 +1,8 @@
+const buttonGroup = [
+  "horizontal",
+  "vertical"
+] as const
+
 const color = [
   "primary",
   "secondary",

package/.nuxt/ui/banner.ts

@@ -0,0 +1,105 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+export default {
+  "slots": {
+    "root": [
+      "relative z-50 w-full",
+      "transition-colors"
+    ],
+    "container": "flex items-center justify-between gap-3 h-12",
+    "left": "hidden lg:flex-1 lg:flex lg:items-center",
+    "center": "flex items-center gap-1.5 min-w-0",
+    "right": "lg:flex-1 flex items-center justify-end",
+    "icon": "size-5 shrink-0 text-inverted pointer-events-none",
+    "title": "text-sm text-inverted font-medium truncate",
+    "actions": "flex gap-1.5 shrink-0 isolate",
+    "close": "text-inverted hover:bg-default/10 focus-visible:bg-default/10 -me-1.5 lg:me-0"
+  },
+  "variants": {
+    "color": {
+      "primary": {
+        "root": "bg-primary"
+      },
+      "secondary": {
+        "root": "bg-secondary"
+      },
+      "success": {
+        "root": "bg-success"
+      },
+      "info": {
+        "root": "bg-info"
+      },
+      "warning": {
+        "root": "bg-warning"
+      },
+      "error": {
+        "root": "bg-error"
+      },
+      "neutral": {
+        "root": "bg-inverted"
+      }
+    },
+    "to": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-primary/90"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-secondary/90"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-success/90"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-info/90"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-warning/90"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-error/90"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-inverted/90"
+      }
+    }
+  ]
+}

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

@@ -0,0 +1,140 @@
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
+const variant = [
+  "outline",
+  "soft",
+  "subtle",
+  "ghost",
+  "naked"
+] as const
+
+export default {
+  "slots": {
+    "root": "relative group/blog-post flex flex-col rounded-lg overflow-hidden",
+    "header": "relative overflow-hidden aspect-[16/9] w-full pointer-events-none",
+    "body": "min-w-0 flex-1 flex flex-col",
+    "footer": "",
+    "image": "object-cover object-top w-full h-full",
+    "title": "text-xl text-pretty font-semibold text-highlighted",
+    "description": "mt-1 text-base text-pretty",
+    "authors": "pt-4 mt-auto flex flex-wrap gap-x-3 gap-y-1.5",
+    "avatar": "",
+    "meta": "flex items-center gap-2 mb-2",
+    "date": "text-sm",
+    "badge": ""
+  },
+  "variants": {
+    "orientation": {
+      "horizontal": {
+        "root": "lg:grid lg:grid-cols-2 lg:items-center gap-x-8",
+        "body": "justify-center p-4 sm:p-6 lg:px-0"
+      },
+      "vertical": {
+        "root": "flex flex-col",
+        "body": "p-4 sm:p-6"
+      }
+    },
+    "variant": {
+      "outline": {
+        "root": "bg-default ring ring-default",
+        "date": "text-toned",
+        "description": "text-muted"
+      },
+      "soft": {
+        "root": "bg-elevated/50",
+        "date": "text-muted",
+        "description": "text-toned"
+      },
+      "subtle": {
+        "root": "bg-elevated/50 ring ring-default",
+        "date": "text-muted",
+        "description": "text-toned"
+      },
+      "ghost": {
+        "date": "text-toned",
+        "description": "text-muted",
+        "header": "shadow-lg rounded-lg"
+      },
+      "naked": {
+        "root": "p-0 sm:p-0",
+        "date": "text-toned",
+        "description": "text-muted",
+        "header": "shadow-lg rounded-lg"
+      }
+    },
+    "to": {
+      "true": {
+        "root": "transition",
+        "image": "transform transition-transform duration-200 group-hover/blog-post:scale-110",
+        "avatar": "transform transition-transform duration-200 hover:scale-115"
+      }
+    },
+    "image": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "variant": "outline" as typeof variant[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-elevated/50"
+      }
+    },
+    {
+      "variant": "soft" as typeof variant[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-elevated"
+      }
+    },
+    {
+      "variant": "subtle" as typeof variant[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-elevated hover:ring-accented"
+      }
+    },
+    {
+      "variant": "ghost" as typeof variant[number],
+      "to": true,
+      "class": {
+        "root": "hover:bg-elevated/50",
+        "header": [
+          "group-hover/blog-post:shadow-none",
+          "transition-all"
+        ]
+      }
+    },
+    {
+      "variant": "ghost" as typeof variant[number],
+      "to": true,
+      "orientation": "vertical" as typeof orientation[number],
+      "class": {
+        "header": "group-hover/blog-post:rounded-b-none"
+      }
+    },
+    {
+      "variant": "ghost" as typeof variant[number],
+      "to": true,
+      "orientation": "horizontal" as typeof orientation[number],
+      "class": {
+        "header": "group-hover/blog-post:rounded-r-none"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "image": false,
+      "variant": "naked" as typeof variant[number],
+      "class": {
+        "body": "p-0 sm:p-0"
+      }
+    }
+  ],
+  "defaultVariants": {
+    "variant": "outline" as typeof variant[number]
+  }
+}

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

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

package/.nuxt/ui/button-group.ts

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

package/.nuxt/ui/button.ts

@@ -1,3 +1,8 @@
+const buttonGroup = [
+  "horizontal",
+  "vertical"
+] as const
+
 const color = [
   "primary",
   "secondary",

package/.nuxt/ui/carousel.ts

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

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

@@ -0,0 +1,41 @@
+export default {
+  "slots": {
+    "root": "relative",
+    "container": "flex flex-col mx-auto max-w-2xl",
+    "header": "",
+    "meta": "flex items-center gap-3 mb-2",
+    "date": "text-sm/6 text-toned truncate",
+    "badge": "",
+    "title": "relative text-xl text-pretty font-semibold text-highlighted",
+    "description": "text-base text-pretty text-muted mt-1",
+    "imageWrapper": "relative overflow-hidden rounded-lg aspect-[16/9] mt-5 group/changelog-version-image",
+    "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",
+    "dot": "size-4 rounded-full bg-default ring ring-default flex items-center justify-center my-1",
+    "dotInner": "size-2 rounded-full bg-primary"
+  },
+  "variants": {
+    "body": {
+      "false": {
+        "footer": "mt-5"
+      }
+    },
+    "badge": {
+      "false": {
+        "meta": "lg:hidden"
+      }
+    },
+    "to": {
+      "true": {
+        "image": "transform transition-transform duration-200 group-hover/changelog-version-image:scale-105"
+      }
+    },
+    "hidden": {
+      "true": {
+        "date": "lg:hidden"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,8 @@
+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]"
+  }
+}

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

@@ -0,0 +1,8 @@
+export default {
+  "slots": {
+    "root": "relative flex-1 flex flex-col min-h-0 min-w-0",
+    "prompt": "px-0 rounded-t-none border-t border-default",
+    "close": "",
+    "content": "overflow-y-auto flex-1 flex flex-col py-3"
+  }
+}