rimelight-components 2.1.32 → 2.1.34

package/dist/module.json

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

package/dist/module.mjs

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

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

@@ -46,8 +46,12 @@ const {
       <div :class="center({ class: rc.center })"><slot name="center" /></div>
       <div :class="right({ class: rc.right })"><slot name="right" /></div>
       <div :class="collapsedLeft({ class: rc.collapsedLeft })"><slot name="collapsed-left" /></div>
-      <div :class="collapsedCenter({ class: rc.collapsedCenter })"><slot name="collapsed-center" /></div>
-      <div :class="collapsedRight({ class: rc.collapsedRight })"><slot name="collapsed-right" /></div>
+      <div :class="collapsedCenter({ class: rc.collapsedCenter })">
+        <slot name="collapsed-center" />
+      </div>
+      <div :class="collapsedRight({ class: rc.collapsedRight })">
+        <slot name="collapsed-right" />
+      </div>
     </UContainer>
   </header>
 </template>

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

@@ -128,33 +128,34 @@ watch(() => imgElement.value, (newVal) => {
 </script>
 
 <template>
-  <UModal v-model="isOpen" title="Image Viewer" :description="`${src}`" :ui="{
+  <UModal
+    v-model="isOpen"
+    title="Image Viewer"
+    :description="`${src}`"
+    :ui="{
   content: 'w-fit max-w-[98vw] sm:max-w-[95vw] mx-auto'
-}">
+}"
+  >
     <template #default>
       <div class="relative">
-      <NuxtImg
-        ref="imgRef"
-        :src="src"
-        :alt="alt"
-        :height="height"
-        :width="width"
-        :loading="loading"
-        :class="base({ isExpanded: false, class: rc.base })"
-        @click="isOpen = true"
-        @load="handleImageLoad"
-      />
+        <NuxtImg
+          ref="imgRef"
+          :src="src"
+          :alt="alt"
+          :height="height"
+          :width="width"
+          :loading="loading"
+          :class="base({ isExpanded: false, class: rc.base })"
+          @click="isOpen = true"
+          @load="handleImageLoad"
+        />
       </div>
     </template>
 
     <template #body>
       <div class="flex flex-col gap-md">
         <div class="flex-1 min-h-0 w-full flex items-center">
-          <NuxtImg
-            :src="src"
-            :alt="alt"
-            :class="base({ isExpanded: true, class: rc.base })"
-          />
+          <NuxtImg :src="src" :alt="alt" :class="base({ isExpanded: true, class: rc.base })" />
         </div>
 
         <USeparator />
@@ -163,27 +164,32 @@ watch(() => imgElement.value, (newVal) => {
           <div class="flex flex-col gap-xs">
             <div class="flex flex-row gap-xs items-center">
               <UIcon name="lucide:image" class="size-4" />
-              <p class="text-sm">Source: <span class="text-dimmed">{{ src }}</span></p>
+              <p class="text-sm">
+                Source: <span class="text-dimmed">{{ src }}</span>
+              </p>
             </div>
             <div class="flex flex-row gap-xs items-center">
               <UIcon name="lucide:file-question-mark" class="size-4" />
-              <p class="text-sm">Format: <span class="text-dimmed">{{ metadata.format }}</span></p>
+              <p class="text-sm">
+                Format: <span class="text-dimmed">{{ metadata.format }}</span>
+              </p>
             </div>
             <div class="flex flex-row gap-xs items-center">
               <UIcon name="lucide:weight" class="size-4" />
-              <p class="text-sm">Size: <span class="text-dimmed">{{ metadata.size || "Unknown" }}</span></p>
+              <p class="text-sm">
+                Size: <span class="text-dimmed">{{ metadata.size || "Unknown" }}</span>
+              </p>
             </div>
             <div class="flex flex-row gap-xs items-center">
               <UIcon name="lucide:image-upscale" class="size-4" />
-              <p class="text-sm">Dimensions: <span class="text-dimmed">{{ metadata.width }} × {{ metadata.height }}</span></p>
+              <p class="text-sm">
+                Dimensions:
+                <span class="text-dimmed">{{ metadata.width }} × {{ metadata.height }}</span>
+              </p>
             </div>
           </div>
 
-          <UButton
-            icon="lucide:download"
-            label="Download Original"
-            @click="downloadImage"
-          />
+          <UButton icon="lucide:download" label="Download Original" @click="downloadImage" />
         </div>
       </div>
     </template>

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

@@ -67,44 +67,44 @@ const durationInSeconds = computed(() => `${duration}s`);
 <template>
   <ClientOnly>
     <Transition
-    name="fade"
-    enter-active-class="transition-opacity duration-500 ease-in"
-    leave-active-class="transition-opacity duration-500 ease-out"
-    enter-from-class="opacity-0"
-    leave-to-class="opacity-0"
-  >
-    <div v-if="isVisible">
-      <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="circleStrokeWidth"
-              stroke-dashoffset="0"
-              stroke-linecap="round"
-              class="gauge-secondary-stroke opacity-100"
-            />
-            <circle
-              cx="50"
-              cy="50"
-              r="45"
-              fill="transparent"
-              :stroke-width="circleStrokeWidth"
-              stroke-dashoffset="0"
-              stroke-linecap="round"
-              class="gauge-primary-stroke opacity-100"
-            />
-          </svg>
-          <div :class="iconContainer({ class: rc.iconContainer })">
-            <UIcon name="lucide:arrow-up" :class="icon({ class: rc.icon })" />
+      name="fade"
+      enter-active-class="transition-opacity duration-500 ease-in"
+      leave-active-class="transition-opacity duration-500 ease-out"
+      enter-from-class="opacity-0"
+      leave-to-class="opacity-0"
+    >
+      <div v-if="isVisible">
+        <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="circleStrokeWidth"
+                stroke-dashoffset="0"
+                stroke-linecap="round"
+                class="gauge-secondary-stroke opacity-100"
+              />
+              <circle
+                cx="50"
+                cy="50"
+                r="45"
+                fill="transparent"
+                :stroke-width="circleStrokeWidth"
+                stroke-dashoffset="0"
+                stroke-linecap="round"
+                class="gauge-primary-stroke opacity-100"
+              />
+            </svg>
+            <div :class="iconContainer({ class: rc.iconContainer })">
+              <UIcon name="lucide:arrow-up" :class="icon({ class: rc.icon })" />
+            </div>
           </div>
-        </div>
-      </UButton>
-    </div>
-  </Transition>
+        </UButton>
+      </div>
+    </Transition>
   </ClientOnly>
 </template>
 

package/dist/runtime/components/content/Callout.vue

@@ -52,7 +52,10 @@ const tooltip = computed(() => config.value.tooltip);
       </template>
       <template #close>
         <UTooltip v-if="tooltip" :text="t(tooltip)">
-          <UIcon name="lucide:circle-question-mark" :class="tooltipIcon({ class: rc.tooltipIcon })" />
+          <UIcon
+            name="lucide:circle-question-mark"
+            :class="tooltipIcon({ class: rc.tooltipIcon })"
+          />
         </UTooltip>
       </template>
     </UAlert>

package/dist/runtime/components/content/Section.vue

@@ -124,7 +124,11 @@ const fullSectionUrl = computed(() => {
 
 <template>
   <section :id="sectionId" :class="section({ class: rc.section })" v-bind="$attrs">
-    <component :id="`${sectionId}-heading`" :is="`h${level}`" :class="heading({ class: rc.heading })">
+    <component
+      :id="`${sectionId}-heading`"
+      :is="`h${level}`"
+      :class="heading({ class: rc.heading })"
+    >
       <NuxtLink
         v-if="!isEditing"
         :href="`#${sectionId}`"

package/dist/runtime/components/page/PageEditor.vue

@@ -193,17 +193,12 @@ const handleDeleteConfirm = async () => {
           />
           <RCCreatePageModal
             :is-open="isCreateModalOpen"
-             :definitions="pageDefinitions"
-             :loading="isCreating"
-             @close="isCreateModalOpen = false"
-             @confirm="handleCreateConfirm"
+            :definitions="pageDefinitions"
+            :loading="isCreating"
+            @close="isCreateModalOpen = false"
+            @confirm="handleCreateConfirm"
           >
-            <UButton
-              icon="lucide:file-plus"
-              label="Create Page"
-              color="primary"
-              size="xs"
-            />
+            <UButton icon="lucide:file-plus" label="Create Page" color="primary" size="xs" />
           </RCCreatePageModal>
           <RCDeletePageModal
             :is-open="isDeleteModalOpen"
@@ -212,35 +207,23 @@ const handleDeleteConfirm = async () => {
             @close="isDeleteModalOpen = false"
             @confirm="handleDeleteConfirm"
           >
-            <UButton
-              icon="lucide:file-plus"
-              label="Delete Page"
-              color="error"
-              size="xs"
-            />
+            <UButton icon="lucide:file-plus" label="Delete Page" color="error" size="xs" />
           </RCDeletePageModal>
         </div>
       </template>
     </UHeader>
   </RCHeaderLayer>
 
-  <div
-    ref="split-container"
-    :class="splitContainer({ class: rc.splitContainer })"
-  >
+  <div ref="split-container" :class="splitContainer({ class: rc.splitContainer })">
     <div
       :class="editorColumn({ class: rc.editorColumn })"
       :style="{ width: showPreview ? `${editorWidth}%` : '100%' }"
     >
       <UContainer :class="container({ class: rc.container })">
         <div :class="grid({ class: rc.grid })">
-          <RCPageTOC
-            :page-blocks="page.blocks"
-            :levels="[2, 3, 4]"
-            :class="toc({ class: rc.toc })"
-          >
-              <template #bottom> </template>
-            </RCPageTOC>
+          <RCPageTOC :page-blocks="page.blocks" :levels="[2, 3, 4]" :class="toc({ class: rc.toc })">
+            <template #bottom> </template>
+          </RCPageTOC>
           <RCPagePropertiesEditor v-model="page" :class="properties({ class: rc.properties })" />
           <div :class="contentWrapper({ class: rc.contentWrapper })">
             <RCImage
@@ -262,17 +245,18 @@ const handleDeleteConfirm = async () => {
                     :alt="page.icon?.alt"
                     :class="icon({ class: rc.icon })"
                   />
-                  <h1 :class="titleClass({ class: rc.title })">{{ getLocalizedContent(page.title, locale) }}</h1>
+                  <h1 :class="titleClass({ class: rc.title })">
+                    {{ getLocalizedContent(page.title, locale) }}
+                  </h1>
                 </div>
               </template>
             </UPageHeader>
-            <RCBlockEditor
-              ref="editor"
-              v-model="page.blocks"
-              @mutation="captureSnapshot"
-            />
+            <RCBlockEditor ref="editor" v-model="page.blocks" @mutation="captureSnapshot" />
             <template v-if="useSurround">
-              <div v-if="surroundStatus === 'pending'" :class="surroundSkeleton({ class: rc.surroundSkeleton })">
+              <div
+                v-if="surroundStatus === 'pending'"
+                :class="surroundSkeleton({ class: rc.surroundSkeleton })"
+              >
                 <USkeleton :class="skeleton({ class: rc.skeleton })" />
                 <USkeleton :class="skeleton({ class: rc.skeleton })" />
               </div>
@@ -295,41 +279,41 @@ const handleDeleteConfirm = async () => {
                 <h6>Metadata</h6>
                 <span>Page ID: {{ page.id }}</span>
                 <span
-                >Created At:
-              <NuxtTime
-                :datetime="page.created_at ?? ''"
-                year="numeric"
-                month="numeric"
-                day="numeric"
-                hour="numeric"
-                minute="numeric"
-                second="numeric"
-                time-zone-name="short"
-              /></span>
+                  >Created At:
+                  <NuxtTime
+                    :datetime="page.created_at ?? ''"
+                    year="numeric"
+                    month="numeric"
+                    day="numeric"
+                    hour="numeric"
+                    minute="numeric"
+                    second="numeric"
+                    time-zone-name="short"
+                /></span>
                 <span
-                >Posted At:
-              <NuxtTime
-                :datetime="page.created_at ?? ''"
-                year="numeric"
-                month="numeric"
-                day="numeric"
-                hour="numeric"
-                minute="numeric"
-                second="numeric"
-                time-zone-name="short"
-              /></span>
+                  >Posted At:
+                  <NuxtTime
+                    :datetime="page.created_at ?? ''"
+                    year="numeric"
+                    month="numeric"
+                    day="numeric"
+                    hour="numeric"
+                    minute="numeric"
+                    second="numeric"
+                    time-zone-name="short"
+                /></span>
                 <span
-                >Updated At:
-              <NuxtTime
-                :datetime="page.created_at ?? ''"
-                year="numeric"
-                month="numeric"
-                day="numeric"
-                hour="numeric"
-                minute="numeric"
-                second="numeric"
-                time-zone-name="short"
-              /></span>
+                  >Updated At:
+                  <NuxtTime
+                    :datetime="page.created_at ?? ''"
+                    year="numeric"
+                    month="numeric"
+                    day="numeric"
+                    hour="numeric"
+                    minute="numeric"
+                    second="numeric"
+                    time-zone-name="short"
+                /></span>
               </div>
             </template>
           </div>

package/dist/runtime/components/page/PageMention.vue

@@ -38,11 +38,7 @@ const { data: linkedPage, status } = await useAsyncData(`page-mention-${pageId}`
 </script>
 
 <template>
-  <NuxtLink
-    v-if="linkedPage"
-    :to="`/${linkedPage.slug}`"
-    :class="link({ class: rc.link })"
-  >
+  <NuxtLink v-if="linkedPage" :to="`/${linkedPage.slug}`" :class="link({ class: rc.link })">
     <NuxtImg
       v-if="linkedPage.icon?.src"
       :src="linkedPage.icon.src"

package/dist/runtime/components/page/PagePropertiesEditor.vue

@@ -113,7 +113,11 @@ const updateTextArray = (schema, vals) => {
               :class="tabs({ class: rc.tabs })"
             >
               <template #content="{ item }">
-                <RCImage :src="item.img.src" :alt="item.img.alt" :class="image({ class: rc.image })" />
+                <RCImage
+                  :src="item.img.src"
+                  :alt="item.img.alt"
+                  :class="image({ class: rc.image })"
+                />
               </template>
             </UTabs>
 
@@ -147,7 +151,10 @@ const updateTextArray = (schema, vals) => {
             <template #content>
               <ClientOnly>
                 <dl :class="details({ class: rc.details })">
-                  <template v-for="[fieldKey, schema] in getSortedFields(group.fields)" :key="fieldKey">
+                  <template
+                    v-for="[fieldKey, schema] in getSortedFields(group.fields)"
+                    :key="fieldKey"
+                  >
                     <UFormField
                       v-if="isFieldVisible(schema, false)"
                       :label="getLocalizedContent(schema.label, locale)"

package/dist/runtime/components/page/PagePropertiesRenderer.vue

@@ -160,14 +160,20 @@ const imageTabs = computed(() => {
               :class="tabs({ class: rc.tabs })"
             >
               <template #content="{ item }">
-                <RCImage :src="item.img.src" :alt="item.img.alt" :class="image({ class: rc.image })" />
+                <RCImage
+                  :src="item.img.src"
+                  :alt="item.img.alt"
+                  :class="image({ class: rc.image })"
+                />
               </template>
             </UTabs>
 
             <div v-else-if="page.images[0]">
-              <RCImage :src="page.images[0].src"
-                       :alt="page.images[0].alt"
-                       :class="image({ class: rc.image })" />
+              <RCImage
+                :src="page.images[0].src"
+                :alt="page.images[0].alt"
+                :class="image({ class: rc.image })"
+              />
             </div>
           </div>
         </div>
@@ -195,10 +201,7 @@ const imageTabs = computed(() => {
                   v-for="[fieldKey, schema] in getSortedFields(group.fields)"
                   :key="fieldKey"
                 >
-                  <div
-                    v-if="isFieldVisible(schema, true)"
-                    :class="field({ class: rc.field })"
-                  >
+                  <div v-if="isFieldVisible(schema, true)" :class="field({ class: rc.field })">
                     <dt :class="fieldLabel({ class: rc.fieldLabel })">
                       {{ getLocalizedContent(schema.label, locale) }}
                     </dt>
@@ -226,7 +229,11 @@ const imageTabs = computed(() => {
                         v-else-if="schema.type === 'page-array' && Array.isArray(schema.value)"
                         :class="pageArrayList({ class: rc.pageArrayList })"
                       >
-                        <li v-for="id in schema.value" :key="id" :class="pageArrayItem({ class: rc.pageArrayItem })">
+                        <li
+                          v-for="id in schema.value"
+                          :key="id"
+                          :class="pageArrayItem({ class: rc.pageArrayItem })"
+                        >
                           <span
                             :class="pageArrayBullet({ class: rc.pageArrayBullet })"
                             aria-hidden="true"

package/dist/runtime/components/page/PageRenderer.vue

@@ -61,11 +61,7 @@ const hasSurround = computed(() => !!(surround?.previous || surround?.next));
 <template>
   <UContainer :class="container({ class: rc.container })">
     <div :class="grid({ class: rc.grid })">
-      <RCPageTOC
-        :page-blocks="page.blocks"
-        :levels="[2, 3, 4]"
-        :class="toc({ class: rc.toc })"
-      >
+      <RCPageTOC :page-blocks="page.blocks" :levels="[2, 3, 4]" :class="toc({ class: rc.toc })">
         <template #bottom> </template>
       </RCPageTOC>
       <RCPagePropertiesRenderer v-model="page" :class="properties({ class: rc.properties })" />
@@ -89,13 +85,18 @@ const hasSurround = computed(() => !!(surround?.previous || surround?.next));
                 :alt="page.icon?.alt"
                 :class="icon({ class: rc.icon })"
               />
-              <h1 :class="titleClass({ class: rc.title })">{{ getLocalizedContent(page.title, locale) }}</h1>
+              <h1 :class="titleClass({ class: rc.title })">
+                {{ getLocalizedContent(page.title, locale) }}
+              </h1>
             </div>
           </template>
         </UPageHeader>
         <RCBlockViewRenderer :blocks="page.blocks" />
         <template v-if="useSurround">
-          <div v-if="surroundStatus === 'pending'" :class="surroundSkeleton({ class: rc.surroundSkeleton })">
+          <div
+            v-if="surroundStatus === 'pending'"
+            :class="surroundSkeleton({ class: rc.surroundSkeleton })"
+          >
             <USkeleton :class="skeleton({ class: rc.skeleton })" />
             <USkeleton :class="skeleton({ class: rc.skeleton })" />
           </div>

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

@@ -71,48 +71,54 @@ const handleConfirm = () => {
 
 <template>
   <UModal :model-value="isOpen" @update:model-value="emit('close')">
-    <slot/>
+    <slot />
     <template #content>
       <UCard>
-      <template #header>
-        <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="body({ class: rc.body })">
-        <UFormField label="Page Template" required>
-          <USelect
-            v-model="selectedType"
-            :items="typeOptions"
-            :placeholder="t('editor.template_placeholder', 'Select a template...')"
-            :class="field({ class: rc.field })"
-          />
-        </UFormField>
+        <template #header>
+          <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>
 
-        <UFormField label="Title" required>
-          <UInput v-model="title" placeholder="e.g. My Awesome Movie" />
-        </UFormField>
+        <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="field({ class: rc.field })"
+            />
+          </UFormField>
 
-        <UFormField label="Slug" required>
-          <UInput v-model="slug" placeholder="my-awesome-movie" />
-        </UFormField>
-      </div>
+          <UFormField label="Title" required>
+            <UInput v-model="title" placeholder="e.g. My Awesome Movie" />
+          </UFormField>
 
-      <template #footer>
-        <div :class="footer({ class: rc.footer })">
-          <UButton color="neutral" variant="ghost" label="Cancel" @click="emit('close')" />
-          <UButton
-            color="primary"
-            label="Create & Edit"
-            :loading="loading"
-            :disabled="!selectedType || !title"
-            @click="handleConfirm"
-          />
+          <UFormField label="Slug" required>
+            <UInput v-model="slug" placeholder="my-awesome-movie" />
+          </UFormField>
         </div>
-      </template>
-    </UCard>
+
+        <template #footer>
+          <div :class="footer({ class: rc.footer })">
+            <UButton color="neutral" variant="ghost" label="Cancel" @click="emit('close')" />
+            <UButton
+              color="primary"
+              label="Create & Edit"
+              :loading="loading"
+              :disabled="!selectedType || !title"
+              @click="handleConfirm"
+            />
+          </div>
+        </template>
+      </UCard>
     </template>
   </UModal>
 </template>

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

@@ -43,7 +43,7 @@ const handleConfirm = () => {
 
 <template>
   <UModal :model-value="isOpen" @update:model-value="emits('close')">
-    <slot/>
+    <slot />
     <template #content>
       <UCard :ui="{ body: 'space-y-4' }">
         <template #header>
@@ -63,8 +63,8 @@ const handleConfirm = () => {
 
         <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.
+            Are you sure you want to delete <strong>{{ pageTitle }}</strong
+            >? This action is permanent and cannot be undone.
           </p>
         </div>
 

package/dist/runtime/composables/useHeaderStack.js

@@ -16,9 +16,7 @@ export const useHeaderStack = () => {
   const unregisterHeader = (id) => {
     layers.value = layers.value.filter((l) => l.id !== id);
   };
-  const totalOffset = computed(
-    () => layers.value.reduce((acc, l) => acc + l.height, 0)
-  );
+  const totalOffset = computed(() => layers.value.reduce((acc, l) => acc + l.height, 0));
   const getOffsetFor = (id) => {
     const index = layers.value.findIndex((l) => l.id === id);
     if (index === -1) return 0;

package/dist/runtime/composables/useHeaderStack.mjs

@@ -16,9 +16,7 @@ export const useHeaderStack = () => {
   const unregisterHeader = (id) => {
     layers.value = layers.value.filter((l) => l.id !== id);
   };
-  const totalOffset = computed(
-    () => layers.value.reduce((acc, l) => acc + l.height, 0)
-  );
+  const totalOffset = computed(() => layers.value.reduce((acc, l) => acc + l.height, 0));
   const getOffsetFor = (id) => {
     const index = layers.value.findIndex((l) => l.id === id);
     if (index === -1) return 0;

package/dist/runtime/composables/useInfobox.d.ts

@@ -1,4 +1,4 @@
-import type { Property, PropertyGroup, BasePageProperties } from '../types/index.js';
+import type { Property, PropertyGroup, BasePageProperties } from "../types/index.js";
 export declare const useInfobox: (properties: BasePageProperties) => {
     isFieldVisible: (schema: Property, isReadOnly: boolean) => boolean;
     shouldRenderGroup: (group: PropertyGroup, isReadOnly: boolean) => boolean;

package/dist/runtime/composables/useInfobox.js

@@ -19,7 +19,9 @@ export const useInfobox = (properties) => {
     return Object.entries(fields).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0));
   };
   const getSortedGroups = (props) => {
-    return Object.entries(props).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0));
+    return Object.entries(props).sort(
+      ([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0)
+    );
   };
   return {
     isFieldVisible,

package/dist/runtime/composables/useInfobox.mjs

@@ -19,7 +19,9 @@ export const useInfobox = (properties) => {
     return Object.entries(fields).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0));
   };
   const getSortedGroups = (props) => {
-    return Object.entries(props).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0));
+    return Object.entries(props).sort(
+      ([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0)
+    );
   };
   return {
     isFieldVisible,

package/dist/runtime/types/app.config.d.ts

@@ -1,5 +1,5 @@
-declare module '#build/app.config' {
-  import type { AppConfig } from '@nuxt/schema'
+declare module "#build/app.config" {
+  import type { AppConfig } from "@nuxt/schema"
 
   const _default: AppConfig
   export default _default

package/dist/runtime/types/tv.d.ts

@@ -1,16 +1,16 @@
-import type { ClassValue, TVVariants, TVCompoundVariants, TVDefaultVariants } from 'tailwind-variants';
+import type { ClassValue, TVVariants, TVCompoundVariants, TVDefaultVariants } from "tailwind-variants";
 /**
  * Defines the AppConfig object based on the tailwind-variants configuration.
  */
 export type TVConfig<T extends Record<string, any>> = {
     [P in keyof T]?: {
-        [K in keyof T[P] as K extends 'base' | 'slots' | 'variants' | 'defaultVariants' ? K : never]?: K extends 'base' ? ClassValue : K extends 'slots' ? {
-            [S in keyof T[P]['slots']]?: ClassValue;
-        } : K extends 'variants' ? TVVariants<T[P]['slots'], ClassValue, WidenVariantsValues<T[P]['variants']>> : K extends 'defaultVariants' ? TVDefaultVariants<WidenVariantsValues<T[P]['variants']>, T[P]['slots'], object, undefined> : never;
+        [K in keyof T[P] as K extends "base" | "slots" | "variants" | "defaultVariants" ? K : never]?: K extends "base" ? ClassValue : K extends "slots" ? {
+            [S in keyof T[P]["slots"]]?: ClassValue;
+        } : K extends "variants" ? TVVariants<T[P]["slots"], ClassValue, WidenVariantsValues<T[P]["variants"]>> : K extends "defaultVariants" ? TVDefaultVariants<WidenVariantsValues<T[P]["variants"]>, T[P]["slots"], object, undefined> : never;
     };
 } & {
     [P in keyof T]?: {
-        compoundVariants?: TVCompoundVariants<WidenVariantsValues<T[P]['variants']>, T[P]['slots'], ClassValue, object, undefined>;
+        compoundVariants?: TVCompoundVariants<WidenVariantsValues<T[P]["variants"]>, T[P]["slots"], ClassValue, object, undefined>;
     };
 };
 type WidenVariantsValues<V extends Record<string, any> | undefined> = V extends Record<string, any> ? V & {
@@ -26,27 +26,27 @@ type Id<T> = {} & {
 type ComponentVariants<T extends {
     variants?: Record<string, Record<string, any>>;
 }> = {
-    [K in keyof T['variants']]: keyof T['variants'][K];
+    [K in keyof T["variants"]]: keyof T["variants"][K];
 };
 type ComponentSlots<T extends {
     slots?: Record<string, any>;
 }> = Id<{
-    [K in keyof T['slots']]?: ClassValue;
+    [K in keyof T["slots"]]?: ClassValue;
 }>;
 type ComponentUI<T extends {
     slots?: Record<string, any>;
 }> = Id<{
-    [K in keyof Required<T['slots']>]: (props?: Record<string, any>) => string;
+    [K in keyof Required<T["slots"]>]: (props?: Record<string, any>) => string;
 }>;
 type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
-type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'ui.prose'> = A & (U extends 'ui.prose' ? {
+type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = "ui" | "ui.prose"> = A & (U extends "ui.prose" ? {
     ui?: {
         prose?: {
             [k in K]?: Partial<T>;
         };
     };
 } : {
-    [key in Exclude<U, 'ui.prose'>]?: {
+    [key in Exclude<U, "ui.prose">]?: {
         [k in K]?: Partial<T>;
     };
 });
@@ -57,7 +57,7 @@ type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U ex
  * @template K The key identifying the component (e.g., 'badge').
  * @template U The top-level key in AppConfig ('rimelightComponents').
  */
-export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'rimelightComponents'> = {
+export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends "rimelightComponents"> = {
     AppConfig: ComponentAppConfig<T, A, K, U>;
     variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
     slots: ComponentSlots<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.32",
+  "version": "2.1.34",
   "description": "A component library by Rimelight Entertainment.",
   "keywords": [
     "nuxt",
@@ -28,6 +28,11 @@
       "import": "./dist/runtime/composables/index.mjs",
       "default": "./dist/runtime/composables/index.mjs"
     },
+    "./db": {
+      "types": "./dist/runtime/db/index.d.ts",
+      "import": "./dist/runtime/db/index.mjs",
+      "default": "./dist/runtime/db/index.mjs"
+    },
     "./types": {
       "types": "./dist/runtime/types/index.d.ts",
       "import": "./dist/runtime/types/index.mjs",
@@ -37,11 +42,6 @@
       "types": "./dist/runtime/utils/index.d.ts",
       "import": "./dist/runtime/utils/index.mjs",
       "default": "./dist/runtime/utils/index.mjs"
-    },
-    "./db": {
-      "types": "./dist/runtime/db/index.d.ts",
-      "import": "./dist/runtime/db/index.mjs",
-      "default": "./dist/runtime/db/index.mjs"
     }
   },
   "style": "./dist/runtime/index.css",
@@ -68,42 +68,43 @@
     "rimelight-components": "workspace:*"
   },
   "dependencies": {
-    "@nuxt/kit": "^4.2.2",
+    "@nuxt/kit": "^4.3.0",
     "@vueuse/core": "^14.1.0",
     "date-fns": "^4.1.0",
     "defu": "^6.1.4",
     "drizzle-orm": "^0.45.1",
-    "nuxt": "^4.2.2",
     "tailwind-variants": "^3.2.2",
     "uuid": "^13.0.0",
-    "vue": "^3.5.26",
-    "zod": "^4.2.1"
+    "vue": "^3.5.27",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.82",
+    "@iconify-json/lucide": "^1.2.86",
     "@nuxt/devtools": "^3.1.1",
     "@nuxt/image": "^2.0.0",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.2",
-    "@nuxt/test-utils": "^3.21.0",
-    "@nuxt/ui": "^4.2.0",
+    "@nuxt/schema": "^4.3.0",
+    "@nuxt/test-utils": "^3.23.0",
+    "@nuxt/ui": "^4.4.0",
     "@nuxtjs/i18n": "^10.2.1",
     "@types/node": "latest",
     "@vueuse/nuxt": "^14.1.0",
     "changelogen": "^0.6.2",
+    "nuxt": "^4.3.0",
     "oxfmt": "^0.18.0",
-    "oxlint": "^1.33.0",
-    "release-it": "^19.1.0",
+    "oxlint": "^1.41.0",
+    "release-it": "^19.2.4",
     "tailwind-merge": "^3.4.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.15",
-    "vue-tsc": "^3.2.0"
+    "vitest": "^4.0.18",
+    "vue-tsc": "^3.2.3"
   },
   "peerDependencies": {
     "@nuxt/image": "^2.0.0",
     "@nuxt/ui": "^4.2.0",
     "@nuxtjs/i18n": "^10.2.1",
-    "@vueuse/nuxt": "^14.1.0"
+    "@vueuse/nuxt": "^14.1.0",
+    "nuxt": "^4.3.0"
   },
   "trustedDependencies": [
     "@parcel/watcher",