npm - @eslamdevui/ui - Versions diffs - 4.0.0 → 4.1.1-rc.1 - Mend

@eslamdevui/ui 4.0.0 → 4.1.1-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (514) hide show

package/.nuxt/ui/auth-form.ts CHANGED Viewed

@@ -9,9 +9,9 @@ export default {
     "body": "gap-y-6 flex flex-col",
     "providers": "space-y-3",
     "checkbox": "",
-    "select": "",
+    "select": "w-full",
     "password": "w-full",
-    "otp": "w-full justify-center",
+    "otp": "w-full",
     "input": "w-full",
     "separator": "",
     "form": "space-y-5",

package/.nuxt/ui/calendar.ts CHANGED Viewed

@@ -8,6 +8,13 @@ const color = [
   "neutral"
 ] as const
+const variant = [
+  "solid",
+  "outline",
+  "soft",
+  "subtle"
+] as const
 const size = [
   "xs",
   "sm",
@@ -29,7 +36,7 @@ export default {
     "headCell": "rounded-md",
     "cell": "relative text-center",
     "cellTrigger": [
-      "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-muted data-unavailable:line-through data-unavailable:text-muted data-unavailable:pointer-events-none data-[selected]:text-inverted data-today:font-semibold data-[outside-view]:text-muted",
+      "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-muted data-unavailable:line-through data-unavailable:text-muted data-unavailable:pointer-events-none data-today:font-semibold data-[outside-view]:text-muted",
       "transition"
     ]
   },
@@ -37,33 +44,39 @@ export default {
     "color": {
       "primary": {
         "headCell": "text-primary",
-        "cellTrigger": "focus-visible:ring-primary data-[selected]:bg-primary data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+        "cellTrigger": "focus-visible:ring-primary"
       },
       "secondary": {
         "headCell": "text-secondary",
-        "cellTrigger": "focus-visible:ring-secondary data-[selected]:bg-secondary data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+        "cellTrigger": "focus-visible:ring-secondary"
       },
       "success": {
         "headCell": "text-success",
-        "cellTrigger": "focus-visible:ring-success data-[selected]:bg-success data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+        "cellTrigger": "focus-visible:ring-success"
       },
       "info": {
         "headCell": "text-info",
-        "cellTrigger": "focus-visible:ring-info data-[selected]:bg-info data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+        "cellTrigger": "focus-visible:ring-info"
       },
       "warning": {
         "headCell": "text-warning",
-        "cellTrigger": "focus-visible:ring-warning data-[selected]:bg-warning data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+        "cellTrigger": "focus-visible:ring-warning"
       },
       "error": {
         "headCell": "text-error",
-        "cellTrigger": "focus-visible:ring-error data-[selected]:bg-error data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+        "cellTrigger": "focus-visible:ring-error"
       },
       "neutral": {
         "headCell": "text-highlighted",
-        "cellTrigger": "focus-visible:ring-inverted data-[selected]:bg-inverted data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+        "cellTrigger": "focus-visible:ring-inverted"
       }
     },
+    "variant": {
+      "solid": "",
+      "outline": "",
+      "soft": "",
+      "subtle": ""
+    },
     "size": {
       "xs": {
         "heading": "text-xs",
@@ -96,8 +109,207 @@ export default {
       }
     }
   },
+  "compoundVariants": [
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-primary data-[selected]:text-inverted data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-secondary data-[selected]:text-inverted data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-success data-[selected]:text-inverted data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-info data-[selected]:text-inverted data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-warning data-[selected]:text-inverted data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-error data-[selected]:text-inverted data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-primary/50 data-[selected]:text-primary data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/10 hover:not-data-[selected]:bg-primary/10"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-secondary/50 data-[selected]:text-secondary data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/10 hover:not-data-[selected]:bg-secondary/10"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-success/50 data-[selected]:text-success data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/10 hover:not-data-[selected]:bg-success/10"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-info/50 data-[selected]:text-info data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/10 hover:not-data-[selected]:bg-info/10"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-warning/50 data-[selected]:text-warning data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/10 hover:not-data-[selected]:bg-warning/10"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-error/50 data-[selected]:text-error data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/10 hover:not-data-[selected]:bg-error/10"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-primary/10 data-[selected]:text-primary data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-secondary/10 data-[selected]:text-secondary data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-success/10 data-[selected]:text-success data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-info/10 data-[selected]:text-info data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-warning/10 data-[selected]:text-warning data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-error/10 data-[selected]:text-error data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-primary/10 data-[selected]:text-primary data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-primary/25 data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-secondary/10 data-[selected]:text-secondary data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-secondary/25 data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-success/10 data-[selected]:text-success data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-success/25 data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-info/10 data-[selected]:text-info data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-info/25 data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-warning/10 data-[selected]:text-warning data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-warning/25 data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-error/10 data-[selected]:text-error data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-error/25 data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-inverted data-[selected]:text-inverted data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-accented data-[selected]:text-default data-[selected]:bg-default data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/10 hover:not-data-[selected]:bg-inverted/10"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-elevated data-[selected]:text-default data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-elevated data-[selected]:text-default data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-accented data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+      }
+    }
+  ],
   "defaultVariants": {
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
+    "color": "primary" as typeof color[number],
+    "variant": "solid" as typeof variant[number]
   }
 }

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

@@ -14,12 +14,12 @@ const side = [
 export default {
   "slots": {
     "root": "group/message relative w-full",
-    "container": "relative flex items-start group-data-[role=user]/message:max-w-[75%]",
+    "container": "relative flex items-start",
     "leading": "inline-flex items-center justify-center min-h-6",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
-    "content": "relative text-pretty min-w-0",
+    "content": "relative text-pretty min-w-0 *:first:mt-0 *:last:mb-0",
     "actions": [
       "opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center",
       "transition-opacity"
@@ -48,7 +48,7 @@ export default {
         "container": "rtl:justify-end"
       },
       "right": {
-        "container": "ltr:justify-end ms-auto"
+        "container": "ltr:justify-end ms-auto max-w-[75%]"
       }
     },
     "leading": {
@@ -121,6 +121,13 @@ export default {
         "content": "px-2 py-1 rounded-lg min-h-8",
         "leading": "mt-1"
       }
+    },
+    {
+      "variant": "naked" as typeof variant[number],
+      "side": "left" as typeof side[number],
+      "class": {
+        "content": "w-full"
+      }
     }
   ],
   "defaultVariants": {

package/.nuxt/ui/command-palette.ts CHANGED Viewed

@@ -6,11 +6,11 @@ export default {
     "back": "p-0",
     "content": "relative overflow-hidden flex flex-col",
     "footer": "p-1",
-    "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1 focus:outline-none",
+    "viewport": "relative scroll-py-1 overflow-y-auto flex-1 focus:outline-none",
     "group": "p-1 isolate",
     "empty": "py-6 text-center text-sm text-muted",
     "label": "p-1.5 text-xs font-semibold text-highlighted",
-    "item": "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "item": "group relative w-full flex items-start gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "itemLeadingIcon": "shrink-0 size-5",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "2xs",
@@ -21,12 +21,22 @@ export default {
     "itemTrailingHighlightedIcon": "shrink-0 size-5 text-dimmed hidden group-data-highlighted:inline-flex",
     "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5",
     "itemTrailingKbdsSize": "md",
+    "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
     "itemLabel": "truncate space-x-1 text-dimmed",
+    "itemDescription": "truncate text-muted",
     "itemLabelBase": "text-highlighted [&>mark]:text-inverted [&>mark]:bg-primary",
     "itemLabelPrefix": "text-default",
     "itemLabelSuffix": "text-dimmed [&>mark]:text-inverted [&>mark]:bg-primary"
   },
   "variants": {
+    "virtualize": {
+      "true": {
+        "viewport": "p-1 isolate"
+      },
+      "false": {
+        "viewport": "divide-y divide-default"
+      }
+    },
     "active": {
       "true": {
         "item": "text-highlighted before:bg-elevated",

package/.nuxt/ui/content/content-search.ts CHANGED Viewed

@@ -1,6 +1,13 @@
 export default {
   "slots": {
-    "modal": "sm:max-w-3xl sm:h-[28rem]",
+    "modal": "",
     "input": "[&>input]:text-base/5"
+  },
+  "variants": {
+    "fullscreen": {
+      "false": {
+        "modal": "sm:max-w-3xl sm:h-[28rem]"
+      }
+    }
   }
 }

package/.nuxt/ui/context-menu.ts CHANGED Viewed

@@ -23,7 +23,7 @@ export default {
     "group": "p-1 isolate",
     "label": "w-full flex items-center font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
-    "item": "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "item": "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "itemLeadingIcon": "shrink-0",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "",
@@ -31,7 +31,9 @@ export default {
     "itemTrailingIcon": "shrink-0",
     "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
     "itemTrailingKbdsSize": "",
+    "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
   },
   "variants": {

package/.nuxt/ui/dashboard-panel.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export default {
   "slots": {
-    "root": "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default shrink-0",
+    "root": "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default shrink-0",
     "body": "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6",
     "handle": ""
   },

package/.nuxt/ui/dashboard-search.ts CHANGED Viewed

@@ -1,6 +1,13 @@
 export default {
   "slots": {
-    "modal": "sm:max-w-3xl sm:h-[28rem]",
+    "modal": "",
     "input": "[&>input]:text-base/5"
+  },
+  "variants": {
+    "fullscreen": {
+      "false": {
+        "modal": "sm:max-w-3xl sm:h-[28rem]"
+      }
+    }
   }
 }

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

@@ -19,7 +19,7 @@ export default {
     },
     "side": {
       "left": {
-        "root": "border-r border-default"
+        "root": "border-e border-default"
       },
       "right": {
         "root": ""

package/.nuxt/ui/drawer.ts CHANGED Viewed

@@ -43,6 +43,9 @@ export default {
       "true": {
         "content": "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
       }
+    },
+    "snapPoints": {
+      "true": ""
     }
   },
   "compoundVariants": [
@@ -56,6 +59,16 @@ export default {
         "handle": "!w-12 !h-1.5 mx-auto"
       }
     },
+    {
+      "direction": [
+        "top" as typeof direction[number],
+        "bottom" as typeof direction[number]
+      ],
+      "snapPoints": true,
+      "class": {
+        "content": "h-full"
+      }
+    },
     {
       "direction": [
         "right" as typeof direction[number],
@@ -66,6 +79,16 @@ export default {
         "handle": "!h-12 !w-1.5 mt-auto mb-auto"
       }
     },
+    {
+      "direction": [
+        "right" as typeof direction[number],
+        "left" as typeof direction[number]
+      ],
+      "snapPoints": true,
+      "class": {
+        "content": "w-full"
+      }
+    },
     {
       "direction": "top" as typeof direction[number],
       "inset": true,

package/.nuxt/ui/dropdown-menu.ts CHANGED Viewed

@@ -24,7 +24,7 @@ export default {
     "group": "p-1 isolate",
     "label": "w-full flex items-center font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
-    "item": "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "item": "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "itemLeadingIcon": "shrink-0",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "",
@@ -32,7 +32,9 @@ export default {
     "itemTrailingIcon": "shrink-0",
     "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
     "itemTrailingKbdsSize": "",
+    "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
   },
   "variants": {

package/.nuxt/ui/empty.ts ADDED Viewed

@@ -0,0 +1,83 @@
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+const variant = [
+  "solid",
+  "outline",
+  "soft",
+  "subtle",
+  "naked"
+] as const
+export default {
+  "slots": {
+    "root": "relative flex flex-col items-center justify-center gap-4 rounded-lg p-4 sm:p-6 lg:p-8 min-w-0",
+    "header": "flex flex-col items-center gap-2 max-w-sm text-center",
+    "avatar": "shrink-0 mb-2",
+    "title": "text-highlighted text-pretty font-medium",
+    "description": "text-balance text-center",
+    "body": "flex flex-col items-center gap-4 max-w-sm",
+    "actions": "flex flex-wrap justify-center gap-2 shrink-0",
+    "footer": "flex flex-col items-center gap-2 max-w-sm"
+  },
+  "variants": {
+    "size": {
+      "xs": {
+        "avatar": "size-8 text-base",
+        "title": "text-sm",
+        "description": "text-xs"
+      },
+      "sm": {
+        "avatar": "size-9 text-lg",
+        "title": "text-sm",
+        "description": "text-xs"
+      },
+      "md": {
+        "avatar": "size-10 text-xl",
+        "title": "text-base",
+        "description": "text-sm"
+      },
+      "lg": {
+        "avatar": "size-11 text-[22px]",
+        "title": "text-base",
+        "description": "text-sm"
+      },
+      "xl": {
+        "avatar": "size-12 text-2xl",
+        "title": "text-lg",
+        "description": "text-base"
+      }
+    },
+    "variant": {
+      "solid": {
+        "root": "bg-inverted",
+        "title": "text-inverted",
+        "description": "text-dimmed"
+      },
+      "outline": {
+        "root": "bg-default ring ring-default",
+        "description": "text-muted"
+      },
+      "soft": {
+        "root": "bg-elevated/50",
+        "description": "text-toned"
+      },
+      "subtle": {
+        "root": "bg-elevated/50 ring ring-default",
+        "description": "text-toned"
+      },
+      "naked": {
+        "description": "text-muted"
+      }
+    }
+  },
+  "defaultVariants": {
+    "variant": "outline" as typeof variant[number],
+    "size": "md" as typeof size[number]
+  }
+}

package/.nuxt/ui/index.ts CHANGED Viewed

@@ -39,6 +39,7 @@ export { default as dashboardSidebarToggle } from './dashboard-sidebar-toggle'
 export { default as dashboardToolbar } from './dashboard-toolbar'
 export { default as drawer } from './drawer'
 export { default as dropdownMenu } from './dropdown-menu'
+export { default as empty } from './empty'
 export { default as error } from './error'
 export { default as fieldGroup } from './field-group'
 export { default as fileUpload } from './file-upload'

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

@@ -39,13 +39,13 @@ export default {
     "trailingIcon": "shrink-0 text-dimmed",
     "arrow": "fill-default",
     "content": "max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto flex flex-col",
-    "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
+    "viewport": "relative scroll-py-1 overflow-y-auto flex-1",
     "group": "p-1 isolate",
     "empty": "text-center text-muted",
     "label": "font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
     "item": [
-      "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
+      "group relative w-full flex items-start gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
       "transition-colors before:transition-colors"
     ],
     "itemLeadingIcon": [
@@ -58,7 +58,9 @@ export default {
     "itemLeadingChipSize": "",
     "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
     "itemTrailingIcon": "shrink-0",
+    "itemWrapper": "flex-1 flex flex-col min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "tagsItem": "px-1.5 py-0.5 rounded-sm font-medium inline-flex items-center gap-0.5 ring ring-inset ring-accented bg-elevated text-default data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "tagsItemText": "truncate",
     "tagsItemDelete": [
@@ -202,6 +204,14 @@ export default {
     "type": {
       "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
     },
+    "virtualize": {
+      "true": {
+        "viewport": "p-1 isolate"
+      },
+      "false": {
+        "viewport": "divide-y divide-default"
+      }
+    },
     "multiple": {
       "true": {
         "root": "flex-wrap"