@nuxt/ui 4.3.0 → 4.5.0

package/dist/shared/{ui.DegC4tw1.mjs → ui.BrgdrRzy.mjs}

@@ -134,10 +134,10 @@ function applyDefaultVariants(result, defaultVariants) {
   if (!result || !defaultVariants) {
     return result;
   }
-  if (result.defaultVariants?.color && defaultVariants.color) {
+  if (defaultVariants.color && result.defaultVariants?.color && result.defaultVariants.color === "primary") {
     result.defaultVariants.color = defaultVariants.color;
   }
-  if (result.defaultVariants?.size && defaultVariants.size) {
+  if (defaultVariants.size && result.defaultVariants?.size && result.defaultVariants.size === "md") {
     result.defaultVariants.size = defaultVariants.size;
   }
   return result;
@@ -987,8 +987,10 @@ const calendar = (options) => ({
     gridWeekDaysRow: "mb-1 grid w-full grid-cols-7",
     gridBody: "grid",
     headCell: "rounded-md",
+    headCellWeek: "rounded-md text-muted",
     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-today:font-semibold data-[outside-view]:text-muted", options.theme.transitions && "transition"]
+    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-today:font-semibold data-[outside-view]:text-muted", options.theme.transitions && "transition"],
+    cellWeek: "relative text-center text-muted"
   },
   variants: {
     color: {
@@ -1011,32 +1013,46 @@ const calendar = (options) => ({
       xs: {
         heading: "text-xs",
         cell: "text-xs",
+        cellWeek: "text-xs",
         headCell: "text-[10px]",
+        headCellWeek: "text-[10px]",
         cellTrigger: "size-7",
         body: "space-y-2 pt-2"
       },
       sm: {
         heading: "text-xs",
         headCell: "text-xs",
+        headCellWeek: "text-xs",
+        cellWeek: "text-xs",
         cell: "text-xs",
         cellTrigger: "size-7"
       },
       md: {
         heading: "text-sm",
         headCell: "text-xs",
+        headCellWeek: "text-xs",
+        cellWeek: "text-xs",
         cell: "text-sm",
         cellTrigger: "size-8"
       },
       lg: {
         heading: "text-md",
         headCell: "text-md",
+        headCellWeek: "text-md",
         cellTrigger: "size-9 text-md"
       },
       xl: {
         heading: "text-lg",
         headCell: "text-lg",
+        headCellWeek: "text-lg",
         cellTrigger: "size-10 text-lg"
       }
+    },
+    weekNumbers: {
+      true: {
+        gridRow: "grid-cols-8",
+        gridWeekDaysRow: "grid-cols-8 [&>*:first-child]:col-start-2"
+      }
     }
   },
   compoundVariants: [...(options.theme.colors || []).map((color) => ({
@@ -1345,7 +1361,7 @@ const chatPrompt = {
     header: "flex items-center gap-1.5",
     body: "items-start",
     footer: "flex items-center justify-between gap-1.5",
-    base: "text-base/5"
+    base: ""
   },
   variants: {
     variant: {
@@ -1715,26 +1731,26 @@ const colorPicker = {
 const commandPalette = (options) => ({
   slots: {
     root: "flex flex-col min-h-0 min-w-0 divide-y divide-default",
-    input: "[&>input]:h-12",
+    input: "",
     close: "",
     back: "p-0",
     content: "relative overflow-hidden flex flex-col",
     footer: "p-1",
     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-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",
+    empty: "text-center text-muted",
+    label: "font-semibold text-highlighted",
+    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: "2xs",
-    itemLeadingChip: "shrink-0 size-5",
-    itemLeadingChipSize: "md",
-    itemTrailing: "ms-auto inline-flex gap-1.5 items-center",
-    itemTrailingIcon: "shrink-0 size-5",
-    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",
+    itemLeadingAvatarSize: "",
+    itemLeadingChip: "shrink-0",
+    itemLeadingChipSize: "",
+    itemTrailing: "ms-auto inline-flex items-center",
+    itemTrailingIcon: "shrink-0",
+    itemTrailingHighlightedIcon: "shrink-0 text-dimmed hidden group-data-highlighted:inline-flex",
+    itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0",
+    itemTrailingKbdsSize: "",
     itemWrapper: "flex-1 flex flex-col text-start min-w-0",
     itemLabel: "truncate space-x-1 text-dimmed",
     itemDescription: "truncate text-muted",
@@ -1751,6 +1767,83 @@ const commandPalette = (options) => ({
         viewport: "divide-y divide-default"
       }
     },
+    size: {
+      xs: {
+        input: "[&>input]:h-10",
+        empty: "py-3 text-xs",
+        label: "p-1 text-[10px]/3 gap-1",
+        item: "p-1 text-xs gap-1",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      sm: {
+        input: "[&>input]:h-11",
+        empty: "py-4 text-xs",
+        label: "p-1.5 text-[10px]/3 gap-1.5",
+        item: "p-1.5 text-xs gap-1.5",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1.5",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      md: {
+        input: "[&>input]:h-12",
+        empty: "py-6 text-sm",
+        label: "p-1.5 text-xs gap-1.5",
+        item: "p-1.5 text-sm gap-1.5",
+        itemLeadingIcon: "size-5",
+        itemLeadingAvatarSize: "2xs",
+        itemLeadingChip: "size-5",
+        itemLeadingChipSize: "md",
+        itemTrailing: "gap-1.5",
+        itemTrailingIcon: "size-5",
+        itemTrailingHighlightedIcon: "size-5",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "md"
+      },
+      lg: {
+        input: "[&>input]:h-13",
+        empty: "py-7 text-sm",
+        label: "p-2 text-xs gap-2",
+        item: "p-2 text-sm gap-2",
+        itemLeadingIcon: "size-5",
+        itemLeadingAvatarSize: "2xs",
+        itemLeadingChip: "size-5",
+        itemLeadingChipSize: "md",
+        itemTrailing: "gap-2",
+        itemTrailingIcon: "size-5",
+        itemTrailingHighlightedIcon: "size-5",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "md"
+      },
+      xl: {
+        input: "[&>input]:h-14",
+        empty: "py-8 text-base",
+        label: "p-2 text-sm gap-2",
+        item: "p-2 text-base gap-2",
+        itemLeadingIcon: "size-6",
+        itemLeadingAvatarSize: "xs",
+        itemLeadingChip: "size-6",
+        itemLeadingChipSize: "lg",
+        itemTrailing: "gap-2",
+        itemTrailingIcon: "size-6",
+        itemTrailingHighlightedIcon: "size-6",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "lg"
+      }
+    },
     active: {
       true: {
         item: "text-highlighted before:bg-elevated",
@@ -1766,6 +1859,9 @@ const commandPalette = (options) => ({
         itemLeadingIcon: "animate-spin"
       }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
 
@@ -1932,14 +2028,24 @@ const dashboardResizeHandle = {
 const dashboardSearch = {
   slots: {
     modal: "",
-    input: "[&>input]:text-base/5"
+    input: ""
   },
   variants: {
     fullscreen: {
       false: {
         modal: "sm:max-w-3xl h-full sm:h-[28rem]"
       }
+    },
+    size: {
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -2268,25 +2374,27 @@ const editor = (options) => ({
     content: "relative size-full flex-1",
     base: [
       "w-full outline-none *:my-5 *:first:mt-0 *:last:mb-0 sm:px-8 selection:bg-primary/20",
-      // Placeholder
-      "[&_:is(p,h1,h2,h3,h4).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4).is-empty]:before:text-dimmed [&_:is(p,h1,h2,h3,h4).is-empty]:before:float-left [&_:is(p,h1,h2,h3,h4).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4).is-empty]:before:pointer-events-none",
-      "[&_li_.is-empty]:before:content-none",
       // Paragraph
       "[&_p]:leading-7",
       // Links
       "[&_a]:text-primary [&_a]:border-b [&_a]:border-transparent [&_a]:hover:border-primary [&_a]:font-medium",
       options.theme?.transitions && "[&_a]:transition-colors",
+      // Code inside links
+      "[&_a>code]:border-dashed [&_a:hover>code]:border-primary [&_a:hover>code]:text-primary",
+      options.theme?.transitions && "[&_a>code]:transition-colors",
       // Mentions
       "[&_.mention]:text-primary [&_.mention]:font-medium",
       // Headings - shared styles
-      "[&_:is(h1,h2,h3,h4)]:text-highlighted [&_:is(h1,h2,h3,h4)]:font-bold",
+      "[&_:is(h1,h2,h3,h4,h5,h6)]:text-highlighted [&_:is(h1,h2,h3,h4,h5,h6)]:font-bold",
       // Headings - unique styles
       "[&_h1]:text-3xl",
       "[&_h2]:text-2xl",
       "[&_h3]:text-xl",
       "[&_h4]:text-lg",
+      "[&_h5]:text-base",
+      "[&_h6]:text-base",
       // Code inside headings
-      "[&_:is(h1,h2,h3,h4)>code]:border-dashed [&_:is(h1,h2,h3,h4)>code]:font-bold",
+      "[&_:is(h1,h2,h3,h4,h5,h6)>code]:border-dashed [&_:is(h1,h2,h3,h4,h5,h6)>code]:font-bold",
       "[&_h2>code]:text-xl/6",
       "[&_h3>code]:text-lg/5",
       // Blockquote & HR
@@ -2308,6 +2416,19 @@ const editor = (options) => ({
       // Selected nodes
       "[&_.ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper])]:bg-primary/20"
     ]
+  },
+  variants: {
+    placeholderMode: {
+      firstLine: {
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:text-dimmed [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:pointer-events-none"
+      },
+      everyLine: {
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:text-dimmed [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:pointer-events-none"
+      }
+    }
+  },
+  defaultVariants: {
+    placeholderMode: "everyLine"
   }
 });
 
@@ -2323,18 +2444,50 @@ const editorSuggestionMenu = (options) => ({
     content: "min-w-48 max-w-60 max-h-96 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-dropdown-menu-content-transform-origin) flex flex-col",
     viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
     group: "p-1 isolate",
-    label: "w-full flex items-center font-semibold text-highlighted p-1.5 text-xs gap-1.5",
+    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-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 p-1.5 text-sm gap-1.5",
-    itemLeadingIcon: "shrink-0 size-5 flex items-center justify-center text-base",
+    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 flex items-center justify-center",
     itemLeadingAvatar: "shrink-0",
-    itemLeadingAvatarSize: "2xs",
+    itemLeadingAvatarSize: "",
     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: {
+    size: {
+      xs: {
+        label: "p-1 text-[10px]/3 gap-1",
+        item: "p-1 text-xs gap-1",
+        itemLeadingIcon: "size-4 text-sm",
+        itemLeadingAvatarSize: "3xs"
+      },
+      sm: {
+        label: "p-1.5 text-[10px]/3 gap-1.5",
+        item: "p-1.5 text-xs gap-1.5",
+        itemLeadingIcon: "size-4 text-sm",
+        itemLeadingAvatarSize: "3xs"
+      },
+      md: {
+        label: "p-1.5 text-xs gap-1.5",
+        item: "p-1.5 text-sm gap-1.5",
+        itemLeadingIcon: "size-5 text-base",
+        itemLeadingAvatarSize: "2xs"
+      },
+      lg: {
+        label: "p-2 text-xs gap-2",
+        item: "p-2 text-sm gap-2",
+        itemLeadingIcon: "size-5 text-base",
+        itemLeadingAvatarSize: "2xs"
+      },
+      xl: {
+        label: "p-2 text-sm gap-2",
+        item: "p-2 text-base gap-2",
+        itemLeadingIcon: "size-6 text-xl",
+        itemLeadingAvatarSize: "xs"
+      }
+    },
     active: {
       true: {
         item: "text-highlighted before:bg-elevated/75",
@@ -2345,6 +2498,9 @@ const editorSuggestionMenu = (options) => ({
         itemLeadingIcon: ["text-dimmed group-data-highlighted:not-group-data-disabled:text-default", options.theme.transitions && "transition-colors"]
       }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
 
@@ -2767,7 +2923,7 @@ const input = (options) => ({
     ...fieldGroupVariantWithRoot,
     size: {
       xs: {
-        base: "px-2 py-1 text-xs gap-1",
+        base: "px-2 py-1 text-sm/4 gap-1",
         leading: "ps-2",
         trailing: "pe-2",
         leadingIcon: "size-4",
@@ -2775,7 +2931,7 @@ const input = (options) => ({
         trailingIcon: "size-4"
       },
       sm: {
-        base: "px-2.5 py-1.5 text-xs gap-1.5",
+        base: "px-2.5 py-1.5 text-sm/4 gap-1.5",
         leading: "ps-2.5",
         trailing: "pe-2.5",
         leadingIcon: "size-4",
@@ -2783,7 +2939,7 @@ const input = (options) => ({
         trailingIcon: "size-4"
       },
       md: {
-        base: "px-2.5 py-1.5 text-sm gap-1.5",
+        base: "px-2.5 py-1.5 text-base/5 gap-1.5",
         leading: "ps-2.5",
         trailing: "pe-2.5",
         leadingIcon: "size-5",
@@ -2791,7 +2947,7 @@ const input = (options) => ({
         trailingIcon: "size-5"
       },
       lg: {
-        base: "px-3 py-2 text-sm gap-2",
+        base: "px-3 py-2 text-base/5 gap-2",
         leading: "ps-3",
         trailing: "pe-3",
         leadingIcon: "size-5",
@@ -2830,6 +2986,9 @@ const input = (options) => ({
     highlight: {
       true: ""
     },
+    fixed: {
+      false: ""
+    },
     type: {
       file: "file:me-1.5 file:font-medium file:text-muted file:outline-none"
     }
@@ -2903,6 +3062,22 @@ const input = (options) => ({
     class: {
       trailingIcon: "animate-spin"
     }
+  }, {
+    fixed: false,
+    size: "xs",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "sm",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "md",
+    class: "md:text-sm"
+  }, {
+    fixed: false,
+    size: "lg",
+    class: "md:text-sm"
   }],
   defaultVariants: {
     size: "md",
@@ -2977,7 +3152,8 @@ const inputMenu = (options) => {
   return defuFn({
     slots: {
       base: () => ["rounded-md", options.theme.transitions && "transition-colors"],
-      trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
+      trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none",
+      trailingClear: "p-0",
       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 scroll-py-1 overflow-y-auto flex-1",
@@ -3120,10 +3296,10 @@ const inputNumber = (options) => {
         neutral: ""
       },
       size: {
-        xs: "px-2 py-1 text-xs gap-1",
-        sm: "px-2.5 py-1.5 text-xs gap-1.5",
-        md: "px-2.5 py-1.5 text-sm gap-1.5",
-        lg: "px-3 py-2 text-sm gap-2",
+        xs: "px-2 py-1 text-sm/4 gap-1",
+        sm: "px-2.5 py-1.5 text-sm/4 gap-1.5",
+        md: "px-2.5 py-1.5 text-base/5 gap-1.5",
+        lg: "px-3 py-2 text-base/5 gap-2",
         xl: "px-3 py-2 text-base gap-2"
       },
       variant: {
@@ -3149,6 +3325,9 @@ const inputNumber = (options) => {
       highlight: {
         true: ""
       },
+      fixed: {
+        false: ""
+      },
       increment: {
         false: ""
       },
@@ -3216,6 +3395,22 @@ const inputNumber = (options) => {
       increment: true,
       size: "xl",
       class: "pe-11"
+    }, {
+      fixed: false,
+      size: "xs",
+      class: "md:text-xs"
+    }, {
+      fixed: false,
+      size: "sm",
+      class: "md:text-xs"
+    }, {
+      fixed: false,
+      size: "md",
+      class: "md:text-sm"
+    }, {
+      fixed: false,
+      size: "lg",
+      class: "md:text-sm"
     }],
     defaultVariants: {
       size: "md",
@@ -3540,6 +3735,7 @@ const navigationMenu = (options) => ({
     linkLeadingIcon: "shrink-0 size-5",
     linkLeadingAvatar: "shrink-0",
     linkLeadingAvatarSize: "2xs",
+    linkLeadingChipSize: "sm",
     linkTrailing: "group ms-auto inline-flex gap-1.5 items-center",
     linkTrailingBadge: "shrink-0",
     linkTrailingBadgeSize: "sm",
@@ -4335,16 +4531,16 @@ const pinInput = (options) => ({
   variants: {
     size: {
       xs: {
-        base: "size-6 text-xs"
+        base: "size-6 text-sm/4"
       },
       sm: {
-        base: "size-7 text-xs"
+        base: "size-7 text-sm/4"
       },
       md: {
-        base: "size-8 text-sm"
+        base: "size-8 text-base/5"
       },
       lg: {
-        base: "size-9 text-sm"
+        base: "size-9 text-base/5"
       },
       xl: {
         base: "size-10 text-base"
@@ -4363,6 +4559,9 @@ const pinInput = (options) => ({
     },
     highlight: {
       true: ""
+    },
+    fixed: {
+      false: ""
     }
   },
   compoundVariants: [...(options.theme.colors || []).map((color) => ({
@@ -4381,6 +4580,22 @@ const pinInput = (options) => ({
     color: "neutral",
     highlight: true,
     class: "ring ring-inset ring-inverted"
+  }, {
+    fixed: false,
+    size: "xs",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "sm",
+    class: "md:text-xs"
+  }, {
+    fixed: false,
+    size: "md",
+    class: "md:text-sm"
+  }, {
+    fixed: false,
+    size: "lg",
+    class: "md:text-sm"
   }],
   defaultVariants: {
     size: "md",
@@ -4403,7 +4618,7 @@ const pricingPlan = {
     body: "flex flex-col min-w-0",
     footer: "flex flex-col gap-6 items-center",
     titleWrapper: "flex items-center gap-3",
-    title: "text-highlighted text-2xl sm:text-3xl text-pretty font-semibold",
+    title: "text-highlighted truncate text-2xl sm:text-3xl text-pretty font-semibold",
     description: "text-muted text-base text-pretty mt-2",
     priceWrapper: "flex items-center gap-1",
     price: "text-highlighted text-3xl sm:text-4xl font-semibold",
@@ -5000,8 +5215,14 @@ const select = (options) => {
     },
     variants: {
       ...fieldGroupVariant,
+      variant: (prev) => ({
+        ...prev,
+        outline: [prev.outline, "hover:bg-elevated disabled:bg-default"].join(" "),
+        subtle: [prev.subtle, "hover:bg-accented/75 disabled:bg-elevated"].join(" ")
+      }),
       size: {
         xs: {
+          base: "px-2 py-1 text-xs gap-1",
           label: "p-1 text-[10px]/3 gap-1",
           item: "p-1 text-xs gap-1",
           itemLeadingIcon: "size-4",
@@ -5012,6 +5233,7 @@ const select = (options) => {
           empty: "p-1 text-xs"
         },
         sm: {
+          base: "px-2.5 py-1.5 text-xs gap-1.5",
           label: "p-1.5 text-[10px]/3 gap-1.5",
           item: "p-1.5 text-xs gap-1.5",
           itemLeadingIcon: "size-4",
@@ -5022,6 +5244,7 @@ const select = (options) => {
           empty: "p-1.5 text-xs"
         },
         md: {
+          base: "px-2.5 py-1.5 text-sm gap-1.5",
           label: "p-1.5 text-xs gap-1.5",
           item: "p-1.5 text-sm gap-1.5",
           itemLeadingIcon: "size-5",
@@ -5032,6 +5255,7 @@ const select = (options) => {
           empty: "p-1.5 text-sm"
         },
         lg: {
+          base: "px-3 py-2 text-sm gap-2",
           label: "p-2 text-xs gap-2",
           item: "p-2 text-sm gap-2",
           itemLeadingIcon: "size-5",
@@ -5042,6 +5266,7 @@ const select = (options) => {
           empty: "p-2 text-sm"
         },
         xl: {
+          base: "px-3 py-2 text-base gap-2",
           label: "p-2 text-sm gap-2",
           item: "p-2 text-base gap-2",
           itemLeadingIcon: "size-6",
@@ -5069,7 +5294,8 @@ const selectMenu = (options) => {
       input: "border-b border-default",
       focusScope: "flex flex-col min-h-0",
       viewport: "relative scroll-py-1 overflow-y-auto flex-1",
-      content: (content) => [content, "origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"]
+      content: (content) => [content, "origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"],
+      trailingClear: "p-0"
     },
     variants: {
       virtualize: {
@@ -6139,7 +6365,7 @@ const toast = (options) => ({
 const toaster = {
   slots: {
     viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
-    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
+    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[state=open]:data-[pulsing=odd]:animate-[toast-pulse-a_300ms_ease-out] data-[state=open]:data-[pulsing=even]:animate-[toast-pulse-b_300ms_ease-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   variants: {
     position: {
@@ -6173,13 +6399,13 @@ const toaster = {
     position: ["top-left", "top-center", "top-right"],
     class: {
       viewport: "top-4",
-      base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
+      base: "top-0 data-[state=open]:animate-[toast-slide-in-from-top_200ms_ease-in-out]"
     }
   }, {
     position: ["bottom-left", "bottom-center", "bottom-right"],
     class: {
       viewport: "bottom-4",
-      base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
+      base: "bottom-0 data-[state=open]:animate-[toast-slide-in-from-bottom_200ms_ease-in-out]"
     }
   }, {
     swipeDirection: ["left", "right"],
@@ -6929,11 +7155,31 @@ const tbody = {
 };
 
 const td = {
-  base: "py-3 px-4 text-sm text-left align-top border-e border-b first:border-s border-muted [&_code]:text-xs/5 [&_p]:my-0 [&_p]:leading-6 [&_ul]:my-0 [&_ol]:my-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5 [&_li]:leading-6 [&_li]:my-0.5"
+  base: "py-3 px-4 text-sm align-top border-e border-b first:border-s border-muted [&_code]:text-xs/5 [&_p]:my-0 [&_p]:leading-6 [&_ul]:my-0 [&_ol]:my-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5 [&_li]:leading-6 [&_li]:my-0.5",
+  variants: {
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    align: "left"
+  }
 };
 
 const th = {
-  base: "py-3 px-4 font-semibold text-sm text-left border-e border-b first:border-s border-t border-muted"
+  base: "py-3 px-4 font-semibold text-sm border-e border-b first:border-s border-t border-muted",
+  variants: {
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    align: "left"
+  }
 };
 
 const thead = {
@@ -7150,14 +7396,24 @@ const contentNavigation = (options) => ({
 const contentSearch = {
   slots: {
     modal: "",
-    input: "[&>input]:text-base/5"
+    input: ""
   },
   variants: {
     fullscreen: {
       false: {
         modal: "sm:max-w-3xl h-full sm:h-[28rem]"
       }
+    },
+    size: {
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -7497,7 +7753,7 @@ import colors from 'tailwindcss/colors'
 
 type IconsConfig = Record<${iconUnion} | (string & {}), string>
 
-type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone'
+type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'taupe' | 'mauve' | 'mist' | 'olive'
 type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent' | 'black' | 'white' | NeutralColor> | (string & {})
 
 type AppConfigUI = {