@eslamdevui/ui 3.3.4 → 4.0.0-beta

package/.nuxt/ui/index.ts

@@ -9,7 +9,6 @@ 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'
@@ -27,11 +26,6 @@ export { default as collapsible } from './collapsible'
 export { default as colorPicker } from './color-picker'
 export { default as commandPalette } from './command-palette'
 export { default as container } from './container'
-export { default as contentNavigation } from './content-navigation'
-export { default as contentSearch } from './content-search'
-export { default as contentSearchButton } from './content-search-button'
-export { default as contentSurround } from './content-surround'
-export { default as contentToc } from './content-toc'
 export { default as contextMenu } from './context-menu'
 export { default as dashboardGroup } from './dashboard-group'
 export { default as dashboardNavbar } from './dashboard-navbar'
@@ -46,6 +40,7 @@ export { default as dashboardToolbar } from './dashboard-toolbar'
 export { default as drawer } from './drawer'
 export { default as dropdownMenu } from './dropdown-menu'
 export { default as error } from './error'
+export { default as fieldGroup } from './field-group'
 export { default as fileUpload } from './file-upload'
 export { default as footer } from './footer'
 export { default as footerColumns } from './footer-columns'
@@ -59,16 +54,16 @@ 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 marquee } from './marquee'
 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 pageCTA } from './page-cta'
 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'
@@ -76,7 +71,6 @@ 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'
@@ -86,7 +80,6 @@ export { default as pricingPlans } from './pricing-plans'
 export { default as pricingTable } from './pricing-table'
 export { default as progress } from './progress'
 export { default as radioGroup } from './radio-group'
-export { default as scrollToSection } from './scroll-to-section'
 export { default as select } from './select'
 export { default as selectMenu } from './select-menu'
 export { default as separator } from './separator'
@@ -103,4 +96,10 @@ 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 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'
+export { default as contentSurround } from './content/content-surround'
+export { default as contentToc } from './content/content-toc'
+export * as prose from './prose'

