@nuxt/ui 4.8.2 → 4.10.0

package/dist/runtime/composables/useResizable.js

@@ -23,8 +23,15 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     collapsed: unref(collapsed) ?? false
   };
   const storageData = opts.value.persistent && (opts.value.resizable || opts.value.collapsible) ? opts.value.storage === "cookie" ? useCookie(key, { ...opts.value.storageOptions, default: () => defaultStorageValue }) : useStorage(key, defaultStorageValue, void 0, opts.value.storageOptions) : ref(defaultStorageValue);
+  const writeStorage = (patch) => {
+    if (storageData.value) {
+      Object.assign(storageData.value, patch);
+    } else {
+      storageData.value = { ...defaultStorageValue, ...patch };
+    }
+  };
   const isCollapsed = computed({
-    get: () => storageData.value.collapsed,
+    get: () => storageData.value?.collapsed ?? defaultStorageValue.collapsed,
     set: (value) => {
       if (!opts.value.collapsible) {
         return;
@@ -32,19 +39,20 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
       if (isRef(collapsed)) {
         collapsed.value = value;
       }
-      storageData.value.collapsed = value;
+      writeStorage({ collapsed: value });
     }
   });
   const previousSize = ref(opts.value.defaultSize);
   const size = computed({
-    get: () => storageData.value.size,
+    get: () => storageData.value?.size ?? opts.value.defaultSize,
     set: (value) => {
-      storageData.value.size = value;
+      writeStorage({ size: value });
     }
   });
   const currentSize = computed(() => isCollapsed.value ? opts.value.collapsedSize : size.value);
   const isDragging = ref(false);
-  const onMouseMove = (e, initialPos, initialSize) => {
+  const getRootFontSize = () => opts.value.unit === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1;
+  const resize = (clientX, initialPos, initialSize, rootFontSize) => {
     if (!el.value || !opts.value.resizable) {
       return;
     }
@@ -52,14 +60,13 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     const isRtl = dir.value === "rtl";
     let delta;
     if (isRtl) {
-      delta = opts.value.side === "left" ? initialPos - e.clientX : e.clientX - initialPos;
+      delta = opts.value.side === "left" ? initialPos - clientX : clientX - initialPos;
     } else {
-      delta = opts.value.side === "left" ? e.clientX - initialPos : initialPos - e.clientX;
+      delta = opts.value.side === "left" ? clientX - initialPos : initialPos - clientX;
     }
     const newSize = initialSize + delta;
     let newValue;
     if (opts.value.unit === "rem") {
-      const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
       newValue = newSize / rootFontSize;
     } else if (opts.value.unit === "px") {
       newValue = newSize;
@@ -86,9 +93,10 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     }
     const initialX = e.clientX;
     const initialWidth = elWidth;
+    const rootFontSize = getRootFontSize();
     isDragging.value = true;
     const handleMouseMove = (e2) => {
-      onMouseMove(e2, initialX, initialWidth);
+      resize(e2.clientX, initialX, initialWidth, rootFontSize);
     };
     const handleMouseUp = () => {
       isDragging.value = false;
@@ -98,36 +106,6 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   };
-  const onTouchMove = (e, initialPos, initialSize) => {
-    if (!el.value || !opts.value.resizable || !e.touches[0]) {
-      return;
-    }
-    const parentSize = el.value.parentElement?.offsetWidth || 1;
-    const isRtl = dir.value === "rtl";
-    let delta;
-    if (isRtl) {
-      delta = opts.value.side === "left" ? initialPos - e.touches[0].clientX : e.touches[0].clientX - initialPos;
-    } else {
-      delta = opts.value.side === "left" ? e.touches[0].clientX - initialPos : initialPos - e.touches[0].clientX;
-    }
-    const newSize = initialSize + delta;
-    let newValue;
-    if (opts.value.unit === "rem") {
-      const rootFontSize = Number.parseFloat(getComputedStyle(document.documentElement).fontSize);
-      newValue = newSize / rootFontSize;
-    } else if (opts.value.unit === "px") {
-      newValue = newSize;
-    } else {
-      newValue = newSize / parentSize * 100;
-    }
-    if (opts.value.collapsible && newValue < opts.value.collapsedSize + 4) {
-      collapse(true);
-      return;
-    } else if (isCollapsed.value) {
-      collapse(false);
-    }
-    size.value = Math.min(opts.value.maxSize, Math.max(opts.value.minSize, newValue));
-  };
   const onTouchStart = (e) => {
     if (!el.value || !opts.value.resizable || !e.touches[0]) {
       return;
@@ -140,9 +118,12 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     }
     const initialX = e.touches[0].clientX;
     const initialWidth = elWidth;
+    const rootFontSize = getRootFontSize();
     isDragging.value = true;
     const handleTouchMove = (e2) => {
-      onTouchMove(e2, initialX, initialWidth);
+      if (e2.touches[0]) {
+        resize(e2.touches[0].clientX, initialX, initialWidth, rootFontSize);
+      }
     };
     const handleTouchEnd = () => {
       isDragging.value = false;
@@ -177,7 +158,7 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
     }
     isCollapsed.value = newCollapsed;
   };
-  if (isRef(collapsed) && storageData.value.collapsed) {
+  if (isRef(collapsed) && storageData.value?.collapsed) {
     collapsed.value = storageData.value.collapsed;
   }
   if (isRef(collapsed)) {
@@ -185,8 +166,8 @@ export function useResizable(key, options = {}, { collapsed = ref(false) } = {})
       if (!opts.value.collapsible) {
         return;
       }
-      if (storageData.value.collapsed !== value) {
-        storageData.value.collapsed = value;
+      if (storageData.value?.collapsed !== value) {
+        isCollapsed.value = value;
       }
     });
   }

package/dist/runtime/composables/useScrollspy.js

@@ -4,25 +4,33 @@ export function useScrollspy() {
   const visibleHeadings = ref([]);
   const activeHeadings = ref([]);
   function observerCallback(entries) {
-    entries.forEach((entry) => {
+    const headings = new Set(visibleHeadings.value);
+    let changed = false;
+    for (const entry of entries) {
       const id = entry.target.id;
       if (!id) {
-        return;
+        continue;
       }
       if (entry.isIntersecting) {
-        visibleHeadings.value = [...visibleHeadings.value, id];
-      } else {
-        visibleHeadings.value = visibleHeadings.value.filter((h) => h !== id);
+        if (!headings.has(id)) {
+          headings.add(id);
+          changed = true;
+        }
+      } else if (headings.delete(id)) {
+        changed = true;
       }
-    });
+    }
+    if (changed) {
+      visibleHeadings.value = [...headings];
+    }
   }
   function updateHeadings(headings) {
-    headings.forEach((heading) => {
-      if (!observer.value) {
-        return;
-      }
-      observer.value.observe(heading);
-    });
+    if (!observer.value) {
+      return;
+    }
+    observer.value.disconnect();
+    visibleHeadings.value = [];
+    headings.forEach((heading) => observer.value.observe(heading));
   }
   watch(visibleHeadings, (val, oldVal) => {
     if (val.length === 0) {

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

@@ -1,5 +1,5 @@
 import type { Ref, InjectionKey } from 'vue';
-import type { ToastProps, ToastEmits } from '../types';
+import type { ToastProps, ToastEmits } from '../components/Toast.vue';
 import type { EmitsToProps } from '../types/utils';
 export declare const toastMaxInjectionKey: InjectionKey<Ref<number | undefined>>;
 export interface Toast extends Omit<ToastProps, 'defaultOpen'>, EmitsToProps<ToastEmits> {

package/dist/runtime/composables/useToast.js

@@ -7,15 +7,34 @@ export function useToast() {
   const running = ref(false);
   const queue = [];
   const generateId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  function mergeDuplicate(index, toast) {
+    toasts.value[index] = {
+      ...toasts.value[index],
+      ...toast,
+      _duplicate: (toasts.value[index]._duplicate || 0) + 1
+    };
+  }
   async function processQueue() {
     if (running.value || queue.length === 0) {
       return;
     }
     running.value = true;
     while (queue.length > 0) {
-      const toast = queue.shift();
       await nextTick();
-      toasts.value = [...toasts.value, toast].slice(-(max?.value ?? 5));
+      const toast = queue.shift();
+      const maxValue = max?.value ?? 5;
+      if (maxValue <= 0) {
+        if (toasts.value.length) {
+          toasts.value = [];
+        }
+        continue;
+      }
+      const existingIndex = toasts.value.findIndex((t) => t.id === toast.id);
+      if (existingIndex !== -1) {
+        mergeDuplicate(existingIndex, toast);
+        continue;
+      }
+      toasts.value = [...toasts.value, toast].slice(-maxValue);
     }
     running.value = false;
   }
@@ -27,11 +46,7 @@ export function useToast() {
     };
     const existingIndex = toasts.value.findIndex((t) => t.id === body.id);
     if (existingIndex !== -1) {
-      toasts.value[existingIndex] = {
-        ...toasts.value[existingIndex],
-        ...body,
-        _duplicate: (toasts.value[existingIndex]._duplicate || 0) + 1
-      };
+      mergeDuplicate(existingIndex, body);
       return body;
     }
     queue.push(body);

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

@@ -0,0 +1,80 @@
+import type { MaybeRefOrGetter, Ref, ComputedRef } from 'vue';
+import type { ReferenceElement } from 'reka-ui';
+export interface TourStep {
+    /**
+     * The element this step points to. Accepts:
+     * - a CSS selector (`'#id'`, `'.class'`, or a bare id resolved as `#id`)
+     * - an element or a virtual element (anything with `getBoundingClientRect`)
+     * - a ref or a getter returning any of the above
+     *
+     * Omit or pass `null` to anchor the step to the center of the viewport
+     * (useful for intro / summary steps with no target).
+     */
+    target?: MaybeRefOrGetter<string | ReferenceElement | null | undefined>;
+    /**
+     * Any other fields (title, body, side, …) are passed through untouched
+     * and available via `current` — you own the rendering and copy.
+     */
+    [key: string]: any;
+}
+export interface UseTourOptions {
+    /**
+     * The step index the tour starts on.
+     * @defaultValue 0
+     */
+    initialStep?: number;
+    /**
+     * Loop back to the first step after the last one.
+     * @defaultValue false
+     */
+    loop?: boolean;
+    /**
+     * Scroll the target into view when a step becomes active.
+     * @defaultValue true
+     */
+    scrollIntoView?: boolean | ScrollIntoViewOptions;
+}
+export interface UseTourReturn {
+    /** Whether the tour is currently open. */
+    open: Ref<boolean>;
+    /** The current step index (clamped to the steps range). */
+    index: Ref<number>;
+    /** The current step object, or `undefined` when there are no steps. */
+    current: ComputedRef<TourStep | undefined>;
+    /** The resolved anchor for the current step, to pass to `<UPopover :reference>`. */
+    reference: ComputedRef<ReferenceElement | undefined>;
+    /** Total number of steps. */
+    total: ComputedRef<number>;
+    /** Whether a next step exists. */
+    hasNext: ComputedRef<boolean>;
+    /** Whether a previous step exists. */
+    hasPrev: ComputedRef<boolean>;
+    /** Open the tour, optionally at a given index. */
+    start: (index?: number) => void;
+    /** Go to the next step (loops or finishes at the end depending on `loop`). */
+    next: () => void;
+    /** Go to the previous step. */
+    prev: () => void;
+    /** Jump to a specific step and open the tour. */
+    goTo: (index: number) => void;
+    /** Close the tour. */
+    finish: () => void;
+}
+/**
+ * Drive a guided tour with a single `<UPopover>` whose anchor moves between steps.
+ *
+ * @example
+ * ```ts
+ * const tour = useTour([
+ *   { target: '#cta', title: 'Get started' },
+ *   { target: () => card.value, title: 'Profile', side: 'right' },
+ *   { target: null, title: 'All set' } // centered, no target
+ * ])
+ * ```
+ * ```vue
+ * <UPopover :open="tour.open.value" :reference="tour.reference.value">
+ *   <template #content>…your content + buttons…</template>
+ * </UPopover>
+ * ```
+ */
+export declare function useTour(steps: MaybeRefOrGetter<TourStep[]>, options?: UseTourOptions): UseTourReturn;

package/dist/runtime/composables/useTour.js

@@ -0,0 +1,102 @@
+import { ref, computed, toValue, nextTick, watch } from "vue";
+export function useTour(steps, options = {}) {
+  const { loop = false, scrollIntoView = true } = options;
+  const stepList = computed(() => toValue(steps) ?? []);
+  const total = computed(() => stepList.value.length);
+  const open = ref(false);
+  const rawIndex = ref(options.initialStep ?? 0);
+  function clamp(value) {
+    return Math.min(Math.max(value, 0), Math.max(total.value - 1, 0));
+  }
+  const index = computed({
+    get: () => clamp(rawIndex.value),
+    set: (value) => rawIndex.value = clamp(value)
+  });
+  const current = computed(() => stepList.value[index.value]);
+  const hasNext = computed(() => index.value < total.value - 1);
+  const hasPrev = computed(() => index.value > 0);
+  const centerAnchor = {
+    getBoundingClientRect() {
+      const x = typeof window === "undefined" ? 0 : window.innerWidth / 2;
+      const y = typeof window === "undefined" ? 0 : window.innerHeight / 2;
+      return { x, y, top: y, left: x, right: x, bottom: y, width: 0, height: 0, toJSON: () => ({}) };
+    }
+  };
+  const reference = computed(() => {
+    if (!open.value || typeof window === "undefined") {
+      return void 0;
+    }
+    const target = toValue(current.value?.target);
+    if (target == null) {
+      return centerAnchor;
+    }
+    if (typeof target === "string") {
+      const selector = target.startsWith("#") || target.startsWith(".") ? target : `#${target}`;
+      try {
+        return document.querySelector(selector) ?? void 0;
+      } catch {
+        return void 0;
+      }
+    }
+    return target;
+  });
+  function scrollTargetIntoView() {
+    if (!scrollIntoView) {
+      return;
+    }
+    const el = reference.value;
+    if (el instanceof Element) {
+      el.scrollIntoView(typeof scrollIntoView === "object" ? scrollIntoView : { behavior: "smooth", block: "center" });
+    }
+  }
+  function goTo(value) {
+    index.value = value;
+    if (total.value > 0) {
+      open.value = true;
+    }
+  }
+  function start(value = options.initialStep ?? 0) {
+    goTo(value);
+  }
+  function next() {
+    if (hasNext.value) {
+      index.value++;
+    } else if (loop) {
+      index.value = 0;
+    } else {
+      finish();
+    }
+  }
+  function prev() {
+    if (hasPrev.value) {
+      index.value--;
+    }
+  }
+  function finish() {
+    open.value = false;
+  }
+  watch(total, (value) => {
+    if (!value) {
+      open.value = false;
+    }
+  });
+  watch([open, index], () => {
+    if (open.value) {
+      nextTick(scrollTargetIntoView);
+    }
+  });
+  return {
+    open,
+    index,
+    current,
+    reference,
+    total,
+    hasNext,
+    hasPrev,
+    start,
+    next,
+    prev,
+    goTo,
+    finish
+  };
+}

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: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}}
+@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{a:focus-visible{outline-offset:0}}@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 shimmer{0%{background-position:100%}to{background-position:0}}@keyframes shimmer-rtl{0%{background-position:0}to{background-position:100%}}
+@keyframes accordion-up{0%{height:var(--reka-accordion-content-height);overflow:hidden}to{height:0;overflow:hidden}}@keyframes accordion-down{0%{height:0;overflow:hidden}to{height:var(--reka-accordion-content-height);overflow:hidden}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height);overflow:hidden}to{height:0;overflow:hidden}}@keyframes collapsible-down{0%{height:0;overflow:hidden}to{height:var(--reka-collapsible-content-height);overflow:hidden}}@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.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/ar.js

@@ -81,6 +81,9 @@ export default defineLocale({
       close: "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
       open: "\u0641\u062A\u062D \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A"
     },
+    drawer: {
+      close: "\u0625\u063A\u0644\u0627\u0642"
+    },
     error: {
       clear: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629"
     },

package/dist/runtime/locale/az.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/az.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "Yan paneli ba\u011Fla",
       open: "Yan paneli a\xE7"
     },
+    drawer: {
+      close: "Ba\u011Fla"
+    },
     error: {
       clear: "Ana s\u0259hif\u0259y\u0259 qay\u0131t"
     },

package/dist/runtime/locale/be.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/be.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C \u0431\u0430\u043A\u0430\u0432\u0443\u044E \u043F\u0430\u043D\u044D\u043B\u044C",
       open: "\u0410\u0434\u043A\u0440\u044B\u0446\u044C \u0431\u0430\u043A\u0430\u0432\u0443\u044E \u043F\u0430\u043D\u044D\u043B\u044C"
     },
+    drawer: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C"
+    },
     error: {
       clear: "\u0412\u044F\u0440\u043D\u0443\u0446\u0446\u0430 \u043D\u0430 \u0433\u0430\u043B\u043E\u045E\u043D\u0443\u044E"
     },

package/dist/runtime/locale/bg.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/bg.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "\u0417\u0430\u0442\u0432\u043E\u0440\u0438",
       open: "\u041E\u0442\u0432\u043E\u0440\u0438"
     },
+    drawer: {
+      close: "\u0417\u0430\u0442\u0432\u043E\u0440\u0435\u0442\u0435"
+    },
     error: {
       clear: "\u0418\u0437\u0447\u0438\u0441\u0442\u0438"
     },

package/dist/runtime/locale/bn.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/bn.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "\u09B8\u09BE\u0987\u09A1\u09AC\u09BE\u09B0 \u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8",
       open: "\u09B8\u09BE\u0987\u09A1\u09AC\u09BE\u09B0 \u0996\u09C1\u09B2\u09C1\u09A8"
     },
+    drawer: {
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+    },
     error: {
       clear: "\u09B9\u09CB\u09AE \u09AA\u09C7\u099C\u09C7 \u09AB\u09BF\u09B0\u09C7 \u09AF\u09BE\u09A8"
     },

package/dist/runtime/locale/ca.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/ca.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "Tancar barra lateral",
       open: "Obrir barra lateral"
     },
