@nuxt/ui 4.8.1 → 4.9.0

package/dist/runtime/components/Slideover.vue.d.ts

@@ -57,7 +57,9 @@ export interface SlideoverProps extends DialogRootProps {
     ui?: Slideover['slots'];
 }
 export interface SlideoverEmits extends DialogRootEmits {
+    'leave': [];
     'after:leave': [];
+    'enter': [];
     'after:enter': [];
     'close:prevent': [];
 }
@@ -87,13 +89,17 @@ export interface SlideoverSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SlideoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    enter: () => any;
     "update:open": (value: boolean) => any;
     "after:leave": () => any;
+    leave: () => any;
     "after:enter": () => any;
     "close:prevent": () => any;
 }, string, import("vue").PublicProps, Readonly<SlideoverProps> & Readonly<{
+    onEnter?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onAfter:leave"?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
     "onAfter:enter"?: (() => any) | undefined;
     "onClose:prevent"?: (() => any) | undefined;
 }>, {

package/dist/runtime/components/Toast.d.vue.ts

@@ -6,7 +6,7 @@ import type { AvatarProps, ButtonProps, IconProps, ProgressProps, LinkPropsKeys
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
-export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
+export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'li'
@@ -47,6 +47,13 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
      * `{ size: 'xs' }`{lang="ts-type"}
      */
     actions?: ButtonProps[];
+    /**
+     * The time in milliseconds before the toast automatically closes. Overrides the global `toaster.duration`.
+     *
+     * Set to `0` to keep the toast open until it's manually closed.
+     * @defaultValue 5000
+     */
+    duration?: number;
     /**
      * Display a progress bar showing the toast's remaining duration.
      * `{ size: 'sm' }`{lang="ts-type"}

package/dist/runtime/components/Toast.vue

@@ -26,13 +26,13 @@ const _props = defineProps({
   close: { type: [Boolean, Object], required: false, default: true },
   closeIcon: { type: null, required: false },
   actions: { type: Array, required: false },
+  duration: { type: Number, required: false },
   progress: { type: [Boolean, Object], required: false, default: true },
   class: { type: null, required: false },
   ui: { type: Object, required: false },
   defaultOpen: { type: Boolean, required: false },
   open: { type: Boolean, required: false },
-  type: { type: String, required: false },
-  duration: { type: Number, required: false }
+  type: { type: String, required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pause", "resume", "swipeStart", "swipeMove", "swipeCancel", "swipeEnd", "update:open"]);
 const slots = defineSlots();
@@ -61,7 +61,7 @@ defineExpose({
 <template>
   <ToastRoot
     ref="rootRef"
-    v-slot="{ remaining, duration, open }"
+    v-slot="{ remaining, duration: totalDuration, open }"
     v-bind="rootProps"
     :data-orientation="props.orientation"
     data-slot="root"
@@ -129,8 +129,8 @@ defineExpose({
     </div>
 
     <UProgress
-      v-if="props.progress && open && remaining > 0 && duration"
-      :model-value="remaining / duration * 100"
+      v-if="props.progress && open && remaining > 0 && totalDuration"
+      :model-value="remaining / totalDuration * 100"
       :color="props.color"
       v-bind="typeof props.progress === 'object' ? props.progress : {}"
       size="sm"

package/dist/runtime/components/Toast.vue.d.ts

@@ -6,7 +6,7 @@ import type { AvatarProps, ButtonProps, IconProps, ProgressProps, LinkPropsKeys
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
-export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
+export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'li'
@@ -47,6 +47,13 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
      * `{ size: 'xs' }`{lang="ts-type"}
      */
     actions?: ButtonProps[];
+    /**
+     * The time in milliseconds before the toast automatically closes. Overrides the global `toaster.duration`.
+     *
+     * Set to `0` to keep the toast open until it's manually closed.
+     * @defaultValue 5000
+     */
+    duration?: number;
     /**
      * Display a progress bar showing the toast's remaining duration.
      * `{ size: 'sm' }`{lang="ts-type"}

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

@@ -3,7 +3,7 @@ import type { ContentNavigationItem } from '@nuxt/content';
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/ui/content/content-search';
-import type { ButtonProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps, InputProps, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>;
 export interface ContentSearchLink extends Omit<LinkProps, 'custom'> {
@@ -56,6 +56,12 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
      * @defaultValue true
      */
     close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
+    /**
+     * Configure the input or hide it with `false`.
+     * `{ fixed: true }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    input?: boolean | Omit<InputProps, 'modelValue' | 'defaultValue'>;
     /**
      * Keyboard shortcut to open the search (used by [`defineShortcuts`](https://ui.nuxt.com/docs/composables/define-shortcuts))
      * @defaultValue 'meta_k'

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

@@ -18,6 +18,7 @@ import UCommandPalette from "../CommandPalette.vue";
 const _props = defineProps({
   size: { type: null, required: false },
   close: { type: [Boolean, Object], required: false, default: true },
+  input: { type: [Boolean, Object], required: false },
   shortcut: { type: String, required: false, default: "meta_k" },
   links: { type: Array, required: false },
   navigation: { type: Array, required: false },
@@ -38,7 +39,7 @@ const _props = defineProps({
   fullscreen: { type: Boolean, required: false, default: false },
   modal: { type: Boolean, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
-  icon: { type: null, required: false },
+  icon: { type: [String, Boolean], required: false, skipCheck: true },
   trailingIcon: { type: null, required: false },
   selectedIcon: { type: null, required: false },
   childrenIcon: { type: null, required: false },
@@ -66,6 +67,12 @@ const colorMode = useColorMode();
 const appConfig = useAppConfig();
 const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "trailingIcon", "selectedIcon", "childrenIcon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon", "back", "backIcon", "disabled", "highlightOnHover", "labelKey", "descriptionKey", "preserveGroupOrder", "virtualize", "searchDelay"));
 const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
+const inputProps = computed(() => {
+  if (props.input === false) {
+    return false;
+  }
+  return defu(typeof props.input === "object" ? props.input : {}, { fixed: true });
+});
 const getProxySlots = () => omit(slots, ["content"]);
 const fuse = computed(() => defu({}, props.fuse, {
   fuseOptions: {
@@ -220,7 +227,7 @@ defineExpose({
           v-bind="commandPaletteProps"
           :groups="groups"
           :fuse="fuse"
-          :input="{ fixed: true }"
+          :input="inputProps"
           :ui="transformUI(omit(ui, ['modal']), props.ui)"
           @update:model-value="onSelect"
           @update:open="open = $event"

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

@@ -3,7 +3,7 @@ import type { ContentNavigationItem } from '@nuxt/content';
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/ui/content/content-search';
-import type { ButtonProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps, InputProps, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>;
 export interface ContentSearchLink extends Omit<LinkProps, 'custom'> {
@@ -56,6 +56,12 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
      * @defaultValue true
      */
     close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
+    /**
+     * Configure the input or hide it with `false`.
+     * `{ fixed: true }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    input?: boolean | Omit<InputProps, 'modelValue' | 'defaultValue'>;
     /**
      * Keyboard shortcut to open the search (used by [`defineShortcuts`](https://ui.nuxt.com/docs/composables/define-shortcuts))
      * @defaultValue 'meta_k'

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

@@ -5,11 +5,11 @@ import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
 export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color' | 'variant'> {
     /**
-     * The icon displayed in the button.
+     * The icon displayed in the button. Set to `false` to hide the icon.
      * @defaultValue appConfig.ui.icons.search
      * @IconifyIcon
      */
-    icon?: IconProps['name'];
+    icon?: IconProps['name'] | false;
     /**
      * The label displayed in the button.
      * @defaultValue t('contentSearchButton.label')

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

@@ -18,7 +18,7 @@ import UKbd from "../Kbd.vue";
 import UTooltip from "../Tooltip.vue";
 defineOptions({ inheritAttrs: false });
 const _props = defineProps({
-  icon: { type: null, required: false },
+  icon: { type: [String, Boolean], required: false, skipCheck: true },
   label: { type: String, required: false },
   color: { type: null, required: false, default: "neutral" },
   variant: { type: null, required: false },
@@ -64,7 +64,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch
 <template>
   <DefineButtonTemplate>
     <UButton
-      :icon="props.icon || appConfig.ui.icons.search"
+      :icon="props.icon === false ? void 0 : props.icon ?? appConfig.ui.icons.search"
       :label="props.label || t('contentSearchButton.label')"
       :variant="props.variant || (props.collapsed ? 'ghost' : 'outline')"
       v-bind="{

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

@@ -5,11 +5,11 @@ import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
 export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color' | 'variant'> {
     /**
-     * The icon displayed in the button.
+     * The icon displayed in the button. Set to `false` to hide the icon.
      * @defaultValue appConfig.ui.icons.search
      * @IconifyIcon
      */
-    icon?: IconProps['name'];
+    icon?: IconProps['name'] | false;
     /**
      * The label displayed in the button.
      * @defaultValue t('contentSearchButton.label')

package/dist/runtime/components/prose/Kbd.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface ProseKbdProps {
     value?: string;
     class?: any;
@@ -6,7 +7,7 @@ export interface ProseKbdProps {
     };
 }
 export interface ProseKbdSlots {
-    default?(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Kbd.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface ProseKbdProps {
     value?: string;
     class?: any;
@@ -6,7 +7,7 @@ export interface ProseKbdProps {
     };
 }
 export interface ProseKbdSlots {
-    default?(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -50,7 +50,6 @@ function copyCode() {
       size="sm"
       :aria-label="t('prose.pre.copy')"
       :class="ui.copy({ class: props.ui?.copy })"
-      tabindex="-1"
       @click="copyCode"
     />
 

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

@@ -18,3 +18,4 @@ export * from './useResizable';
 export * from './useScrollShadow';
 export * from './useScrollspy';
 export * from './useToast';
+export * from './useTour';

package/dist/runtime/composables/index.js

@@ -18,3 +18,4 @@ export * from "./useResizable.js";
 export * from "./useScrollShadow.js";
 export * from "./useScrollspy.js";
 export * from "./useToast.js";
+export * from "./useTour.js";

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

@@ -1,13 +1,13 @@
 import type { ComputedRef } from 'vue';
-import type { ClassValue } from 'tailwind-variants';
 import type * as ComponentTypes from '../types';
+import type { SlotClass } from '../types/tv';
 import type * as ui from '#build/ui';
 type ThemeSlotOverrides<T> = T extends {
     slots: infer S extends Record<string, any>;
 } ? {
-    [K in keyof S]?: ClassValue;
+    [K in keyof S]?: SlotClass;
 } : {
-    [K in keyof T]?: T[K] extends any[] ? ClassValue : T[K] extends Record<string, any> ? ThemeSlotOverrides<T[K]> : ClassValue;
+    [K in keyof T]?: T[K] extends any[] ? SlotClass : T[K] extends Record<string, any> ? ThemeSlotOverrides<T[K]> : SlotClass;
 };
 /**
  * Flat slot-class override shape: `{ button: { base: '...' }, modal: {...} }`.

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/index.d.ts

@@ -36,6 +36,7 @@ export { default as ky } from './ky';
 export { default as lb } from './lb';
 export { default as lo } from './lo';
 export { default as lt } from './lt';
+export { default as lv } from './lv';
 export { default as mn } from './mn';
 export { default as ms } from './ms';
 export { default as nb_no } from './nb_no';

package/dist/runtime/locale/index.js

@@ -36,6 +36,7 @@ export { default as ky } from "./ky.js";
 export { default as lb } from "./lb.js";
 export { default as lo } from "./lo.js";
 export { default as lt } from "./lt.js";
+export { default as lv } from "./lv.js";
 export { default as mn } from "./mn.js";
 export { default as ms } from "./ms.js";
 export { default as nb_no } from "./nb_no.js";

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

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