rimelight-components 2.1.18 → 2.1.19

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.18",
+  "version": "2.1.19",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.1.18";
+const version = "2.1.19";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

package/dist/runtime/components/app/Footer.d.vue.ts

@@ -1,15 +1,20 @@
 export interface FooterProps {
+    rc?: {
+        root?: string;
+        container?: string;
+        left?: string;
+        center?: string;
+        right?: string;
+    };
 }
 export interface FooterEmits {
 }
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
-type __VLS_Slots = {} & {
-    left?: (props: typeof __VLS_7) => any;
-} & {
-    center?: (props: typeof __VLS_9) => any;
-} & {
-    right?: (props: typeof __VLS_11) => any;
-};
+export interface FooterSlots {
+    left: (props: {}) => any;
+    center: (props: {}) => any;
+    right: (props: {}) => any;
+}
+type __VLS_Slots = FooterSlots;
 declare const __VLS_base: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,12 @@
 <script setup>
-import { tv } from "tailwind-variants";
-const {} = defineProps({});
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { rc: rcProp } = defineProps({
+  rc: { type: Object, required: false }
+});
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("Footer", rcProp);
 const footerStyles = tv({
   slots: {
     root: "py-8 lg:py-12",
@@ -15,15 +20,15 @@ const { root, container, left, center, right } = footerStyles();
 </script>
 
 <template>
-  <footer :class="root()">
-    <UContainer :class="container()">
-      <div :class="left()">
+  <footer :class="root({ class: rc.root })">
+    <UContainer :class="container({ class: rc.container })">
+      <div :class="left({ class: rc.left })">
         <slot name="left" />
       </div>
-      <div :class="center()">
+      <div :class="center({ class: rc.center })">
         <slot name="center" />
       </div>
-      <div :class="right()">
+      <div :class="right({ class: rc.right })">
         <slot name="right" />
       </div>
     </UContainer>

package/dist/runtime/components/app/Footer.vue.d.ts

@@ -1,15 +1,20 @@
 export interface FooterProps {
+    rc?: {
+        root?: string;
+        container?: string;
+        left?: string;
+        center?: string;
+        right?: string;
+    };
 }
 export interface FooterEmits {
 }
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
-type __VLS_Slots = {} & {
-    left?: (props: typeof __VLS_7) => any;
-} & {
-    center?: (props: typeof __VLS_9) => any;
-} & {
-    right?: (props: typeof __VLS_11) => any;
-};
+export interface FooterSlots {
+    left: (props: {}) => any;
+    center: (props: {}) => any;
+    right: (props: {}) => any;
+}
+type __VLS_Slots = FooterSlots;
 declare const __VLS_base: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/app/Header.d.vue.ts

@@ -1,21 +1,26 @@
 export interface HeaderProps {
+    rc?: {
+        root?: string;
+        container?: string;
+        left?: string;
+        center?: string;
+        right?: string;
+        collapsedLeft?: string;
+        collapsedCenter?: string;
+        collapsedRight?: string;
+    };
 }
 export interface HeaderEmits {
 }
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    left?: (props: typeof __VLS_7) => any;
-} & {
-    center?: (props: typeof __VLS_9) => any;
-} & {
-    right?: (props: typeof __VLS_11) => any;
-} & {
-    'collapsed-left'?: (props: typeof __VLS_13) => any;
-} & {
-    'collapsed-center'?: (props: typeof __VLS_15) => any;
-} & {
-    'collapsed-right'?: (props: typeof __VLS_17) => any;
-};
+export interface HeaderSlots {
+    left: (props: {}) => any;
+    center: (props: {}) => any;
+    right: (props: {}) => any;
+    "collapsed-left": (props: {}) => any;
+    "collapsed-center": (props: {}) => any;
+    "collapsed-right": (props: {}) => any;
+}
+type __VLS_Slots = HeaderSlots;
 declare const __VLS_base: import("vue").DefineComponent<HeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,12 @@
 <script setup>
-import { tv } from "tailwind-variants";
-const {} = defineProps({});
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { rc: rcProp } = defineProps({
+  rc: { type: Object, required: false }
+});
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("Header", rcProp);
 const headerStyles = tv({
   slots: {
     root: "h-(--ui-header-height)",
@@ -27,14 +32,14 @@ const {
 </script>
 
 <template>
-  <header :class="root()">
-    <UContainer :class="container()">
-      <div :class="left()"><slot name="left" /></div>
-      <div :class="center()"><slot name="center" /></div>
-      <div :class="right()"><slot name="right" /></div>
-      <div :class="collapsedLeft()"><slot name="collapsed-left" /></div>
-      <div :class="collapsedCenter()"><slot name="collapsed-center" /></div>
-      <div :class="collapsedRight()"><slot name="collapsed-right" /></div>
+  <header :class="root({ class: rc.root })">
+    <UContainer :class="container({ class: rc.container })">
+      <div :class="left({ class: rc.left })"><slot name="left" /></div>
+      <div :class="center({ class: rc.center })"><slot name="center" /></div>
+      <div :class="right({ class: rc.right })"><slot name="right" /></div>
+      <div :class="collapsedLeft({ class: rc.collapsedLeft })"><slot name="collapsed-left" /></div>
+      <div :class="collapsedCenter({ class: rc.collapsedCenter })"><slot name="collapsed-center" /></div>
+      <div :class="collapsedRight({ class: rc.collapsedRight })"><slot name="collapsed-right" /></div>
     </UContainer>
   </header>
 </template>

package/dist/runtime/components/app/Header.vue.d.ts

@@ -1,21 +1,26 @@
 export interface HeaderProps {
+    rc?: {
+        root?: string;
+        container?: string;
+        left?: string;
+        center?: string;
+        right?: string;
+        collapsedLeft?: string;
+        collapsedCenter?: string;
+        collapsedRight?: string;
+    };
 }
 export interface HeaderEmits {
 }
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    left?: (props: typeof __VLS_7) => any;
-} & {
-    center?: (props: typeof __VLS_9) => any;
-} & {
-    right?: (props: typeof __VLS_11) => any;
-} & {
-    'collapsed-left'?: (props: typeof __VLS_13) => any;
-} & {
-    'collapsed-center'?: (props: typeof __VLS_15) => any;
-} & {
-    'collapsed-right'?: (props: typeof __VLS_17) => any;
-};
+export interface HeaderSlots {
+    left: (props: {}) => any;
+    center: (props: {}) => any;
+    right: (props: {}) => any;
+    "collapsed-left": (props: {}) => any;
+    "collapsed-center": (props: {}) => any;
+    "collapsed-right": (props: {}) => any;
+}
+type __VLS_Slots = HeaderSlots;
 declare const __VLS_base: import("vue").DefineComponent<HeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/app/HeaderLayer.d.vue.ts

@@ -2,13 +2,17 @@ export interface HeaderLayerProps {
     id: string;
     order?: number;
     hideOnScroll?: boolean;
+    rc?: {
+        root?: string;
+        content?: string;
+    };
 }
 export interface HeaderLayerEmits {
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
+export interface HeaderLayerSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = HeaderLayerSlots;
 declare const __VLS_base: import("vue").DefineComponent<HeaderLayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderLayerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,14 +1,17 @@
 <script setup>
 import { ref, onMounted, onUnmounted, watch, computed, nextTick } from "vue";
-import { useHeaderStack } from "../../composables";
+import { useHeaderStack, useRC } from "../../composables";
 import { useWindowScroll } from "@vueuse/core";
-import { tv } from "tailwind-variants";
-const props = defineProps({
+import { tv } from "../../utils/tv";
+const { id, order, hideOnScroll = false, rc: rcProp } = defineProps({
   id: { type: String, required: true },
   order: { type: Number, required: false },
-  hideOnScroll: { type: Boolean, required: false }
+  hideOnScroll: { type: Boolean, required: false },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("HeaderLayer", rcProp);
 const headerLayerStyles = tv({
   slots: {
     root: "fixed left-0 right-0 z-50 overflow-hidden transition-[top,height,opacity] duration-200 ease-in-out",
@@ -22,9 +25,9 @@ const contentRef = ref(null);
 const isVisible = ref(true);
 const lastScrollY = ref(0);
 const naturalHeight = ref(0);
-const topOffset = computed(() => getOffsetFor(props.id));
+const topOffset = computed(() => getOffsetFor(id));
 watch(scrollY, (current) => {
-  if (!props.hideOnScroll) return;
+  if (!hideOnScroll) return;
   const diff = current - lastScrollY.value;
   if (Math.abs(diff) < 10) return;
   if (current <= 50) {
@@ -34,7 +37,7 @@ watch(scrollY, (current) => {
 });
 const updateStack = () => {
   const heightToRegister = isVisible.value ? naturalHeight.value : 0;
-  registerHeader(props.id, heightToRegister, props.order);
+  registerHeader(id, heightToRegister, order);
 };
 watch(isVisible, updateStack);
 let observer = null;
@@ -58,14 +61,14 @@ onMounted(() => {
   });
 });
 onUnmounted(() => {
-  unregisterHeader(props.id);
+  unregisterHeader(id);
   observer?.disconnect();
 });
 </script>
 
 <template>
   <div
-    :class="root()"
+    :class="root({ class: rc.root })"
     :style="{
   top: `${topOffset}px`,
   height: isVisible ? `${naturalHeight}px` : '0px',
@@ -73,7 +76,7 @@ onUnmounted(() => {
   pointerEvents: isVisible ? 'auto' : 'none'
 }"
   >
-    <div ref="contentRef" :class="content()">
+    <div ref="contentRef" :class="content({ class: rc.content })">
       <slot />
     </div>
   </div>

package/dist/runtime/components/app/HeaderLayer.vue.d.ts

@@ -2,13 +2,17 @@ export interface HeaderLayerProps {
     id: string;
     order?: number;
     hideOnScroll?: boolean;
+    rc?: {
+        root?: string;
+        content?: string;
+    };
 }
 export interface HeaderLayerEmits {
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
+export interface HeaderLayerSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = HeaderLayerSlots;
 declare const __VLS_base: import("vue").DefineComponent<HeaderLayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderLayerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -5,9 +5,21 @@ export interface ImageProps {
     width?: string | number;
     loading?: "lazy" | "eager";
     fit?: "cover" | "contain" | "fill" | "inside" | "outside";
+    rc?: {
+        base?: string;
+    };
 }
 export interface ImageEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface ImageSlots {
+}
+type __VLS_Slots = ImageSlots;
+declare const __VLS_base: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageProps> & 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/app/Image.vue

@@ -1,23 +1,27 @@
 <script setup>
 import { ref, reactive, onMounted, useTemplateRef, watch, nextTick } from "vue";
-import { tv } from "tailwind-variants";
-import { useImage } from "#imports";
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
 const {
   src,
   alt = "Image",
   height,
   width,
   loading = "lazy",
-  fit = "cover"
+  fit = "cover",
+  rc: rcProp
 } = defineProps({
   src: { type: String, required: true },
   alt: { type: String, required: false },
   height: { type: [String, Number], required: false },
   width: { type: [String, Number], required: false },
   loading: { type: String, required: false },
-  fit: { type: String, required: false }
+  fit: { type: String, required: false },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("Image", rcProp);
 const imageStyles = tv({
   slots: {
     base: "cursor-pointer transition-transform duration-300"
@@ -36,7 +40,6 @@ const imageStyles = tv({
 const { base } = imageStyles();
 const img = useImage();
 const isOpen = ref(false);
-const imgRef = ref(null);
 const imgElement = useTemplateRef("imgRef");
 const metadata = reactive({
   width: 0,
@@ -138,7 +141,7 @@ watch(() => imgElement.value, (newVal) => {
         :height="height"
         :width="width"
         :loading="loading"
-        :class="base({ isExpanded: false })"
+        :class="base({ isExpanded: false, class: rc.base })"
         @click="isOpen = true"
         @load="handleImageLoad"
       />
@@ -151,7 +154,7 @@ watch(() => imgElement.value, (newVal) => {
           <NuxtImg
             :src="src"
             :alt="alt"
-            :class="base({ isExpanded: true })"
+            :class="base({ isExpanded: true, class: rc.base })"
           />
         </div>
 

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

@@ -5,9 +5,21 @@ export interface ImageProps {
     width?: string | number;
     loading?: "lazy" | "eager";
     fit?: "cover" | "contain" | "fill" | "inside" | "outside";
+    rc?: {
+        base?: string;
+    };
 }
 export interface ImageEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface ImageSlots {
+}
+type __VLS_Slots = ImageSlots;
+declare const __VLS_base: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageProps> & 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/app/Logo.d.vue.ts

@@ -1,8 +1,20 @@
 export interface LogoProps {
     variant?: "mark" | "type";
+    rc?: {
+        root?: string;
+    };
 }
 export interface LogoEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface LogoSlots {
+}
+type __VLS_Slots = LogoSlots;
+declare const __VLS_base: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & 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/app/Logo.vue

@@ -1,11 +1,15 @@
 <script setup>
 import { useAppConfig } from "nuxt/app";
 import { computed } from "#imports";
-import { tv } from "tailwind-variants";
-const { variant = "mark" } = defineProps({
-  variant: { type: String, required: false }
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { variant = "mark", rc: rcProp } = defineProps({
+  variant: { type: String, required: false },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("Logo", rcProp);
 const logoStyles = tv({
   slots: {
     root: ""
@@ -25,7 +29,7 @@ const logoSrc = computed(() => {
 </script>
 
 <template>
-  <NuxtLink to="/">
+  <NuxtLink to="/" :class="root({ class: rc.root })">
     <UIcon :name="logoSrc" v-bind="$attrs" />
   </NuxtLink>
 </template>

package/dist/runtime/components/app/Logo.vue.d.ts

@@ -1,8 +1,20 @@
 export interface LogoProps {
     variant?: "mark" | "type";
+    rc?: {
+        root?: string;
+    };
 }
 export interface LogoEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface LogoSlots {
+}
+type __VLS_Slots = LogoSlots;
+declare const __VLS_base: import("vue").DefineComponent<LogoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LogoProps> & 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/app/NewsletterSignup.d.vue.ts

@@ -3,9 +3,21 @@ export interface NewsletterSignupProps {
     description?: string;
     placeholder?: string;
     buttonLabel?: string;
+    rc?: {
+        group?: string;
+    };
 }
 export interface NewsletterSignupEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<NewsletterSignupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NewsletterSignupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface NewsletterSignupSlots {
+}
+type __VLS_Slots = NewsletterSignupSlots;
+declare const __VLS_base: import("vue").DefineComponent<NewsletterSignupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NewsletterSignupProps> & 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/app/NewsletterSignup.vue

@@ -1,17 +1,22 @@
 <script setup>
-import { tv } from "tailwind-variants";
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
 const {
   fieldLabel = "Subscribe to our Newsletter",
   description = "Stay updated on new posts and updates. Unsubscribe at any time.",
   placeholder = "email@domain.com",
-  buttonLabel = "Subscribe"
+  buttonLabel = "Subscribe",
+  rc: rcProp
 } = defineProps({
   fieldLabel: { type: String, required: false },
   description: { type: String, required: false },
   placeholder: { type: String, required: false },
-  buttonLabel: { type: String, required: false }
+  buttonLabel: { type: String, required: false },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("NewsletterSignup", rcProp);
 const newsletterSignupStyles = tv({
   slots: {
     group: "pt-2"
@@ -23,7 +28,7 @@ const { group } = newsletterSignupStyles();
 <template>
   <UForm>
     <UFormField name="email" :label="fieldLabel" :description="description">
-      <UFieldGroup :class="group()">
+      <UFieldGroup :class="group({ class: rc.group })">
         <UInput type="email" :placeholder="placeholder" />
         <UButton type="submit" :label="buttonLabel" />
       </UFieldGroup>

package/dist/runtime/components/app/NewsletterSignup.vue.d.ts

@@ -3,9 +3,21 @@ export interface NewsletterSignupProps {
     description?: string;
     placeholder?: string;
     buttonLabel?: string;
+    rc?: {
+        group?: string;
+    };
 }
 export interface NewsletterSignupEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<NewsletterSignupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NewsletterSignupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface NewsletterSignupSlots {
+}
+type __VLS_Slots = NewsletterSignupSlots;
+declare const __VLS_base: import("vue").DefineComponent<NewsletterSignupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NewsletterSignupProps> & 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/app/ScrollToTop.d.vue.ts

@@ -1,12 +1,25 @@
 export interface ScrollToTopProps {
     circleStrokeWidth?: number;
     duration?: number;
+    rc?: {
+        button?: string;
+        progressBase?: string;
+        svg?: string;
+        iconContainer?: string;
+        icon?: string;
+    };
 }
 export interface ScrollToTopEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<ScrollToTopProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollToTopProps> & Readonly<{}>, {
-    circleStrokeWidth: number;
-    duration: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface ScrollToTopSlots {
+}
+type __VLS_Slots = ScrollToTopSlots;
+declare const __VLS_base: import("vue").DefineComponent<ScrollToTopProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScrollToTopProps> & 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;
+    };
+};