rimelight-components 2.1.17 → 2.1.19

package/dist/runtime/components/page/modals/CreatePageModal.vue

@@ -1,27 +1,37 @@
 <script setup>
 import { ref, computed, watch } from "vue";
 import {} from "../../../types";
-import { tv } from "tailwind-variants";
+import { tv } from "../../../utils/tv";
+import { useRC } from "../../../composables/useRC";
 import { useI18n } from "vue-i18n";
-const { t } = useI18n();
-const { isOpen, loading, definitions } = defineProps({
+const { isOpen, loading, definitions, rc: rcProp } = defineProps({
   isOpen: { type: Boolean, required: true },
   definitions: { type: Object, required: true },
-  loading: { type: Boolean, required: false }
+  loading: { type: Boolean, required: false },
+  rc: { type: Object, required: false }
 });
-const emits = defineEmits(["close", "confirm"]);
+const emit = defineEmits(["close", "confirm"]);
+const slots = defineSlots();
+const { rc } = useRC("CreatePageModal", rcProp);
 const createPageModalStyles = tv({
   slots: {
-    base: "flex flex-col gap-6",
-    group: "border border-neutral-200 rounded-lg p-4 bg-white shadow-sm",
-    groupTitle: "text-lg font-bold text-neutral-900 mb-4",
-    field: "flex flex-col gap-1.5",
-    label: "text-sm font-medium text-neutral-700",
-    input: "w-full px-3 py-2 rounded-md border border-neutral-300 focus:ring-2 focus:ring-primary-500 transition-all outline-hidden",
-    select: "w-full px-3 py-2 rounded-md border border-neutral-300 bg-white"
+    header: "flex items-center justify-between",
+    headerTitle: "text-base font-semibold leading-6",
+    closeButton: "-my-1",
+    body: "space-y-4 py-4",
+    field: "w-full",
+    footer: "flex justify-end gap-2"
   }
 });
-const styles = createPageModalStyles();
+const {
+  header: headerClass,
+  headerTitle,
+  closeButton,
+  body,
+  field,
+  footer
+} = createPageModalStyles();
+const { t } = useI18n();
 const selectedType = ref("");
 const title = ref("");
 const slug = ref("");
@@ -44,8 +54,8 @@ const handleConfirm = () => {
   const properties = {};
   Object.entries(definition.properties).forEach(([groupKey, group]) => {
     properties[groupKey] = {};
-    Object.entries(group.fields).forEach(([fieldKey, field]) => {
-      properties[groupKey][fieldKey] = field.value;
+    Object.entries(group.fields).forEach(([fieldKey, field2]) => {
+      properties[groupKey][fieldKey] = field2.value;
     });
   });
   const newPage = {
@@ -55,29 +65,29 @@ const handleConfirm = () => {
     properties,
     blocks: definition.initialBlocks ? definition.initialBlocks() : []
   };
-  emits("confirm", newPage);
+  emit("confirm", newPage);
 };
 </script>
 
 <template>
-  <UModal :model-value="isOpen" @update:model-value="emits('close')">
+  <UModal :model-value="isOpen" @update:model-value="emit('close')">
     <slot/>
     <template #content>
       <UCard>
       <template #header>
-        <div class="flex items-center justify-between">
-          <h3 class="text-base font-semibold leading-6">Create New Page</h3>
-          <UButton color="neutral" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="emits('close')" />
+        <div :class="headerClass({ class: rc.header })">
+          <h3 :class="headerTitle({ class: rc.headerTitle })">Create New Page</h3>
+          <UButton color="neutral" variant="ghost" icon="i-heroicons-x-mark-20-solid" :class="closeButton({ class: rc.closeButton })" @click="emit('close')" />
         </div>
       </template>
 
-      <div class="space-y-4 py-4">
+      <div :class="body({ class: rc.body })">
         <UFormField label="Page Template" required>
           <USelect
             v-model="selectedType"
             :items="typeOptions"
             :placeholder="t('editor.template_placeholder', 'Select a template...')"
-            class="w-full"
+            :class="field({ class: rc.field })"
           />
         </UFormField>
 
@@ -91,8 +101,8 @@ const handleConfirm = () => {
       </div>
 
       <template #footer>
-        <div class="flex justify-end gap-2">
-          <UButton color="neutral" variant="ghost" label="Cancel" @click="emits('close')" />
+        <div :class="footer({ class: rc.footer })">
+          <UButton color="neutral" variant="ghost" label="Cancel" @click="emit('close')" />
           <UButton
             color="primary"
             label="Create & Edit"

package/dist/runtime/components/page/modals/CreatePageModal.vue.d.ts

@@ -3,15 +3,23 @@ export interface CreatePageModalProps {
     isOpen: boolean;
     definitions: Record<string, PageDefinition>;
     loading?: boolean;
+    rc?: {
+        header?: string;
+        headerTitle?: string;
+        closeButton?: string;
+        body?: string;
+        field?: string;
+        footer?: string;
+    };
 }
 export interface CreatePageModalEmits {
     close: [];
     confirm: [page: Partial<Page>];
 }
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
+export interface CreatePageModalSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = CreatePageModalSlots;
 declare const __VLS_base: import("vue").DefineComponent<CreatePageModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     confirm: (page: Partial<{

package/dist/runtime/components/page/modals/DeletePageModal.d.vue.ts

@@ -2,16 +2,23 @@ export interface DeletePageModalProps {
     isOpen: boolean;
     loading?: boolean;
     pageTitle: string;
+    rc?: {
+        header?: string;
+        headerTitle?: string;
+        closeButton?: string;
+        body?: string;
+        footer?: string;
+    };
 }
 export interface DeletePageModalEmits {
-    (e: 'close'): void;
-    (e: 'confirm'): void;
+    close: [];
+    confirm: [];
 }
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DeletePageModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+export interface DeletePageModalSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = DeletePageModalSlots;
+declare const __VLS_base: import("vue").DefineComponent<DeletePageModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     confirm: () => any;
 }, string, import("vue").PublicProps, Readonly<DeletePageModalProps> & Readonly<{

package/dist/runtime/components/page/modals/DeletePageModal.vue

@@ -1,12 +1,33 @@
 <script setup>
 import { ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-const { isOpen, loading, pageTitle } = defineProps({
+import { tv } from "../../../utils/tv";
+import { useRC } from "../../../composables/useRC";
+const { isOpen, loading, pageTitle, rc: rcProp } = defineProps({
   isOpen: { type: Boolean, required: true },
   loading: { type: Boolean, required: false },
-  pageTitle: { type: String, required: true }
+  pageTitle: { type: String, required: true },
+  rc: { type: Object, required: false }
 });
 const emits = defineEmits(["close", "confirm"]);
+const slots = defineSlots();
+const { rc } = useRC("DeletePageModal", rcProp);
+const deletePageModalStyles = tv({
+  slots: {
+    header: "flex items-center justify-between",
+    headerTitle: "text-base font-semibold leading-6 text-error-600",
+    closeButton: "-my-1",
+    body: "text-sm text-neutral-600 dark:text-neutral-400",
+    footer: "flex justify-end gap-2"
+  }
+});
+const {
+  header: headerClass,
+  headerTitle,
+  closeButton,
+  body,
+  footer
+} = deletePageModalStyles();
 const { t } = useI18n();
 const confirmationInput = ref("");
 const CONFIRMATION_TEXT = "DELETE";
@@ -26,21 +47,21 @@ const handleConfirm = () => {
     <template #content>
       <UCard :ui="{ body: 'space-y-4' }">
         <template #header>
-          <div class="flex items-center justify-between">
-            <h3 class="text-base font-semibold leading-6 text-error-600">
+          <div :class="headerClass({ class: rc.header })">
+            <h3 :class="headerTitle({ class: rc.headerTitle })">
               {{ t("editor.delete_page_title", "Delete Page") }}
             </h3>
             <UButton
               color="neutral"
               variant="ghost"
               icon="lucide:x"
-              class="-my-1"
+              :class="closeButton({ class: rc.closeButton })"
               @click="emits('close')"
             />
           </div>
         </template>
 
-        <div class="text-sm text-neutral-600 dark:text-neutral-400">
+        <div :class="body({ class: rc.body })">
           <p>
             Are you sure you want to delete <strong>{{ pageTitle }}</strong>?
             This action is permanent and cannot be undone.
@@ -61,7 +82,7 @@ const handleConfirm = () => {
         </UFormField>
 
         <template #footer>
-          <div class="flex justify-end gap-2">
+          <div :class="footer({ class: rc.footer })">
             <UButton
               color="neutral"
               variant="ghost"

package/dist/runtime/components/page/modals/DeletePageModal.vue.d.ts

@@ -2,16 +2,23 @@ export interface DeletePageModalProps {
     isOpen: boolean;
     loading?: boolean;
     pageTitle: string;
+    rc?: {
+        header?: string;
+        headerTitle?: string;
+        closeButton?: string;
+        body?: string;
+        footer?: string;
+    };
 }
 export interface DeletePageModalEmits {
-    (e: 'close'): void;
-    (e: 'confirm'): void;
+    close: [];
+    confirm: [];
 }
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<DeletePageModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+export interface DeletePageModalSlots {
+    default: (props: {}) => any;
+}
+type __VLS_Slots = DeletePageModalSlots;
+declare const __VLS_base: import("vue").DefineComponent<DeletePageModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     confirm: () => any;
 }, string, import("vue").PublicProps, Readonly<DeletePageModalProps> & Readonly<{

package/dist/runtime/components/swatches/ColorSwatch.d.vue.ts

@@ -1,11 +1,31 @@
-type __VLS_Props = {
+export interface ColorSwatchProps {
     name?: string;
     hex?: string;
     rgb?: string;
     hsl?: string;
     oklch?: string;
     cmyk?: string;
-};
-declare const __VLS_export: 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>;
+    rc?: {
+        card?: string;
+        title?: string;
+        content?: string;
+        preview?: string;
+        details?: string;
+        buttonGroup?: string;
+        button?: string;
+    };
+}
+export interface ColorSwatchEmits {
+}
+export interface ColorSwatchSlots {
+}
+type __VLS_Slots = ColorSwatchSlots;
+declare const __VLS_base: import("vue").DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchProps> & 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/swatches/ColorSwatch.vue

@@ -2,16 +2,42 @@
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useToast } from "@nuxt/ui/composables";
-const { copy } = useClipboard();
-const toast = useToast();
-const { name, hex, rgb, hsl, oklch, cmyk } = defineProps({
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { name, hex, rgb, hsl, oklch, cmyk, rc: rcProp } = defineProps({
   name: { type: String, required: false },
   hex: { type: String, required: false },
   rgb: { type: String, required: false },
   hsl: { type: String, required: false },
   oklch: { type: String, required: false },
-  cmyk: { type: String, required: false }
+  cmyk: { type: String, required: false },
+  rc: { type: Object, required: false }
+});
+const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("ColorSwatch", rcProp);
+const colorSwatchStyles = tv({
+  slots: {
+    card: "w-full rounded-none xl:w-fit",
+    title: "text-lg font-bold",
+    content: "flex flex-col items-center gap-sm xl:flex-row xl:items-start",
+    preview: "flex aspect-square size-48 p-sm",
+    details: "flex flex-col justify-end gap-xs text-xs",
+    buttonGroup: "flex w-full flex-col justify-center gap-sm",
+    button: "w-full xl:w-36"
+  }
 });
+const {
+  card,
+  title: titleStyle,
+  content,
+  preview,
+  details,
+  buttonGroup,
+  button
+} = colorSwatchStyles();
+const { copy } = useClipboard();
+const toast = useToast();
 const copyToClipboard = async (text) => {
   try {
     await copy(`${text}`);
@@ -42,13 +68,13 @@ const color = computed(() => {
 </script>
 
 <template>
-  <UCard variant="subtle" class="w-full rounded-none xl:w-fit">
+  <UCard variant="subtle" :class="card({ class: rc.card })">
     <template #header v-if="name">
-      <h3 class="text-lg font-bold">{{ name }}</h3>
+      <h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
     </template>
-    <div class="flex flex-col items-center gap-sm xl:flex-row xl:items-start">
-      <div class="flex aspect-square size-48 p-sm" :style="{ backgroundColor: color }">
-        <div class="flex flex-col justify-end gap-xs text-xs">
+    <div :class="content({ class: rc.content })">
+      <div :class="preview({ class: rc.preview })" :style="{ backgroundColor: color }">
+        <div :class="details({ class: rc.details })">
           <span v-if="name" class="text-sm">{{ formatColor(name) }}</span>
           <span v-if="hex">HEX {{ formatColor(hex) }}</span>
           <span v-if="rgb">{{ formatColor(rgb) }}</span>
@@ -57,14 +83,14 @@ const color = computed(() => {
           <span v-if="cmyk">{{ formatColor(cmyk) }}</span>
         </div>
       </div>
-      <div class="flex w-full flex-col justify-center gap-sm">
+      <div :class="buttonGroup({ class: rc.buttonGroup })">
         <UButton
           v-if="hex"
           variant="outline"
           size="sm"
           icon="lucide:copy"
           label="Copy HEX"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           @click="copyToClipboard(hex)"
         />
         <UButton
@@ -73,7 +99,7 @@ const color = computed(() => {
           size="sm"
           icon="lucide:copy"
           label="Copy RGB"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           @click="copyToClipboard(rgb)"
         />
         <UButton
@@ -82,7 +108,7 @@ const color = computed(() => {
           size="sm"
           icon="lucide:copy"
           label="Copy HSL"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           @click="copyToClipboard(hsl)"
         />
         <UButton
@@ -91,7 +117,7 @@ const color = computed(() => {
           size="sm"
           icon="lucide:copy"
           label="Copy OKLCH"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           @click="copyToClipboard(oklch)"
         />
         <UButton
@@ -100,7 +126,7 @@ const color = computed(() => {
           size="sm"
           icon="lucide:copy"
           label="Copy CMYK"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           @click="copyToClipboard(cmyk)"
         />
       </div>

package/dist/runtime/components/swatches/ColorSwatch.vue.d.ts

@@ -1,11 +1,31 @@
-type __VLS_Props = {
+export interface ColorSwatchProps {
     name?: string;
     hex?: string;
     rgb?: string;
     hsl?: string;
     oklch?: string;
     cmyk?: string;
-};
-declare const __VLS_export: 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>;
+    rc?: {
+        card?: string;
+        title?: string;
+        content?: string;
+        preview?: string;
+        details?: string;
+        buttonGroup?: string;
+        button?: string;
+    };
+}
+export interface ColorSwatchEmits {
+}
+export interface ColorSwatchSlots {
+}
+type __VLS_Slots = ColorSwatchSlots;
+declare const __VLS_base: import("vue").DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchProps> & 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/swatches/FontSwatch.d.vue.ts

@@ -1,10 +1,29 @@
-type __VLS_Props = {
+export interface FontSwatchProps {
     name?: string;
     jpg?: string;
     png?: string;
     webp?: string;
     svg?: string;
-};
-declare const __VLS_export: 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>;
+    rc?: {
+        card?: string;
+        title?: string;
+        content?: string;
+        actions?: string;
+        buttonGroup?: string;
+        button?: string;
+    };
+}
+export interface FontSwatchEmits {
+}
+export interface FontSwatchSlots {
+}
+type __VLS_Slots = FontSwatchSlots;
+declare const __VLS_base: import("vue").DefineComponent<FontSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FontSwatchProps> & 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/swatches/FontSwatch.vue

@@ -1,12 +1,29 @@
 <script setup>
-import { computed } from "#imports";
-const { name, jpg, png, webp, svg } = defineProps({
+import { computed } from "vue";
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
   name: { type: String, required: false },
   jpg: { type: String, required: false },
   png: { type: String, required: false },
   webp: { type: String, required: false },
-  svg: { type: String, required: false }
+  svg: { type: String, required: false },
+  rc: { type: Object, required: false }
 });
+const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("FontSwatch", rcProp);
+const fontSwatchStyles = tv({
+  slots: {
+    card: "w-full rounded-none xl:w-fit",
+    title: "text-lg font-bold",
+    content: "flex flex-col gap-sm",
+    actions: "flex flex-col items-center gap-sm xl:flex-row xl:items-start",
+    buttonGroup: "flex w-full flex-col justify-center gap-sm",
+    button: "w-full xl:w-36"
+  }
+});
+const { card, title: titleStyle, content, actions, buttonGroup, button } = fontSwatchStyles();
 const image = computed(() => {
   if (webp) return webp;
   if (png) return png;
@@ -17,12 +34,12 @@ const image = computed(() => {
 </script>
 
 <template>
-  <UCard variant="subtle" class="w-full rounded-none xl:w-fit">
+  <UCard variant="subtle" :class="card({ class: rc.card })">
     <template #header v-if="name">
-      <h3 class="text-lg font-bold">{{ name }}</h3>
+      <h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
       <span></span>
     </template>
-    <div class="flex flex-col gap-sm">
+    <div :class="content({ class: rc.content })">
       <h1>H1</h1>
       <p>{{}}</p>
     </div>
@@ -31,15 +48,15 @@ const image = computed(() => {
     <p>a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
     <p>A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
     <p></p>
-    <div class="flex flex-col items-center gap-sm xl:flex-row xl:items-start">
-      <div class="flex w-full flex-col justify-center gap-sm">
+    <div :class="actions({ class: rc.actions })">
+      <div :class="buttonGroup({ class: rc.buttonGroup })">
         <UButton
           v-if="jpg"
           variant="outline"
           size="sm"
           icon="lucide:download"
           label="Download JPG"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           :to="jpg"
           target="_blank"
         />
@@ -49,7 +66,7 @@ const image = computed(() => {
           size="sm"
           icon="lucide:download"
           label="Download PNG"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           :to="png"
           target="_blank"
         />
@@ -59,7 +76,7 @@ const image = computed(() => {
           size="sm"
           icon="lucide:download"
           label="Download WEBP"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           :to="webp"
           target="_blank"
         />
@@ -69,7 +86,7 @@ const image = computed(() => {
           size="sm"
           icon="lucide:download"
           label="Download SVG"
-          class="w-full xl:w-36"
+          :class="button({ class: rc.button })"
           :to="svg"
           target="_blank"
         />

package/dist/runtime/components/swatches/FontSwatch.vue.d.ts

@@ -1,10 +1,29 @@
-type __VLS_Props = {
+export interface FontSwatchProps {
     name?: string;
     jpg?: string;
     png?: string;
     webp?: string;
     svg?: string;
-};
-declare const __VLS_export: 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>;
+    rc?: {
+        card?: string;
+        title?: string;
+        content?: string;
+        actions?: string;
+        buttonGroup?: string;
+        button?: string;
+    };
+}
+export interface FontSwatchEmits {
+}
+export interface FontSwatchSlots {
+}
+type __VLS_Slots = FontSwatchSlots;
+declare const __VLS_base: import("vue").DefineComponent<FontSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FontSwatchProps> & 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/swatches/ImageSwatch.d.vue.ts

@@ -1,10 +1,29 @@
-type __VLS_Props = {
+export interface ImageSwatchProps {
     name?: string;
     jpg?: string;
     png?: string;
     webp?: string;
     svg?: string;
-};
-declare const __VLS_export: 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>;
+    rc?: {
+        card?: string;
+        title?: string;
+        content?: string;
+        image?: string;
+        buttonGroup?: string;
+        button?: string;
+    };
+}
+export interface ImageSwatchEmits {
+}
+export interface ImageSwatchSlots {
+}
+type __VLS_Slots = ImageSwatchSlots;
+declare const __VLS_base: import("vue").DefineComponent<ImageSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageSwatchProps> & 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;
+    };
+};