+    drawer: {
+      close: "Tancar"
+    },
     error: {
       clear: "Tornar a l'inici"
     },

package/dist/runtime/locale/ckb.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/ckb.js

@@ -81,6 +81,9 @@ export default defineLocale({
       close: "\u062F\u0627\u062E\u0633\u062A\u0646\u06CC \u0644\u0627\u062A\u06D5\u0646\u06CC\u0634\u062A",
       open: "\u06A9\u0631\u062F\u0646\u06D5\u0648\u06D5\u06CC \u0644\u0627\u062A\u06D5\u0646\u06CC\u0634\u062A"
     },
+    drawer: {
+      close: "\u062F\u0627\u062E\u0633\u062A\u0646"
+    },
     error: {
       clear: "\u06AF\u06D5\u0695\u0627\u0646\u06D5\u0648\u06D5 \u0628\u06C6 \u0633\u06D5\u0631\u06D5\u062A\u0627"
     },

package/dist/runtime/locale/cs.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/cs.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "Zav\u0159\xEDt postrann\xED panel",
       open: "Otev\u0159\xEDt postrann\xED panel"
     },
+    drawer: {
+      close: "Zav\u0159\xEDt"
+    },
     error: {
       clear: "Zp\u011Bt na \xFAvod"
     },

package/dist/runtime/locale/da.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/da.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "Luk sidemenu",
       open: "\xC5bn sidemenu"
     },
+    drawer: {
+      close: "Luk"
+    },
     error: {
       clear: "Tilbage til forsiden"
     },

package/dist/runtime/locale/de.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/de.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "Seitenleiste schlie\xDFen",
       open: "Seitenleiste \xF6ffnen"
     },
+    drawer: {
+      close: "Schlie\xDFen"
+    },
     error: {
       clear: "Zur\xFCck zur Startseite"
     },

package/dist/runtime/locale/de_ch.d.ts

@@ -1,3 +1,3 @@
-import type { Messages } from '../types';
+import type { Messages } from '../types/locale';
 declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/de_ch.js

@@ -80,6 +80,9 @@ export default defineLocale({
       close: "Seitenleiste schliessen",
       open: "Seitenleiste \xF6ffnen"
     },
+    drawer: {
+      close: "Schliessen"
+    },
     error: {
       clear: "Zur\xFCck zur Startseite"
     },