rimelight-components 2.1.18 → 2.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/components/app/Footer.d.vue.ts +13 -8
  4. package/dist/runtime/components/app/Footer.vue +12 -7
  5. package/dist/runtime/components/app/Footer.vue.d.ts +13 -8
  6. package/dist/runtime/components/app/Header.d.vue.ts +19 -14
  7. package/dist/runtime/components/app/Header.vue +15 -10
  8. package/dist/runtime/components/app/Header.vue.d.ts +19 -14
  9. package/dist/runtime/components/app/HeaderLayer.d.vue.ts +8 -4
  10. package/dist/runtime/components/app/HeaderLayer.vue +13 -10
  11. package/dist/runtime/components/app/HeaderLayer.vue.d.ts +8 -4
  12. package/dist/runtime/components/app/Image.d.vue.ts +13 -1
  13. package/dist/runtime/components/app/Image.vue +10 -7
  14. package/dist/runtime/components/app/Image.vue.d.ts +13 -1
  15. package/dist/runtime/components/app/Logo.d.vue.ts +13 -1
  16. package/dist/runtime/components/app/Logo.vue +8 -4
  17. package/dist/runtime/components/app/Logo.vue.d.ts +13 -1
  18. package/dist/runtime/components/app/NewsletterSignup.d.vue.ts +13 -1
  19. package/dist/runtime/components/app/NewsletterSignup.vue +9 -4
  20. package/dist/runtime/components/app/NewsletterSignup.vue.d.ts +13 -1
  21. package/dist/runtime/components/app/ScrollToTop.d.vue.ts +17 -4
  22. package/dist/runtime/components/app/ScrollToTop.vue +20 -12
  23. package/dist/runtime/components/app/ScrollToTop.vue.d.ts +17 -4
  24. package/dist/runtime/components/blocks/Block.d.vue.ts +8 -4
  25. package/dist/runtime/components/blocks/Block.vue +9 -5
  26. package/dist/runtime/components/blocks/Block.vue.d.ts +8 -4
  27. package/dist/runtime/components/blocks/BlockEditRenderer.d.vue.ts +13 -1
  28. package/dist/runtime/components/blocks/BlockEditRenderer.vue +8 -4
  29. package/dist/runtime/components/blocks/BlockEditRenderer.vue.d.ts +13 -1
  30. package/dist/runtime/components/blocks/BlockEditor.d.vue.ts +13 -4
  31. package/dist/runtime/components/blocks/BlockEditor.vue +9 -4
  32. package/dist/runtime/components/blocks/BlockEditor.vue.d.ts +13 -4
  33. package/dist/runtime/components/blocks/BlockViewRenderer.d.vue.ts +13 -1
  34. package/dist/runtime/components/blocks/BlockViewRenderer.vue +8 -4
  35. package/dist/runtime/components/blocks/BlockViewRenderer.vue.d.ts +13 -1
  36. package/dist/runtime/components/blocks/TextRenderer.d.vue.ts +13 -1
  37. package/dist/runtime/components/blocks/TextRenderer.vue +12 -6
  38. package/dist/runtime/components/blocks/TextRenderer.vue.d.ts +13 -1
  39. package/dist/runtime/components/blocks/editor/CalloutBlockEditor.d.vue.ts +13 -1
  40. package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue +11 -5
  41. package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue.d.ts +13 -1
  42. package/dist/runtime/components/blocks/editor/CardBlockEditor.d.vue.ts +13 -1
  43. package/dist/runtime/components/blocks/editor/CardBlockEditor.vue +7 -3
  44. package/dist/runtime/components/blocks/editor/CardBlockEditor.vue.d.ts +13 -1
  45. package/dist/runtime/components/blocks/editor/ImageBlockEditor.d.vue.ts +21 -5
  46. package/dist/runtime/components/blocks/editor/ImageBlockEditor.vue +11 -7
  47. package/dist/runtime/components/blocks/editor/ImageBlockEditor.vue.d.ts +21 -5
  48. package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.d.vue.ts +13 -1
  49. package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue +12 -8
  50. package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue.d.ts +13 -1
  51. package/dist/runtime/components/blocks/editor/SectionBlockEditor.d.vue.ts +15 -1
  52. package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue +9 -5
  53. package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue.d.ts +15 -1
  54. package/dist/runtime/components/blocks/editor/TestBlockEditor.d.vue.ts +13 -1
  55. package/dist/runtime/components/blocks/editor/TestBlockEditor.vue +7 -3
  56. package/dist/runtime/components/blocks/editor/TestBlockEditor.vue.d.ts +13 -1
  57. package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.d.vue.ts +13 -1
  58. package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.vue +11 -5
  59. package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.vue.d.ts +13 -1
  60. package/dist/runtime/components/blocks/renderer/CardBlockRenderer.d.vue.ts +13 -1
  61. package/dist/runtime/components/blocks/renderer/CardBlockRenderer.vue +7 -3
  62. package/dist/runtime/components/blocks/renderer/CardBlockRenderer.vue.d.ts +13 -1
  63. package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.d.vue.ts +15 -1
  64. package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.vue +9 -5
  65. package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.vue.d.ts +15 -1
  66. package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.d.vue.ts +13 -1
  67. package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.vue +9 -3
  68. package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.vue.d.ts +13 -1
  69. package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.d.vue.ts +13 -1
  70. package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.vue +11 -5
  71. package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.vue.d.ts +13 -1
  72. package/dist/runtime/components/blocks/renderer/TestBlockRenderer.d.vue.ts +13 -1
  73. package/dist/runtime/components/blocks/renderer/TestBlockRenderer.vue +9 -3
  74. package/dist/runtime/components/blocks/renderer/TestBlockRenderer.vue.d.ts +13 -1
  75. package/dist/runtime/components/cards/TeamCard.d.vue.ts +11 -4
  76. package/dist/runtime/components/cards/TeamCard.vue +12 -8
  77. package/dist/runtime/components/cards/TeamCard.vue.d.ts +11 -4
  78. package/dist/runtime/components/content/Callout.d.vue.ts +8 -4
  79. package/dist/runtime/components/content/Callout.vue +11 -7
  80. package/dist/runtime/components/content/Callout.vue.d.ts +8 -4
  81. package/dist/runtime/components/content/Section.d.vue.ts +14 -10
  82. package/dist/runtime/components/content/Section.vue +14 -9
  83. package/dist/runtime/components/content/Section.vue.d.ts +14 -10
  84. package/dist/runtime/components/content/Test.d.vue.ts +7 -4
  85. package/dist/runtime/components/content/Test.vue +8 -4
  86. package/dist/runtime/components/content/Test.vue.d.ts +7 -4
  87. package/dist/runtime/components/nodes/LinkNode.d.vue.ts +13 -1
  88. package/dist/runtime/components/nodes/LinkNode.vue +8 -4
  89. package/dist/runtime/components/nodes/LinkNode.vue.d.ts +13 -1
  90. package/dist/runtime/components/nodes/TextNode.d.vue.ts +13 -1
  91. package/dist/runtime/components/nodes/TextNode.vue +8 -4
  92. package/dist/runtime/components/nodes/TextNode.vue.d.ts +13 -1
  93. package/dist/runtime/components/page/PageEditor.d.vue.ts +32 -5
  94. package/dist/runtime/components/page/PageEditor.vue +36 -24
  95. package/dist/runtime/components/page/PageEditor.vue.d.ts +32 -5
  96. package/dist/runtime/components/page/PageMention.d.vue.ts +16 -1
  97. package/dist/runtime/components/page/PageMention.vue +11 -7
  98. package/dist/runtime/components/page/PageMention.vue.d.ts +16 -1
  99. package/dist/runtime/components/page/PagePropertiesEditor.d.vue.ts +23 -1
  100. package/dist/runtime/components/page/PagePropertiesEditor.vue +83 -79
  101. package/dist/runtime/components/page/PagePropertiesEditor.vue.d.ts +23 -1
  102. package/dist/runtime/components/page/PagePropertiesRenderer.d.vue.ts +31 -1
  103. package/dist/runtime/components/page/PagePropertiesRenderer.vue +36 -32
  104. package/dist/runtime/components/page/PagePropertiesRenderer.vue.d.ts +31 -1
  105. package/dist/runtime/components/page/PageRenderer.d.vue.ts +23 -1
  106. package/dist/runtime/components/page/PageRenderer.vue +21 -17
  107. package/dist/runtime/components/page/PageRenderer.vue.d.ts +23 -1
  108. package/dist/runtime/components/page/PageSurround.d.vue.ts +21 -1
  109. package/dist/runtime/components/page/PageSurround.vue +25 -20
  110. package/dist/runtime/components/page/PageSurround.vue.d.ts +21 -1
  111. package/dist/runtime/components/page/PageTOC.d.vue.ts +10 -4
  112. package/dist/runtime/components/page/PageTOC.vue +10 -6
  113. package/dist/runtime/components/page/PageTOC.vue.d.ts +10 -4
  114. package/dist/runtime/components/page/modals/CreatePageModal.d.vue.ts +12 -4
  115. package/dist/runtime/components/page/modals/CreatePageModal.vue +13 -9
  116. package/dist/runtime/components/page/modals/CreatePageModal.vue.d.ts +12 -4
  117. package/dist/runtime/components/page/modals/DeletePageModal.d.vue.ts +14 -7
  118. package/dist/runtime/components/page/modals/DeletePageModal.vue +13 -9
  119. package/dist/runtime/components/page/modals/DeletePageModal.vue.d.ts +14 -7
  120. package/dist/runtime/components/swatches/ColorSwatch.d.vue.ts +19 -1
  121. package/dist/runtime/components/swatches/ColorSwatch.vue +29 -17
  122. package/dist/runtime/components/swatches/ColorSwatch.vue.d.ts +19 -1
  123. package/dist/runtime/components/swatches/FontSwatch.d.vue.ts +18 -1
  124. package/dist/runtime/components/swatches/FontSwatch.vue +16 -12
  125. package/dist/runtime/components/swatches/FontSwatch.vue.d.ts +18 -1
  126. package/dist/runtime/components/swatches/ImageSwatch.d.vue.ts +18 -1
  127. package/dist/runtime/components/swatches/ImageSwatch.vue +16 -12
  128. package/dist/runtime/components/swatches/ImageSwatch.vue.d.ts +18 -1
  129. package/dist/runtime/components/utilities/Placeholder.d.vue.ts +8 -4
  130. package/dist/runtime/components/utilities/Placeholder.vue +9 -4
  131. package/dist/runtime/components/utilities/Placeholder.vue.d.ts +8 -4
  132. package/dist/runtime/composables/index.d.ts +1 -0
  133. package/dist/runtime/composables/index.js +1 -0
  134. package/dist/runtime/composables/index.mjs +1 -0
  135. package/dist/runtime/composables/useRC.d.ts +3 -0
  136. package/dist/runtime/composables/useRC.js +14 -0
  137. package/dist/runtime/composables/useRC.mjs +14 -0
  138. package/dist/runtime/types/app.config.d.ts +6 -0
  139. package/dist/runtime/types/schemas.d.ts +2 -2
  140. package/dist/runtime/types/tv.d.ts +66 -0
  141. package/dist/runtime/types/tv.js +0 -0
  142. package/dist/runtime/types/tv.mjs +0 -0
  143. package/dist/runtime/utils/index.d.ts +1 -0
  144. package/dist/runtime/utils/index.js +1 -0
  145. package/dist/runtime/utils/index.mjs +1 -0
  146. package/dist/runtime/utils/tv.d.ts +1 -0
  147. package/dist/runtime/utils/tv.js +4 -0
  148. package/dist/runtime/utils/tv.mjs +4 -0
  149. package/package.json +1 -1
