rimelight-components 2.1.17 → 2.1.18

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

@@ -1,10 +1,12 @@
-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>;
+}
+export interface FontSwatchEmits {
+}
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,12 @@
-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>;
+}
+export interface ImageSwatchEmits {
+}
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/swatches/ImageSwatch.vue

@@ -1,5 +1,6 @@
 <script setup>
-import { computed } from "#imports";
+import { computed } from "vue";
+import { tv } from "tailwind-variants";
 const { name, jpg, png, webp, svg } = defineProps({
   name: { type: String, required: false },
   jpg: { type: String, required: false },
@@ -7,6 +8,18 @@ const { name, jpg, png, webp, svg } = defineProps({
   webp: { type: String, required: false },
   svg: { type: String, required: false }
 });
+const emit = defineEmits([]);
+const imageSwatchStyles = 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",
+    image: "size-48",
+    buttonGroup: "flex w-full flex-col justify-center gap-sm",
+    button: "w-full xl:w-36"
+  }
+});
+const { card, title: titleStyle, content, image: imageStyle, buttonGroup, button } = imageSwatchStyles();
 const image = computed(() => {
   if (webp) return webp;
   if (png) return png;
@@ -17,20 +30,20 @@ const image = computed(() => {
 </script>
 
 <template>
-  <UCard variant="subtle" class="w-full rounded-none xl:w-fit">
+  <UCard variant="subtle" :class="card()">
     <template #header v-if="name">
-      <h3 class="text-lg font-bold">{{ name }}</h3>
+      <h3 :class="titleStyle()">{{ name }}</h3>
     </template>
-    <div class="flex flex-col items-center gap-sm xl:flex-row xl:items-start">
-      <NuxtImg :src="image" class="size-48" />
-      <div class="flex w-full flex-col justify-center gap-sm">
+    <div :class="content()">
+      <NuxtImg :src="image" :class="imageStyle()" />
+      <div :class="buttonGroup()">
         <UButton
           v-if="jpg"
           variant="outline"
           size="sm"
           icon="lucide:download"
           label="Download JPG"
-          class="w-full xl:w-36"
+          :class="button()"
           :to="jpg"
           target="_blank"
         />
@@ -40,7 +53,7 @@ const image = computed(() => {
           size="sm"
           icon="lucide:download"
           label="Download PNG"
-          class="w-full xl:w-36"
+          :class="button()"
           :to="png"
           target="_blank"
         />
@@ -50,7 +63,7 @@ const image = computed(() => {
           size="sm"
           icon="lucide:download"
           label="Download WEBP"
-          class="w-full xl:w-36"
+          :class="button()"
           :to="webp"
           target="_blank"
         />
@@ -60,7 +73,7 @@ const image = computed(() => {
           size="sm"
           icon="lucide:download"
           label="Download SVG"
-          class="w-full xl:w-36"
+          :class="button()"
           :to="svg"
           target="_blank"
         />

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

@@ -1,10 +1,12 @@
-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>;
+}
+export interface ImageSwatchEmits {
+}
+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>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/utilities/Placeholder.d.vue.ts

@@ -1,8 +1,12 @@
+export interface PlaceholderProps {
+}
+export interface PlaceholderEmits {
+}
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/utilities/Placeholder.vue

@@ -1,10 +1,19 @@
-<script setup lang="ts"></script>
+<script setup>
+import { tv } from "tailwind-variants";
+const props = defineProps({});
+const emit = defineEmits([]);
+const placeholderStyles = tv({
+  slots: {
+    base: "relative flex items-center justify-center overflow-hidden rounded-sm border border-dashed border-accented px-4 opacity-75",
+    svg: "absolute inset-0 h-full w-full stroke-inverted/10"
+  }
+});
+const { base, svg } = placeholderStyles();
+</script>
 
 <template>
-  <div
-    class="relative flex items-center justify-center overflow-hidden rounded-sm border border-dashed border-accented px-4 opacity-75"
-  >
-    <svg class="absolute inset-0 h-full w-full stroke-inverted/10">
+  <div :class="base()">
+    <svg :class="svg()">
       <defs>
         <pattern
           id="pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e"

package/dist/runtime/components/utilities/Placeholder.vue.d.ts

@@ -1,8 +1,12 @@
+export interface PlaceholderProps {
+}
+export interface PlaceholderEmits {
+}
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.17",
+  "version": "2.1.18",
   "description": "A component library by Rimelight Entertainment.",
   "keywords": [
     "nuxt",