@nuxt/ui 3.3.2 → 4.0.0-alpha.0

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/tr";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tr || {} }));
+</script>
+
+<template>
+  <tr :class="ui({ class: props.class })">
+    <slot />
+  </tr>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseTrProps {
+    class?: any;
+}
+export interface ProseTrSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/ul";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ul || {} }));
+</script>
+
+<template>
+  <ul :class="ui({ class: props.class })">
+    <slot />
+  </ul>
+</template>

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

@@ -0,0 +1,13 @@
+export interface ProseUlProps {
+    class?: any;
+}
+export interface ProseUlSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Caution.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="error" :icon="appConfig.ui.icons.caution">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Caution.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Note.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="info" :icon="appConfig.ui.icons.info">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Note.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Tip.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="success" :icon="appConfig.ui.icons.tip">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Tip.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Warning.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="warning" :icon="appConfig.ui.icons.warning">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Warning.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/composables/color-mode/useColorMode.d.ts

@@ -0,0 +1,3 @@
+export declare const useColorMode: () => {
+    forced: boolean;
+};

package/dist/runtime/composables/color-mode/useColorMode.js

@@ -0,0 +1,5 @@
+export const useColorMode = () => {
+  return {
+    forced: true
+  };
+};

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

@@ -0,0 +1,5 @@
+declare function _useContentSearch(): {
+    open: import("vue").Ref<boolean, boolean>;
+};
+export declare const useContentSearch: typeof _useContentSearch;
+export {};

package/dist/runtime/composables/useContentSearch.js

@@ -0,0 +1,9 @@
+import { ref } from "vue";
+import { createSharedComposable } from "@vueuse/core";
+function _useContentSearch() {
+  const open = ref(false);
+  return {
+    open
+  };
+}
+export const useContentSearch = /* @__PURE__ */ createSharedComposable(_useContentSearch);

package/dist/runtime/composables/{useButtonGroup.d.ts → useFieldGroup.d.ts}

@@ -1,14 +1,14 @@
 import type { InjectionKey, ComputedRef } from 'vue';
-import type { ButtonGroupProps } from '../components/ButtonGroup.vue';
+import type { FieldGroupProps } from '../components/FieldGroup.vue';
 import type { GetObjectField } from '../types/utils';