package/.nuxt/ui/input-menu.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": "relative inline-flex items-center",
@@ -78,7 +69,7 @@ export default {
     "tagsInput": "flex-1 border-0 bg-transparent placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": {
         "root": "group has-focus-visible:z-[1]",
         "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"

package/.nuxt/ui/input-number.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const color = [
   "primary",
   "secondary",
@@ -45,7 +40,7 @@ export default {
     "decrement": "absolute flex items-center"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": {
         "root": "group has-focus-visible:z-[1]",
         "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"

package/.nuxt/ui/input-tags.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": [
@@ -59,7 +50,7 @@ export default {
     "input": "flex-1 border-0 bg-transparent placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": {
         "root": "group has-focus-visible:z-[1]",
         "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"

package/.nuxt/ui/input.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,15 +24,11 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": "relative inline-flex items-center",
     "base": [
-      "w-full rounded-md border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "w-full rounded-md border-0 appearance-none placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ],
     "leading": "absolute inset-y-0 start-0 flex items-center",
@@ -48,7 +39,7 @@ export default {
     "trailingIcon": "shrink-0 text-dimmed"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": {
         "root": "group has-focus-visible:z-[1]",
         "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"

package/.nuxt/ui/{page-marquee.ts → marquee.ts}

@@ -24,7 +24,7 @@ export default {
     },
     "reverse": {
       "true": {
-        "content": "[animation-direction:reverse]"
+        "content": "![animation-direction:reverse]"
       }
     },
     "overlay": {

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

@@ -1,8 +1,3 @@
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 const variant = [
   "solid",
   "outline",
@@ -88,7 +83,9 @@ export default {
     },
     "to": {
       "true": {
-        "root": "transition"
+        "root": [
+          "transition"
+        ]
       }
     },
     "title": {
@@ -102,13 +99,13 @@ export default {
       }
     },
     "highlightColor": {
-      "primary": {},
-      "secondary": {},
-      "success": {},
-      "info": {},
-      "warning": {},
-      "error": {},
-      "neutral": {}
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
     },
     "spotlight": {
       "true": {
@@ -116,13 +113,13 @@ export default {
       }
     },
     "spotlightColor": {
-      "primary": {},
-      "secondary": {},
-      "success": {},
-      "info": {},
-      "warning": {},
-      "error": {},
-      "neutral": {}
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
     }
   },
   "compoundVariants": [
@@ -266,6 +263,12 @@ export default {
       "class": {
         "root": "[--spotlight-color:var(--ui-bg-inverted)]"
       }
+    },
+    {
+      "to": true,
+      "class": {
+        "root": "has-focus-visible:ring-2 has-focus-visible:ring-primary"
+      }
     }
   ],
   "defaultVariants": {

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

@@ -1,8 +1,3 @@
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 const variant = [
   "solid",
   "outline",
@@ -16,9 +11,12 @@ export default {
     "root": "relative isolate rounded-xl overflow-hidden",
     "container": "flex flex-col lg:grid px-6 py-12 sm:px-12 sm:py-24 lg:px-16 lg:py-24 gap-8 sm:gap-16",
     "wrapper": "",
+    "header": "",
     "title": "text-3xl sm:text-4xl text-pretty tracking-tight font-bold text-highlighted",
     "description": "text-base sm:text-lg text-muted",
-    "links": "mt-8 flex flex-wrap gap-x-6 gap-y-3"
+    "body": "mt-8",
+    "footer": "mt-8",
+    "links": "flex flex-wrap gap-x-6 gap-y-3"
   },
   "variants": {
     "orientation": {

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

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

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

@@ -1,17 +1,15 @@
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "slots": {
     "root": "relative isolate",
     "container": "flex flex-col lg:grid py-24 sm:py-32 lg:py-40 gap-16 sm:gap-y-24",
     "wrapper": "",
+    "header": "",
     "headline": "mb-4",
     "title": "text-5xl sm:text-7xl text-pretty tracking-tight font-bold text-highlighted",
     "description": "text-lg sm:text-xl/8 text-muted",
-    "links": "mt-10 flex flex-wrap gap-x-6 gap-y-3"
+    "body": "mt-10",
+    "footer": "mt-10",
+    "links": "flex flex-wrap gap-x-6 gap-y-3"
   },
   "variants": {
     "orientation": {

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

@@ -56,10 +56,6 @@ export default {
     },
     "body": {
       "true": ""
-    },
-    "features": {
-      "true": "",
-      "false": ""
     }
   },
   "compoundVariants": [

package/.nuxt/ui/pricing-plans.ts

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

package/.nuxt/ui/progress.ts

@@ -42,7 +42,7 @@ export default {
     "root": "gap-2",
     "base": "relative overflow-hidden rounded-full bg-accented",
     "indicator": "rounded-full size-full transition-transform duration-200 ease-out",
-    "status": "flex justify-end text-dimmed transition-[width] duration-200",
+    "status": "flex text-dimmed transition-[width] duration-200",
     "steps": "grid items-end",
     "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
   },
@@ -131,12 +131,12 @@ export default {
       "horizontal": {
         "root": "w-full flex flex-col",
         "base": "w-full",
-        "status": "flex-row"
+        "status": "flex-row items-center justify-end min-w-fit"
       },
       "vertical": {
         "root": "h-full flex flex-row-reverse",
         "base": "h-full",
-        "status": "flex-col"
+        "status": "flex-col justify-end min-h-fit"
       }
     },
     "inverted": {

package/.nuxt/ui/prose/code-tree.ts

@@ -9,7 +9,7 @@ export default {
     "linkLeadingIcon": "size-4 shrink-0",
     "linkLabel": "truncate",
     "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180",
+    "linkTrailingIcon": "size-5 transform transition-transform duration-200 shrink-0 group-data-[expanded=true]:rotate-180",
     "content": "overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto"
   },
   "variants": {

package/.nuxt/ui/prose/img.ts

@@ -1,3 +1,22 @@
 export default {
-  "base": ""
+  "slots": {
+    "base": "rounded-md w-full",
+    "overlay": "fixed inset-0 bg-default/75 backdrop-blur-sm will-change-opacity",
+    "content": "fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none p-4 sm:p-8"
+  },
+  "variants": {
+    "zoom": {
+      "true": "will-change-transform"
+    },
+    "open": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "zoom": true,
+      "open": false,
+      "class": "cursor-zoom-in"
+    }
+  ]
 }

package/.nuxt/ui/select-menu.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "base": [
@@ -76,7 +67,7 @@ export default {
     "focusScope": "flex flex-col min-h-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/select.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,10 +24,6 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "base": [
@@ -71,7 +62,7 @@ export default {
     "itemLabel": "truncate"
   },
   "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]"
     },
@@ -196,7 +187,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-primary"
     },
     {
       "color": "secondary" as typeof color[number],
@@ -204,7 +195,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-secondary"
     },
     {
       "color": "success" as typeof color[number],
@@ -212,7 +203,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-success"
     },
     {
       "color": "info" as typeof color[number],
@@ -220,7 +211,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-info"
     },
     {
       "color": "warning" as typeof color[number],
@@ -228,7 +219,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-warning"
     },
     {
       "color": "error" as typeof color[number],
@@ -236,7 +227,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-error"
     },
     {
       "color": "primary" as typeof color[number],
@@ -274,7 +265,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"
+      "class": "focus:ring-2 focus:ring-inset focus:ring-inverted"
     },
     {
       "color": "neutral" as typeof color[number],

package/.nuxt/ui/table.ts

@@ -1,9 +1,3 @@
-const sticky = [
-  "true",
-  "header",
-  "footer"
-] as const
-
 const loadingAnimation = [
   "carousel",
   "carousel-inverse",

package/.nuxt/ui/textarea.ts

@@ -1,8 +1,3 @@
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -29,15 +24,11 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
 export default {
   "slots": {
     "root": "relative inline-flex items-center",
     "base": [
-      "w-full rounded-md border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "w-full rounded-md border-0 appearance-none placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ],
     "leading": "absolute start-0 flex items-start",
@@ -48,7 +39,7 @@ export default {
     "trailingIcon": "shrink-0 text-dimmed"
   },
   "variants": {
-    "buttonGroup": {
+    "fieldGroup": {
       "horizontal": {
         "root": "group has-focus-visible:z-[1]",
         "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"

package/.nuxt/ui/toast.ts

@@ -8,11 +8,6 @@ const color = [
   "neutral"
 ] as const
 
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 export default {
   "slots": {
     "root": "relative group overflow-hidden bg-default shadow-lg rounded-lg ring ring-default p-4 flex gap-2.5 focus:outline-none",

package/.nuxt/ui/tree.ts

@@ -26,7 +26,7 @@ export default {
     "linkLeadingIcon": "shrink-0",
     "linkLabel": "truncate",
     "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "shrink-0 transform transition-transform duration-200 group-data-expanded:rotate-180"
+    "linkTrailingIcon": "shrink-0 transform transition-transform duration-200 group-data-[expanded=true]:rotate-180"
   },
   "variants": {
     "color": {

package/.nuxt/ui/user.ts

@@ -1,8 +1,3 @@
-const orientation = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "3xs",
   "2xs",