@eslamdevui/ui 3.2.0-beta.2 → 3.2.1

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/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/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"
+  }
+}

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

@@ -14,7 +14,8 @@ const highlightColor = [
   "success",
   "info",
   "warning",
-  "error"
+  "error",
+  "neutral"
 ] as const
 
 const variant = [
@@ -77,7 +78,8 @@ export default {
       "success": "",
       "info": "",
       "warning": "",
-      "error": ""
+      "error": "",
+      "neutral": ""
     },
     "variant": {
       "pill": "",
@@ -130,7 +132,7 @@ export default {
         ],
         "linkLeadingIcon": [
           "group-hover:text-default group-data-[state=open]:text-default",
-          "transition-colors"
+          "transition-colors before:transition-colors"
         ]
       }
     },
@@ -145,7 +147,7 @@ export default {
         ],
         "linkLeadingIcon": [
           "group-hover:text-default group-data-[state=open]:text-default",
-          "transition-colors"
+          "transition-colors before:transition-colors"
         ]
       }
     },

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

@@ -14,7 +14,8 @@ const highlightColor = [
   "success",
   "info",
   "warning",
-  "error"
+  "error",
+  "neutral"
 ] as const
 
 const variant = [
@@ -77,7 +78,8 @@ export default {
       "success": "",
       "info": "",
       "warning": "",
-      "error": ""
+      "error": "",
+      "neutral": ""
     },
     "variant": {
       "pill": "",
@@ -130,7 +132,7 @@ export default {
         ],
         "linkLeadingIcon": [
           "group-hover:text-default group-data-[state=open]:text-default",
-          "transition-colors"
+          "transition-colors before:transition-colors"
         ]
       }
     },
@@ -145,7 +147,7 @@ export default {
         ],
         "linkLeadingIcon": [
           "group-hover:text-default group-data-[state=open]:text-default",
-          "transition-colors"
+          "transition-colors before:transition-colors"
         ]
       }
     },

package/.nuxt/ui/footer-columns.ts

@@ -0,0 +1,28 @@
+export default {
+  "slots": {
+    "root": "xl:grid xl:grid-cols-3 xl:gap-8",
+    "left": "mb-10 xl:mb-0",
+    "center": "flex flex-col lg:grid grid-flow-col auto-cols-fr gap-8 xl:col-span-2",
+    "right": "mt-10 xl:mt-0",
+    "label": "text-sm font-semibold",
+    "list": "mt-6 space-y-4",
+    "item": "relative",
+    "link": "group text-sm flex items-center gap-1.5 focus-visible:outline-primary",
+    "linkLeadingIcon": "size-5 shrink-0",
+    "linkLabel": "truncate",
+    "linkLabelExternalIcon": "size-3 absolute top-0 text-dimmed inline-block"
+  },
+  "variants": {
+    "active": {
+      "true": {
+        "link": "text-primary font-medium"
+      },
+      "false": {
+        "link": [
+          "text-muted hover:text-default",
+          "transition-colors"
+        ]
+      }
+    }
+  }
+}

package/.nuxt/ui/footer.ts

@@ -0,0 +1,11 @@
+export default {
+  "slots": {
+    "root": "",
+    "top": "py-8 lg:py-12",
+    "bottom": "py-8 lg:py-12",
+    "container": "py-8 lg:py-4 lg:flex lg:items-center lg:justify-between lg:gap-x-3",
+    "left": "flex items-center justify-center lg:justify-start lg:flex-1 gap-x-1.5 mt-3 lg:mt-0 lg:order-1",
+    "center": "mt-3 lg:mt-0 lg:order-2 flex items-center justify-center",
+    "right": "lg:flex-1 flex items-center justify-center lg:justify-end gap-x-1.5 lg:order-3"
+  }
+}

package/.nuxt/ui/header.ts

@@ -0,0 +1,30 @@
+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",
+    "container": "flex items-center justify-between gap-3 h-full",
+    "left": "lg:flex-1 flex items-center gap-1.5",
+    "center": "hidden lg:flex",
+    "right": "flex items-center justify-end lg:flex-1 gap-1.5",
+    "title": "shrink-0 font-bold text-xl text-highlighted flex items-end gap-1.5",
+    "toggle": "lg:hidden",
+    "content": "lg:hidden",
+    "overlay": "lg:hidden",
+    "header": "px-4 sm:px-6 h-(--ui-header-height) shrink-0 flex items-center justify-between gap-3",
+    "body": "p-4 sm:p-6 overflow-y-auto"
+  },
+  "variants": {
+    "toggleSide": {
+      "left": {
+        "toggle": "-ms-1.5"
+      },
+      "right": {
+        "toggle": "-me-1.5"
+      }
+    }
+  }
+}

package/.nuxt/ui/index.ts

@@ -1,16 +1,23 @@
 export { default as accordion } from './accordion'
 export { default as alert } from './alert'
+export { default as authForm } from './auth-form'
 export { default as avatar } from './avatar'
 export { default as avatarGroup } from './avatar-group'
 export { default as badge } from './badge'
+export { default as banner } from './banner'
+export { default as blogPost } from './blog-post'
+export { default as blogPosts } from './blog-posts'
 export { default as breadcrumb } from './breadcrumb'
 export { default as button } from './button'
 export { default as buttonGroup } from './button-group'
 export { default as calendar } from './calendar'
 export { default as card } from './card'
 export { default as carousel } from './carousel'
