@nuxt/ui 4.5.1 → 4.6.0

package/dist/runtime/components/color-mode/ColorModeSelect.vue.d.ts

@@ -4,5 +4,5 @@ export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuIte
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
-    searchInput: boolean | import("../Input.vue").InputProps;
+    searchInput: boolean | Omit<import("../Input.vue").InputProps, "modelValue" | "defaultValue">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/color-mode/ColorModeSwitch.vue

@@ -24,7 +24,9 @@ const props = defineProps({
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
   value: { type: String, required: false },
-  defaultValue: { type: Boolean, required: false }
+  defaultValue: { type: null, required: false },
+  trueValue: { type: null, required: false },
+  falseValue: { type: null, required: false }
 });
 const { t } = useLocale();
 const colorMode = useColorMode();

package/dist/runtime/components/content/ContentNavigation.vue

@@ -107,12 +107,19 @@ const defaultValue = computed(() => {
   <Primitive :as="as" v-bind="$attrs" :as-child="level > 0" data-slot="root" :class="ui.root({ class: [uiProp?.root, props.class] })">
     <AccordionRoot as="ul" :disabled="disabled" v-bind="rootProps" :default-value="defaultValue" :class="level > 0 ? ui.listWithChildren({ class: uiProp?.listWithChildren }) : ui.list({ class: uiProp?.list })">
       <template v-for="(link, index) in navigation" :key="index">
-        <AccordionItem v-if="link.children?.length" as="li" data-slot="itemWithChildren" :class="ui.itemWithChildren({ class: [uiProp?.itemWithChildren, link.ui?.itemWithChildren], level: level > 0 })" :value="String(index)">
+        <AccordionItem
+          v-if="link.children?.length"
+          as="li"
+          :disabled="!!link.disabled"
+          data-slot="itemWithChildren"
+          :class="ui.itemWithChildren({ class: [uiProp?.itemWithChildren, link.ui?.itemWithChildren], level: level > 0 })"
+          :value="String(index)"
+        >
           <AccordionTrigger
             as="button"
             :class="[
   ui.link({ class: [uiProp?.link, link.ui?.link, link.class], active: link.active, disabled: !!link.disabled || disabled }),
-  ui.trigger({ class: [uiProp?.trigger, link.ui?.trigger], disabled })
+  ui.trigger({ class: [uiProp?.trigger, link.ui?.trigger], disabled: !!link.disabled || disabled })
 ]"
           >
             <ReuseLinkTemplate :link="link" :active="link.active || false" />

package/dist/runtime/components/content/ContentSurround.vue

@@ -8,6 +8,7 @@ import { Primitive } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
 import { useComponentUI } from "../../composables/useComponentUI";
+import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
 import ULink from "../Link.vue";
 import UIcon from "../Icon.vue";
@@ -21,6 +22,7 @@ const props = defineProps({
   ui: { type: Object, required: false }
 });
 defineSlots();
+const { dir } = useLocale();
 const appConfig = useAppConfig();
 const uiProp = useComponentUI("contentSurround", props);
 const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate({
@@ -31,6 +33,8 @@ const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate({
   }
 });
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSurround || {} })());
+const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft));
+const nextIcon = computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowLeft : appConfig.ui.icons.arrowRight));
 </script>
 
 <template>
@@ -60,7 +64,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSurrou
   </DefineLinkTemplate>
 
   <Primitive v-if="surround" :as="as" v-bind="$attrs" data-slot="root" :class="ui.root({ class: [uiProp?.root, props.class] })">
-    <ReuseLinkTemplate :link="surround[0]" :icon="prevIcon || appConfig.ui.icons.arrowLeft" direction="left" />
-    <ReuseLinkTemplate :link="surround[1]" :icon="nextIcon || appConfig.ui.icons.arrowRight" direction="right" />
+    <ReuseLinkTemplate :link="surround[0]" :icon="prevIcon" direction="left" />
+    <ReuseLinkTemplate :link="surround[1]" :icon="nextIcon" direction="right" />
   </Primitive>
 </template>

