@nuxt/ui 4.0.1 → 4.2.0

package/.nuxt/ui/toaster.ts

@@ -1,91 +0,0 @@
-const position = [
-  "top-left",
-  "top-center",
-  "top-right",
-  "bottom-left",
-  "bottom-center",
-  "bottom-right"
-] as const
-
-const swipeDirection = [
-  "up",
-  "right",
-  "down",
-  "left"
-] as const
-
-export default {
-  "slots": {
-    "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
-    "base": "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
-  },
-  "variants": {
-    "position": {
-      "top-left": {
-        "viewport": "left-4"
-      },
-      "top-center": {
-        "viewport": "left-1/2 transform -translate-x-1/2"
-      },
-      "top-right": {
-        "viewport": "right-4"
-      },
-      "bottom-left": {
-        "viewport": "left-4"
-      },
-      "bottom-center": {
-        "viewport": "left-1/2 transform -translate-x-1/2"
-      },
-      "bottom-right": {
-        "viewport": "right-4"
-      }
-    },
-    "swipeDirection": {
-      "up": "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]",
-      "right": "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]",
-      "down": "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]",
-      "left": "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
-    }
-  },
-  "compoundVariants": [
-    {
-      "position": [
-        "top-left" as typeof position[number],
-        "top-center" as typeof position[number],
-        "top-right" as typeof position[number]
-      ],
-      "class": {
-        "viewport": "top-4",
-        "base": "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
-      }
-    },
-    {
-      "position": [
-        "bottom-left" as typeof position[number],
-        "bottom-center" as typeof position[number],
-        "bottom-right" as typeof position[number]
-      ],
-      "class": {
-        "viewport": "bottom-4",
-        "base": "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
-      }
-    },
-    {
-      "swipeDirection": [
-        "left" as typeof swipeDirection[number],
-        "right" as typeof swipeDirection[number]
-      ],
-      "class": "data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=cancel]:translate-x-0"
-    },
-    {
-      "swipeDirection": [
-        "up" as typeof swipeDirection[number],
-        "down" as typeof swipeDirection[number]
-      ],
-      "class": "data-[swipe=move]:translate-y-(--reka-toast-swipe-move-y) data-[swipe=end]:translate-y-(--reka-toast-swipe-end-y) data-[swipe=cancel]:translate-y-0"
-    }
-  ],
-  "defaultVariants": {
-    "position": "bottom-right" as typeof position[number]
-  }
-}

package/.nuxt/ui/tooltip.ts

@@ -1,9 +0,0 @@
-export default {
-  "slots": {
-    "content": "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2.5 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
-    "arrow": "fill-default",
-    "text": "truncate",
-    "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 not-first-of-type:before:content-['·'] not-first-of-type:before:me-0.5",
-    "kbdsSize": "sm"
-  }
-}

package/.nuxt/ui/tree.ts

@@ -1,154 +0,0 @@
-const color = [
-  "primary",
-  "secondary",
-  "success",
-  "info",
-  "warning",
-  "error",
-  "neutral"
-] as const
-
-const size = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl"
-] as const
-
-export default {
-  "slots": {
-    "root": "relative isolate",
-    "item": "",
-    "listWithChildren": "ms-4.5 border-s border-default",
-    "itemWithChildren": "ps-1.5 -ms-px",
-    "link": "relative group w-full flex items-center text-sm before:absolute before:inset-y-px before:inset-x-0 before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
-    "linkLeadingIcon": "shrink-0",
-    "linkLabel": "truncate",
-    "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "shrink-0 transform transition-transform duration-200 group-data-[expanded=true]:rotate-180"
-  },
-  "variants": {
-    "color": {
-      "primary": {
-        "link": "focus-visible:before:ring-primary"
-      },
-      "secondary": {
-        "link": "focus-visible:before:ring-secondary"
-      },
-      "success": {
-        "link": "focus-visible:before:ring-success"
-      },
-      "info": {
-        "link": "focus-visible:before:ring-info"
-      },
-      "warning": {
-        "link": "focus-visible:before:ring-warning"
-      },
-      "error": {
-        "link": "focus-visible:before:ring-error"
-      },
-      "neutral": {
-        "link": "focus-visible:before:ring-inverted"
-      }
-    },
-    "size": {
-      "xs": {
-        "link": "px-2 py-1 text-xs gap-1",
-        "linkLeadingIcon": "size-4",
-        "linkTrailingIcon": "size-4"
-      },
-      "sm": {
-        "link": "px-2.5 py-1.5 text-xs gap-1.5",
-        "linkLeadingIcon": "size-4",
-        "linkTrailingIcon": "size-4"
-      },
-      "md": {
-        "link": "px-2.5 py-1.5 text-sm gap-1.5",
-        "linkLeadingIcon": "size-5",
-        "linkTrailingIcon": "size-5"
-      },
-      "lg": {
-        "link": "px-3 py-2 text-sm gap-2",
-        "linkLeadingIcon": "size-5",
-        "linkTrailingIcon": "size-5"
-      },
-      "xl": {
-        "link": "px-3 py-2 text-base gap-2",
-        "linkLeadingIcon": "size-6",
-        "linkTrailingIcon": "size-6"
-      }
-    },
-    "selected": {
-      "true": {
-        "link": "before:bg-elevated"
-      },
-      "false": {
-        "link": [
-          "hover:not-disabled:text-highlighted hover:not-disabled:before:bg-elevated/50",
-          "transition-colors before:transition-colors"
-        ]
-      }
-    },
-    "disabled": {
-      "true": {
-        "link": "cursor-not-allowed opacity-75"
-      }
-    }
-  },
-  "compoundVariants": [
-    {
-      "color": "primary" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-primary"
-      }
-    },
-    {
-      "color": "secondary" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-secondary"
-      }
-    },
-    {
-      "color": "success" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-success"
-      }
-    },
-    {
-      "color": "info" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-info"
-      }
-    },
-    {
-      "color": "warning" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-warning"
-      }
-    },
-    {
-      "color": "error" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-error"
-      }
-    },
-    {
-      "color": "neutral" as typeof color[number],
-      "selected": true,
-      "class": {
-        "link": "text-highlighted"
-      }
-    }
-  ],
-  "defaultVariants": {
-    "color": "primary" as typeof color[number],
-    "size": "md" as typeof size[number]
-  }
-}

package/.nuxt/ui/user.ts

@@ -1,101 +0,0 @@
-const size = [
-  "3xs",
-  "2xs",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl"
-] as const
-
-export default {
-  "slots": {
-    "root": "relative group/user",
-    "wrapper": "",
-    "name": "font-medium",
-    "description": "text-muted",
-    "avatar": "shrink-0"
-  },
-  "variants": {
-    "orientation": {
-      "horizontal": {
-        "root": "flex items-center"
-      },
-      "vertical": {
-        "root": "flex flex-col"
-      }
-    },
-    "to": {
-      "true": {
-        "name": [
-          "text-default peer-hover:text-highlighted",
-          "transition-colors"
-        ],
-        "description": [
-          "peer-hover:text-toned",
-          "transition-colors"
-        ],
-        "avatar": "transform transition-transform duration-200 group-hover/user:scale-115"
-      },
-      "false": {
-        "name": "text-highlighted",
-        "description": ""
-      }
-    },
-    "size": {
-      "3xs": {
-        "root": "gap-1",
-        "wrapper": "flex items-center gap-1",
-        "name": "text-xs",
-        "description": "text-xs"
-      },
-      "2xs": {
-        "root": "gap-1.5",
-        "wrapper": "flex items-center gap-1.5",
-        "name": "text-xs",
-        "description": "text-xs"
-      },
-      "xs": {
-        "root": "gap-1.5",
-        "wrapper": "flex items-center gap-1.5",
-        "name": "text-xs",
-        "description": "text-xs"
-      },
-      "sm": {
-        "root": "gap-2",
-        "name": "text-xs",
-        "description": "text-xs"
-      },
-      "md": {
-        "root": "gap-2",
-        "name": "text-sm",
-        "description": "text-xs"
-      },
-      "lg": {
-        "root": "gap-2.5",
-        "name": "text-sm",
-        "description": "text-sm"
-      },
-      "xl": {
-        "root": "gap-2.5",
-        "name": "text-base",
-        "description": "text-sm"
-      },
-      "2xl": {
-        "root": "gap-3",
-        "name": "text-base",
-        "description": "text-base"
-      },
-      "3xl": {
-        "root": "gap-3",
-        "name": "text-lg",
-        "description": "text-base"
-      }
-    }
-  },
-  "defaultVariants": {
-    "size": "md" as typeof size[number]
-  }
-}

package/.nuxt/ui.css

@@ -1,146 +0,0 @@
-@source "./ui";
-
-@theme static {
-  --color-old-neutral-50: oklch(98.5% 0 0);
-  --color-old-neutral-100: oklch(97% 0 0);
-  --color-old-neutral-200: oklch(92.2% 0 0);
-  --color-old-neutral-300: oklch(87% 0 0);
-  --color-old-neutral-400: oklch(70.8% 0 0);
-  --color-old-neutral-500: oklch(55.6% 0 0);
-  --color-old-neutral-600: oklch(43.9% 0 0);
-  --color-old-neutral-700: oklch(37.1% 0 0);
-  --color-old-neutral-800: oklch(26.9% 0 0);
-  --color-old-neutral-900: oklch(20.5% 0 0);
-  --color-old-neutral-950: oklch(14.5% 0 0);
-}
-
-@theme default inline {
-  --color-primary-50: var(--ui-color-primary-50);
-	--color-primary-100: var(--ui-color-primary-100);
-	--color-primary-200: var(--ui-color-primary-200);
-	--color-primary-300: var(--ui-color-primary-300);
-	--color-primary-400: var(--ui-color-primary-400);
-	--color-primary-500: var(--ui-color-primary-500);
-	--color-primary-600: var(--ui-color-primary-600);
-	--color-primary-700: var(--ui-color-primary-700);
-	--color-primary-800: var(--ui-color-primary-800);
-	--color-primary-900: var(--ui-color-primary-900);
-	--color-primary-950: var(--ui-color-primary-950);
-	--color-secondary-50: var(--ui-color-secondary-50);
-	--color-secondary-100: var(--ui-color-secondary-100);
-	--color-secondary-200: var(--ui-color-secondary-200);
-	--color-secondary-300: var(--ui-color-secondary-300);
-	--color-secondary-400: var(--ui-color-secondary-400);
-	--color-secondary-500: var(--ui-color-secondary-500);
-	--color-secondary-600: var(--ui-color-secondary-600);
-	--color-secondary-700: var(--ui-color-secondary-700);
-	--color-secondary-800: var(--ui-color-secondary-800);
-	--color-secondary-900: var(--ui-color-secondary-900);
-	--color-secondary-950: var(--ui-color-secondary-950);
-	--color-success-50: var(--ui-color-success-50);
-	--color-success-100: var(--ui-color-success-100);
-	--color-success-200: var(--ui-color-success-200);
-	--color-success-300: var(--ui-color-success-300);
-	--color-success-400: var(--ui-color-success-400);
-	--color-success-500: var(--ui-color-success-500);
-	--color-success-600: var(--ui-color-success-600);
-	--color-success-700: var(--ui-color-success-700);
-	--color-success-800: var(--ui-color-success-800);
-	--color-success-900: var(--ui-color-success-900);
-	--color-success-950: var(--ui-color-success-950);
-	--color-info-50: var(--ui-color-info-50);
-	--color-info-100: var(--ui-color-info-100);
-	--color-info-200: var(--ui-color-info-200);
-	--color-info-300: var(--ui-color-info-300);
-	--color-info-400: var(--ui-color-info-400);
-	--color-info-500: var(--ui-color-info-500);
-	--color-info-600: var(--ui-color-info-600);
-	--color-info-700: var(--ui-color-info-700);
-	--color-info-800: var(--ui-color-info-800);
-	--color-info-900: var(--ui-color-info-900);
-	--color-info-950: var(--ui-color-info-950);
-	--color-warning-50: var(--ui-color-warning-50);
-	--color-warning-100: var(--ui-color-warning-100);
-	--color-warning-200: var(--ui-color-warning-200);
-	--color-warning-300: var(--ui-color-warning-300);
-	--color-warning-400: var(--ui-color-warning-400);
-	--color-warning-500: var(--ui-color-warning-500);
-	--color-warning-600: var(--ui-color-warning-600);
-	--color-warning-700: var(--ui-color-warning-700);
-	--color-warning-800: var(--ui-color-warning-800);
-	--color-warning-900: var(--ui-color-warning-900);
-	--color-warning-950: var(--ui-color-warning-950);
-	--color-error-50: var(--ui-color-error-50);
-	--color-error-100: var(--ui-color-error-100);
-	--color-error-200: var(--ui-color-error-200);
-	--color-error-300: var(--ui-color-error-300);
-	--color-error-400: var(--ui-color-error-400);
-	--color-error-500: var(--ui-color-error-500);
-	--color-error-600: var(--ui-color-error-600);
-	--color-error-700: var(--ui-color-error-700);
-	--color-error-800: var(--ui-color-error-800);
-	--color-error-900: var(--ui-color-error-900);
-	--color-error-950: var(--ui-color-error-950);
-	--color-neutral-50: var(--ui-color-neutral-50);
-	--color-neutral-100: var(--ui-color-neutral-100);
-	--color-neutral-200: var(--ui-color-neutral-200);
-	--color-neutral-300: var(--ui-color-neutral-300);
-	--color-neutral-400: var(--ui-color-neutral-400);
-	--color-neutral-500: var(--ui-color-neutral-500);
-	--color-neutral-600: var(--ui-color-neutral-600);
-	--color-neutral-700: var(--ui-color-neutral-700);
-	--color-neutral-800: var(--ui-color-neutral-800);
-	--color-neutral-900: var(--ui-color-neutral-900);
-	--color-neutral-950: var(--ui-color-neutral-950);
-  --color-primary: var(--ui-primary);
-	--color-secondary: var(--ui-secondary);
-	--color-success: var(--ui-success);
-	--color-info: var(--ui-info);
-	--color-warning: var(--ui-warning);
-	--color-error: var(--ui-error);
-  --radius-xs: calc(var(--ui-radius) * 0.5);
-  --radius-sm: var(--ui-radius);
-  --radius-md: calc(var(--ui-radius) * 1.5);
-  --radius-lg: calc(var(--ui-radius) * 2);
-  --radius-xl: calc(var(--ui-radius) * 3);
-  --radius-2xl: calc(var(--ui-radius) * 4);
-  --radius-3xl: calc(var(--ui-radius) * 6);
-  --text-color-dimmed: var(--ui-text-dimmed);
-  --text-color-muted: var(--ui-text-muted);
-  --text-color-toned: var(--ui-text-toned);
-  --text-color-default: var(--ui-text);
-  --text-color-highlighted: var(--ui-text-highlighted);
-  --text-color-inverted: var(--ui-text-inverted);
-  --background-color-default: var(--ui-bg);
-  --background-color-muted: var(--ui-bg-muted);
-  --background-color-elevated: var(--ui-bg-elevated);
-  --background-color-accented: var(--ui-bg-accented);
-  --background-color-inverted: var(--ui-bg-inverted);
-  --background-color-border: var(--ui-border);
-  --border-color-default: var(--ui-border);
-  --border-color-muted: var(--ui-border-muted);
-  --border-color-accented: var(--ui-border-accented);
-  --border-color-inverted: var(--ui-border-inverted);
-  --border-color-bg: var(--ui-bg);
-  --ring-color-default: var(--ui-border);
-  --ring-color-muted: var(--ui-border-muted);
-  --ring-color-accented: var(--ui-border-accented);
-  --ring-color-inverted: var(--ui-border-inverted);
-  --ring-color-bg: var(--ui-bg);
-  --ring-offset-color-default: var(--ui-border);
-  --ring-offset-color-muted: var(--ui-border-muted);
-  --ring-offset-color-accented: var(--ui-border-accented);
-  --ring-offset-color-inverted: var(--ui-border-inverted);
-  --ring-offset-color-bg: var(--ui-bg);
-  --divide-color-default: var(--ui-border);
-  --divide-color-muted: var(--ui-border-muted);
-  --divide-color-accented: var(--ui-border-accented);
-  --divide-color-inverted: var(--ui-border-inverted);
-  --divide-color-bg: var(--ui-bg);
-  --outline-color-default: var(--ui-border);
-  --outline-color-inverted: var(--ui-border-inverted);
-  --stroke-default: var(--ui-border);
-  --stroke-inverted: var(--ui-border-inverted);
-  --fill-default: var(--ui-border);
-  --fill-inverted: var(--ui-border-inverted);
-}

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

