@nuxt/ui 3.1.0 → 3.1.2

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

@@ -1,10 +1,24 @@
-import template from "/home/runner/work/ui/ui/src/theme/checkbox-group"
-
 const orientation = [
   "horizontal",
   "vertical"
 ] as const
 
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const variant = [
+  "list",
+  "card",
+  "table"
+] as const
+
 const size = [
   "xs",
   "sm",
@@ -13,24 +27,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative",
     "fieldset": "flex gap-x-2",
@@ -46,6 +43,22 @@ const theme = {
         "fieldset": "flex-col"
       }
     },
+    "color": {
+      "primary": {},
+      "secondary": {},
+      "success": {},
+      "info": {},
+      "warning": {},
+      "error": {},
+      "neutral": {}
+    },
+    "variant": {
+      "list": {},
+      "card": {},
+      "table": {
+        "item": "border border-muted"
+      }
+    },
     "size": {
       "xs": {
         "fieldset": "gap-y-0.5",
@@ -74,9 +87,118 @@ const theme = {
       }
     }
   },
+  "compoundVariants": [
+    {
+      "size": "xs" as typeof size[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "p-2.5"
+      }
+    },
+    {
+      "size": "sm" as typeof size[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "p-3"
+      }
+    },
+    {
+      "size": "md" as typeof size[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "p-3.5"
+      }
+    },
+    {
+      "size": "lg" as typeof size[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "p-4"
+      }
+    },
+    {
+      "size": "xl" as typeof size[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "p-4.5"
+      }
+    },
+    {
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        "fieldset": "gap-0 -space-x-px"
+      }
+    },
+    {
+      "orientation": "vertical" as typeof orientation[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
+        "fieldset": "gap-0 -space-y-px"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-primary/10 has-data-[state=checked]:border-primary/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-secondary/10 has-data-[state=checked]:border-secondary/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-success/10 has-data-[state=checked]:border-success/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-info/10 has-data-[state=checked]:border-info/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-warning/10 has-data-[state=checked]:border-warning/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-error/10 has-data-[state=checked]:border-error/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "table" as typeof variant[number],
+      "class": {
+        "item": "has-data-[state=checked]:bg-elevated has-data-[state=checked]:border-inverted/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      "variant": "table" as typeof variant[number],
+      "disabled": true,
+      "class": {
+        "item": "cursor-not-allowed opacity-75"
+      }
+    }
+  ],
   "defaultVariants": {
-    "size": "md" as typeof size[number]
+    "size": "md" as typeof size[number],
+    "variant": "list" as typeof variant[number],
+    "color": "primary" as typeof color[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/checkbox.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/checkbox"
-
 const color = [
   "primary",
   "secondary",
@@ -29,24 +27,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative flex items-start",
     "container": "flex items-center",
@@ -252,6 +233,4 @@ const theme = {
     "variant": "list" as typeof variant[number],
     "indicator": "start" as typeof indicator[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/chip.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/chip"
-
 const color = [
   "primary",
   "secondary",
@@ -29,24 +27,7 @@ const position = [
   "bottom-left"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative inline-flex items-center justify-center shrink-0",
     "base": "rounded-full ring ring-bg flex items-center justify-center text-inverted font-medium whitespace-nowrap"
@@ -112,6 +93,4 @@ const theme = {
     "color": "primary" as typeof color[number],
     "position": "top-right" as typeof position[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/collapsible.ts

@@ -1,27 +1,6 @@
-import template from "/home/runner/work/ui/ui/src/theme/collapsible"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "",
     "content": "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden"
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/color-picker.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/color-picker"
-
 const size = [
   "xs",
   "sm",
@@ -8,31 +6,14 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "data-[disabled]:opacity-75",
     "picker": "flex gap-4",
-    "selector": "rounded-md",
+    "selector": "rounded-md touch-none",
     "selectorBackground": "w-full h-full relative rounded-md",
     "selectorThumb": "-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-(--color-white) rounded-full cursor-pointer data-[disabled]:cursor-not-allowed",
-    "track": "w-[8px] relative rounded-md",
+    "track": "w-[8px] relative rounded-md touch-none",
     "trackThumb": "absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-(--color-white) cursor-pointer data-[disabled]:cursor-not-allowed"
   },
   "variants": {
@@ -63,6 +44,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

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

@@ -1,23 +1,4 @@
-import template from "/home/runner/work/ui/ui/src/theme/command-palette"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "flex flex-col min-h-0 min-w-0 divide-y divide-default",
     "input": "[&>input]:h-12",
@@ -66,6 +47,4 @@ const theme = {
       }
     }
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/container.ts

@@ -1,24 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/container"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "base": "w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8"
-}
-
-export default result as typeof theme
+}

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

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/context-menu"
-
 const color = [
   "primary",
   "secondary",
@@ -18,24 +16,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "content": "min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin)",
     "group": "p-1 isolate",
@@ -232,6 +213,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/drawer.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/drawer"
-
 const direction = [
   "top",
   "right",
@@ -7,24 +5,7 @@ const direction = [
   "left"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "overlay": "fixed inset-0 bg-elevated/75",
     "content": "fixed bg-default ring ring-default flex focus:outline-none",
@@ -142,6 +123,4 @@ const theme = {
       }
     }
   ]
-}
-
-export default result as typeof theme
+}

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

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/dropdown-menu"
-
 const color = [
   "primary",
   "secondary",
@@ -18,24 +16,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "content": "min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin)",
     "arrow": "fill-default",
@@ -233,6 +214,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/form-field.ts

@@ -1,5 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/form-field"
-
 const size = [
   "xs",
   "sm",
@@ -8,24 +6,7 @@ const size = [
   "xl"
 ] as const
 
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "",
     "wrapper": "",
@@ -64,6 +45,4 @@ const theme = {
   "defaultVariants": {
     "size": "md" as typeof size[number]
   }
-}
-
-export default result as typeof theme
+}

package/.nuxt/ui/form.ts

@@ -1,24 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/form"
-
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "base": ""
-}
-
-export default result as typeof theme
+}

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

@@ -1,10 +1,3 @@
-import template from "/home/runner/work/ui/ui/src/theme/input-menu"
-
-const buttonGroup = [
-  "horizontal",
-  "vertical"
-] as const
-
 const size = [
   "xs",
   "sm",
@@ -31,28 +24,7 @@ const color = [
   "neutral"
 ] as const
 
-const type = [
-  "file"
-] as const
-
-const result = typeof template === 'function' ? (template as Function)({
-  "prefix": "U",
-  "fonts": true,
-  "colorMode": true,
-  "theme": {
-    "colors": [
-      "primary",
-      "secondary",
-      "success",
-      "info",
-      "warning",
-      "error"
-    ],
-    "transitions": true
-  }
-}) : template
-
-const theme = {
+export default {
   "slots": {
     "root": "relative inline-flex items-center",
     "base": [
@@ -99,11 +71,11 @@ const theme = {
   "variants": {
     "buttonGroup": {
       "horizontal": {
-        "root": "group",
+        "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"
       },
       "vertical": {
-        "root": "group",
+        "root": "group has-focus-visible:z-[1]",
         "base": "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
       }
     },
@@ -461,6 +433,4 @@ const theme = {
     "color": "primary" as typeof color[number],
     "variant": "outline" as typeof variant[number]
   }
-}
-
-export default result as typeof theme
+}