rimelight-components 1.3.3 → 1.4.1

package/dist/module.d.mts

@@ -1,8 +1,20 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
+interface CalloutOptions {
+    icon: string;
+    title: string;
+}
 interface ModuleOptions {
+    callouts: {
+        info: CalloutOptions;
+        success: CalloutOptions;
+        warning: CalloutOptions;
+        error: CalloutOptions;
+        commentary: CalloutOptions;
+        ideation: CalloutOptions;
+        source: CalloutOptions;
+    };
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };
-export type { ModuleOptions };

package/dist/module.json

@@ -7,6 +7,6 @@
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",
-    "unbuild": "3.6.1"
+    "unbuild": "unknown"
   }
 }

package/dist/module.mjs

@@ -1,5 +1,37 @@
 import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
+const defaultOptions = {
+  callouts: {
+    info: {
+      icon: "lucide:shield-alert",
+      title: "Note"
+    },
+    success: {
+      icon: "lucide:circle-alert",
+      title: "Tip"
+    },
+    warning: {
+      icon: "lucide:triangle-alert",
+      title: "Warning"
+    },
+    error: {
+      icon: "lucide:octagon-alert",
+      title: "Danger"
+    },
+    commentary: {
+      icon: "lucide:message-circle-warning",
+      title: "Commentary"
+    },
+    ideation: {
+      icon: "lucide:badge-alert",
+      title: "Ideation"
+    },
+    source: {
+      icon: "lucide:book-alert",
+      title: "Creator's Remarks"
+    }
+  }
+};
 const module = defineNuxtModule({
   meta: {
     name: "rimelight-components",
@@ -9,7 +41,7 @@ const module = defineNuxtModule({
       nuxt: ">=4.0.0"
     }
   },
-  defaults: {},
+  defaults: defaultOptions,
   hooks: {},
   moduleDependencies: {
     "@nuxt/image": {
@@ -55,6 +87,7 @@ const module = defineNuxtModule({
   },
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
+    nuxt.options.appConfig.rimelightComponents = options;
     addComponentsDir({
       path: resolver.resolve("./runtime/components/"),
       pathPrefix: false,

package/dist/runtime/components/app/ScrollToTop.vue

@@ -55,7 +55,7 @@ const durationInSeconds = computed(() => `${props.duration}s`);
     <div v-if="isVisible">
       <UButton
         variant="ghost"
-        class="fixed right-4 bottom-4 z-50 size-20 lg:size-16"
+        class="fixed bottom-4 right-4 z-50 size-20 lg:size-16"
         @click="scrollToTop"
       >
         <div class="progress-circle-base size-full">

package/dist/runtime/components/backgrounds/FlickeringGrid.vue

@@ -100,9 +100,15 @@ onMounted(() => {
     updateCanvasSize();
   });
   intersectionObserver = new IntersectionObserver(
-    ([entry]) => {
-      isInView.value = entry.isIntersecting;
-      animationFrameId = requestAnimationFrame(animate);
+    (entries) => {
+      const entry = entries[0];
+      if (entry) {
+        isInView.value = entry.isIntersecting;
+        if (isInView.value && !animationFrameId) {
+          lastTime = performance.now();
+          animationFrameId = requestAnimationFrame(animate);
+        }
+      }
     },
     { threshold: 0 }
   );

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

@@ -0,0 +1,17 @@
+export type CalloutVariant = "info" | "success" | "warning" | "error" | "commentary" | "ideation" | "source";
+type __VLS_Props = {
+    variant: CalloutVariant;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+<script setup>
+import { useAppConfig } from "nuxt/app";
+import { computed } from "#imports";
+const appConfig = useAppConfig();
+const { variant } = defineProps({
+  variant: { type: String, required: true }
+});
+const config = computed(() => {
+  return appConfig.rimelightComponents?.callouts?.[variant] ?? {
+    icon: "lucide:alert-circle",
+    title: "Unknown"
+  };
+});
+const icon = computed(() => config.value.icon);
+const title = computed(() => config.value.title);
+</script>
+
+<template>
+  <UAlert :icon="icon" :title="title" :color="variant" variant="subtle">
+    <template #description>
+      <slot />
+    </template>
+  </UAlert>
+</template>

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

@@ -0,0 +1,17 @@
+export type CalloutVariant = "info" | "success" | "warning" | "error" | "commentary" | "ideation" | "source";
+type __VLS_Props = {
+    variant: CalloutVariant;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+export type SectionLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type __VLS_Props = {
+    level?: SectionLevel;
+    title: string;
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,46 @@
+<script setup>
+import { tv } from "tailwind-variants";
+const sectionVariants = tv({
+  slots: {
+    sectionSlot: "flex flex-col gap-md lg:gap-lg",
+    headingSlot: ""
+  },
+  variants: {
+    level: {
+      1: {
+        headingSlot: "text-4xl font-bold"
+      },
+      2: {
+        headingSlot: "text-3xl font-bold"
+      },
+      3: {
+        headingSlot: "text-2xl font-bold"
+      },
+      4: {
+        headingSlot: "text-xl font-bold"
+      },
+      5: {
+        headingSlot: "text-lg font-bold"
+      },
+      6: {
+        headingSlot: "text-base font-bold"
+      }
+    }
+  }
+});
+const { level = 1 } = defineProps({
+  level: { type: Number, required: false },
+  title: { type: String, required: true }
+});
+const { sectionSlot, headingSlot } = sectionVariants({ level });
+</script>
+
+<template>
+  <section :class="sectionSlot()" v-bind="$attrs">
+    <component :is="`h${level}`" :class="headingSlot()">
+      {{ title }}
+    </component>
+    <USeparator />
+    <slot />
+  </section>
+</template>

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

@@ -0,0 +1,18 @@
+export type SectionLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type __VLS_Props = {
+    level?: SectionLevel;
+    title: string;
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types.d.mts

@@ -1,3 +1,7 @@
-export { default } from './module.mjs'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
 
-export { type ModuleOptions } from './module.mjs'
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "description": "My new Nuxt module",
   "repository": "Rimelight  Entertainment/rimelight-components",
   "license": "MIT",