+export { default as changelogVersion } from './changelog-version'
+export { default as changelogVersions } from './changelog-versions'
 export { default as chatMessage } from './chat-message'
 export { default as chatMessages } from './chat-messages'
+export { default as chatPalette } from './chat-palette'
 export { default as chatPrompt } from './chat-prompt'
 export { default as chatPromptSubmit } from './chat-prompt-submit'
 export { default as checkbox } from './checkbox'
@@ -38,21 +45,44 @@ export { default as dashboardSidebarToggle } from './dashboard-sidebar-toggle'
 export { default as drawer } from './drawer'
 export { default as dropdownMenu } from './dropdown-menu'
 export { default as error } from './error'
+export { default as footer } from './footer'
+export { default as footerColumns } from './footer-columns'
 export { default as form } from './form'
 export { default as formField } from './form-field'
+export { default as header } from './header'
 export { default as input } from './input'
 export { default as inputMenu } from './input-menu'
 export { default as inputNumber } from './input-number'
 export { default as inputTags } from './input-tags'
 export { default as kbd } from './kbd'
 export { default as link } from './link'
+export { default as main } from './main'
 export { default as modal } from './modal'
 export { default as navigationMenu } from './navigation-menu'
+export { default as page } from './page'
+export { default as pageAccordion } from './page-accordion'
+export { default as pageAnchors } from './page-anchors'
+export { default as pageAside } from './page-aside'
+export { default as pageBody } from './page-body'
+export { default as pageCard } from './page-card'
+export { default as pageColumns } from './page-columns'
+export { default as pageCta } from './page-cta'
+export { default as pageFeature } from './page-feature'
+export { default as pageGrid } from './page-grid'
+export { default as pageHeader } from './page-header'
+export { default as pageHero } from './page-hero'
+export { default as pageLinks } from './page-links'
+export { default as pageList } from './page-list'
+export { default as pageLogos } from './page-logos'
+export { default as pageMarquee } from './page-marquee'
+export { default as pageSection } from './page-section'
 export { default as pagination } from './pagination'
 export { default as pinInput } from './pin-input'
 export { default as popover } from './popover'
+export { default as pricingPlan } from './pricing-plan'
+export { default as pricingPlans } from './pricing-plans'
+export { default as pricingTable } from './pricing-table'
 export { default as progress } from './progress'
-export { default as prose } from './prose'
 export { default as radioGroup } from './radio-group'
 export { default as select } from './select'
 export { default as selectMenu } from './select-menu'
@@ -70,6 +100,7 @@ export { default as toast } from './toast'
 export { default as toaster } from './toaster'
 export { default as tooltip } from './tooltip'
 export { default as tree } from './tree'
+export { default as user } from './user'
 export { default as contentNavigation } from './content/content-navigation'
 export { default as contentSearch } from './content/content-search'
 export { default as contentSearchButton } from './content/content-search-button'

package/.nuxt/ui/main.ts

@@ -0,0 +1,3 @@
+export default {
+  "base": "min-h-[calc(100vh-var(--ui-header-height))]"
+}

package/.nuxt/ui/page-accordion.ts

@@ -0,0 +1,7 @@
+export default {
+  "slots": {
+    "base": "",
+    "trigger": "text-base",
+    "body": "text-base text-muted"
+  }
+}

package/.nuxt/ui/page-anchors.ts

@@ -0,0 +1,30 @@
+export default {
+  "slots": {
+    "root": "",
+    "list": "",
+    "item": "relative",
+    "link": "group text-sm flex items-center gap-1.5 py-1 focus-visible:outline-primary",
+    "linkLeading": "rounded-md p-1 inline-flex ring-inset ring",
+    "linkLeadingIcon": "size-4 shrink-0",
+    "linkLabel": "truncate",
+    "linkLabelExternalIcon": "size-3 absolute top-0 text-dimmed"
+  },
+  "variants": {
+    "active": {
+      "true": {
+        "link": "text-primary font-semibold",
+        "linkLeading": "bg-primary ring-primary text-inverted"
+      },
+      "false": {
+        "link": [
+          "text-muted hover:text-default font-medium",
+          "transition-colors"
+        ],
+        "linkLeading": [
+          "bg-elevated/50 ring-accented text-dimmed group-hover:bg-primary group-hover:ring-primary group-hover:text-inverted",
+          "transition"
+        ]
+      }
+    }
+  }
+}

package/.nuxt/ui/page-aside.ts

@@ -0,0 +1,10 @@
+export default {
+  "slots": {
+    "root": "hidden overflow-y-auto lg:block lg:max-h-[calc(100vh-var(--ui-header-height))] lg:sticky lg:top-(--ui-header-height) py-8 lg:ps-4 lg:-ms-4 lg:pe-6.5",
+    "container": "relative",
+    "top": "sticky -top-8 -mt-8 pointer-events-none z-[1]",
+    "topHeader": "h-8 bg-default -mx-4 px-4",
+    "topBody": "bg-default relative pointer-events-auto flex flex-col -mx-4 px-4",
+    "topFooter": "h-8 bg-gradient-to-b from-default -mx-4 px-4"
+  }
+}

package/.nuxt/ui/page-body.ts

@@ -0,0 +1,3 @@
+export default {
+  "base": "mt-8 pb-24 space-y-12"
+}