@@ -5,9 +5,27 @@ export interface ColorSwatchProps {
5
5
  hsl?: string;
6
6
  oklch?: string;
7
7
  cmyk?: string;
8
+ rc?: {
9
+ card?: string;
10
+ title?: string;
11
+ content?: string;
12
+ preview?: string;
13
+ details?: string;
14
+ buttonGroup?: string;
15
+ button?: string;
16
+ };
8
17
  }
9
18
  export interface ColorSwatchEmits {
10
19
  }
11
- declare const __VLS_export: import("vue").DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
+ export interface ColorSwatchSlots {
21
+ }
22
+ type __VLS_Slots = ColorSwatchSlots;
23
+ 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>;
24
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
12
25
  declare const _default: typeof __VLS_export;
13
26
  export default _default;
27
+ type __VLS_WithSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
@@ -2,18 +2,20 @@
2
2
  import { computed } from "vue";
3
3
  import { useClipboard } from "@vueuse/core";
4
4
  import { useToast } from "@nuxt/ui/composables";
5
- import { tv } from "tailwind-variants";
6
- const { copy } = useClipboard();
7
- const toast = useToast();
8
- const { name, hex, rgb, hsl, oklch, cmyk } = defineProps({
5
+ import { tv } from "../../utils/tv";
6
+ import { useRC } from "../../composables/useRC";
7
+ const { name, hex, rgb, hsl, oklch, cmyk, rc: rcProp } = defineProps({
9
8
  name: { type: String, required: false },
10
9
  hex: { type: String, required: false },
11
10
  rgb: { type: String, required: false },
12
11
  hsl: { type: String, required: false },
13
12
  oklch: { type: String, required: false },
14
- cmyk: { type: String, required: false }
13
+ cmyk: { type: String, required: false },
14
+ rc: { type: Object, required: false }
15
15
  });
16
16
  const emit = defineEmits([]);
17
+ const slots = defineSlots();
18
+ const { rc } = useRC("ColorSwatch", rcProp);
17
19
  const colorSwatchStyles = tv({
18
20
  slots: {
19
21
  card: "w-full rounded-none xl:w-fit",
@@ -25,7 +27,17 @@ const colorSwatchStyles = tv({
25
27
  button: "w-full xl:w-36"
26
28
  }
27
29
  });
28
- const { card, title: titleStyle, content, preview, details, buttonGroup, button } = colorSwatchStyles();
30
+ const {
31
+ card,
32
+ title: titleStyle,
33
+ content,
34
+ preview,
35
+ details,
36
+ buttonGroup,
37
+ button
38
+ } = colorSwatchStyles();
39
+ const { copy } = useClipboard();
40
+ const toast = useToast();
29
41
  const copyToClipboard = async (text) => {
30
42
  try {
31
43
  await copy(`${text}`);
@@ -56,13 +68,13 @@ const color = computed(() => {
56
68
  </script>
57
69
 
58
70
  <template>
59
- <UCard variant="subtle" :class="card()">
71
+ <UCard variant="subtle" :class="card({ class: rc.card })">
60
72
  <template #header v-if="name">
61
- <h3 :class="titleStyle()">{{ name }}</h3>
73
+ <h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
62
74
  </template>
63
- <div :class="content()">
64
- <div :class="preview()" :style="{ backgroundColor: color }">
65
- <div :class="details()">
75
+ <div :class="content({ class: rc.content })">
76
+ <div :class="preview({ class: rc.preview })" :style="{ backgroundColor: color }">
77
+ <div :class="details({ class: rc.details })">
66
78
  <span v-if="name" class="text-sm">{{ formatColor(name) }}</span>
67
79
  <span v-if="hex">HEX {{ formatColor(hex) }}</span>
68
80
  <span v-if="rgb">{{ formatColor(rgb) }}</span>
@@ -71,14 +83,14 @@ const color = computed(() => {
71
83
  <span v-if="cmyk">{{ formatColor(cmyk) }}</span>
72
84
  </div>
73
85
  </div>
74
- <div :class="buttonGroup()">
86
+ <div :class="buttonGroup({ class: rc.buttonGroup })">
75
87
  <UButton
76
88
  v-if="hex"
77
89
  variant="outline"
78
90
  size="sm"
79
91
  icon="lucide:copy"
80
92
  label="Copy HEX"
81
- :class="button()"
93
+ :class="button({ class: rc.button })"
82
94
  @click="copyToClipboard(hex)"
83
95
  />
84
96
  <UButton
@@ -87,7 +99,7 @@ const color = computed(() => {
87
99
  size="sm"
88
100
  icon="lucide:copy"
89
101
  label="Copy RGB"
90
- :class="button()"
102
+ :class="button({ class: rc.button })"
91
103
  @click="copyToClipboard(rgb)"
92
104
  />
93
105
  <UButton
@@ -96,7 +108,7 @@ const color = computed(() => {
96
108
  size="sm"
97
109
  icon="lucide:copy"
98
110
  label="Copy HSL"
99
- :class="button()"
111
+ :class="button({ class: rc.button })"
100
112
  @click="copyToClipboard(hsl)"
101
113
  />
102
114
  <UButton
@@ -105,7 +117,7 @@ const color = computed(() => {
105
117
  size="sm"
106
118
  icon="lucide:copy"
107
119
  label="Copy OKLCH"
108
- :class="button()"
120
+ :class="button({ class: rc.button })"
109
121
  @click="copyToClipboard(oklch)"
110
122
  />
111
123
  <UButton
@@ -114,7 +126,7 @@ const color = computed(() => {
114
126
  size="sm"
115
127
  icon="lucide:copy"
116
128
  label="Copy CMYK"
117
- :class="button()"
129
+ :class="button({ class: rc.button })"
118
130
  @click="copyToClipboard(cmyk)"
119
131
  />
120
132
  </div>
@@ -5,9 +5,27 @@ export interface ColorSwatchProps {
5
5
  hsl?: string;
6
6
  oklch?: string;
7
7
  cmyk?: string;
8
+ rc?: {
9
+ card?: string;
10
+ title?: string;
11
+ content?: string;
12
+ preview?: string;
13
+ details?: string;
14
+ buttonGroup?: string;
15
+ button?: string;
16
+ };
8
17
  }
9
18
  export interface ColorSwatchEmits {
10
19
  }
11
- declare const __VLS_export: import("vue").DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
+ export interface ColorSwatchSlots {
21
+ }
22
+ type __VLS_Slots = ColorSwatchSlots;
23
+ 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>;
24
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
12
25
  declare const _default: typeof __VLS_export;
13
26
  export default _default;
27
+ type __VLS_WithSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
@@ -4,9 +4,26 @@ export interface FontSwatchProps {
4
4
  png?: string;
5
5
  webp?: string;
6
6
  svg?: string;
7
+ rc?: {
8
+ card?: string;
9
+ title?: string;
10
+ content?: string;
11
+ actions?: string;
12
+ buttonGroup?: string;
13
+ button?: string;
14
+ };
7
15
  }
8
16
  export interface FontSwatchEmits {
9
17
  }
10
- declare const __VLS_export: import("vue").DefineComponent<FontSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FontSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ export interface FontSwatchSlots {
19
+ }
20
+ type __VLS_Slots = FontSwatchSlots;
21
+ 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>;
22
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
23
  declare const _default: typeof __VLS_export;
12
24
  export default _default;
25
+ type __VLS_WithSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -1,14 +1,18 @@
1
1
  <script setup>
2
2
  import { computed } from "vue";
3
- import { tv } from "tailwind-variants";
4
- const { name, jpg, png, webp, svg } = defineProps({
3
+ import { tv } from "../../utils/tv";
4
+ import { useRC } from "../../composables/useRC";
5
+ const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
5
6
  name: { type: String, required: false },
6
7
  jpg: { type: String, required: false },
7
8
  png: { type: String, required: false },
8
9
  webp: { type: String, required: false },
9
- svg: { type: String, required: false }
10
+ svg: { type: String, required: false },
11
+ rc: { type: Object, required: false }
10
12
  });
11
13
  const emit = defineEmits([]);
14
+ const slots = defineSlots();
15
+ const { rc } = useRC("FontSwatch", rcProp);
12
16
  const fontSwatchStyles = tv({
13
17
  slots: {
14
18
  card: "w-full rounded-none xl:w-fit",
@@ -30,12 +34,12 @@ const image = computed(() => {
30
34
  </script>
31
35
 
32
36
  <template>
33
- <UCard variant="subtle" :class="card()">
37
+ <UCard variant="subtle" :class="card({ class: rc.card })">
34
38
  <template #header v-if="name">
35
- <h3 :class="titleStyle()">{{ name }}</h3>
39
+ <h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
36
40
  <span></span>
37
41
  </template>
38
- <div :class="content()">
42
+ <div :class="content({ class: rc.content })">
39
43
  <h1>H1</h1>
40
44
  <p>{{}}</p>
41
45
  </div>
@@ -44,15 +48,15 @@ const image = computed(() => {
44
48
  <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>
45
49
  <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>
46
50
  <p></p>
47
- <div :class="actions()">
48
- <div :class="buttonGroup()">
51
+ <div :class="actions({ class: rc.actions })">
52
+ <div :class="buttonGroup({ class: rc.buttonGroup })">
49
53
  <UButton
50
54
  v-if="jpg"
51
55
  variant="outline"
52
56
  size="sm"
53
57
  icon="lucide:download"
54
58
  label="Download JPG"
55
- :class="button()"
59
+ :class="button({ class: rc.button })"
56
60
  :to="jpg"
57
61
  target="_blank"
58
62
  />
@@ -62,7 +66,7 @@ const image = computed(() => {
62
66
  size="sm"
63
67
  icon="lucide:download"
64
68
  label="Download PNG"
65
- :class="button()"
69
+ :class="button({ class: rc.button })"
66
70
  :to="png"
67
71
  target="_blank"
68
72
  />
@@ -72,7 +76,7 @@ const image = computed(() => {
72
76
  size="sm"
73
77
  icon="lucide:download"
74
78
  label="Download WEBP"
75
- :class="button()"
79
+ :class="button({ class: rc.button })"
76
80
  :to="webp"
77
81
  target="_blank"
78
82
  />
@@ -82,7 +86,7 @@ const image = computed(() => {
82
86
  size="sm"
83
87
  icon="lucide:download"
84
88
  label="Download SVG"
85
- :class="button()"
89
+ :class="button({ class: rc.button })"
86
90
  :to="svg"
87
91
  target="_blank"
88
92
  />
@@ -4,9 +4,26 @@ export interface FontSwatchProps {
4
4
  png?: string;
5
5
  webp?: string;
6
6
  svg?: string;
7
+ rc?: {
8
+ card?: string;
9
+ title?: string;
10
+ content?: string;
11
+ actions?: string;
12
+ buttonGroup?: string;
13
+ button?: string;
14
+ };
7
15
  }
8
16
  export interface FontSwatchEmits {
9
17
  }
10
- declare const __VLS_export: import("vue").DefineComponent<FontSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FontSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ export interface FontSwatchSlots {
19
+ }
20
+ type __VLS_Slots = FontSwatchSlots;
21
+ 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>;
22
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
23
  declare const _default: typeof __VLS_export;
12
24
  export default _default;
25
+ type __VLS_WithSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -4,9 +4,26 @@ export interface ImageSwatchProps {
4
4
  png?: string;
5
5
  webp?: string;
6
6
  svg?: string;
7
+ rc?: {
8
+ card?: string;
9
+ title?: string;
10
+ content?: string;
11
+ image?: string;
12
+ buttonGroup?: string;
13
+ button?: string;
14
+ };
7
15
  }
8
16
  export interface ImageSwatchEmits {
9
17
  }
10
- declare const __VLS_export: import("vue").DefineComponent<ImageSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ export interface ImageSwatchSlots {
19
+ }
20
+ type __VLS_Slots = ImageSwatchSlots;
21
+ 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>;
22
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
23
  declare const _default: typeof __VLS_export;
12
24
  export default _default;
25
+ type __VLS_WithSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -1,14 +1,18 @@
1
1
  <script setup>
2
2
  import { computed } from "vue";
3
- import { tv } from "tailwind-variants";
4
- const { name, jpg, png, webp, svg } = defineProps({
3
+ import { tv } from "../../utils/tv";
4
+ import { useRC } from "../../composables/useRC";
5
+ const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
5
6
  name: { type: String, required: false },
6
7
  jpg: { type: String, required: false },
7
8
  png: { type: String, required: false },
8
9
  webp: { type: String, required: false },
9
- svg: { type: String, required: false }
10
+ svg: { type: String, required: false },
11
+ rc: { type: Object, required: false }
10
12
  });
11
13
  const emit = defineEmits([]);
14
+ const slots = defineSlots();
15
+ const { rc } = useRC("ImageSwatch", rcProp);
12
16
  const imageSwatchStyles = tv({
13
17
  slots: {
14
18
  card: "w-full rounded-none xl:w-fit",
@@ -30,20 +34,20 @@ const image = computed(() => {
30
34
  </script>
31
35
 
32
36
  <template>
33
- <UCard variant="subtle" :class="card()">
37
+ <UCard variant="subtle" :class="card({ class: rc.card })">
34
38
  <template #header v-if="name">
35
- <h3 :class="titleStyle()">{{ name }}</h3>
39
+ <h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
36
40
  </template>
37
- <div :class="content()">
38
- <NuxtImg :src="image" :class="imageStyle()" />
39
- <div :class="buttonGroup()">
41
+ <div :class="content({ class: rc.content })">
42
+ <NuxtImg :src="image" :class="imageStyle({ class: rc.image })" />
43
+ <div :class="buttonGroup({ class: rc.buttonGroup })">
40
44
  <UButton
41
45
  v-if="jpg"
42
46
  variant="outline"
43
47
  size="sm"
44
48
  icon="lucide:download"
45
49
  label="Download JPG"
46
- :class="button()"
50
+ :class="button({ class: rc.button })"
47
51
  :to="jpg"
48
52
  target="_blank"
49
53
  />
@@ -53,7 +57,7 @@ const image = computed(() => {
53
57
  size="sm"
54
58
  icon="lucide:download"
55
59
  label="Download PNG"
56
- :class="button()"
60
+ :class="button({ class: rc.button })"
57
61
  :to="png"
58
62
  target="_blank"
59
63
  />
@@ -63,7 +67,7 @@ const image = computed(() => {
63
67
  size="sm"
64
68
  icon="lucide:download"
65
69
  label="Download WEBP"
66
- :class="button()"
70
+ :class="button({ class: rc.button })"
67
71
  :to="webp"
68
72
  target="_blank"
69
73
  />
@@ -73,7 +77,7 @@ const image = computed(() => {
73
77
  size="sm"
74
78
  icon="lucide:download"
75
79
  label="Download SVG"
76
- :class="button()"
80
+ :class="button({ class: rc.button })"
77
81
  :to="svg"
78
82
  target="_blank"
79
83
  />
@@ -4,9 +4,26 @@ export interface ImageSwatchProps {
4
4
  png?: string;
5
5
  webp?: string;
6
6
  svg?: string;
7
+ rc?: {
8
+ card?: string;
9
+ title?: string;
10
+ content?: string;
11
+ image?: string;
12
+ buttonGroup?: string;
13
+ button?: string;
14
+ };
7
15
  }
8
16
  export interface ImageSwatchEmits {
9
17
  }
10
- declare const __VLS_export: import("vue").DefineComponent<ImageSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
+ export interface ImageSwatchSlots {
19
+ }
20
+ type __VLS_Slots = ImageSwatchSlots;
21
+ 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>;
22
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
23
  declare const _default: typeof __VLS_export;
12
24
  export default _default;
25
+ type __VLS_WithSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -1,11 +1,15 @@
1
1
  export interface PlaceholderProps {
2
+ rc?: {
3
+ base?: string;
4
+ svg?: string;
5
+ };
2
6
  }
3
7
  export interface PlaceholderEmits {
4
8
  }
5
- declare var __VLS_1: {};
6
- type __VLS_Slots = {} & {
7
- default?: (props: typeof __VLS_1) => any;
8
- };
9
+ export interface PlaceholderSlots {
10
+ default: (props: {}) => any;
11
+ }
12
+ type __VLS_Slots = PlaceholderSlots;
9
13
  declare const __VLS_base: import("vue").DefineComponent<PlaceholderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
14
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
15
  declare const _default: typeof __VLS_export;
@@ -1,7 +1,12 @@
1
1
  <script setup>
2
- import { tv } from "tailwind-variants";
3
- const props = defineProps({});
2
+ import { tv } from "../../utils/tv";
3
+ import { useRC } from "../../composables/useRC";
4
+ const { rc: rcProp } = defineProps({
5
+ rc: { type: Object, required: false }
6
+ });
4
7
  const emit = defineEmits([]);
8
+ const slots = defineSlots();
9
+ const { rc } = useRC("Placeholder", rcProp);
5
10
  const placeholderStyles = tv({
6
11
  slots: {
7
12
  base: "relative flex items-center justify-center overflow-hidden rounded-sm border border-dashed border-accented px-4 opacity-75",
@@ -12,8 +17,8 @@ const { base, svg } = placeholderStyles();
12
17
  </script>
13
18
 
14
19
  <template>
15
- <div :class="base()">
16
- <svg :class="svg()">
20
+ <div :class="base({ class: rc.base })">
21
+ <svg :class="svg({ class: rc.svg })">
17
22
  <defs>
18
23
  <pattern
19
24
  id="pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e"
@@ -1,11 +1,15 @@
1
1
  export interface PlaceholderProps {
2
+ rc?: {
3
+ base?: string;
4
+ svg?: string;
5
+ };
2
6
  }
3
7
  export interface PlaceholderEmits {
4
8
  }
5
- declare var __VLS_1: {};
6
- type __VLS_Slots = {} & {
7
- default?: (props: typeof __VLS_1) => any;
8
- };
9
+ export interface PlaceholderSlots {
10
+ default: (props: {}) => any;
11
+ }
12
+ type __VLS_Slots = PlaceholderSlots;
9
13
  declare const __VLS_base: import("vue").DefineComponent<PlaceholderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
14
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
15
  declare const _default: typeof __VLS_export;
@@ -4,3 +4,4 @@ export * from "./usePageEditor.js";
4
4
  export * from "./useBlockEditor.js";
5
5
  export * from "./usePageRegistry.js";
6
6
  export * from "./useInfobox.js";
7
+ export * from "./useRC.js";
@@ -4,3 +4,4 @@ export * from "./usePageEditor.js";
4
4
  export * from "./useBlockEditor.js";
5
5
  export * from "./usePageRegistry.js";
6
6
  export * from "./useInfobox.js";
7
+ export * from "./useRC.js";
@@ -4,3 +4,4 @@ export * from "./usePageEditor.mjs";
4
4
  export * from "./useBlockEditor.mjs";
5
5
  export * from "./usePageRegistry.mjs";
6
6
  export * from "./useInfobox.mjs";
7
+ export * from "./useRC.mjs";
@@ -0,0 +1,3 @@
1
+ export declare function useRC<T extends Record<string, any>>(namespace: string, propsProp: T | undefined): {
2
+ rc: import("vue").ComputedRef<T | (T extends any ? T : Omit<T, keyof T & (string | number | symbol)> & Omit<any, keyof T & (string | number | symbol)> & { -readonly [Key in keyof T & (string | number | symbol)]: T[Key] extends void | null | undefined ? any : T[Key] | (T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends void | null | undefined ? any : T_1 | (T_1 extends any[] ? any : T_1 extends Function ? any : T_1 extends RegExp ? any : T_1 extends Promise<any> ? any : any) : never : never); })>;
3
+ };
@@ -0,0 +1,14 @@
1
+ import { computed } from "vue";
2
+ import { useAppConfig } from "#imports";
3
+ import { defu } from "defu";
4
+ export function useRC(namespace, propsProp) {
5
+ const appConfig = useAppConfig();
6
+ const rc = computed(() => {
7
+ const config = appConfig.rimelightComponents || {};
8
+ const conf = config[namespace] || config[namespace.toLowerCase()] || {};
9
+ return defu(propsProp || {}, conf.slots || conf);
10
+ });
11
+ return {
12
+ rc
13
+ };
14
+ }
@@ -0,0 +1,14 @@
1
+ import { computed } from "vue";
2
+ import { useAppConfig } from "#imports";
3
+ import { defu } from "defu";
4
+ export function useRC(namespace, propsProp) {
5
+ const appConfig = useAppConfig();
6
+ const rc = computed(() => {
7
+ const config = appConfig.rimelightComponents || {};
8
+ const conf = config[namespace] || config[namespace.toLowerCase()] || {};
9
+ return defu(propsProp || {}, conf.slots || conf);
10
+ });
11
+ return {
12
+ rc
13
+ };
14
+ }
@@ -0,0 +1,6 @@
1
+ declare module '#build/app.config' {
2
+ import type { AppConfig } from '@nuxt/schema'
3
+
4
+ const _default: AppConfig
5
+ export default _default
6
+ }
@@ -5,12 +5,12 @@ import { type Localized } from "./index.js";
5
5
  */
6
6
  export declare const LocalizedSchema: <T extends z.ZodTypeAny>(schema: T) => z.ZodType<Localized<z.infer<T>>>;
7
7
  export declare const linkVariantEnum: z.ZodEnum<{
8
- link: "link";
9
8
  solid: "solid";
10
9
  outline: "outline";
11
10
  soft: "soft";
12
11
  subtle: "subtle";
13
12
  ghost: "ghost";
13
+ link: "link";
14
14
  }>;
15
15
  export declare const linkColorEnum: z.ZodEnum<{
16
16
  primary: "primary";
@@ -44,12 +44,12 @@ export declare const LinkSchema: z.ZodObject<{
44
44
  error: "error";
45
45
  }>>;
46
46
  variant: z.ZodOptional<z.ZodEnum<{
47
- link: "link";
48
47
  solid: "solid";
49
48
  outline: "outline";
50
49
  soft: "soft";
51
50
  subtle: "subtle";
52
51
  ghost: "ghost";
52
+ link: "link";
53
53
  }>>;
54
54
  }, z.core.$strip>;
55
55
  export type Link = z.infer<typeof LinkSchema>;