-export declare const buttonGroupInjectionKey: InjectionKey<ComputedRef<{
-    size: ButtonGroupProps['size'];
-    orientation: ButtonGroupProps['orientation'];
+export declare const fieldGroupInjectionKey: InjectionKey<ComputedRef<{
+    size: FieldGroupProps['size'];
+    orientation: FieldGroupProps['orientation'];
 }>>;
 type Props<T> = {
     size?: GetObjectField<T, 'size'>;
 };
-export declare function useButtonGroup<T>(props: Props<T>): {
+export declare function useFieldGroup<T>(props: Props<T>): {
     orientation: ComputedRef<"horizontal" | "vertical" | undefined>;
     size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
 };

package/dist/runtime/composables/useFieldGroup.js

@@ -0,0 +1,9 @@
+import { inject, computed } from "vue";
+export const fieldGroupInjectionKey = Symbol("nuxt-ui.field-group");
+export function useFieldGroup(props) {
+  const fieldGroup = inject(fieldGroupInjectionKey, void 0);
+  return {
+    orientation: computed(() => fieldGroup?.value.orientation),
+    size: computed(() => props?.size ?? fieldGroup?.value.size)
+  };
+}

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

@@ -0,0 +1,76 @@
+import type { Ref } from 'vue';
+export type UseResizableProps = {
+    /**
+     * The id of the panel.
+     * @defaultValue useId()
+     */
+    id?: string;
+    /**
+     * The side to render the panel on.
+     * @defaultValue 'left'
+     */
+    side?: 'left' | 'right';
+    /**
+     * The minimum size of the panel.
+     * @defaultValue 0
+     */
+    minSize?: number;
+    /**
+     * The maximum size of the panel.
+     * @defaultValue 100
+     */
+    maxSize?: number;
+    /**
+     * The default size of the panel.
+     * @defaultValue 0
+     */
+    defaultSize?: number;
+    /**
+     * Whether to allow the user to resize the panel.
+     * @defaultValue true
+     */
+    resizable?: boolean;
+    /**
+     * Whether to allow the user to collapse the panel.
+     * @defaultValue true
+     */
+    collapsible?: boolean;
+    /**
+     * The size of the panel when collapsed.
+     * @defaultValue 0
+     */
+    collapsedSize?: number;
+    /**
+     * The storage to use for the size.
+     * @defaultValue 'cookie'
+     */
+    storage?: 'cookie' | 'local';
+    /**
+     * Unique id used to auto-save size.
+     * @defaultValue 'dashboard'
+     */
+    storageKey?: string;
+    /**
+     * Whether to persist the size in the storage.
+     * @defaultValue true
+     */
+    persistent?: boolean;
+    /**
+     * The unit to use for size values.
+     * @defaultValue '%'
+     */
+    unit?: '%' | 'rem' | 'px';
+};
+export type UseResizableReturn = {
+    el: Ref<HTMLElement | null>;
+    size: Ref<number>;
+    isDragging: Ref<boolean>;
+    isCollapsed: Ref<boolean>;
+    onMouseDown: (e: MouseEvent) => void;
+    onTouchStart: (e: TouchEvent) => void;
+    onDoubleClick: (e: MouseEvent) => void;
+    collapse: (value?: boolean) => void;
+};
+export declare const useResizable: (key: string, options?: Ref<UseResizableProps> | UseResizableProps, { collapsed }?: {
+    collapsed?: Ref<boolean>;
+}) => UseResizableReturn;

package/dist/runtime/composables/useResizable.js

@@ -0,0 +1,203 @@
+import { ref, computed, unref, isRef, watch } from "vue";
+import { useStorage } from "@vueuse/core";
+import { useCookie } from "#imports";
+import { useLocale } from "./useLocale.js";
+export const useResizable = (key, options = {}, { collapsed = ref(false) } = {}) => {
+  const el = ref(null);
+  const opts = computed(() => ({
+    side: "left",
+    minSize: 0,
+    maxSize: 100,
+    defaultSize: 0,
+    storage: "cookie",
+    persistent: true,
+    collapsible: false,
+    collapsedSize: 0,
+    resizable: true,
+    unit: "%",
+    ...isRef(options) ? options.value : options
+  }));
+  const { dir } = useLocale();
+  const defaultStorageValue = {
+    size: opts.value.defaultSize,
+    collapsed: unref(collapsed) ?? false
+  };
+  const storageData = opts.value.persistent && (opts.value.resizable || opts.value.collapsible) ? opts.value.storage === "cookie" ? useCookie(key, { default: () => defaultStorageValue }) : useStorage(key, defaultStorageValue) : ref(defaultStorageValue);
+  const isCollapsed = computed({
+    get: () => storageData.value.collapsed,
+    set: (value) => {
+      if (!opts.value.collapsible) {
+        return;
+      }
+      if (isRef(collapsed)) {
+        collapsed.value = value;
+      }
+      storageData.value.collapsed = value;
+    }
+  });
+  const previousSize = ref(opts.value.defaultSize);
+  const size = computed({
+    get: () => storageData.value.size,
+    set: (value) => {
+      storageData.value.size = value;
+    }
+  });
+  const currentSize = computed(() => isCollapsed.value ? opts.value.collapsedSize : size.value);
+  const isDragging = ref(false);
+  const onMouseMove = (e, initialPos, initialSize) => {
+    if (!el.value || !opts.value.resizable) {
+      return;
+    }
+    const parentSize = el.value.parentElement?.offsetWidth || 1;
+    const isRtl = dir.value === "rtl";
+    let delta;
+    if (isRtl) {
+      delta = opts.value.side === "left" ? initialPos - e.clientX : e.clientX - initialPos;
+    } else {
+      delta = opts.value.side === "left" ? e.clientX - initialPos : initialPos - e.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 onMouseDown = (e) => {
+    if (!el.value || !opts.value.resizable) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    const elWidth = el.value.getBoundingClientRect().width;
+    if (!elWidth) {
+      return;
+    }
+    const initialX = e.clientX;
+    const initialWidth = elWidth;
+    isDragging.value = true;
+    const handleMouseMove = (e2) => {
+      onMouseMove(e2, initialX, initialWidth);
+    };
+    const handleMouseUp = () => {
+      isDragging.value = false;
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+    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;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    const elWidth = el.value.getBoundingClientRect().width;
+    if (!elWidth) {
+      return;
+    }
+    const initialX = e.touches[0].clientX;
+    const initialWidth = elWidth;
+    isDragging.value = true;
+    const handleTouchMove = (e2) => {
+      onTouchMove(e2, initialX, initialWidth);
+    };
+    const handleTouchEnd = () => {
+      isDragging.value = false;
+      document.removeEventListener("touchmove", handleTouchMove);
+      document.removeEventListener("touchend", handleTouchEnd);
+      document.removeEventListener("touchcancel", handleTouchEnd);
+    };
+    document.addEventListener("touchmove", handleTouchMove, { passive: false });
+    document.addEventListener("touchend", handleTouchEnd);
+    document.addEventListener("touchcancel", handleTouchEnd);
+  };
+  const onDoubleClick = (e) => {
+    if (!el.value || !opts.value.resizable) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    if (isCollapsed.value) {
+      collapse(false);
+    }
+    size.value = opts.value.defaultSize;
+  };
+  const collapse = (value) => {
+    if (!opts.value.collapsible) {
+      return;
+    }
+    const newCollapsed = value ?? !isCollapsed.value;
+    if (newCollapsed && !isCollapsed.value) {
+      previousSize.value = size.value;
+    } else if (!newCollapsed && isCollapsed.value) {
+      size.value = previousSize.value;
+    }
+    isCollapsed.value = newCollapsed;
+  };
+  if (isRef(collapsed) && storageData.value.collapsed) {
+    collapsed.value = storageData.value.collapsed;
+  }
+  if (isRef(collapsed)) {
+    watch(collapsed, (value) => {
+      if (!opts.value.collapsible) {
+        return;
+      }
+      if (storageData.value.collapsed !== value) {
+        storageData.value.collapsed = value;
+      }
+    });
+  }
+  return {
+    el,
+    size: currentSize,
+    isDragging,
+    isCollapsed,
+    onMouseDown,
+    onTouchStart,
+    onDoubleClick,
+    collapse
+  };
+};

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

@@ -0,0 +1,5 @@
+export declare function useScrollspy(): {
+    visibleHeadings: import("vue").Ref<string[], string[]>;
+    activeHeadings: import("vue").Ref<string[], string[]>;
+    updateHeadings: (headings: Element[]) => void;
+};

package/dist/runtime/composables/useScrollspy.js

@@ -0,0 +1,41 @@
+import { ref, watch, onBeforeMount, onBeforeUnmount } from "vue";
+export function useScrollspy() {
+  const observer = ref();
+  const visibleHeadings = ref([]);
+  const activeHeadings = ref([]);
+  function observerCallback(entries) {
+    entries.forEach((entry) => {
+      const id = entry.target.id;
+      if (!id) {
+        return;
+      }
+      if (entry.isIntersecting) {
+        visibleHeadings.value = [...visibleHeadings.value, id];
+      } else {
+        visibleHeadings.value = visibleHeadings.value.filter((h) => h !== id);
+      }
+    });
+  }
+  function updateHeadings(headings) {
+    headings.forEach((heading) => {
+      if (!observer.value) {
+        return;
+      }
+      observer.value.observe(heading);
+    });
+  }
+  watch(visibleHeadings, (val, oldVal) => {
+    if (val.length === 0) {
+      activeHeadings.value = oldVal;
+    } else {
+      activeHeadings.value = val;
+    }
+  });
+  onBeforeMount(() => observer.value = new IntersectionObserver(observerCallback));
+  onBeforeUnmount(() => observer.value?.disconnect());
+  return {
+    visibleHeadings,
+    activeHeadings,
+    updateHeadings
+  };
+}

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-default bg-default scheme-light dark:scheme-dark}.light,: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:var(--color-white);--ui-bg:var(--color-white);--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:var(--container-7xl)}.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:var(--color-white);--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:var(--color-white);--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:var(--color-white)}}
+@import "#build/ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-default bg-default scheme-light dark:scheme-dark}:root{--ui-header-height:--spacing(16)}.light,: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:var(--color-white);--ui-bg:var(--color-white);--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:var(--container-7xl)}.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:var(--color-white);--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:var(--color-white);--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:var(--color-white)}}

package/dist/runtime/inertia/stubs.d.ts

@@ -15,7 +15,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "system" | "light" | "dark";
+    preference: "dark" | "light" | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };