@resee-movies/nuxt-ux 0.0.3 → 0.1.0

package/dist/runtime/components/Image.vue

@@ -0,0 +1,149 @@
+<template>
+  <div
+    ref    = "container"
+    :class = "['image', {
+  loading: imgLoading || imgBgLoading || props.showLoading,
+  glass: props.glassy,
+  bordered: props.bordered,
+  beveled: props.beveled,
+  raised: props.raised
+}]"
+  >
+    <Icon
+      v-if         = "props.defaultIcon && (!imgSrc || imgError || imgLoading || props.showLoading)"
+      :name        = "props.defaultIcon"
+      :size        = "props.iconSize"
+      :color-cycle = "imgLoading || props.showLoading"
+    />
+
+    <img
+      :src     = "imgSrc"
+      :alt     = "altText"
+      :width   = "dimensions.width"
+      :height  = "dimensions.height"
+      :loading = "props.loading"
+      class    = "transition-opacity duration-300"
+      :class   = "[aspectRatioClass, objectFitClass, {
+  'opacity-0': !imgSrc || imgLoading
+}]"
+    >
+  </div>
+</template>
+
+<script>
+export const AspectRatioClassNames = {
+  "1/1": "aspect-square",
+  "square": "aspect-square",
+  "2/3": "aspect-poster",
+  "poster": "aspect-poster",
+  "4/5": "aspect-tall",
+  "16/9": "aspect-video",
+  "video": "aspect-video"
+};
+export const ObjectFitClassNames = {
+  cover: "object-cover",
+  outside: "object-cover",
+  contain: "object-contain",
+  inside: "object-contain"
+};
+</script>
+
+<script setup>
+import { normalizeImageFileDescriptor } from "@resee-movies/utilities/images/normalize-image-file-descriptor";
+import { getAspectRatio } from "@resee-movies/utilities/numbers/get-aspect-ratio";
+import { fromTmdbImageSize } from "@resee-movies/utilities/tmdb/from-tmdb-image-size";
+import { computed, ref } from "vue";
+import { useLoadImage } from "../composables/use-load-image";
+import { useSharedIntersectionObserver } from "../composables/use-shared-intersection-observer";
+import Icon from "./Icon.vue";
+const props = defineProps({
+  src: { type: null, required: true },
+  alt: { type: [String, null, Function], required: false, default: "" },
+  type: { type: String, required: false, default: void 0 },
+  width: { type: null, required: false, default: "w185" },
+  height: { type: [String, Number], required: false, default: void 0 },
+  aspect: { type: String, required: false, default: void 0 },
+  fit: { type: String, required: false, default: "cover" },
+  showLoading: { type: Boolean, required: false, default: false },
+  defaultIcon: { type: String, required: false, default: "i-ph-image-thin" },
+  iconSize: { type: String, required: false, default: "xl" },
+  loading: { type: String, required: false, default: "lazy" },
+  glassy: { type: Boolean, required: false, default: false },
+  bordered: { type: Boolean, required: false, default: false },
+  beveled: { type: Boolean, required: false, default: false },
+  raised: { type: Boolean, required: false, default: false },
+  overlayClasses: { type: null, required: false, default: void 0 }
+});
+const deferLoad = ref(props.loading === "lazy");
+const container = ref();
+const normalizedSource = computed(() => {
+  const result = normalizeImageFileDescriptor(props.src);
+  if (props.type) {
+    result.sourceType = props.type;
+  }
+  return result;
+});
+const dimensions = computed(() => {
+  let intWidth = normalizedSource.value.width;
+  let intHeight = normalizedSource.value.height;
+  if (props.width || props.height) {
+    intWidth = fromTmdbImageSize(props.width);
+    intHeight = fromTmdbImageSize(props.height);
+  }
+  if (!props.aspect || props.aspect === "auto" || intWidth && intHeight) {
+    return { width: intWidth, height: intHeight };
+  }
+  if (intHeight) {
+    const aspect = getAspectRatio(intHeight, "y", props.aspect);
+    return { width: aspect.x, height: aspect.y };
+  }
+  if (intWidth) {
+    const aspect = getAspectRatio(intWidth, "x", props.aspect);
+    return { width: aspect.x, height: aspect.y };
+  }
+  return { width: void 0, height: void 0 };
+});
+const imgLoadInfo = useLoadImage(
+  () => normalizedSource.value.identifier,
+  {
+    deferLoad,
+    type: () => normalizedSource.value.sourceType,
+    width: () => props.width,
+    friendlyName: () => normalizedSource.value.friendlyName,
+    reseeConfig: () => ({
+      width: dimensions.value.width,
+      height: dimensions.value.height,
+      fit: props.fit
+    })
+  }
+);
+const {
+  src: imgSrc,
+  loading: imgLoading,
+  bgLoading: imgBgLoading,
+  error: imgError
+} = imgLoadInfo;
+if (deferLoad.value) {
+  useSharedIntersectionObserver(container, {
+    once: true,
+    onChange(isIntersecting) {
+      if (isIntersecting) {
+        deferLoad.value = false;
+      }
+    }
+  });
+}
+const aspectRatioClass = computed(() => {
+  return !props.aspect || props.aspect === "auto" ? void 0 : AspectRatioClassNames[props.aspect];
+});
+const objectFitClass = computed(() => {
+  return !props.fit ? void 0 : ObjectFitClassNames[props.fit];
+});
+const altText = computed(() => {
+  return typeof props.alt === "function" ? props.alt(imgError.value) : props.alt ?? normalizedSource.value.description ?? "";
+});
+</script>
+
+<style scoped>
+@reference "tailwindcss";.image{background-color:#fff;overflow:clip;position:relative;width:-moz-max-content;width:max-content;@variant dark{background-color:#000}}.image.bordered{border:2px solid var(--color-global-background-accent)}.image.beveled{border-bottom-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.image.raised{box-shadow:var(--shadow-heavy)}.image.glass:after{background-image:linear-gradient(110deg,transparent 25%,hsla(0,0%,100%,.15) 80%,transparent);content:var(--zero-width-space);inset:0;position:absolute}.image .icon{color:var(--color-global-background-accent);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}
+</style>

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

@@ -0,0 +1,59 @@
+import type { ImageFileDescriptor } from '@resee-movies/utilities/images/normalize-image-file-descriptor';
+import type { AspectRatio } from '@resee-movies/utilities/numbers/get-aspect-ratio';
+import type { MediaAssetTransformConfig } from '@resee-movies/utilities/resee/get-media-asset-url';
+import type { TmdbImageSize } from '@resee-movies/utilities/tmdb/get-tmdb-image-url';
+import type { LoadImageType } from '../composables/use-load-image.js';
+import type { HTMLElementClassNames } from '../types/index.js';
+import type { IconProps } from './Icon.vue.js';
+export type UiImgProps = {
+    src: ImageFileDescriptor | null | undefined;
+    alt?: string | null | ((error: unknown) => string);
+    type?: LoadImageType;
+    width?: TmdbImageSize | string | number;
+    height?: string | number;
+    aspect?: AspectRatio | 'auto';
+    fit?: MediaAssetTransformConfig['fit'];
+    showLoading?: boolean;
+    defaultIcon?: string;
+    iconSize?: IconProps['size'];
+    loading?: 'lazy' | 'eager';
+    glassy?: boolean;
+    bordered?: boolean;
+    beveled?: boolean;
+    raised?: boolean;
+    overlayClasses?: HTMLElementClassNames;
+};
+export declare const AspectRatioClassNames: {
+    readonly '1/1': "aspect-square";
+    readonly square: "aspect-square";
+    readonly '2/3': "aspect-poster";
+    readonly poster: "aspect-poster";
+    readonly '4/5': "aspect-tall";
+    readonly '16/9': "aspect-video";
+    readonly video: "aspect-video";
+};
+export declare const ObjectFitClassNames: {
+    readonly cover: "object-cover";
+    readonly outside: "object-cover";
+    readonly contain: "object-contain";
+    readonly inside: "object-contain";
+};
+declare const __VLS_export: import("vue").DefineComponent<UiImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiImgProps> & Readonly<{}>, {
+    type: LoadImageType;
+    loading: "lazy" | "eager";
+    iconSize: "sm" | "md" | "lg" | "xl";
+    bordered: boolean;
+    showLoading: boolean;
+    fit: "cover" | "contain" | "inside" | "outside";
+    width: TmdbImageSize | string | number;
+    height: string | number;
+    alt: string | null | ((error: unknown) => string);
+    aspect: AspectRatio | "auto";
+    defaultIcon: string;
+    glassy: boolean;
+    beveled: boolean;
+    raised: boolean;
+    overlayClasses: string | HTMLElementClassNames[] | Record<string, boolean> | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/{UiLayoutPageColumn.vue.d.ts → LayoutPageColumn.vue.d.ts}

@@ -1,8 +1,8 @@
-export type UiLayoutPageColumn = {
+export type LayoutPageColumn = {
     is?: string;
     layout?: 'main' | 'vista';
 };
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<UiLayoutPageColumn, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiLayoutPageColumn> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LayoutPageColumn, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPageColumn> & Readonly<{}>, {
     layout: "main" | "vista";
     is: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/components/{UiLayoutPageContainer.vue.d.ts → LayoutPageContainer.vue.d.ts}

@@ -1,10 +1,10 @@
 import type { HintedString } from '../types/index.js';
-export type UiLayoutPageContainerProps = {
+export type LayoutPageContainerProps = {
     is?: HintedString<'div' | 'main' | 'section' | 'article' | 'nav'>;
     glassEffect?: boolean;
     accentColor?: string;
 };
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<UiLayoutPageContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiLayoutPageContainerProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LayoutPageContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPageContainerProps> & Readonly<{}>, {
     is: HintedString<"div" | "main" | "section" | "article" | "nav">;
     glassEffect: boolean;
     accentColor: string;

package/dist/runtime/components/{UiLink.vue → Link.vue}

@@ -1,5 +1,5 @@
 <template>
-  <UiButton
+  <Button
     :is      = "LinkComponent"
     :to      = "props.to"
     :variant = "props.variant"
@@ -8,7 +8,7 @@
     :spacing = "props.spacing"
   >
     <slot />
-  </UiButton>
+  </Button>
 </template>
 
 <script>
@@ -16,6 +16,7 @@ import { useNuxtUxConfig } from "../composables/use-nuxt-ux-config";
 </script>
 
 <script setup>
+import Button from "./Button.vue";
 const LinkComponent = useNuxtUxConfig().getConfig("UiLinkBaseComponent");
 const props = defineProps({
   to: { type: null, required: true },

package/dist/runtime/components/{UiLink.vue.d.ts → Link.vue.d.ts}

@@ -1,13 +1,13 @@
 import type { RouteLocationRaw } from 'vue-router';
-import type { UiButtonProps } from './UiButton.vue.js';
+import type { ButtonProps } from './Button.vue.js';
 export type UiLinkProps = {
     to: RouteLocationRaw;
     external?: boolean;
     target?: '_blank' | '_parent' | '_self' | '_top';
     underline?: boolean;
-    variant?: UiButtonProps['variant'];
-    spacing?: UiButtonProps['spacing'];
-} & /* @vue-ignore */ Omit<UiButtonProps, 'bordered' | 'variant' | 'spacing'>;
+    variant?: ButtonProps['variant'];
+    spacing?: ButtonProps['spacing'];
+} & /* @vue-ignore */ Omit<ButtonProps, 'bordered' | 'variant' | 'spacing'>;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<UiLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiLinkProps> & Readonly<{}>, {
     target: "_blank" | "_parent" | "_self" | "_top";
     spacing: "wide" | "normal";

package/dist/runtime/components/{UiLoadingIndicator.vue.d.ts → LoadingIndicator.vue.d.ts}

@@ -1,6 +1,6 @@
-import type { UiIconProps } from './UiIcon.vue.js';
+import type { IconProps } from './Icon.vue.js';
 type __VLS_Props = {
-    size?: UiIconProps['size'];
+    size?: IconProps['size'];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "sm" | "md" | "lg" | "xl";

package/dist/runtime/components/{UiMessage.vue → Message.vue}

@@ -11,6 +11,7 @@ import { computed } from "vue";
 </script>
 
 <script setup>
+import PrimeMessage from "primevue/message";
 const props = defineProps({
   severity: { type: String, required: false },
   text: { type: String, required: false },
@@ -34,7 +35,7 @@ const passthroughProps = computed(() => {
       class: "close"
     },
     transition: {
-      name: "slide-y",
+      name: "grow-y",
       appear: false
     }
   };

package/dist/runtime/components/{UiMessage.vue.d.ts → Message.vue.d.ts}

@@ -1,12 +1,12 @@
 import type { StatusLevel } from '../types/index.js';
-export type UiMessageProps = {
+export type MessageProps = {
     severity?: StatusLevel;
     text?: string;
     class?: string;
     style?: string;
     accented?: boolean;
 };
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<UiMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/{UiNotificationContainer.vue → NotificationContainer.vue}

@@ -7,6 +7,7 @@
 </template>
 
 <script setup>
+import PrimeToast, {} from "primevue/toast";
 import { StatusLevelIcons } from "../constants";
 const passthroughProps = {
   message: ({ props }) => ({

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/{UiProgressBar.vue → ProgressBar.vue}

@@ -10,6 +10,7 @@
 
 <script setup>
 import { computed } from "vue";
+import PrimeProgressBar from "primevue/progressbar";
 const props = defineProps({
   value: { type: null, required: false, default: void 0 },
   showValue: { type: Boolean, required: false, default: false },

package/dist/runtime/components/{UiTag.vue → Tag.vue}

@@ -7,13 +7,16 @@
   props.size,
   props.tooltip ? 'has-tooltip' : void 0
 ]"
-    v-primetooltip.top="{ value: props.tooltip, showDelay: 500 }"
+    v-prime-tooltip.top="{ value: props.tooltip, showDelay: 500 }"
   >
-    <UiIconTextPair :icon="props.icon" :text="props.text" />
+    <IconTextPair :icon="props.icon" :text="props.text" />
   </PrimeTag>
 </template>
 
 <script setup>
+import PrimeTag from "primevue/tag";
+import vPrimeTooltip from "primevue/tooltip";
+import IconTextPair from "./IconTextPair.vue";
 const props = defineProps({
   text: { type: String, required: false, default: void 0 },
   icon: { type: String, required: false, default: void 0 },

package/dist/runtime/composables/use-load-image.d.ts

@@ -0,0 +1,23 @@
+import type { NormalizedFileDescriptorSource } from '@resee-movies/utilities/images/normalize-image-file-descriptor';
+import { type MediaAssetTransformConfig } from '@resee-movies/utilities/resee/get-media-asset-url';
+import { type MaybeRefOrGetter, type Ref } from 'vue';
+export type LoadImageType = NormalizedFileDescriptorSource;
+export type LoadImageOptions = {
+    friendlyName?: MaybeRefOrGetter<string | undefined>;
+    placeholderSrc?: MaybeRefOrGetter<string>;
+    errorSrc?: MaybeRefOrGetter<string>;
+    width?: MaybeRefOrGetter<string | number>;
+    type?: MaybeRefOrGetter<LoadImageType>;
+    reseeConfig?: MaybeRefOrGetter<MediaAssetTransformConfig | undefined>;
+    deferLoad?: Ref<boolean>;
+};
+/**
+ * Exposes the {@link loadImage} utility as a set of reactive properties.
+ */
+export declare function useLoadImage(source: MaybeRefOrGetter<string | null | undefined>, config?: LoadImageOptions): {
+    src: Ref<string | undefined, string | undefined>;
+    key: Ref<string | undefined, string | undefined>;
+    error: Ref<unknown, unknown>;
+    loading: Ref<boolean, boolean>;
+    bgLoading: Ref<boolean, boolean>;
+};

package/dist/runtime/composables/use-load-image.js

@@ -0,0 +1,109 @@
+import { useNuxtApp } from "#imports";
+import { loadImage } from "@resee-movies/utilities/dom/load-image";
+import { getMediaAssetUrl } from "@resee-movies/utilities/resee/get-media-asset-url";
+import { isString } from "@resee-movies/utilities/strings/is-string";
+import { fromTmdbImageSize } from "@resee-movies/utilities/tmdb/from-tmdb-image-size";
+import { getTmdbImageCache } from "@resee-movies/utilities/tmdb/get-tmdb-image-cache";
+import { getTmdbImageUrl } from "@resee-movies/utilities/tmdb/get-tmdb-image-url";
+import { toTmdbImageSize } from "@resee-movies/utilities/tmdb/to-tmdb-image-size";
+import { ref, toRef, toValue, watch } from "vue";
+export function useLoadImage(source, config = {}) {
+  const nuxtApp = useNuxtApp();
+  const src = ref();
+  const key = ref();
+  const error = ref();
+  const loading = ref(false);
+  const bgLoading = ref(false);
+  watch(
+    [
+      toRef(source),
+      toRef(config.friendlyName),
+      toRef(config.placeholderSrc),
+      toRef(config.errorSrc),
+      toRef(config.width),
+      toRef(config.reseeConfig),
+      toRef(config.type),
+      toRef(config.deferLoad)
+    ],
+    () => {
+      const sourceUnwrapped = toValue(source);
+      if (!isString(sourceUnwrapped) || sourceUnwrapped.trim() === "") {
+        src.value = toValue(config.errorSrc);
+        key.value = src.value;
+        error.value = new Error('"src" is not defined');
+        return;
+      }
+      const loadType = toValue(config.type);
+      const imgWidth = toValue(config.width);
+      if (import.meta.server || nuxtApp.isHydrating) {
+        switch (loadType) {
+          case "tmdb": {
+            src.value = getTmdbImageUrl(sourceUnwrapped, imgWidth ? toTmdbImageSize(imgWidth) : void 0);
+            break;
+          }
+          case "resee": {
+            const filename = toValue(config.friendlyName);
+            const reseeConfig = toValue(config.reseeConfig);
+            const width = fromTmdbImageSize(imgWidth, { originalIsUndefined: true });
+            src.value = getMediaAssetUrl(sourceUnwrapped, filename, { width, format: "webp", ...reseeConfig });
+            break;
+          }
+          default: {
+            src.value = sourceUnwrapped;
+          }
+        }
+        key.value = sourceUnwrapped;
+        return;
+      }
+      if (toValue(config.deferLoad)) {
+        return;
+      }
+      let pendingSource;
+      let pendingLoader;
+      if (loadType === "tmdb") {
+        const result = getTmdbImageCache().getImage(sourceUnwrapped, imgWidth);
+        pendingSource = isString(result) ? void 0 : result.placeholderUrl;
+        pendingLoader = result;
+      } else if (loadType === "resee") {
+        const filename = toValue(config.friendlyName);
+        const reseeConfig = toValue(config.reseeConfig);
+        const width = fromTmdbImageSize(imgWidth, { originalIsUndefined: true });
+        pendingLoader = loadImage(
+          getMediaAssetUrl(sourceUnwrapped, filename, { width, format: "webp", ...reseeConfig })
+        );
+      } else {
+        pendingLoader = loadImage(sourceUnwrapped);
+      }
+      if (isString(pendingLoader)) {
+        src.value = pendingLoader;
+        key.value = sourceUnwrapped;
+        loading.value = false;
+        bgLoading.value = false;
+        error.value = void 0;
+        return;
+      }
+      src.value = pendingSource ?? toValue(config.placeholderSrc) ?? src.value;
+      key.value = pendingSource ? sourceUnwrapped : void 0;
+      loading.value = !pendingSource;
+      bgLoading.value = !!pendingSource;
+      pendingLoader.then(
+        (loadedSrc) => {
+          src.value = loadedSrc;
+          key.value = sourceUnwrapped;
+          loading.value = false;
+          bgLoading.value = false;
+          error.value = void 0;
+        },
+        (e) => {
+          src.value = toValue(config.errorSrc) ?? toValue(config.placeholderSrc);
+          key.value = src.value;
+          loading.value = false;
+          bgLoading.value = false;
+          error.value = e;
+        }
+      );
+    },
+    { immediate: true }
+  );
+  return { src, key, error, loading, bgLoading };
+}

package/dist/runtime/theme/css/brand/theme.css

@@ -1 +1 @@
-@custom-variant dark (&:where(.dark, .dark *));@variant dark{--color-global-background:var(--color-global-background-dark);--color-global-background-accent:var(--color-global-background-accent-dark);--color-global-foreground:var(--color-global-foreground-dark);--color-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-global-background:var(--color-global-background-lite);--color-invert-global-background-accent:var(--color-global-background-accent-lite);--color-invert-global-foreground:var(--color-global-foreground-lite);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-dark);--color-background-scale-b:var(--color-background-scale-b-dark);--color-background-scale-c:var(--color-background-scale-c-dark);--color-background-scale-d:var(--color-background-scale-d-dark);--color-background-scale-e:var(--color-background-scale-e-dark);--color-background-scale-f:var(--color-background-scale-f-dark);--color-background-scale-g:var(--color-background-scale-g-dark);--color-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-invert-background-scale-a:var(--color-background-scale-a-lite);--color-invert-background-scale-b:var(--color-background-scale-b-lite);--color-invert-background-scale-c:var(--color-background-scale-c-lite);--color-invert-background-scale-d:var(--color-background-scale-d-lite);--color-invert-background-scale-e:var(--color-background-scale-e-lite);--color-invert-background-scale-f:var(--color-background-scale-f-lite);--color-invert-background-scale-g:var(--color-background-scale-g-lite);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-info:var(--color-info-dark);--color-info-emphasis:var(--color-info-emphasis-dark);--color-info-contrast:var(--color-info-contrast-dark);--color-help:var(--color-help-dark);--color-help-emphasis:var(--color-help-emphasis-dark);--color-help-contrast:var(--color-help-contrast-dark);--color-success:var(--color-success-dark);--color-success-emphasis:var(--color-success-emphasis-dark);--color-success-contrast:var(--color-success-contrast-dark);--color-warning:var(--color-warning-dark);--color-warning-emphasis:var(--color-warning-emphasis-dark);--color-warning-contrast:var(--color-warning-contrast-dark);--color-danger:var(--color-danger-dark);--color-danger-emphasis:var(--color-danger-emphasis-dark);--color-danger-contrast:var(--color-danger-contrast-dark);--shadow-heavy:var(--shadow-heavy-dark);--shadow-heavy-right:var(--shadow-heavy-right-dark);--shadow-heavy-left:var(--shadow-heavy-left-dark);--shadow-heavy-top:var(--shadow-heavy-top-dark)}@theme{--font-sans:"Archivo",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--zero-width-space:"​";--radius-full:9999px;--custom-accent-color:unset;--icon-size-small:--spacing(3.5);--icon-size-medium:--spacing(4);--icon-size-large:--spacing(6);--icon-size-jumbo:--spacing(12);--color-surface-0:oklch(100.0% 0 0);--color-surface-50:oklch(97.31% 0 0);--color-surface-100:oklch(92.80% 0 0);--color-surface-200:oklch(86.07% 0 0);--color-surface-300:oklch(75.72% 0 0);--color-surface-400:oklch(62.68% 0 0);--color-surface-500:oklch(53.48% 0 0);--color-surface-600:oklch(47.84% 0 0);--color-surface-700:oklch(42.76% 0 0);--color-surface-800:oklch(39.04% 0 0);--color-surface-850:oklch(37.53% 0 0);--color-surface-900:oklch(36.00% 0 0);--color-surface-925:oklch(28.50% 0 0);--color-surface-950:oklch(20.02% 0 0);--color-primary-50:oklch(97.94% 0.0171 103.14);--color-primary-100:oklch(94.93% 0.0459 101.86);--color-primary-200:oklch(89.80% 0.0854 99.1);--color-primary-300:oklch(83.23% 0.1222 96.48);--color-primary-400:oklch(76.65% 0.1387 91.06);--color-primary-500:oklch(71.00% 0.1307 86.56);--color-primary-600:oklch(61.31% 0.1146 77.38);--color-primary-700:oklch(50.50% 0.0943 67.44);--color-primary-800:oklch(44.38% 0.0782 62.58);--color-primary-900:oklch(39.94% 0.0661 58.15);--color-primary-950:oklch(27.10% 0.0457 53.29);--color-resee-red:oklch(57.47% 0.2229 28.19);--color-resee-orange:oklch(67.79% 0.201 41.61);--color-resee-yellow:oklch(84.78% 0.171 89.53);--color-resee-green:oklch(71.41% 0.1907 132.48);--color-resee-seaweed:oklch(59.95% 0.1179 167.71);--color-resee-aqua:oklch(74.55% 0.1224 209.96);--color-resee-blue:oklch(42.42% 0.1982 265.5);--color-resee-indigo:oklch(39.67% 0.1568 293.38);--color-resee-violet:oklch(46.25% 0.1488 353.55);--color-resee-lite-red:oklch(from var(--color-resee-red) calc(l + 0.22) c h);--color-resee-lite-orange:oklch(from var(--color-resee-orange) calc(l + 0.25) c h);--color-resee-lite-yellow:oklch(from var(--color-resee-yellow) calc(l + 0.30) calc(c - 0.03) h);--color-resee-lite-green:oklch(from var(--color-resee-green) calc(l + 0.30) calc(c + 0.02) h);--color-resee-lite-seaweed:oklch(from var(--color-resee-seaweed) calc(l + 0.20) c h);--color-resee-lite-aqua:oklch(from var(--color-resee-aqua) calc(l + 0.25) calc(c - 0.03) h);--color-resee-lite-blue:oklch(from var(--color-resee-blue) calc(l + 0.38) c h);--color-resee-lite-indigo:oklch(from var(--color-resee-indigo) calc(l + 0.45) calc(c + 0.1) h);--color-resee-lite-violet:oklch(from var(--color-resee-violet) calc(l + 0.30) calc(c - 0.05) h);--color-global-background-lite:var(--color-surface-50);--color-global-background-accent-lite:oklch(from var(--color-surface-50) calc(l - 0.15) c h);--color-global-foreground-lite:var(--color-surface-950);--color-global-foreground-accent-lite:var(--color-surface-700);--color-global-background-dark:var(--color-surface-950);--color-global-background-accent-dark:oklch(from var(--color-surface-950) calc(l + 0.15) c h);--color-global-foreground-dark:var(--color-surface-0);--color-global-foreground-accent-dark:var(--color-surface-400);--color-background-scale-a-lite:color-mix(in oklch,var(--color-surface-950) 5%,var(--color-global-background-lite));--color-background-scale-b-lite:color-mix(in oklch,var(--color-surface-950) 8%,var(--color-global-background-lite));--color-background-scale-c-lite:color-mix(in oklch,var(--color-surface-950) 11%,var(--color-global-background-lite));--color-background-scale-d-lite:color-mix(in oklch,var(--color-surface-950) 14%,var(--color-global-background-lite));--color-background-scale-e-lite:color-mix(in oklch,var(--color-surface-950) 17%,var(--color-global-background-lite));--color-background-scale-f-lite:color-mix(in oklch,var(--color-surface-950) 20%,var(--color-global-background-lite));--color-background-scale-g-lite:color-mix(in oklch,var(--color-surface-950) 29%,var(--color-global-background-lite));--color-background-scale-a-dark:color-mix(in oklch,var(--color-surface-0) 5%,var(--color-global-background-dark));--color-background-scale-b-dark:color-mix(in oklch,var(--color-surface-0) 8%,var(--color-global-background-dark));--color-background-scale-c-dark:color-mix(in oklch,var(--color-surface-0) 11%,var(--color-global-background-dark));--color-background-scale-d-dark:color-mix(in oklch,var(--color-surface-0) 14%,var(--color-global-background-dark));--color-background-scale-e-dark:color-mix(in oklch,var(--color-surface-0) 17%,var(--color-global-background-dark));--color-background-scale-f-dark:color-mix(in oklch,var(--color-surface-0) 20%,var(--color-global-background-dark));--color-background-scale-g-dark:color-mix(in oklch,var(--color-surface-0) 29%,var(--color-global-background-dark));--color-foreground-scale-a-lite:var(--color-background-scale-a-dark);--color-foreground-scale-b-lite:var(--color-background-scale-b-dark);--color-foreground-scale-c-lite:var(--color-background-scale-c-dark);--color-foreground-scale-d-lite:var(--color-background-scale-d-dark);--color-foreground-scale-e-lite:var(--color-background-scale-e-dark);--color-foreground-scale-f-lite:var(--color-background-scale-f-dark);--color-foreground-scale-g-lite:var(--color-background-scale-g-dark);--color-foreground-scale-a-dark:var(--color-background-scale-a-lite);--color-foreground-scale-b-dark:var(--color-background-scale-b-lite);--color-foreground-scale-c-dark:var(--color-background-scale-c-lite);--color-foreground-scale-d-dark:var(--color-background-scale-d-lite);--color-foreground-scale-e-dark:var(--color-background-scale-e-lite);--color-foreground-scale-f-dark:var(--color-background-scale-f-lite);--color-foreground-scale-g-dark:var(--color-background-scale-g-lite);--color-info-lite:#3b82f6;--color-info-emphasis-lite:#2563eb;--color-info-contrast-lite:#fff;--color-info-dark:var(--color-resee-aqua);--color-info-emphasis-dark:oklch(from var(--color-resee-aqua) calc(l + 0.1) c h);--color-info-contrast-dark:var(--color-surface-950);--color-help-lite:#8b5cf6;--color-help-emphasis-lite:#7c3aed;--color-help-contrast-lite:var(--color-surface-50);--color-help-dark:#c4b5fd;--color-help-emphasis-dark:#ddd6fe;--color-help-contrast-dark:var(--color-surface-950);--color-success-lite:#15803d;--color-success-emphasis-lite:#166534;--color-success-contrast-lite:var(--color-surface-50);--color-success-dark:var(--color-resee-lite-seaweed);--color-success-emphasis-dark:oklch(from var(--color-resee-lite-seaweed) calc(l + 0.02) c h);--color-success-contrast-dark:var(--color-surface-950);--color-warning-lite:#b45309;--color-warning-emphasis-lite:#92400e;--color-warning-contrast-lite:var(--color-surface-50);--color-warning-dark:#fbbf24;--color-warning-emphasis-dark:#fcd34d;--color-warning-contrast-dark:var(--color-surface-950);--color-danger-lite:#991b1b;--color-danger-emphasis-lite:#7f1d1d;--color-danger-contrast-lite:var(--color-surface-50);--color-danger-dark:#ef4444;--color-danger-emphasis-dark:#f87171;--color-danger-contrast-dark:var(--color-surface-950);--color-global-background:var(--color-global-background-lite);--color-global-background-accent:var(--color-global-background-accent-lite);--color-global-foreground:var(--color-global-foreground-lite);--color-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-lite);--color-background-scale-b:var(--color-background-scale-b-lite);--color-background-scale-c:var(--color-background-scale-c-lite);--color-background-scale-d:var(--color-background-scale-d-lite);--color-background-scale-e:var(--color-background-scale-e-lite);--color-background-scale-f:var(--color-background-scale-f-lite);--color-background-scale-g:var(--color-background-scale-g-lite);--color-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-invert-global-background:var(--color-global-background-dark);--color-invert-global-background-accent:var(--color-global-background-accent-dark);--color-invert-global-foreground:var(--color-global-foreground-dark);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-background-scale-a:var(--color-background-scale-a-dark);--color-invert-background-scale-b:var(--color-background-scale-b-dark);--color-invert-background-scale-c:var(--color-background-scale-c-dark);--color-invert-background-scale-d:var(--color-background-scale-d-dark);--color-invert-background-scale-e:var(--color-background-scale-e-dark);--color-invert-background-scale-f:var(--color-background-scale-f-dark);--color-invert-background-scale-g:var(--color-background-scale-g-dark);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-info:var(--color-info-lite);--color-info-emphasis:var(--color-info-emphasis-lite);--color-info-contrast:var(--color-info-contrast-lite);--color-help:var(--color-help-lite);--color-help-emphasis:var(--color-help-emphasis-lite);--color-help-contrast:var(--color-help-contrast-lite);--color-success:var(--color-success-lite);--color-success-emphasis:var(--color-success-emphasis-lite);--color-success-contrast:var(--color-success-contrast-lite);--color-warning:var(--color-warning-lite);--color-warning-emphasis:var(--color-warning-emphasis-lite);--color-warning-contrast:var(--color-warning-contrast-lite);--color-danger:var(--color-danger-lite);--color-danger-emphasis:var(--color-danger-emphasis-lite);--color-danger-contrast:var(--color-danger-contrast-lite);--colorscale-resee-linear:var(--color-resee-red) 0%,var(--color-resee-orange) 16.666%,var(--color-resee-yellow) 27.777%,var(--color-resee-green) 38.888%,var(--color-resee-seaweed) 49.999%,var(--color-resee-aqua) 60.000%,var(--color-resee-blue) 71.111%,var(--color-resee-indigo) 82.222%,var(--color-resee-violet) 100%;--colorscale-resee-linear-step:var(--color-resee-red) 0% 11.111%,var(--color-resee-orange) 11.111% 22.222%,var(--color-resee-yellow) 22.222% 33.333%,var(--color-resee-green) 33.333% 44.444%,var(--color-resee-seaweed) 44.444% 55.555%,var(--color-resee-aqua) 55.555% 66.666%,var(--color-resee-blue) 66.666% 77.777%,var(--color-resee-indigo) 77.777% 88.888%,var(--color-resee-violet) 88.888% 100%;--colorscale-resee-conic:var(--color-resee-violet) 18deg,var(--color-resee-red) 54deg,var(--color-resee-orange) 90deg,var(--color-resee-yellow) 126deg,var(--color-resee-green) 164deg,var(--color-resee-seaweed) 198deg,var(--color-resee-aqua) 234deg,var(--color-resee-blue) 270deg,var(--color-resee-indigo) 306deg,var(--color-resee-violet) 342deg;--colorscale-resee-conic-step:var(--color-resee-violet) 0deg 20deg,var(--color-resee-red) 20deg 60deg,var(--color-resee-orange) 60deg 100deg,var(--color-resee-yellow) 100deg 140deg,var(--color-resee-green) 140deg 180deg,var(--color-resee-seaweed) 180deg 220deg,var(--color-resee-aqua) 220deg 260deg,var(--color-resee-blue) 260deg 300deg,var(--color-resee-indigo) 300deg 340deg,var(--color-resee-violet) 340deg 360deg;--colorscale-resee-lite-linear:var(--color-resee-lite-red) 0%,var(--color-resee-lite-orange) 16.666%,var(--color-resee-lite-yellow) 27.777%,var(--color-resee-lite-green) 38.888%,var(--color-resee-lite-seaweed) 49.999%,var(--color-resee-lite-aqua) 60.000%,var(--color-resee-lite-blue) 71.111%,var(--color-resee-lite-indigo) 82.222%,var(--color-resee-lite-violet) 100%;--colorscale-resee-lite-linear-step:var(--color-resee-lite-red) 0% 11.111%,var(--color-resee-lite-orange) 11.111% 22.222%,var(--color-resee-lite-yellow) 22.222% 33.333%,var(--color-resee-lite-green) 33.333% 44.444%,var(--color-resee-lite-seaweed) 44.444% 55.555%,var(--color-resee-lite-aqua) 55.555% 66.666%,var(--color-resee-lite-blue) 66.666% 77.777%,var(--color-resee-lite-indigo) 77.777% 88.888%,var(--color-resee-lite-violet) 88.888% 100%;--colorscale-resee-lite-conic:var(--color-resee-lite-violet) 18deg,var(--color-resee-lite-red) 54deg,var(--color-resee-lite-orange) 90deg,var(--color-resee-lite-yellow) 126deg,var(--color-resee-lite-green) 164deg,var(--color-resee-lite-seaweed) 198deg,var(--color-resee-lite-aqua) 234deg,var(--color-resee-lite-blue) 270deg,var(--color-resee-lite-indigo) 306deg,var(--color-resee-lite-violet) 342deg;--colorscale-resee-lite-conic-step:var(--color-resee-lite-violet) 0deg 20deg,var(--color-resee-lite-red) 20deg 60deg,var(--color-resee-lite-orange) 60deg 100deg,var(--color-resee-lite-yellow) 100deg 140deg,var(--color-resee-lite-green) 140deg 180deg,var(--color-resee-lite-seaweed) 180deg 220deg,var(--color-resee-lite-aqua) 220deg 260deg,var(--color-resee-lite-blue) 260deg 300deg,var(--color-resee-lite-indigo) 300deg 340deg,var(--color-resee-lite-violet) 340deg 360deg;--shadow-heavy-lite:0 2px 3px rgba(0,0,0,.2);--shadow-heavy-right-lite:2px 0 3px rgba(0,0,0,.2);--shadow-heavy-left-lite:-2px 0 3px rgba(0,0,0,.2);--shadow-heavy-top-lite:0 -2px 3px rgba(0,0,0,.2);--shadow-heavy-dark:0 2px 3px rgba(0,0,0,.7);--shadow-heavy-right-dark:2px 0 3px rgba(0,0,0,.7);--shadow-heavy-left-dark:-2px 0 3px rgba(0,0,0,.7);--shadow-heavy-top-dark:0 -2px 3px rgba(0,0,0,.7);--shadow-heavy:var(--shadow-heavy-lite);--shadow-heavy-right:var(--shadow-heavy-right-lite);--shadow-heavy-left:var(--shadow-heavy-left-lite);--shadow-heavy-top:var(--shadow-heavy-top-lite)}
+@custom-variant dark (&:where(.dark, .dark *));@variant dark{--color-global-background:var(--color-global-background-dark);--color-global-background-accent:var(--color-global-background-accent-dark);--color-global-foreground:var(--color-global-foreground-dark);--color-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-global-background:var(--color-global-background-lite);--color-invert-global-background-accent:var(--color-global-background-accent-lite);--color-invert-global-foreground:var(--color-global-foreground-lite);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-dark);--color-background-scale-b:var(--color-background-scale-b-dark);--color-background-scale-c:var(--color-background-scale-c-dark);--color-background-scale-d:var(--color-background-scale-d-dark);--color-background-scale-e:var(--color-background-scale-e-dark);--color-background-scale-f:var(--color-background-scale-f-dark);--color-background-scale-g:var(--color-background-scale-g-dark);--color-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-invert-background-scale-a:var(--color-background-scale-a-lite);--color-invert-background-scale-b:var(--color-background-scale-b-lite);--color-invert-background-scale-c:var(--color-background-scale-c-lite);--color-invert-background-scale-d:var(--color-background-scale-d-lite);--color-invert-background-scale-e:var(--color-background-scale-e-lite);--color-invert-background-scale-f:var(--color-background-scale-f-lite);--color-invert-background-scale-g:var(--color-background-scale-g-lite);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-info:var(--color-info-dark);--color-info-emphasis:var(--color-info-emphasis-dark);--color-info-contrast:var(--color-info-contrast-dark);--color-help:var(--color-help-dark);--color-help-emphasis:var(--color-help-emphasis-dark);--color-help-contrast:var(--color-help-contrast-dark);--color-success:var(--color-success-dark);--color-success-emphasis:var(--color-success-emphasis-dark);--color-success-contrast:var(--color-success-contrast-dark);--color-warning:var(--color-warning-dark);--color-warning-emphasis:var(--color-warning-emphasis-dark);--color-warning-contrast:var(--color-warning-contrast-dark);--color-danger:var(--color-danger-dark);--color-danger-emphasis:var(--color-danger-emphasis-dark);--color-danger-contrast:var(--color-danger-contrast-dark);--shadow-heavy:var(--shadow-heavy-dark);--shadow-heavy-right:var(--shadow-heavy-right-dark);--shadow-heavy-left:var(--shadow-heavy-left-dark);--shadow-heavy-top:var(--shadow-heavy-top-dark)}@theme{--font-sans:"Archivo",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--zero-width-space:"​";--radius-full:9999px;--custom-accent-color:unset;--icon-size-small:--spacing(3.5);--icon-size-medium:--spacing(4);--icon-size-large:--spacing(6);--icon-size-jumbo:--spacing(12);--aspect-poster:2/3;--aspect-tall:4/5;--color-surface-0:oklch(100.0% 0 0);--color-surface-50:oklch(97.31% 0 0);--color-surface-100:oklch(92.80% 0 0);--color-surface-200:oklch(86.07% 0 0);--color-surface-300:oklch(75.72% 0 0);--color-surface-400:oklch(62.68% 0 0);--color-surface-500:oklch(53.48% 0 0);--color-surface-600:oklch(47.84% 0 0);--color-surface-700:oklch(42.76% 0 0);--color-surface-800:oklch(39.04% 0 0);--color-surface-850:oklch(37.53% 0 0);--color-surface-900:oklch(36.00% 0 0);--color-surface-925:oklch(28.50% 0 0);--color-surface-950:oklch(20.02% 0 0);--color-primary-50:oklch(97.94% 0.0171 103.14);--color-primary-100:oklch(94.93% 0.0459 101.86);--color-primary-200:oklch(89.80% 0.0854 99.1);--color-primary-300:oklch(83.23% 0.1222 96.48);--color-primary-400:oklch(76.65% 0.1387 91.06);--color-primary-500:oklch(71.00% 0.1307 86.56);--color-primary-600:oklch(61.31% 0.1146 77.38);--color-primary-700:oklch(50.50% 0.0943 67.44);--color-primary-800:oklch(44.38% 0.0782 62.58);--color-primary-900:oklch(39.94% 0.0661 58.15);--color-primary-950:oklch(27.10% 0.0457 53.29);--color-resee-red:oklch(57.47% 0.2229 28.19);--color-resee-orange:oklch(67.79% 0.201 41.61);--color-resee-yellow:oklch(84.78% 0.171 89.53);--color-resee-green:oklch(71.41% 0.1907 132.48);--color-resee-seaweed:oklch(59.95% 0.1179 167.71);--color-resee-aqua:oklch(74.55% 0.1224 209.96);--color-resee-blue:oklch(42.42% 0.1982 265.5);--color-resee-indigo:oklch(39.67% 0.1568 293.38);--color-resee-violet:oklch(46.25% 0.1488 353.55);--color-resee-lite-red:oklch(from var(--color-resee-red) calc(l + 0.22) c h);--color-resee-lite-orange:oklch(from var(--color-resee-orange) calc(l + 0.25) c h);--color-resee-lite-yellow:oklch(from var(--color-resee-yellow) calc(l + 0.30) calc(c - 0.03) h);--color-resee-lite-green:oklch(from var(--color-resee-green) calc(l + 0.30) calc(c + 0.02) h);--color-resee-lite-seaweed:oklch(from var(--color-resee-seaweed) calc(l + 0.20) c h);--color-resee-lite-aqua:oklch(from var(--color-resee-aqua) calc(l + 0.25) calc(c - 0.03) h);--color-resee-lite-blue:oklch(from var(--color-resee-blue) calc(l + 0.38) c h);--color-resee-lite-indigo:oklch(from var(--color-resee-indigo) calc(l + 0.45) calc(c + 0.1) h);--color-resee-lite-violet:oklch(from var(--color-resee-violet) calc(l + 0.30) calc(c - 0.05) h);--color-global-background-lite:var(--color-surface-50);--color-global-background-accent-lite:oklch(from var(--color-surface-50) calc(l - 0.15) c h);--color-global-foreground-lite:var(--color-surface-950);--color-global-foreground-accent-lite:var(--color-surface-700);--color-global-background-dark:var(--color-surface-950);--color-global-background-accent-dark:oklch(from var(--color-surface-950) calc(l + 0.15) c h);--color-global-foreground-dark:var(--color-surface-0);--color-global-foreground-accent-dark:var(--color-surface-400);--color-background-scale-a-lite:color-mix(in oklch,var(--color-surface-950) 5%,var(--color-global-background-lite));--color-background-scale-b-lite:color-mix(in oklch,var(--color-surface-950) 8%,var(--color-global-background-lite));--color-background-scale-c-lite:color-mix(in oklch,var(--color-surface-950) 11%,var(--color-global-background-lite));--color-background-scale-d-lite:color-mix(in oklch,var(--color-surface-950) 14%,var(--color-global-background-lite));--color-background-scale-e-lite:color-mix(in oklch,var(--color-surface-950) 17%,var(--color-global-background-lite));--color-background-scale-f-lite:color-mix(in oklch,var(--color-surface-950) 20%,var(--color-global-background-lite));--color-background-scale-g-lite:color-mix(in oklch,var(--color-surface-950) 29%,var(--color-global-background-lite));--color-background-scale-a-dark:color-mix(in oklch,var(--color-surface-0) 5%,var(--color-global-background-dark));--color-background-scale-b-dark:color-mix(in oklch,var(--color-surface-0) 8%,var(--color-global-background-dark));--color-background-scale-c-dark:color-mix(in oklch,var(--color-surface-0) 11%,var(--color-global-background-dark));--color-background-scale-d-dark:color-mix(in oklch,var(--color-surface-0) 14%,var(--color-global-background-dark));--color-background-scale-e-dark:color-mix(in oklch,var(--color-surface-0) 17%,var(--color-global-background-dark));--color-background-scale-f-dark:color-mix(in oklch,var(--color-surface-0) 20%,var(--color-global-background-dark));--color-background-scale-g-dark:color-mix(in oklch,var(--color-surface-0) 29%,var(--color-global-background-dark));--color-foreground-scale-a-lite:var(--color-background-scale-a-dark);--color-foreground-scale-b-lite:var(--color-background-scale-b-dark);--color-foreground-scale-c-lite:var(--color-background-scale-c-dark);--color-foreground-scale-d-lite:var(--color-background-scale-d-dark);--color-foreground-scale-e-lite:var(--color-background-scale-e-dark);--color-foreground-scale-f-lite:var(--color-background-scale-f-dark);--color-foreground-scale-g-lite:var(--color-background-scale-g-dark);--color-foreground-scale-a-dark:var(--color-background-scale-a-lite);--color-foreground-scale-b-dark:var(--color-background-scale-b-lite);--color-foreground-scale-c-dark:var(--color-background-scale-c-lite);--color-foreground-scale-d-dark:var(--color-background-scale-d-lite);--color-foreground-scale-e-dark:var(--color-background-scale-e-lite);--color-foreground-scale-f-dark:var(--color-background-scale-f-lite);--color-foreground-scale-g-dark:var(--color-background-scale-g-lite);--color-info-lite:#3b82f6;--color-info-emphasis-lite:#2563eb;--color-info-contrast-lite:#fff;--color-info-dark:var(--color-resee-aqua);--color-info-emphasis-dark:oklch(from var(--color-resee-aqua) calc(l + 0.1) c h);--color-info-contrast-dark:var(--color-surface-950);--color-help-lite:#8b5cf6;--color-help-emphasis-lite:#7c3aed;--color-help-contrast-lite:var(--color-surface-50);--color-help-dark:#c4b5fd;--color-help-emphasis-dark:#ddd6fe;--color-help-contrast-dark:var(--color-surface-950);--color-success-lite:#15803d;--color-success-emphasis-lite:#166534;--color-success-contrast-lite:var(--color-surface-50);--color-success-dark:var(--color-resee-lite-seaweed);--color-success-emphasis-dark:oklch(from var(--color-resee-lite-seaweed) calc(l + 0.02) c h);--color-success-contrast-dark:var(--color-surface-950);--color-warning-lite:#b45309;--color-warning-emphasis-lite:#92400e;--color-warning-contrast-lite:var(--color-surface-50);--color-warning-dark:#fbbf24;--color-warning-emphasis-dark:#fcd34d;--color-warning-contrast-dark:var(--color-surface-950);--color-danger-lite:#991b1b;--color-danger-emphasis-lite:#7f1d1d;--color-danger-contrast-lite:var(--color-surface-50);--color-danger-dark:#ef4444;--color-danger-emphasis-dark:#f87171;--color-danger-contrast-dark:var(--color-surface-950);--color-global-background:var(--color-global-background-lite);--color-global-background-accent:var(--color-global-background-accent-lite);--color-global-foreground:var(--color-global-foreground-lite);--color-global-foreground-accent:var(--color-global-foreground-accent-lite);--color-background-scale-a:var(--color-background-scale-a-lite);--color-background-scale-b:var(--color-background-scale-b-lite);--color-background-scale-c:var(--color-background-scale-c-lite);--color-background-scale-d:var(--color-background-scale-d-lite);--color-background-scale-e:var(--color-background-scale-e-lite);--color-background-scale-f:var(--color-background-scale-f-lite);--color-background-scale-g:var(--color-background-scale-g-lite);--color-foreground-scale-a:var(--color-foreground-scale-a-lite);--color-foreground-scale-b:var(--color-foreground-scale-b-lite);--color-foreground-scale-c:var(--color-foreground-scale-c-lite);--color-foreground-scale-d:var(--color-foreground-scale-d-lite);--color-foreground-scale-e:var(--color-foreground-scale-e-lite);--color-foreground-scale-f:var(--color-foreground-scale-f-lite);--color-foreground-scale-g:var(--color-foreground-scale-g-lite);--color-invert-global-background:var(--color-global-background-dark);--color-invert-global-background-accent:var(--color-global-background-accent-dark);--color-invert-global-foreground:var(--color-global-foreground-dark);--color-invert-global-foreground-accent:var(--color-global-foreground-accent-dark);--color-invert-background-scale-a:var(--color-background-scale-a-dark);--color-invert-background-scale-b:var(--color-background-scale-b-dark);--color-invert-background-scale-c:var(--color-background-scale-c-dark);--color-invert-background-scale-d:var(--color-background-scale-d-dark);--color-invert-background-scale-e:var(--color-background-scale-e-dark);--color-invert-background-scale-f:var(--color-background-scale-f-dark);--color-invert-background-scale-g:var(--color-background-scale-g-dark);--color-invert-foreground-scale-a:var(--color-foreground-scale-a-dark);--color-invert-foreground-scale-b:var(--color-foreground-scale-b-dark);--color-invert-foreground-scale-c:var(--color-foreground-scale-c-dark);--color-invert-foreground-scale-d:var(--color-foreground-scale-d-dark);--color-invert-foreground-scale-e:var(--color-foreground-scale-e-dark);--color-invert-foreground-scale-f:var(--color-foreground-scale-f-dark);--color-invert-foreground-scale-g:var(--color-foreground-scale-g-dark);--color-info:var(--color-info-lite);--color-info-emphasis:var(--color-info-emphasis-lite);--color-info-contrast:var(--color-info-contrast-lite);--color-help:var(--color-help-lite);--color-help-emphasis:var(--color-help-emphasis-lite);--color-help-contrast:var(--color-help-contrast-lite);--color-success:var(--color-success-lite);--color-success-emphasis:var(--color-success-emphasis-lite);--color-success-contrast:var(--color-success-contrast-lite);--color-warning:var(--color-warning-lite);--color-warning-emphasis:var(--color-warning-emphasis-lite);--color-warning-contrast:var(--color-warning-contrast-lite);--color-danger:var(--color-danger-lite);--color-danger-emphasis:var(--color-danger-emphasis-lite);--color-danger-contrast:var(--color-danger-contrast-lite);--colorscale-resee-linear:var(--color-resee-red) 0%,var(--color-resee-orange) 16.666%,var(--color-resee-yellow) 27.777%,var(--color-resee-green) 38.888%,var(--color-resee-seaweed) 49.999%,var(--color-resee-aqua) 60.000%,var(--color-resee-blue) 71.111%,var(--color-resee-indigo) 82.222%,var(--color-resee-violet) 100%;--colorscale-resee-linear-step:var(--color-resee-red) 0% 11.111%,var(--color-resee-orange) 11.111% 22.222%,var(--color-resee-yellow) 22.222% 33.333%,var(--color-resee-green) 33.333% 44.444%,var(--color-resee-seaweed) 44.444% 55.555%,var(--color-resee-aqua) 55.555% 66.666%,var(--color-resee-blue) 66.666% 77.777%,var(--color-resee-indigo) 77.777% 88.888%,var(--color-resee-violet) 88.888% 100%;--colorscale-resee-conic:var(--color-resee-violet) 18deg,var(--color-resee-red) 54deg,var(--color-resee-orange) 90deg,var(--color-resee-yellow) 126deg,var(--color-resee-green) 164deg,var(--color-resee-seaweed) 198deg,var(--color-resee-aqua) 234deg,var(--color-resee-blue) 270deg,var(--color-resee-indigo) 306deg,var(--color-resee-violet) 342deg;--colorscale-resee-conic-step:var(--color-resee-violet) 0deg 20deg,var(--color-resee-red) 20deg 60deg,var(--color-resee-orange) 60deg 100deg,var(--color-resee-yellow) 100deg 140deg,var(--color-resee-green) 140deg 180deg,var(--color-resee-seaweed) 180deg 220deg,var(--color-resee-aqua) 220deg 260deg,var(--color-resee-blue) 260deg 300deg,var(--color-resee-indigo) 300deg 340deg,var(--color-resee-violet) 340deg 360deg;--colorscale-resee-lite-linear:var(--color-resee-lite-red) 0%,var(--color-resee-lite-orange) 16.666%,var(--color-resee-lite-yellow) 27.777%,var(--color-resee-lite-green) 38.888%,var(--color-resee-lite-seaweed) 49.999%,var(--color-resee-lite-aqua) 60.000%,var(--color-resee-lite-blue) 71.111%,var(--color-resee-lite-indigo) 82.222%,var(--color-resee-lite-violet) 100%;--colorscale-resee-lite-linear-step:var(--color-resee-lite-red) 0% 11.111%,var(--color-resee-lite-orange) 11.111% 22.222%,var(--color-resee-lite-yellow) 22.222% 33.333%,var(--color-resee-lite-green) 33.333% 44.444%,var(--color-resee-lite-seaweed) 44.444% 55.555%,var(--color-resee-lite-aqua) 55.555% 66.666%,var(--color-resee-lite-blue) 66.666% 77.777%,var(--color-resee-lite-indigo) 77.777% 88.888%,var(--color-resee-lite-violet) 88.888% 100%;--colorscale-resee-lite-conic:var(--color-resee-lite-violet) 18deg,var(--color-resee-lite-red) 54deg,var(--color-resee-lite-orange) 90deg,var(--color-resee-lite-yellow) 126deg,var(--color-resee-lite-green) 164deg,var(--color-resee-lite-seaweed) 198deg,var(--color-resee-lite-aqua) 234deg,var(--color-resee-lite-blue) 270deg,var(--color-resee-lite-indigo) 306deg,var(--color-resee-lite-violet) 342deg;--colorscale-resee-lite-conic-step:var(--color-resee-lite-violet) 0deg 20deg,var(--color-resee-lite-red) 20deg 60deg,var(--color-resee-lite-orange) 60deg 100deg,var(--color-resee-lite-yellow) 100deg 140deg,var(--color-resee-lite-green) 140deg 180deg,var(--color-resee-lite-seaweed) 180deg 220deg,var(--color-resee-lite-aqua) 220deg 260deg,var(--color-resee-lite-blue) 260deg 300deg,var(--color-resee-lite-indigo) 300deg 340deg,var(--color-resee-lite-violet) 340deg 360deg;--shadow-heavy-lite:0 2px 3px rgba(0,0,0,.2);--shadow-heavy-right-lite:2px 0 3px rgba(0,0,0,.2);--shadow-heavy-left-lite:-2px 0 3px rgba(0,0,0,.2);--shadow-heavy-top-lite:0 -2px 3px rgba(0,0,0,.2);--shadow-heavy-dark:0 2px 3px rgba(0,0,0,.7);--shadow-heavy-right-dark:2px 0 3px rgba(0,0,0,.7);--shadow-heavy-left-dark:-2px 0 3px rgba(0,0,0,.7);--shadow-heavy-top-dark:0 -2px 3px rgba(0,0,0,.7);--shadow-heavy:var(--shadow-heavy-lite);--shadow-heavy-right:var(--shadow-heavy-right-lite);--shadow-heavy-left:var(--shadow-heavy-left-lite);--shadow-heavy-top:var(--shadow-heavy-top-lite)}

package/dist/runtime/theme/css/brand/tooltip.css

@@ -1 +1 @@
-@layer components{.tooltip{animation:show-tooltip calc(var(--default-transition-duration)*2) none var(--default-transition-timing-function);position:absolute}.tooltip .content{background:var(--color-invert-background-scale-c);border-radius:var(--radius-xs);color:var(--color-invert-global-foreground);line-height:0;padding:--spacing(3) --spacing(1.5);white-space:pre-line;word-break:break-word}.tooltip.left,.tooltip.right{padding:0 --spacing(1)}.tooltip.bottom,.tooltip.top{padding:--spacing(1) 0}.tooltip.top{box-shadow:var(--shadow-heavy);transform:translateY(--spacing(-1))}.tooltip.right{box-shadow:var(--shadow-heavy-left);transform:translateX(--spacing(1))}.tooltip.bottom{box-shadow:var(--shadow-heavy-top);transform:translateY(--spacing(1))}.tooltip.left{box-shadow:var(--shadow-heavy-right);transform:translateX(--spacing(-1))}.tooltip .arrow{border:solid transparent;height:0;position:absolute;width:0}.tooltip.left .arrow,.tooltip.right .arrow{border-bottom-width:--spacing(1);border-top-width:--spacing(1);margin-top:--spacing(-1)}.tooltip.bottom .arrow,.tooltip.top .arrow{border-left-width:--spacing(1);border-right-width:--spacing(1);margin-left:--spacing(-1)}.tooltip.top .arrow{border-bottom-width:0;border-top-color:var(--color-invert-background-scale-c);border-top-width:--spacing(1)}.tooltip.right .arrow{border-left-width:0;border-right-color:var(--color-invert-background-scale-c);border-right-width:--spacing(1)}.tooltip.bottom .arrow{border-bottom-color:var(--color-invert-background-scale-c);border-bottom-width:--spacing(1);border-top-width:0}.tooltip.left .arrow{border-left-color:var(--color-invert-background-scale-c);border-left-width:--spacing(1);border-right-width:0}@keyframes show-tooltip{0%{opacity:0}to{opacity:100%}}}
+@layer components{.tooltip{animation:show-tooltip calc(var(--default-transition-duration)*2) none var(--default-transition-timing-function);position:absolute}.tooltip .content{background:var(--color-invert-background-scale-c);border-radius:var(--radius-xs);color:var(--color-invert-global-foreground);line-height:0;padding:--spacing(3) --spacing(1.5);white-space:pre-line;word-break:break-word}.tooltip[data-p-position=left],.tooltip[data-p-position=right]{padding:0 --spacing(1)}.tooltip[data-p-position=bottom],.tooltip[data-p-position=top]{padding:--spacing(1) 0}.tooltip[data-p-position=top]{box-shadow:var(--shadow-heavy);transform:translateY(--spacing(-1))}.tooltip[data-p-position=right]{box-shadow:var(--shadow-heavy-left);transform:translateX(--spacing(1))}.tooltip[data-p-position=bottom]{box-shadow:var(--shadow-heavy-top);transform:translateY(--spacing(1))}.tooltip[data-p-position=left]{box-shadow:var(--shadow-heavy-right);transform:translateX(--spacing(-1))}.tooltip .arrow{border:solid transparent;height:0;position:absolute;width:0}.tooltip[data-p-position=left] .arrow,.tooltip[data-p-position=right] .arrow{border-bottom-width:--spacing(1);border-top-width:--spacing(1);margin-top:--spacing(-1)}.tooltip[data-p-position=bottom] .arrow,.tooltip[data-p-position=top] .arrow{border-left-width:--spacing(1);border-right-width:--spacing(1);margin-left:--spacing(-1)}.tooltip[data-p-position=top] .arrow{border-bottom-width:0;border-top-color:var(--color-invert-background-scale-c);border-top-width:--spacing(1)}.tooltip[data-p-position=right] .arrow{border-left-width:0;border-right-color:var(--color-invert-background-scale-c);border-right-width:--spacing(1)}.tooltip[data-p-position=bottom] .arrow{border-bottom-color:var(--color-invert-background-scale-c);border-bottom-width:--spacing(1);border-top-width:0}.tooltip[data-p-position=left] .arrow{border-left-color:var(--color-invert-background-scale-c);border-left-width:--spacing(1);border-right-width:0}@keyframes show-tooltip{0%{opacity:0}to{opacity:100%}}}

package/dist/runtime/theme/css/brand/transition.css

@@ -1 +1 @@
-@layer base{.fade-enter-active,.fade-leave-active,.slide-x-enter-active,.slide-x-leave-active,.slide-y-enter-active,.slide-y-leave-active{transition:opacity;transition-duration:calc(var(--default-transition-duration)*2);transition-timing-function:var(--default-transition-timing-function)}.fade-enter-from,.fade-leave-to,.slide-x-enter-from,.slide-x-leave-to,.slide-y-enter-from,.slide-y-leave-to{opacity:0}@supports (interpolate-size:allow-keywords){.slide-y-enter-active,.slide-y-leave-active{interpolate-size:allow-keywords;height:-moz-max-content;height:max-content;overflow-y:clip;transition:opacity,height;transition-duration:calc(var(--default-transition-duration)*2);transition-timing-function:var(--default-transition-timing-function)}.slide-y-enter-from,.slide-y-leave-to{height:0}.slide-x-enter-active,.slide-x-leave-active{interpolate-size:allow-keywords;overflow-x:clip;transition:opacity,width;transition-duration:calc(var(--default-transition-duration)*2);transition-timing-function:var(--default-transition-timing-function);width:auto}.slide-x-enter-from,.slide-x-leave-to{width:0}}}
+@layer base{.fade-enter-active,.fade-leave-active,.grow-x-enter-active,.grow-x-leave-active,.grow-y-enter-active,.grow-y-leave-active{transition:opacity;transition-duration:calc(var(--default-transition-duration)*2);transition-timing-function:var(--default-transition-timing-function)}.fade-enter-from,.fade-leave-to,.grow-x-enter-from,.grow-x-leave-to,.grow-y-enter-from,.grow-y-leave-to{opacity:0}@supports (interpolate-size:allow-keywords){.grow-y-enter-active,.grow-y-leave-active{interpolate-size:allow-keywords;height:-moz-max-content;height:max-content;overflow-y:clip;transition:opacity,height;transition-duration:calc(var(--default-transition-duration)*2);transition-timing-function:var(--default-transition-timing-function)}.grow-y-enter-from,.grow-y-leave-to{height:0}.grow-x-enter-active,.grow-x-leave-active{interpolate-size:allow-keywords;overflow-x:clip;transition:opacity,width;transition-duration:calc(var(--default-transition-duration)*2);transition-timing-function:var(--default-transition-timing-function);width:auto}.grow-x-enter-from,.grow-x-leave-to{width:0}}.slide-in-bottom-enter-active,.slide-in-bottom-leave-active,.slide-in-left-enter-active,.slide-in-left-leave-active,.slide-in-right-enter-active,.slide-in-right-leave-active,.slide-in-top-enter-active,.slide-in-top-leave-active{transition-duration:calc(var(--default-transition-duration)*3);transition-property:transform;transition-timing-function:var(--default-transition-timing-function)}.slide-in-left-enter-from,.slide-in-left-leave-to{transform:translateX(-100%)}.slide-in-right-enter-from,.slide-in-right-leave-to{transform:translateX(100%)}.slide-in-top-enter-from,.slide-in-top-leave-to{transform:translateY(-100%)}.slide-in-bottom-enter-from,.slide-in-bottom-leave-to{transform:translateY(100%)}.scale-enter-active,.scale-leave-active{transition-duration:calc(var(--default-transition-duration)*2);transition-property:opacity,transform;transition-timing-function:var(--default-transition-timing-function)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.85)}}

package/dist/runtime/theme/css/brand/utilities.css

@@ -1 +1 @@
-@utility content-zero-width{content:var(--zero-width-space)}
+@utility content-zero-width{content:var(--zero-width-space)}@utility occlude-background{backdrop-filter:blur(var(--blur-xs));background-color:--alpha(var(--color-black)/60%);transition-duration:calc(var(--default-transition-duration)*3);transition-property:background-color,backdrop-filter;&:has(>[class*=-enter-from],>[class*=-leave-active],>[class*=-leave-to]){backdrop-filter:blur(0);background-color:transparent}&.replace-scrollbar{border-inline-end:solid var(--p-scrollbar-width) var(--color-global-background)}}

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

@@ -1,11 +1,17 @@
 export interface ModuleOptions {
     defaultColorMode?: 'lite' | 'dark';
     usePreferredColorScheme?: boolean;
+    componentPrefix?: string;
     tailwind?: {
         plugins?: (string | undefined)[];
         sources?: (string | undefined)[];
         imports?: (string | undefined)[];
     };
+    primevue?: {
+        passthroughImport?: string;
+        componentPrefix?: string;
+        includeComponents?: string[];
+    };
 }
 export interface ModuleHooks {
     /** Allows extending sources for Tailwind CSS. */