rimelight-components 2.1.18 → 2.1.20

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

@@ -1,11 +1,19 @@
 <script setup>
 import { computed, onMounted, onUnmounted, ref } from "vue";
-import { tv } from "tailwind-variants";
-const props = defineProps({
-  circleStrokeWidth: { type: Number, required: false, default: 4 },
-  duration: { type: Number, required: false, default: 0.1 }
+import { tv } from "../../internal/tv";
+import { useRC } from "../../composables/useRC";
+const {
+  circleStrokeWidth = 4,
+  duration = 0.1,
+  rc: rcProp
+} = defineProps({
+  circleStrokeWidth: { type: Number, required: false },
+  duration: { type: Number, required: false },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("ScrollToTop", rcProp);
 const scrollToTopStyles = tv({
   slots: {
     button: "fixed right-4 bottom-4 z-50 size-20 lg:size-16",
@@ -53,7 +61,7 @@ const currentPercent = computed(
   () => (scrollPercentage.value - 0) / 100 * 100
 );
 const percentageInPx = computed(() => `${percentPx}px`);
-const durationInSeconds = computed(() => `${props.duration}s`);
+const durationInSeconds = computed(() => `${duration}s`);
 </script>
 
 <template>
@@ -65,15 +73,15 @@ const durationInSeconds = computed(() => `${props.duration}s`);
     leave-to-class="opacity-0"
   >
     <div v-if="isVisible">
-      <UButton variant="ghost" :class="button()" @click="scrollToTop">
-        <div :class="progressBase()">
-          <svg :class="svg()" viewBox="0 0 100 100">
+      <UButton variant="ghost" :class="button({ class: rc.button })" @click="scrollToTop">
+        <div :class="progressBase({ class: rc.progressBase })">
+          <svg :class="svg({ class: rc.svg })" viewBox="0 0 100 100">
             <circle
               cx="50"
               cy="50"
               r="45"
               fill="var(--color-primary-950)"
-              :stroke-width="props.circleStrokeWidth"
+              :stroke-width="circleStrokeWidth"
               stroke-dashoffset="0"
               stroke-linecap="round"
               class="gauge-secondary-stroke opacity-100"
@@ -83,14 +91,14 @@ const durationInSeconds = computed(() => `${props.duration}s`);
               cy="50"
               r="45"
               fill="transparent"
-              :stroke-width="props.circleStrokeWidth"
+              :stroke-width="circleStrokeWidth"
               stroke-dashoffset="0"
               stroke-linecap="round"
               class="gauge-primary-stroke opacity-100"
             />
           </svg>
-          <div :class="iconContainer()">
-            <UIcon name="lucide:arrow-up" :class="icon()" />
+          <div :class="iconContainer({ class: rc.iconContainer })">
+            <UIcon name="lucide:arrow-up" :class="icon({ class: rc.icon })" />
           </div>
         </div>
       </UButton>

package/dist/runtime/components/app/ScrollToTop.vue.d.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;
+    };
+};

package/dist/runtime/components/blocks/Block.d.vue.ts

@@ -1,13 +1,17 @@
 export interface BlockProps {
     id: string;
     type: string;
+    rc?: {
+        root?: string;
+        menuContainer?: string;
+    };
 }
 export interface BlockEmits {
 }
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
+export interface BlockSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = BlockSlots;
 declare const __VLS_base: import("vue").DefineComponent<BlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockProps> & 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/blocks/Block.vue

@@ -1,11 +1,15 @@
 <script setup>
 import { inject, ref } from "vue";
-import { tv } from "tailwind-variants";
-const { id, type } = defineProps({
+import { tv } from "../../internal/tv";
+import { useRC } from "../../composables/useRC";
+const { id, type, rc: rcProp } = defineProps({
   id: { type: String, required: true },
-  type: { type: String, required: true }
+  type: { type: String, required: true },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("Block", rcProp);
 const blockStyles = tv({
   slots: {
     root: "group relative pl-12 flex flex-row gap-xs",
@@ -63,8 +67,8 @@ const items = ref([
 </script>
 
 <template>
-  <div :class="root()">
-    <div :class="menuContainer()">
+  <div :class="root({ class: rc.root })">
+    <div :class="menuContainer({ class: rc.menuContainer })">
       <UDropdownMenu :items="items">
         <UButton icon="lucide:grip-vertical" variant="ghost" color="neutral" />
       </UDropdownMenu>

package/dist/runtime/components/blocks/Block.vue.d.ts

@@ -1,13 +1,17 @@
 export interface BlockProps {
     id: string;
     type: string;
+    rc?: {
+        root?: string;
+        menuContainer?: string;
+    };
 }
 export interface BlockEmits {
 }
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
+export interface BlockSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = BlockSlots;
 declare const __VLS_base: import("vue").DefineComponent<BlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockProps> & 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/blocks/BlockEditRenderer.d.vue.ts

@@ -1,9 +1,21 @@
 import type { Block } from "../../types/index.js";
 export interface BlockEditRendererProps {
     blocks: Block[];
+    rc?: {
+        root?: string;
+    };
 }
 export interface BlockEditRendererEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<BlockEditRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockEditRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface BlockEditRendererSlots {
+}
+type __VLS_Slots = BlockEditRendererSlots;
+declare const __VLS_base: import("vue").DefineComponent<BlockEditRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockEditRendererProps> & 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/blocks/BlockEditRenderer.vue

@@ -1,11 +1,15 @@
 <script setup>
 import {} from "vue";
 import { getBlockEditorComponent } from "../../internal/blockMapper";
-import { tv } from "tailwind-variants";
-const { blocks } = defineProps({
-  blocks: { type: Array, required: true }
+import { tv } from "../../internal/tv";
+import { useRC } from "../../composables/useRC";
+const { blocks, rc: rcProp } = defineProps({
+  blocks: { type: Array, required: true },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("BlockEditRenderer", rcProp);
 const blockEditRendererStyles = tv({
   slots: {
     root: "flex flex-col gap-lg w-full"
@@ -27,7 +31,7 @@ const getComponent = (block) => {
 </script>
 
 <template>
-  <div :class="root()">
+  <div :class="root({ class: rc.root })">
     <UEmpty
       v-if="!blocks || blocks.length === 0"
       variant="naked"

package/dist/runtime/components/blocks/BlockEditRenderer.vue.d.ts

@@ -1,9 +1,21 @@
 import type { Block } from "../../types/index.js";
 export interface BlockEditRendererProps {
     blocks: Block[];
+    rc?: {
+        root?: string;
+    };
 }
 export interface BlockEditRendererEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<BlockEditRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockEditRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface BlockEditRendererSlots {
+}
+type __VLS_Slots = BlockEditRendererSlots;
+declare const __VLS_base: import("vue").DefineComponent<BlockEditRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockEditRendererProps> & 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/blocks/BlockEditor.d.vue.ts

@@ -1,27 +1,36 @@
 import type { Block } from "../../types/index.js";
 export interface BlockEditorProps {
     historyLimit?: number;
+    rc?: {};
 }
 type __VLS_Props = BlockEditorProps;
 export interface BlockEditorEmits {
-    (e: "save"): void;
+    save: [];
 }
+export interface BlockEditorSlots {
+}
+type __VLS_Slots = BlockEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Block[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").ComputedRef<boolean>;
     canRedo: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Block[]) => any;
-} & {
     save: () => any;
+    "update:modelValue": (value: Block[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: Block[]) => any) | undefined;
 }>, {}, {}, {}, {}, 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/blocks/BlockEditor.vue

@@ -1,13 +1,18 @@
 <script setup>
 import { provide } from "vue";
 import { useBlockEditor } from "../../composables";
-import { tv } from "tailwind-variants";
-const { historyLimit } = defineProps({
-  historyLimit: { type: Number, required: false }
+import { tv } from "../../internal/tv";
+import { useRC } from "../../composables/useRC";
+const { historyLimit, rc: rcProp } = defineProps({
+  historyLimit: { type: Number, required: false },
+  rc: { type: Object, required: false }
 });
-const emit = defineEmits(["save"]);
 const blocks = defineModel({ type: Array, ...{ required: true } });
+const emit = defineEmits(["save"]);
+const slots = defineSlots();
+const { rc } = useRC("BlockEditor", rcProp);
 const blockEditorStyles = tv({});
+const {} = blockEditorStyles();
 const {
   removeBlock,
   moveBlock,

package/dist/runtime/components/blocks/BlockEditor.vue.d.ts

@@ -1,27 +1,36 @@
 import type { Block } from "../../types/index.js";
 export interface BlockEditorProps {
     historyLimit?: number;
+    rc?: {};
 }
 type __VLS_Props = BlockEditorProps;
 export interface BlockEditorEmits {
-    (e: "save"): void;
+    save: [];
 }
+export interface BlockEditorSlots {
+}
+type __VLS_Slots = BlockEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Block[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").ComputedRef<boolean>;
     canRedo: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Block[]) => any;
-} & {
     save: () => any;
+    "update:modelValue": (value: Block[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: Block[]) => any) | undefined;
 }>, {}, {}, {}, {}, 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/blocks/BlockViewRenderer.d.vue.ts

@@ -1,9 +1,21 @@
 import type { Block } from "../../types/index.js";
 export interface BlockViewRendererProps {
     blocks: Block[];
+    rc?: {
+        root?: string;
+    };
 }
 export interface BlockViewRendererEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<BlockViewRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockViewRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface BlockViewRendererSlots {
+}
+type __VLS_Slots = BlockViewRendererSlots;
+declare const __VLS_base: import("vue").DefineComponent<BlockViewRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockViewRendererProps> & 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/blocks/BlockViewRenderer.vue

@@ -1,11 +1,15 @@
 <script setup>
 import {} from "vue";
 import { getBlockRendererComponent } from "../../internal/blockMapper";
-import { tv } from "tailwind-variants";
-const { blocks } = defineProps({
-  blocks: { type: Array, required: true }
+import { tv } from "../../internal/tv";
+import { useRC } from "../../composables/useRC";
+const { blocks, rc: rcProp } = defineProps({
+  blocks: { type: Array, required: true },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("BlockViewRenderer", rcProp);
 const blockViewRendererStyles = tv({
   slots: {
     root: "flex flex-col gap-lg"
@@ -27,7 +31,7 @@ const getComponent = (block) => {
 </script>
 
 <template>
-  <div :class="root()">
+  <div :class="root({ class: rc.root })">
     <UEmpty
       v-if="!blocks || blocks.length === 0"
       variant="naked"

package/dist/runtime/components/blocks/BlockViewRenderer.vue.d.ts

@@ -1,9 +1,21 @@
 import type { Block } from "../../types/index.js";
 export interface BlockViewRendererProps {
     blocks: Block[];
+    rc?: {
+        root?: string;
+    };
 }
 export interface BlockViewRendererEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<BlockViewRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockViewRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface BlockViewRendererSlots {
+}
+type __VLS_Slots = BlockViewRendererSlots;
+declare const __VLS_base: import("vue").DefineComponent<BlockViewRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockViewRendererProps> & 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/blocks/TextRenderer.d.vue.ts

@@ -1,9 +1,21 @@
 import { type RichTextContent } from "../../types/index.js";
 export interface TextRendererProps {
     content: RichTextContent;
+    rc?: {
+        root?: string;
+    };
 }
 export interface TextRendererEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<TextRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface TextRendererSlots {
+}
+type __VLS_Slots = TextRendererSlots;
+declare const __VLS_base: import("vue").DefineComponent<TextRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextRendererProps> & 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/blocks/TextRenderer.vue

@@ -4,14 +4,18 @@ import {
 import TextNode from "../nodes/TextNode.vue";
 import LinkNode from "../nodes/LinkNode.vue";
 import PageMention from "../page/PageMention.vue";
-import { tv } from "tailwind-variants";
+import { tv } from "../../internal/tv";
+import { useRC } from "../../composables/useRC";
 defineOptions({
   name: "TextRenderer"
 });
-const { content } = defineProps({
-  content: { type: Array, required: true }
+const { content, rc: rcProp } = defineProps({
+  content: { type: Array, required: true },
+  rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("TextRenderer", rcProp);
 const textRendererStyles = tv({
   slots: {
     root: ""
@@ -59,7 +63,9 @@ const getProps = (item) => {
 </script>
 
 <template>
-  <template v-for="item in content" :key="item.id">
-    <component :is="getTag(item)" v-bind="getProps(item)" />
-  </template>
+  <div :class="root({ class: rc.root })">
+    <template v-for="item in content" :key="item.id">
+      <component :is="getTag(item)" v-bind="getProps(item)" />
+    </template>
+  </div>
 </template>

package/dist/runtime/components/blocks/TextRenderer.vue.d.ts

@@ -1,9 +1,21 @@
 import { type RichTextContent } from "../../types/index.js";
 export interface TextRendererProps {
     content: RichTextContent;
+    rc?: {
+        root?: string;
+    };
 }
 export interface TextRendererEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<TextRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface TextRendererSlots {
+}
+type __VLS_Slots = TextRendererSlots;
+declare const __VLS_base: import("vue").DefineComponent<TextRendererProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextRendererProps> & 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/blocks/editor/CalloutBlockEditor.d.vue.ts

@@ -1,8 +1,20 @@
 import type { CalloutBlockProps } from "../../../types/index.js";
 export interface CalloutBlockEditorProps extends CalloutBlockProps {
+    rc?: {
+        root?: string;
+    };
 }
 export interface CalloutBlockEditorEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<CalloutBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalloutBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface CalloutBlockEditorSlots {
+}
+type __VLS_Slots = CalloutBlockEditorSlots;
+declare const __VLS_base: import("vue").DefineComponent<CalloutBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalloutBlockEditorProps> & 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/blocks/editor/CalloutBlockEditor.vue

@@ -1,12 +1,16 @@
 <script setup>
-import { tv } from "tailwind-variants";
-const { variant, children, to, target } = defineProps({
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
+const { variant, children, to, target, rc: rcProp } = defineProps({
+  rc: { type: Object, required: false },
   variant: { type: String, required: true },
   children: { type: Array, required: true },
   to: { type: String, required: false },
   target: { type: String, required: false }
 });
 const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("CalloutBlockEditor", rcProp);
 const calloutBlockEditorStyles = tv({
   slots: {
     root: ""
@@ -16,7 +20,9 @@ const { root } = calloutBlockEditorStyles();
 </script>
 
 <template>
-  <RCCallout :variant="variant" :to="to" :target="target">
-    <RCBlockViewRenderer :blocks="children" />
-  </RCCallout>
+  <div :class="root({ class: rc.root })">
+    <RCCallout :variant="variant" :to="to" :target="target">
+      <RCBlockViewRenderer :blocks="children" />
+    </RCCallout>
+  </div>
 </template>

package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue.d.ts

@@ -1,8 +1,20 @@
 import type { CalloutBlockProps } from "../../../types/index.js";
 export interface CalloutBlockEditorProps extends CalloutBlockProps {
+    rc?: {
+        root?: string;
+    };
 }
 export interface CalloutBlockEditorEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<CalloutBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalloutBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface CalloutBlockEditorSlots {
+}
+type __VLS_Slots = CalloutBlockEditorSlots;
+declare const __VLS_base: import("vue").DefineComponent<CalloutBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalloutBlockEditorProps> & 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/blocks/editor/CardBlockEditor.d.vue.ts

@@ -1,8 +1,20 @@
 import type { CardBlockProps } from "../../../types/index.js";
 export interface CardBlockEditorProps extends CardBlockProps {
+    rc?: {
+        card?: string;
+    };
 }
 export interface CardBlockEditorEmits {
 }
-declare const __VLS_export: import("vue").DefineComponent<CardBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface CardBlockEditorSlots {
+}
+type __VLS_Slots = CardBlockEditorSlots;
+declare const __VLS_base: import("vue").DefineComponent<CardBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardBlockEditorProps> & 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;
+    };
+};