@nuxt/ui 4.9.0 → 4.10.0

package/dist/shared/{ui.BfHSFiIO.mjs → ui.XkBrgXFP.mjs}

@@ -9,7 +9,7 @@ import { join } from 'pathe';
 import { globSync } from 'tinyglobby';
 import { defuFn, defu } from 'defu';
 
-const icons = {
+const defaultIcons = {
   arrowDown: "i-lucide-arrow-down",
   arrowLeft: "i-lucide-arrow-left",
   arrowRight: "i-lucide-arrow-right",
@@ -47,6 +47,7 @@ const icons = {
   reload: "i-lucide-rotate-ccw",
   search: "i-lucide-search",
   stop: "i-lucide-square",
+  star: "i-lucide-star",
   success: "i-lucide-circle-check",
   system: "i-lucide-monitor",
   tip: "i-lucide-lightbulb",
@@ -68,7 +69,7 @@ function getDefaultConfig(theme) {
       error: "red",
       neutral: "slate"
     }, [...theme?.colors || [], "neutral"]),
-    icons,
+    icons: defaultIcons,
     prefix: theme?.prefix,
     tv: {
       twMergeConfig: {
@@ -791,7 +792,7 @@ const blogPost = (options) => ({
     to: true,
     orientation: "horizontal",
     class: {
-      header: "group-hover/blog-post:rounded-r-none"
+      header: "group-hover/blog-post:rounded-e-none"
     }
   }, {
     orientation: "vertical",
@@ -1432,6 +1433,7 @@ const chatMessage = (options) => ({
     variant: "naked",
     side: "left",
     class: {
+      body: "w-full",
       content: "w-full"
     }
   }, ...(options.theme.colors || []).map((color) => ({
@@ -1499,7 +1501,7 @@ const chatMessage = (options) => ({
 const chatMessages = {
   slots: {
     root: "w-full flex flex-col gap-1 flex-1 px-2.5 [&>article]:last-of-type:min-h-(--last-message-height)",
-    indicator: "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-elevated [&>*:nth-child(1)]:animate-[bounce_1s_infinite] [&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] [&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
+    indicator: "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-elevated motion-safe:[&>*:nth-child(1)]:animate-[bounce_1s_infinite] motion-safe:[&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] motion-safe:[&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
     viewport: "absolute inset-x-0 top-[86%] data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
     autoScroll: "rounded-full absolute right-1/2 translate-x-1/2 bottom-0"
   },
@@ -1520,15 +1522,20 @@ const chatPalette = {
   }
 };
 
-const chatPrompt = {
+const focusHighlight = (utilities) => ["textarea", "[contenteditable]"].flatMap((element) => utilities.split(" ").map((utility) => `has-[${element}:focus-visible]:${utility}`)).join(" ");
+const chatPrompt = (options) => ({
   slots: {
     root: "relative flex flex-col items-stretch gap-2 px-2.5 py-2 w-full rounded-lg backdrop-blur",
     header: "flex items-center gap-1.5",
-    body: "items-start",
+    body: "items-start gap-1.5",
     footer: "flex items-center justify-between gap-1.5",
-    base: ""
+    base: "px-0"
   },
   variants: {
+    color: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ""])),
+      neutral: ""
+    },
     variant: {
       outline: {
         root: "bg-default/75 ring ring-default"
@@ -1544,10 +1551,28 @@ const chatPrompt = {
       }
     }
   },
+  compoundVariants: [...(options.theme.colors || []).map((color) => ({
+    color,
+    variant: ["outline", "subtle"],
+    class: { root: `outline-${color}/25 ${focusHighlight(`outline-3 ring-${color}`)}` }
+  })), ...(options.theme.colors || []).map((color) => ({
+    color,
+    variant: "soft",
+    class: { root: `outline-${color}/25 ${focusHighlight("outline-3")}` }
+  })), {
+    color: "neutral",
+    variant: ["outline", "subtle"],
+    class: { root: `outline-inverted/25 ${focusHighlight("outline-3 ring-inverted")}` }
+  }, {
+    color: "neutral",
+    variant: "soft",
+    class: { root: `outline-inverted/25 ${focusHighlight("outline-3")}` }
+  }],
   defaultVariants: {
+    color: "primary",
     variant: "outline"
   }
-};
+});
 
 const chatPromptSubmit = {
   slots: {
@@ -1584,7 +1609,7 @@ const chatReasoning = (options) => ({
 });
 
 const chatShimmer = {
-  base: "text-transparent bg-clip-text bg-no-repeat bg-size-[calc(200%+var(--spread)*2+2px)_100%,auto] bg-[image:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--ui-text-highlighted),#0000_calc(50%+var(--spread))),linear-gradient(var(--ui-text-muted),var(--ui-text-muted))] animate-[shimmer_var(--duration)_linear_infinite] rtl:animate-[shimmer-rtl_var(--duration)_linear_infinite] will-change-[background-position]"
+  base: "text-transparent bg-clip-text bg-no-repeat bg-size-[calc(200%+var(--spread)*2+2px)_100%,auto] bg-[image:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--ui-text-highlighted),#0000_calc(50%+var(--spread))),linear-gradient(var(--ui-text-muted),var(--ui-text-muted))] motion-safe:animate-[shimmer_var(--duration)_linear_infinite] motion-safe:rtl:animate-[shimmer-rtl_var(--duration)_linear_infinite] will-change-[background-position] motion-reduce:bg-none motion-reduce:text-muted"
 };
 
 const chatTool = (options) => ({
@@ -1598,25 +1623,26 @@ const chatTool = (options) => ({
     suffix: "text-dimmed ms-1",
     trailingIcon: "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
     content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] data-[state=closed]:overflow-hidden",
-    body: "text-sm text-dimmed whitespace-pre-wrap"
+    body: "text-sm text-dimmed whitespace-pre-wrap",
+    actions: "flex items-center justify-end gap-1.5"
   },
   variants: {
     variant: {
       inline: {
         trigger: "rounded-sm outline-primary/25 focus-visible:outline-3",
-        body: "pt-2"
+        body: "pt-2",
+        actions: "pt-2"
       },
       card: {
         root: "rounded-md ring ring-default overflow-hidden outline-primary/25 has-focus-visible:outline-3 has-focus-visible:ring-primary",
         trigger: "px-2 py-1 focus:outline-none",
         trailingIcon: "ms-auto",
-        body: "border-t border-default p-2 max-h-[200px] overflow-y-auto focus:outline-none"
+        body: "border-t border-default p-2 max-h-[200px] overflow-y-auto focus:outline-none",
+        actions: "border-t border-default p-2"
       }
     },
     chevron: {
-      leading: {
-        leadingIcon: "group-hover:opacity-0"
-      },
+      leading: "",
       trailing: ""
     },
     loading: {
@@ -1626,7 +1652,7 @@ const chatTool = (options) => ({
     },
     alone: {
       false: {
-        leadingIcon: ["absolute inset-0 group-data-[state=open]:opacity-0", options.theme.transitions && "transition-opacity duration-200"],
+        leadingIcon: ["absolute inset-0 group-hover:opacity-0 group-data-[state=open]:opacity-0", options.theme.transitions && "transition-opacity duration-200"],
         chevronIcon: ["absolute inset-0 opacity-0 group-hover:opacity-100 group-data-[state=open]:opacity-100", options.theme.transitions && "transition-[rotate,opacity] duration-200"]
       }
     }
@@ -2397,11 +2423,14 @@ const drawer = (options) => ({
     content: "fixed bg-default ring ring-default flex focus:outline-none",
     handle: ["shrink-0 !bg-accented", options.theme.transitions && "transition-opacity"],
     container: "w-full flex flex-col gap-4 p-4 overflow-y-auto",
-    header: "",
+    header: "flex items-center gap-1.5 min-h-8",
+    wrapper: "min-w-0 flex-1",
     title: "text-highlighted font-semibold",
     description: "mt-1 text-muted text-sm",
+    actions: "flex items-center gap-1.5 shrink-0 ms-auto",
     body: "flex-1",
-    footer: "flex flex-col gap-1.5"
+    footer: "flex flex-col gap-1.5",
+    close: ""
   },
   variants: {
     direction: {
@@ -2857,6 +2886,11 @@ const empty = {
       naked: {
         description: "text-muted"
       }
+    },
+    loading: {
+      true: {
+        avatar: "[&>[data-slot=icon]]:animate-spin"
+      }
     }
   },
   defaultVariants: {
@@ -4079,7 +4113,7 @@ const marquee = {
     orientation: "horizontal",
     class: {
       root: "flex-row",
-      content: "flex-row animate-[marquee_var(--duration)_linear_infinite] rtl:animate-[marquee-rtl_var(--duration)_linear_infinite] backface-hidden"
+      content: "flex-row motion-safe:animate-[marquee_var(--duration)_linear_infinite] motion-safe:rtl:animate-[marquee-rtl_var(--duration)_linear_infinite] backface-hidden"
     }
   }, {
     orientation: "horizontal",
@@ -4091,7 +4125,7 @@ const marquee = {
     orientation: "vertical",
     class: {
       root: "flex-col",
-      content: "flex-col animate-[marquee-vertical_var(--duration)_linear_infinite] rtl:animate-[marquee-vertical-rtl_var(--duration)_linear_infinite] h-[fit-content] backface-hidden"
+      content: "flex-col motion-safe:animate-[marquee-vertical_var(--duration)_linear_infinite] motion-safe:rtl:animate-[marquee-vertical-rtl_var(--duration)_linear_infinite] h-[fit-content] backface-hidden"
     }
   }, {
     orientation: "vertical",
@@ -4187,7 +4221,7 @@ const navigationMenu = (options) => ({
     childLinkLabelExternalIcon: "inline-block size-3 align-top text-dimmed",
     childLinkDescription: "text-muted",
     separator: "px-2 h-px bg-border",
-    viewportWrapper: "absolute top-full left-0 flex w-full",
+    viewportWrapper: "absolute top-full start-0 flex w-full",
     viewport: "relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left,right] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-1",
     content: "",
     indicator: "absolute left-0 data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-2 w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200",
@@ -4221,7 +4255,7 @@ const navigationMenu = (options) => ({
         childList: "grid p-2",
         childLink: "px-3 py-2 gap-2 before:inset-x-px before:inset-y-0",
         childLinkLabel: "font-medium",
-        content: "absolute top-0 left-0 w-full max-h-[70vh] overflow-y-auto"
+        content: "absolute top-0 start-0 w-full max-h-[70vh] overflow-y-auto"
       },
       vertical: {
         root: "flex-col",
@@ -5090,7 +5124,7 @@ const pricingPlan = {
     orientation: {
       horizontal: {
         root: "grid-cols-1 lg:grid-cols-3 justify-between divide-y lg:divide-y-0 lg:divide-x divide-default",
-        body: "lg:col-span-2 pb-6 lg:pb-0 lg:pr-6 justify-center",
+        body: "lg:col-span-2 pb-6 lg:pb-0 lg:pe-6 justify-center",
         footer: "lg:justify-center lg:items-center lg:p-6 lg:max-w-xs lg:w-full lg:mx-auto",
         features: "lg:grid lg:grid-cols-2 lg:mt-12"
       },
@@ -5180,9 +5214,9 @@ const pricingTable = {
     thead: "",
     tbody: "",
     tr: "",
-    th: "py-4 font-normal text-left rtl:text-right border-b border-default",
+    th: "py-4 font-normal text-start border-b border-default",
     td: "px-6 py-4 text-center border-b border-default",
-    tier: "p-6 text-left rtl:text-right font-normal align-top h-full",
+    tier: "p-6 text-start font-normal align-top h-full",
     tierWrapper: "flex flex-col md:h-full",
     tierTitleWrapper: "flex items-center gap-3",
     tierTitle: "text-lg font-semibold text-highlighted",
@@ -5227,7 +5261,7 @@ const progress = (options) => ({
   slots: {
     root: "gap-2",
     base: "relative overflow-hidden rounded-full bg-accented",
-    indicator: "rounded-full size-full transition-transform duration-200 ease-out",
+    indicator: "rounded-full size-full transition-transform duration-200 ease-out motion-reduce:data-[state=indeterminate]:animate-pulse",
     status: "flex text-dimmed transition-[width] duration-200",
     steps: "grid items-end",
     step: "truncate text-end row-start-1 col-start-1 transition-opacity"
@@ -5385,49 +5419,49 @@ const progress = (options) => ({
     orientation: "horizontal",
     animation: "carousel",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[carousel_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-rtl_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[carousel_2s_ease-in-out_infinite] motion-safe:data-[state=indeterminate]:rtl:animate-[carousel-rtl_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "vertical",
     animation: "carousel",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[carousel-vertical_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[carousel-vertical_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "horizontal",
     animation: "carousel-inverse",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[carousel-inverse_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[carousel-inverse_2s_ease-in-out_infinite] motion-safe:data-[state=indeterminate]:rtl:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "vertical",
     animation: "carousel-inverse",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[carousel-inverse-vertical_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[carousel-inverse-vertical_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "horizontal",
     animation: "swing",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[swing_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[swing_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "vertical",
     animation: "swing",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[swing-vertical_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[swing-vertical_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "horizontal",
     animation: "elastic",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[elastic_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[elastic_2s_ease-in-out_infinite]"
     }
   }, {
     orientation: "vertical",
     animation: "elastic",
     class: {
-      indicator: "data-[state=indeterminate]:animate-[elastic-vertical_2s_ease-in-out_infinite]"
+      indicator: "motion-safe:data-[state=indeterminate]:animate-[elastic-vertical_2s_ease-in-out_infinite]"
     }
   }],
   defaultVariants: {
@@ -5651,6 +5685,11 @@ const scrollArea = {
         viewport: "flex-row",
         item: ""
       }
+    },
+    externalScroll: {
+      true: {
+        root: "overflow-visible"
+      }
     }
   }
 };
@@ -5928,18 +5967,18 @@ const sidebar = (options) => ({
     transition: {
       true: {
         gap: "transition-[width] duration-200 ease-out",
-        container: "transition-[left,right,width] duration-200 ease-out",
+        container: "transition-[inset-inline-start,inset-inline-end,width] duration-200 ease-out",
         rail: "transition-all ease-out"
       }
     },
     side: {
       left: {
-        container: "left-0 border-e border-default",
-        rail: "end-0 translate-x-1/2"
+        container: "start-0 border-e border-default",
+        rail: "end-0 translate-x-1/2 rtl:-translate-x-1/2"
       },
       right: {
-        container: "right-0 border-s border-default",
-        rail: "-start-px -translate-x-1/2"
+        container: "end-0 border-s border-default",
+        rail: "-start-px -translate-x-1/2 rtl:translate-x-1/2"
       }
     },
     collapsible: {
@@ -5976,13 +6015,13 @@ const sidebar = (options) => ({
     side: "left",
     collapsible: ["offcanvas", "icon"],
     class: {
-      rail: "cursor-w-resize data-[state=collapsed]:cursor-e-resize"
+      rail: "cursor-w-resize rtl:cursor-e-resize data-[state=collapsed]:cursor-e-resize data-[state=collapsed]:rtl:cursor-w-resize"
     }
   }, {
     side: "right",
     collapsible: ["offcanvas", "icon"],
     class: {
-      rail: "cursor-e-resize data-[state=collapsed]:cursor-w-resize"
+      rail: "cursor-e-resize rtl:cursor-w-resize data-[state=collapsed]:cursor-w-resize data-[state=collapsed]:rtl:cursor-e-resize"
     }
   }, {
     side: "left",
@@ -6000,13 +6039,13 @@ const sidebar = (options) => ({
     side: "left",
     collapsible: "offcanvas",
     class: {
-      container: "data-[state=collapsed]:-left-(--sidebar-width)"
+      container: "data-[state=collapsed]:-start-(--sidebar-width)"
     }
   }, {
     side: "right",
     collapsible: "offcanvas",
     class: {
-      container: "data-[state=collapsed]:-right-(--sidebar-width)"
+      container: "data-[state=collapsed]:-end-(--sidebar-width)"
     }
   }, {
     variant: "floating",
@@ -6277,6 +6316,83 @@ const slider = (options) => ({
   }
 });
 
+const inputRating = (options) => ({
+  slots: {
+    root: "",
+    item: ["relative inline-block cursor-pointer select-none rounded-sm has-focus-visible:outline-3", options.theme.transitions && "transition"],
+    indicator: "absolute inset-0 overflow-hidden outline-none text-transparent w-(--reka-rating-item-step-width) opacity-(--reka-rating-item-step-opacity) z-(--reka-rating-item-step-z-index)",
+    icon: "block",
+    emptyIcon: "block w-full h-full text-muted pointer-events-none"
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: "inline-flex items-center gap-0.5"
+      },
+      vertical: {
+        root: "inline-flex flex-col items-center gap-0.5"
+      }
+    },
+    size: {
+      xs: {
+        item: "size-3",
+        icon: "size-3"
+      },
+      sm: {
+        item: "size-4",
+        icon: "size-4"
+      },
+      md: {
+        item: "size-5",
+        icon: "size-5"
+      },
+      lg: {
+        item: "size-6",
+        icon: "size-6"
+      },
+      xl: {
+        item: "size-7",
+        icon: "size-7"
+      }
+    },
+    color: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+        indicator: `data-[state=active]:text-${color}`,
+        item: `outline-${color}/25`
+      }])),
+      neutral: {
+        indicator: "data-[state=active]:text-highlighted",
+        item: "outline-inverted/25"
+      }
+    },
+    readonly: {
+      true: {
+        root: "cursor-default",
+        item: "cursor-default"
+      },
+      false: {}
+    },
+    disabled: {
+      true: {
+        root: "opacity-75 cursor-not-allowed",
+        item: "cursor-not-allowed pointer-events-none"
+      },
+      false: {}
+    }
+  },
+  compoundVariants: [{
+    readonly: false,
+    disabled: false,
+    class: {
+      item: "hover:scale-110"
+    }
+  }],
+  defaultVariants: {
+    color: "primary",
+    size: "md"
+  }
+});
+
 const stepper = (options) => ({
   slots: {
     root: "flex gap-4",
@@ -6518,9 +6634,9 @@ const table$1 = (options) => ({
     tbody: "isolate [&>tr]:data-[selectable=true]:hover:bg-elevated/50 [&>tr]:data-[selectable=true]:outline-primary/25 [&>tr]:data-[selectable=true]:focus-visible:outline-3 divide-y divide-default",
     tfoot: "relative",
     tr: "data-[selected=true]:bg-elevated/50",
-    th: "px-4 py-3.5 text-sm text-highlighted text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
+    th: "px-4 py-3.5 text-sm text-highlighted text-start font-semibold [&:has([role=checkbox])]:pe-0",
     td: "p-4 text-sm text-muted whitespace-nowrap [&:has([role=checkbox])]:pe-0",
-    separator: "absolute z-1 left-0 w-full h-px bg-(--ui-border-accented)",
+    separator: "absolute z-1 start-0 w-full h-px bg-(--ui-border-accented)",
     empty: "py-6 text-center text-sm text-muted",
     loading: "py-6 text-center"
   },
@@ -6545,7 +6661,12 @@ const table$1 = (options) => ({
     },
     loading: {
       true: {
-        thead: "after:absolute after:z-1 after:h-px"
+        thead: "after:absolute after:z-1 after:h-px motion-reduce:after:inset-x-0 motion-reduce:after:animate-pulse"
+      }
+    },
+    externalScroll: {
+      true: {
+        root: "overflow-visible"
       }
     },
     loadingAnimation: {
@@ -6575,25 +6696,25 @@ const table$1 = (options) => ({
     loading: true,
     loadingAnimation: "carousel",
     class: {
-      thead: "after:animate-[carousel_2s_ease-in-out_infinite] rtl:after:animate-[carousel-rtl_2s_ease-in-out_infinite]"
+      thead: "motion-safe:after:animate-[carousel_2s_ease-in-out_infinite] motion-safe:rtl:after:animate-[carousel-rtl_2s_ease-in-out_infinite]"
     }
   }, {
     loading: true,
     loadingAnimation: "carousel-inverse",
     class: {
-      thead: "after:animate-[carousel-inverse_2s_ease-in-out_infinite] rtl:after:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
+      thead: "motion-safe:after:animate-[carousel-inverse_2s_ease-in-out_infinite] motion-safe:rtl:after:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
     }
   }, {
     loading: true,
     loadingAnimation: "swing",
     class: {
-      thead: "after:animate-[swing_2s_ease-in-out_infinite]"
+      thead: "motion-safe:after:animate-[swing_2s_ease-in-out_infinite]"
     }
   }, {
     loading: true,
     loadingAnimation: "elastic",
     class: {
-      thead: "after:animate-[elastic_2s_ease-in-out_infinite]"
+      thead: "motion-safe:after:animate-[elastic_2s_ease-in-out_infinite]"
     }
   }],
   defaultVariants: {
@@ -7325,6 +7446,7 @@ const theme = {
   inputDate: inputDate,
   inputMenu: inputMenu,
   inputNumber: inputNumber,
+  inputRating: inputRating,
   inputTags: inputTags,
   inputTime: inputTime,
   kbd: kbd$1,
@@ -7405,7 +7527,7 @@ const callout = (options) => ({
   slots: {
     base: ["group relative block px-4 py-3 rounded-md text-sm/6 my-5 last:mb-0 [&_code]:text-xs/5 [&_code]:bg-default [&_pre]:bg-default [&>div]:my-2.5 [&_ul]:my-2.5 [&_ol]:my-2.5 *:last:mb-0! [&_ul]:ps-4.5 [&_ol]:ps-4.5 [&_li]:my-0", options.theme.transitions && "transition-colors"],
     icon: ["size-4 shrink-0 align-sub me-2 inline-block", options.theme.transitions && "transition-colors"],
-    externalIcon: ["size-4 align-top absolute right-2 top-2 pointer-events-none", options.theme.transitions && "transition-colors"]
+    externalIcon: ["size-4 align-top absolute end-2 top-2 pointer-events-none", options.theme.transitions && "transition-colors"]
   },
   variants: {
     color: {
@@ -7450,7 +7572,7 @@ const card = (options) => ({
     icon: "size-6 mb-2 block",
     title: "text-highlighted font-semibold",
     description: "text-[15px] text-muted *:first:mt-0 *:last:mb-0 *:my-1",
-    externalIcon: ["size-4 align-top absolute right-2 top-2 text-dimmed pointer-events-none", options.theme.transitions && "transition-colors"]
+    externalIcon: ["size-4 align-top absolute end-2 top-2 text-dimmed pointer-events-none", options.theme.transitions && "transition-colors"]
   },
   variants: {
     color: {
@@ -7633,7 +7755,7 @@ const codeTree = (options) => ({
     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",
-    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"
+    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-s-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto"
   },
   variants: {
     active: {
@@ -7764,7 +7886,7 @@ const pre = {
     header: "flex items-center gap-1.5 border border-muted bg-default border-b-0 relative rounded-t-md px-4 py-3",
     filename: "text-default text-sm/6",
     icon: "size-4 shrink-0",
-    copy: "absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 lg:focus-visible:opacity-100 transition",
+    copy: "absolute top-[11px] end-[11px] lg:opacity-0 lg:group-hover:opacity-100 lg:focus-visible:opacity-100 transition",
     base: "group font-mono text-sm/6 border border-muted bg-muted rounded-md px-4 py-3 whitespace-pre-wrap wrap-break-word overflow-x-auto outline-primary/25 focus-visible:outline-3 focus-visible:border-primary **:[.line]:block **:[.line.highlight]:-mx-4 **:[.line.highlight]:px-4 **:[.line.highlight]:bg-accented/50!"
   },
   variants: {
@@ -7829,9 +7951,9 @@ const td = {
   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",
+      left: "text-start",
       center: "text-center",
-      right: "text-right"
+      right: "text-end"
     }
   },
   defaultVariants: {
@@ -7843,9 +7965,9 @@ const th = {
   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",
+      left: "text-start",
       center: "text-center",
-      right: "text-right"
+      right: "text-end"
     }
   },
   defaultVariants: {
@@ -7858,7 +7980,7 @@ const thead = {
 };
 
 const tr = {
-  base: "[&:first-child>th:first-child]:rounded-tl-md [&:first-child>th:last-child]:rounded-tr-md [&:last-child>td:first-child]:rounded-bl-md [&:last-child>td:last-child]:rounded-br-md"
+  base: "[&:first-child>th:first-child]:rounded-ss-md [&:first-child>th:last-child]:rounded-se-md [&:last-child>td:first-child]:rounded-es-md [&:last-child>td:last-child]:rounded-ee-md"
 };
 
 const ul = {
@@ -7974,7 +8096,7 @@ const contentNavigation = (options) => ({
     highlight: true,
     level: true,
     class: {
-      link: ["after:absolute after:-left-1.5 after:inset-y-0.5 after:block after:w-px after:rounded-full", options.theme.transitions && "after:transition-colors"]
+      link: ["after:absolute after:-start-1.5 after:inset-y-0.5 after:block after:w-px after:rounded-full", options.theme.transitions && "after:transition-colors"]
     }
   }, {
     disabled: false,
@@ -8115,11 +8237,11 @@ const contentSurround = (options) => ({
   variants: {
     direction: {
       left: {
-        linkLeadingIcon: [options.theme.transitions && "group-active:-translate-x-0.5"]
+        linkLeadingIcon: "group-active:-translate-x-0.5 rtl:group-active:translate-x-0.5"
       },
       right: {
         link: "text-end",
-        linkLeadingIcon: [options.theme.transitions && "group-active:translate-x-0.5"]
+        linkLeadingIcon: "group-active:translate-x-0.5 rtl:group-active:-translate-x-0.5"
       }
     }
   }
@@ -8127,15 +8249,15 @@ const contentSurround = (options) => ({
 
 const contentToc = (options) => ({
   slots: {
-    root: "sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 lg:ms-0 overflow-y-auto max-h-[calc(100vh-var(--ui-header-height))]",
-    container: "pt-4 sm:pt-6 pb-2.5 sm:pb-4.5 lg:py-8 border-b border-dashed border-default lg:border-0 flex flex-col",
-    top: "",
-    bottom: "hidden lg:flex lg:flex-col gap-6",
-    trigger: "group text-sm font-semibold flex-1 flex items-center gap-1.5 py-1.5 -mt-1.5 rounded-sm outline-primary/25 focus-visible:outline-3",
+    root: "sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 lg:ms-0 flex flex-col overflow-y-auto lg:overflow-hidden max-h-[calc(100vh-var(--ui-header-height))]",
+    container: "pt-4 sm:pt-6 pb-2.5 sm:pb-4.5 lg:py-8 border-b border-dashed border-default lg:border-0 flex flex-col lg:min-h-0",
+    top: "lg:shrink-0",
+    bottom: "hidden lg:flex lg:flex-col lg:shrink-0 gap-6",
+    trigger: "group text-sm font-semibold flex-1 flex items-center gap-1.5 py-1.5 -mt-1.5 rounded-sm outline-primary/25 focus-visible:outline-3 lg:shrink-0",
     title: "truncate",
     trailing: "ms-auto inline-flex gap-1.5 items-center",
     trailingIcon: "size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180 lg:hidden",
-    content: "relative data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] data-[state=closed]:overflow-hidden focus:outline-none",
+    content: "relative data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] data-[state=closed]:overflow-hidden focus:outline-none lg:min-h-0 lg:overflow-y-auto lg:scrollbar-none",
     list: "min-w-0",
     listWithChildren: "ms-3",
     item: "min-w-0",
@@ -8533,4 +8655,43 @@ const publicComposables = {
   useTour: ["useTour"]
 };
 
-export { addTemplates as a, getTemplates as b, defaultOptions as d, getDefaultConfig as g, publicComposables as p, resolveColors as r };
+function parseIconName(icon, collections = [], fallback = false) {
+  const id = icon.replace(/^i[-:]/, "");
+  const colon = id.indexOf(":");
+  if (colon !== -1) {
+    return colon > 0 && colon < id.length - 1 ? [id.slice(0, colon), id.slice(colon + 1)] : void 0;
+  }
+  let collection;
+  for (const name of collections) {
+    if (id.startsWith(`${name}-`) && id.length > name.length + 1 && name.length > (collection?.length ?? 0)) {
+      collection = name;
+    }
+  }
+  if (collection) {
+    return [collection, id.slice(collection.length + 1)];
+  }
+  if (fallback) {
+    const dash = id.indexOf("-");
+    if (dash > 0 && dash < id.length - 1) {
+      return [id.slice(0, dash), id.slice(dash + 1)];
+    }
+  }
+}
+const trustedCollections = new Set(
+  Object.values(defaultIcons).map((icon) => parseIconName(icon, [], true)?.[0]).filter((collection) => !!collection)
+);
+function getClientBundleIcons(icons = {}) {
+  const names = /* @__PURE__ */ new Set();
+  for (const icon of Object.values(icons)) {
+    if (typeof icon !== "string") {
+      continue;
+    }
+    const parsed = parseIconName(icon, trustedCollections);
+    if (parsed && trustedCollections.has(parsed[0])) {
+      names.add(`${parsed[0]}:${parsed[1]}`);
+    }
+  }
+  return [...names];
+}
+
+export { addTemplates as a, getDefaultConfig as b, getTemplates as c, defaultOptions as d, publicComposables as e, getClientBundleIcons as g, parseIconName as p, resolveColors as r };