@@ -1,17 +0,0 @@
-import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'ui'> {
-    /**
-     * @defaultValue 'neutral'
-     */
-    color?: ButtonProps['color'];
-    /**
-     * @defaultValue 'ghost'
-     */
-    variant?: ButtonProps['variant'];
-}
-declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
-    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,35 +0,0 @@
-<script>
-
-</script>
-
-<script setup>
-import { computed } from "vue";
-import { useAppConfig, useColorMode } from "#imports";
-import { useLocale } from "../../../composables/useLocale";
-import UButton from "../../../components/Button.vue";
-defineProps({
-  color: { type: null, required: false, default: "neutral" },
-  variant: { type: null, required: false, default: "ghost" }
-});
-const { t } = useLocale();
-const colorMode = useColorMode();
-const appConfig = useAppConfig();
-const isDark = computed({
-  get() {
-    return colorMode.value === "dark";
-  },
-  set(_isDark) {
-    colorMode.preference = _isDark ? "dark" : "light";
-  }
-});
-</script>
-
-<template>
-  <UButton
-    :icon="isDark ? appConfig.ui.icons.dark : appConfig.ui.icons.light"
-    :color="color"
-    :variant="variant"
-    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-    @click="isDark = !isDark"
-  />
-</template>

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

@@ -1,17 +0,0 @@
-import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'ui'> {
-    /**
-     * @defaultValue 'neutral'
-     */
-    color?: ButtonProps['color'];
-    /**
-     * @defaultValue 'ghost'
-     */
-    variant?: ButtonProps['variant'];
-}
-declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
-    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;