package/dist/runtime/components/content/ContentToc.d.vue.ts

@@ -40,6 +40,11 @@ export interface ContentTocProps<T extends ContentTocLink = ContentTocLink> exte
      * @defaultValue 'primary'
      */
     highlightColor?: ContentToc['variants']['highlightColor'];
+    /**
+     * The variant of the highlight indicator.
+     * @defaultValue 'straight'
+     */
+    highlightVariant?: ContentToc['variants']['highlightVariant'];
     links?: T[];
     class?: any;
     ui?: ContentToc['slots'];

package/dist/runtime/components/content/ContentToc.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   color: { type: null, required: false },
   highlight: { type: Boolean, required: false },
   highlightColor: { type: null, required: false },
+  highlightVariant: { type: null, required: false },
   links: { type: Array, required: false },
   class: { type: null, required: false },
   ui: { type: Object, required: false },
@@ -41,9 +42,11 @@ const [DefineListTemplate, ReuseListTemplate] = createReusableTemplate({
   }
 });
 const [DefineTriggerTemplate, ReuseTriggerTemplate] = createReusableTemplate();
+const [DefineContentTemplate, ReuseContentTemplate] = createReusableTemplate();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentToc || {} })({
   color: props.color,
   highlight: props.highlight,
+  highlightVariant: props.highlightVariant,
   highlightColor: props.highlightColor || props.color
 }));
 function scrollToHeading(id) {
@@ -54,18 +57,58 @@ function scrollToHeading(id) {
 function flattenLinks(links) {
   return links.flatMap((link) => [link, ...link.children ? flattenLinks(link.children) : []]);
 }
+function flattenLinksWithLevel(links, level = 0) {
+  return links.flatMap((link) => [
+    { link, level },
+    ...link.children ? flattenLinksWithLevel(link.children, level + 1) : []
+  ]);
+}
+const linkHeight = 1.75;
 const indicatorStyle = computed(() => {
   if (!activeHeadings.value?.length) {
     return;
   }
   const flatLinks = flattenLinks(props.links || []);
   const activeIndex = flatLinks.findIndex((link) => activeHeadings.value.includes(link.id));
-  const linkHeight = 1.75;
   return {
     "--indicator-size": `${linkHeight * activeHeadings.value.length}rem`,
     "--indicator-position": activeIndex >= 0 ? `${activeIndex * linkHeight}rem` : "0rem"
   };
 });
+const circuitMaskStyle = computed(() => {
+  if (!props.highlight || props.highlightVariant !== "circuit" || !props.links?.length) {
+    return;
+  }
+  const flatLinks = flattenLinksWithLevel(props.links);
+  const svgUnit = 16;
+  const svgLinkHeight = linkHeight * svgUnit;
+  const svgHeight = flatLinks.length * svgLinkHeight;
+  const x0 = 0.5;
+  const x1 = 10.5;
+  let path = "";
+  let currentX = x0;
+  let y = 0;
+  flatLinks.forEach((item, index) => {
+    const targetX = item.level > 0 ? x1 : x0;
+    const nextY = y + svgLinkHeight;
+    if (index === 0) {
+      path += `M${targetX} ${y}`;
+      currentX = targetX;
+    }
+    if (targetX !== currentX) {
+      path += ` L${targetX} ${y + 6}`;
+      currentX = targetX;
+    }
+    path += ` L${currentX} ${nextY - (index < flatLinks.length - 1 && flatLinks[index + 1]?.level !== item.level ? 6 : 0)}`;
+    y = nextY;
+  });
+  const svgPath = encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 ${svgHeight}'><path d='${path}' stroke='black' stroke-width='1' fill='none'/></svg>`);
+  return {
+    width: "0.75rem",
+    height: `${flatLinks.length * linkHeight}rem`,
+    maskImage: `url("data:image/svg+xml,${svgPath}")`
+  };
+});
 const nuxtApp = useNuxtApp();
 nuxtApp.hooks.hook("page:loading:end", () => {
   const headings = Array.from(document.querySelectorAll("h2, h3"));
@@ -109,6 +152,17 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
     </span>
   </DefineTriggerTemplate>
 
+  <DefineContentTemplate>
+    <div v-if="highlight" data-slot="indicator" :class="ui.indicator({ class: uiProp?.indicator })" :style="{ ...indicatorStyle, ...circuitMaskStyle || {} }">
+      <div data-slot="indicatorLine" :class="ui.indicatorLine({ class: uiProp?.indicatorLine })" />
+      <div v-if="indicatorStyle" data-slot="indicatorActive" :class="ui.indicatorActive({ class: uiProp?.indicatorActive })" />
+    </div>
+
+    <slot name="content" :links="links">
+      <ReuseListTemplate :links="links" :level="0" />
+    </slot>
+  </DefineContentTemplate>
+
   <CollapsibleRoot v-slot="{ open }" v-bind="{ ...rootProps, ...$attrs }" :default-open="defaultOpen" data-slot="root" :class="ui.root({ class: [uiProp?.root, props.class] })">
     <div data-slot="container" :class="ui.container({ class: uiProp?.container })">
       <div v-if="!!slots.top" data-slot="top" :class="ui.top({ class: uiProp?.top })">
@@ -121,11 +175,7 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
         </CollapsibleTrigger>
 
         <CollapsibleContent data-slot="content" :class="ui.content({ class: [uiProp?.content, 'lg:hidden'] })">
-          <div v-if="highlight" data-slot="indicator" :class="ui.indicator({ class: uiProp?.indicator })" :style="indicatorStyle" />
-
-          <slot name="content" :links="links">
-            <ReuseListTemplate :links="links" :level="0" />
-          </slot>
+          <ReuseContentTemplate />
         </CollapsibleContent>
 
         <p data-slot="trigger" :class="ui.trigger({ class: 'hidden lg:flex' })">
@@ -133,11 +183,7 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
         </p>
 
         <div data-slot="content" :class="ui.content({ class: [uiProp?.content, 'hidden lg:flex'] })">
-          <div v-if="highlight" data-slot="indicator" :class="ui.indicator({ class: uiProp?.indicator })" :style="indicatorStyle" />
-
-          <slot name="content" :links="links">
-            <ReuseListTemplate :links="links" :level="0" />
-          </slot>
+          <ReuseContentTemplate />
         </div>
       </template>
 

package/dist/runtime/components/content/ContentToc.vue.d.ts

@@ -40,6 +40,11 @@ export interface ContentTocProps<T extends ContentTocLink = ContentTocLink> exte
      * @defaultValue 'primary'
      */
     highlightColor?: ContentToc['variants']['highlightColor'];
+    /**
+     * The variant of the highlight indicator.
+     * @defaultValue 'straight'
+     */
+    highlightVariant?: ContentToc['variants']['highlightVariant'];
     links?: T[];
     class?: any;
     ui?: ContentToc['slots'];

package/dist/runtime/components/locale/LocaleSelect.d.vue.ts

@@ -16,5 +16,5 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
 }>, {
     valueKey: "code";
     labelKey: import("../../types").GetItemKeys<Locale<any>[]>;
-    searchInput: boolean | import("../Input.vue").InputProps;
+    searchInput: boolean | Omit<import("../Input.vue").InputProps, "modelValue" | "defaultValue">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/locale/LocaleSelect.vue.d.ts

@@ -16,5 +16,5 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
 }>, {
     valueKey: "code";
     labelKey: import("../../types").GetItemKeys<Locale<any>[]>;
-    searchInput: boolean | import("../Input.vue").InputProps;
+    searchInput: boolean | Omit<import("../Input.vue").InputProps, "modelValue" | "defaultValue">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/prose/Pre.vue

@@ -52,7 +52,3 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.pre ||
     <pre :class="ui.base({ class: [uiProp?.base, props.class] })" v-bind="$attrs"><slot /></pre>
   </div>
 </template>
-
-<style>
-.shiki span.line{display:block}.shiki span.line.highlight{margin:0 -16px;padding:0 16px;@apply bg-(--ui-bg-accented)/50}
-</style>

package/dist/runtime/composables/index.d.ts

@@ -1,8 +1,19 @@
 export * from './defineLocale';
 export * from './defineShortcuts';
+export * from './useAvatarGroup';
+export * from './useComponentIcons';
+export * from './useComponentUI';
+export * from './useContentSearch';
+export * from './useEditorMenu';
+export * from './useFieldGroup';
 export * from './useFileUpload';
+export * from './useFilter';
+export * from './useFormField';
 export * from './useKbd';
+export * from './useLocale';
 export * from './useOverlay';
+export * from './usePortal';
 export * from './useResizable';
+export * from './useScrollShadow';
 export * from './useScrollspy';
 export * from './useToast';

package/dist/runtime/composables/index.js

@@ -1,8 +1,19 @@
 export * from "./defineLocale.js";
 export * from "./defineShortcuts.js";
+export * from "./useAvatarGroup.js";
+export * from "./useComponentIcons.js";
+export * from "./useComponentUI.js";
+export * from "./useContentSearch.js";
+export * from "./useEditorMenu.js";
+export * from "./useFieldGroup.js";
 export * from "./useFileUpload.js";
+export * from "./useFilter.js";
+export * from "./useFormField.js";
 export * from "./useKbd.js";
+export * from "./useLocale.js";
 export * from "./useOverlay.js";
+export * from "./usePortal.js";
 export * from "./useResizable.js";
+export * from "./useScrollShadow.js";
 export * from "./useScrollspy.js";
 export * from "./useToast.js";

package/dist/runtime/composables/useEditorMenu.js

@@ -1,6 +1,6 @@
 import { ref, h, computed, unref, watch } from "vue";
 import { defu } from "defu";
-import { useFilter } from "./internal/useFilter.js";
+import { useFilter } from "./useFilter.js";
 import { computePosition } from "@floating-ui/dom";
 import { VueRenderer } from "@tiptap/vue-3";
 import Suggestion from "@tiptap/suggestion";

package/dist/runtime/composables/useFileUpload.d.ts

@@ -6,8 +6,8 @@ export interface UseFileUploadOptions {
      * @defaultValue '*'
      */
     accept?: MaybeRef<string>;
-    reset?: boolean;
-    multiple?: boolean;
+    reset?: MaybeRef<boolean>;
+    multiple?: MaybeRef<boolean>;
     dropzone?: boolean;
     onUpdate: (files: File[]) => void;
 }

package/dist/runtime/composables/useFileUpload.js

@@ -33,7 +33,7 @@ export function useFileUpload(options) {
     if (files instanceof FileList) {
       files = Array.from(files);
     }
-    if (files.length > 1 && !multiple) {
+    if (files.length > 1 && !unref(multiple)) {
       files = [files[0]];
     }
     if (fromDropZone && inputRef.value?.$el) {
@@ -61,9 +61,9 @@ export function useFileUpload(options) {
       isDragging.value = value;
     });
     const { onChange, open: open2 } = useFileDialog({
-      accept: unref(accept),
+      accept,
       multiple,
-      input: unref(inputRef)?.$el,
+      input: computed(() => unref(inputRef)?.$el),
       reset
     });
     fileDialog.open = open2;

package/dist/runtime/composables/{internal/useFilter.js → useFilter.js}

@@ -1,5 +1,5 @@
 import { useFilter as useRekaFilter } from "reka-ui";
-import { get } from "../../utils/index.js";
+import { get } from "../utils/index.js";
 export function useFilter() {
   const { contains, startsWith } = useRekaFilter({ sensitivity: "base" });
   function score(value, searchTerm) {

package/dist/runtime/composables/useScrollShadow.d.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties, MaybeRef, MaybeRefOrGetter } from 'vue';
+export interface UseScrollShadowOptions {
+    /**
+     * The shadow size in pixels.
+     * @defaultValue 24
+     */
+    size?: MaybeRefOrGetter<number>;
+    /**
+     * The scroll direction to apply shadows.
+     * @defaultValue 'vertical'
+     */
+    orientation?: MaybeRefOrGetter<'vertical' | 'horizontal'>;
+}
+export declare function useScrollShadow(element: MaybeRef<HTMLElement | null | undefined>, options?: UseScrollShadowOptions): {
+    style: import("vue").ComputedRef<CSSProperties | undefined>;
+    isOverflowing: import("vue").ComputedRef<boolean>;
+    arrivedState: {
+        left: boolean;
+        right: boolean;
+        top: boolean;
+        bottom: boolean;
+    };
+};

package/dist/runtime/composables/useScrollShadow.js

@@ -0,0 +1,36 @@
+import { computed, toValue } from "vue";
+import { useScroll } from "@vueuse/core";
+export function useScrollShadow(element, options = {}) {
+  const { arrivedState } = useScroll(element);
+  const style = computed(() => {
+    const el = toValue(element);
+    const orientation = toValue(options.orientation) ?? "vertical";
+    const [startKey, endKey] = orientation === "horizontal" ? ["left", "right"] : ["top", "bottom"];
+    const showStart = !arrivedState[startKey];
+    const showEnd = !arrivedState[endKey];
+    if (!showStart && !showEnd) return void 0;
+    const overflows = el ? orientation === "horizontal" ? el.scrollWidth > el.clientWidth : el.scrollHeight > el.clientHeight : false;
+    if (!overflows) return void 0;
+    const size = `${toValue(options.size) ?? 24}px`;
+    const angle = orientation === "horizontal" ? "90deg" : "180deg";
+    if (showStart && showEnd) {
+      return { maskImage: `linear-gradient(${angle}, transparent, #000 ${size}, #000 calc(100% - ${size}), transparent)` };
+    }
+    if (showStart) {
+      return { maskImage: `linear-gradient(${angle}, transparent, #000 ${size})` };
+    }
+    return { maskImage: `linear-gradient(${angle}, #000, #000 calc(100% - ${size}), transparent)` };
+  });
+  const isOverflowing = computed(() => {
+    void (arrivedState.top, arrivedState.bottom, arrivedState.left, arrivedState.right);
+    const el = toValue(element);
+    if (!el) return false;
+    const orientation = toValue(options.orientation) ?? "vertical";
+    return orientation === "horizontal" ? el.scrollWidth > el.clientWidth : el.scrollHeight > el.clientHeight;
+  });
+  return {
+    style,
+    isOverflowing,
+    arrivedState
+  };
+}

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer theme{:host,:root{--ui-header-height:--spacing(16)}.light,:host,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:0.25rem;--ui-container:80rem}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:#fff;--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:#fff;--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:#fff}}
+@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer theme{:host,:root{--ui-header-height:4rem;--ui-radius:0.25rem;--ui-container:80rem}.light,:host,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:#fff;--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:#fff;--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:#fff}}

package/dist/runtime/keyframes.css

@@ -1 +1 @@
-@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes toast-slide-in-from-top{0%{transform:translateY(-100%)}to{transform:var(--transform)}}@keyframes toast-slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:var(--transform)}}@keyframes toast-slide-up{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) - 100%))}}@keyframes toast-slide-down{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) + 100%))}}@keyframes toast-pulse-a{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-pulse-b{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-rtl{0%,to{width:50%}0%{transform:translateX(100%)}to{transform:translateX(-200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:50%}0%{transform:translateX(-200%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% - var(--gap)),0,0)}}@keyframes marquee-rtl{0%{transform:translateZ(0)}to{transform:translate3d(calc(100% + var(--gap)),0,0)}}@keyframes marquee-vertical{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - var(--gap)),0)}}@keyframes marquee-vertical-rtl{0%{transform:translate3d(0,calc(-100% - var(--gap)),0)}to{transform:translate3d(0,calc(-100%*var(--gap)),0)}}
+@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes toast-slide-in-from-top{0%{transform:translateY(-100%)}to{transform:var(--transform)}}@keyframes toast-slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:var(--transform)}}@keyframes toast-slide-up{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) - 100%))}}@keyframes toast-slide-down{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) + 100%))}}@keyframes toast-pulse-a{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-pulse-b{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-rtl{0%,to{width:50%}0%{transform:translateX(100%)}to{transform:translateX(-200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:50%}0%{transform:translateX(-200%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% - var(--gap)),0,0)}}@keyframes marquee-rtl{0%{transform:translateZ(0)}to{transform:translate3d(calc(100% + var(--gap)),0,0)}}@keyframes marquee-vertical{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - var(--gap)),0)}}@keyframes marquee-vertical-rtl{0%{transform:translate3d(0,calc(-100% - var(--gap)),0)}to{transform:translate3d(0,calc(-100%*var(--gap)),0)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@keyframes shimmer-rtl{0%{background-position:0}to{background-position:100%}}

package/dist/runtime/locale/ar.js

@@ -33,6 +33,11 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "\u0625\u0631\u0633\u0627\u0644"
     },
+    chatReasoning: {
+      thinking: "\u064A\u0641\u0643\u0651\u0631\u2026",
+      thought: "\u0641\u0643\u0651\u0631",
+      thoughtFor: "\u0641\u0643\u0651\u0631 \u0644\u0645\u062F\u0629 {duration}"
+    },
     colorMode: {
       dark: "\u062F\u0627\u0643\u0646",
       light: "\u0641\u0627\u062A\u062D",
@@ -57,6 +62,10 @@ export default defineLocale({
     contentToc: {
       title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629"
     },
+    dropdownMenu: {
+      noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
+      search: "\u0628\u062D\u062B\u2026"
+    },
     dashboardSearch: {
       theme: "\u0627\u0644\u0633\u0645\u0629"
     },
@@ -111,6 +120,10 @@ export default defineLocale({
         copy: "\u0646\u0633\u062E \u0627\u0644\u0643\u0648\u062F \u0625\u0644\u0649 \u0627\u0644\u062D\u0627\u0641\u0638\u0629"
       }
     },
+    sidebar: {
+      close: "\u0625\u063A\u0644\u0627\u0642",
+      toggle: "\u062A\u0628\u062F\u064A\u0644"
+    },
     selectMenu: {
       create: '\u0625\u0646\u0634\u0627\u0621 "{label}"',
       noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",

package/dist/runtime/locale/az.js

@@ -32,6 +32,11 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "G\xF6nd\u0259r"
     },
+    chatReasoning: {
+      thinking: "D\xFC\u015F\xFCn\xFCr\u2026",
+      thought: "D\xFC\u015F\xFCnd\xFC",
+      thoughtFor: "{duration} d\xFC\u015F\xFCnd\xFC"
+    },
     colorMode: {
       dark: "Qaranl\u0131q",
       light: "\u0130\u015F\u0131ql\u0131",
@@ -56,6 +61,10 @@ export default defineLocale({
     contentToc: {
       title: "Bu s\u0259hif\u0259d\u0259"
     },
+    dropdownMenu: {
+      noMatch: "Uy\u011Fun m\u0259lumat tap\u0131lmad\u0131",
+      search: "Axtar\u2026"
+    },
     dashboardSearch: {
       theme: "Tema"
     },
@@ -110,6 +119,10 @@ export default defineLocale({
         copy: "Kodu bufer\u0259 kopyala"
       }
     },
+    sidebar: {
+      close: "Ba\u011Fla",
+      toggle: "D\u0259yi\u015Fdir"
+    },
     selectMenu: {
       create: '"{label}" yarat',
       noData: "M\u0259lumat yoxdur",

package/dist/runtime/locale/be.js

@@ -32,6 +32,11 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "\u0410\u0434\u043F\u0440\u0430\u0432\u0456\u0446\u044C"
     },
+    chatReasoning: {
+      thinking: "\u0414\u0443\u043C\u0430\u0435\u2026",
+      thought: "\u041F\u0430\u0434\u0443\u043C\u0430\u045E",
+      thoughtFor: "\u0414\u0443\u043C\u0430\u045E {duration}"
+    },
     colorMode: {
       dark: "\u0426\u0451\u043C\u043D\u0430\u044F",
       light: "\u0421\u0432\u0435\u0442\u043B\u0430\u044F",
@@ -56,6 +61,10 @@ export default defineLocale({
     contentToc: {
       title: "\u041D\u0430 \u0433\u044D\u0442\u0430\u0439 \u0441\u0442\u0430\u0440\u043E\u043D\u0446\u044B"
     },
+    dropdownMenu: {
+      noMatch: "\u0421\u0443\u043F\u0430\u0434\u0437\u0435\u043D\u043D\u044F\u045E \u043D\u0435 \u0437\u043D\u043E\u0439\u0434\u0437\u0435\u043D\u0430",
+      search: "\u041F\u043E\u0448\u0443\u043A\u2026"
+    },
     dashboardSearch: {
       theme: "\u0422\u044D\u043C\u0430"
     },
@@ -110,6 +119,10 @@ export default defineLocale({
         copy: "\u0421\u043A\u0430\u043F\u0456\u044F\u0432\u0430\u0446\u044C \u043A\u043E\u0434 \u0443 \u0431\u0443\u0444\u0435\u0440 \u0430\u0431\u043C\u0435\u043D\u0443"
       }
     },
+    sidebar: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C",
+      toggle: "\u041F\u0435\u0440\u0430\u043A\u043B\u044E\u0447\u044B\u0446\u044C"
+    },
     selectMenu: {
       create: '\u0421\u0442\u0432\u0430\u0440\u044B\u0446\u044C "{label}"',
       noData: "\u041D\u044F\u043C\u0430 \u0434\u0430\u043D\u044B\u0445",

package/dist/runtime/locale/bg.js

@@ -32,6 +32,11 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "\u0418\u0437\u043F\u0440\u0430\u0442\u0438"
     },
+    chatReasoning: {
+      thinking: "\u041C\u0438\u0441\u043B\u0438\u2026",
+      thought: "\u041F\u043E\u043C\u0438\u0441\u043B\u0438",
+      thoughtFor: "\u041C\u0438\u0441\u043B\u0438\u043B {duration}"
+    },
     colorMode: {
       dark: "\u0422\u044A\u043C\u043D\u043E",
       light: "\u0421\u0432\u0435\u0442\u043B\u043E",
@@ -56,6 +61,10 @@ export default defineLocale({
     contentToc: {
       title: "\u0421\u044A\u0434\u044A\u0440\u0436\u0430\u043D\u0438\u0435"
     },
+    dropdownMenu: {
+      noMatch: "\u041D\u044F\u043C\u0430 \u0441\u044A\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0435 \u043D\u0430 \u0434\u0430\u043D\u043D\u0438",
+      search: "\u041F\u043E\u0442\u044A\u0440\u0441\u0435\u0442\u0435\u2026"
+    },
     dashboardSearch: {
       theme: "\u0422\u0435\u043C\u0430"
     },
@@ -110,6 +119,10 @@ export default defineLocale({
         copy: "\u041A\u043E\u043F\u0438\u0440\u0430\u0439 \u043A\u043E\u0434\u0430 \u0432 \u043A\u043B\u0438\u043F\u0431\u043E\u0440\u0434\u0430"
       }
     },
+    sidebar: {
+      close: "\u0417\u0430\u0442\u0432\u043E\u0440\u0435\u0442\u0435",
+      toggle: "\u041F\u0440\u0435\u0432\u043A\u043B\u044E\u0447\u0432\u0430\u043D\u0435"
+    },
     selectMenu: {
       create: '\u0421\u044A\u0437\u0434\u0430\u0439\u0442\u0435 "{label}"',
       noData: "\u041D\u044F\u043C\u0430 \u0434\u0430\u043D\u043D\u0438",

package/dist/runtime/locale/bn.js

@@ -32,6 +32,11 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "\u09AA\u09CD\u09B0\u09C7\u09B0\u09A3 \u0995\u09B0\u09C1\u09A8"
     },
+    chatReasoning: {
+      thinking: "\u09AD\u09BE\u09AC\u099B\u09C7\u2026",
+      thought: "\u09AD\u09C7\u09AC\u09C7\u099B\u09C7",
+      thoughtFor: "{duration} \u09AD\u09C7\u09AC\u09C7\u099B\u09C7"
+    },
     colorMode: {
       dark: "\u0997\u09BE\u09A2\u09BC",
       light: "\u09B9\u09BE\u09B2\u0995\u09BE",
@@ -56,6 +61,10 @@ export default defineLocale({
     contentToc: {
       title: "\u098F\u0987 \u09AA\u09C3\u09B7\u09CD\u09A0\u09BE\u09AF\u09BC"
     },
+    dropdownMenu: {
+      noMatch: "\u0995\u09CB\u09A8 \u09AE\u09BF\u09B2 \u09AA\u09BE\u0993\u09AF\u09BC\u09BE \u09AF\u09BE\u09AF\u09BC\u09A8\u09BF",
+      search: "\u0985\u09A8\u09C1\u09B8\u09A8\u09CD\u09A7\u09BE\u09A8 \u0995\u09B0\u09C1\u09A8\u2026"
+    },
     dashboardSearch: {
       theme: "\u09A5\u09BF\u09AE"
     },
@@ -110,6 +119,10 @@ export default defineLocale({
         copy: "\u0995\u09CB\u09A1 \u0995\u09CD\u09B2\u09BF\u09AA\u09AC\u09CB\u09B0\u09CD\u09A1\u09C7 \u0995\u09AA\u09BF \u0995\u09B0\u09C1\u09A8"
       }
     },
+    sidebar: {
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8",
+      toggle: "\u099F\u0997\u09B2 \u0995\u09B0\u09C1\u09A8"
+    },
     selectMenu: {
       create: '"{label}" \u09A4\u09C8\u09B0\u09BF \u0995\u09B0\u09C1\u09A8',
       noData: "\u0995\u09CB\u09A8 \u09A4\u09A5\u09CD\u09AF \u09A8\u09C7\u0987",

package/dist/runtime/locale/ca.js

@@ -32,6 +32,11 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "Enviar"
     },
+    chatReasoning: {
+      thinking: "Pensant\u2026",
+      thought: "Ha pensat",
+      thoughtFor: "Ha pensat durant {duration}"
+    },
     colorMode: {
       dark: "Fosc",
       light: "Clar",
@@ -56,6 +61,10 @@ export default defineLocale({
     contentToc: {
       title: "En aquesta p\xE0gina"
     },
+    dropdownMenu: {
+      noMatch: "No hi ha dades coincidents",
+      search: "Cerca\u2026"
+    },
     dashboardSearch: {
       theme: "Tema"
     },
@@ -110,6 +119,10 @@ export default defineLocale({
         copy: "Copiar codi al portapapers"
       }
     },
+    sidebar: {
+      close: "Tancar",
+      toggle: "Canviar"
+    },
     selectMenu: {
       create: 'Crear "{label}"',
       noData: "Sense dades",