rimecms 0.26.7 → 0.26.8

package/dist/panel/components/ui/card/card-description.svelte

@@ -1,18 +1,23 @@
 <script lang="ts">
-	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
 
-	type PrimitiveElementAttributes = WithElementRef<HTMLAttributes<HTMLElement>>;
-	let { ref = $bindable(null), class: className, children, ...restProps }: PrimitiveElementAttributes = $props();
+  type PrimitiveElementAttributes = WithElementRef<HTMLAttributes<HTMLElement>>;
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: PrimitiveElementAttributes = $props();
 </script>
 
 <p bind:this={ref} class="rz-card-description {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </p>
 
 <style>
-	.rz-card-description {
-		font-size: var(--rz-text-sm);
-		color: hsl(var(--rz-color-fr) / 0.7);
-	}
+  .rz-card-description {
+    font-size: var(--rz-text-sm);
+    color: hsl(var(--rz-color-fr) / 0.7);
+  }
 </style>

package/dist/panel/components/ui/card/card-footer.svelte

@@ -1,21 +1,26 @@
 <script lang="ts">
-	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
-	type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+  type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
 
-	let { ref = $bindable(null), class: className, children, ...restProps }: PrimitiveDivAttributes = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: PrimitiveDivAttributes = $props();
 </script>
 
 <div bind:this={ref} class="rz-card-footer {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>
 
 <style>
-	.rz-card-footer {
-		display: flex;
-		gap: var(--rz-size-3);
-		align-items: center;
-		padding: var(--rz-size-6);
-		padding-top: 0;
-	}
+  .rz-card-footer {
+    display: flex;
+    gap: var(--rz-size-3);
+    align-items: center;
+    padding: var(--rz-size-6);
+    padding-top: 0;
+  }
 </style>

package/dist/panel/components/ui/card/card-header.svelte

@@ -1,19 +1,24 @@
 <script lang="ts">
-	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
-	type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+  type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
 
-	let { ref = $bindable(null), class: className, children, ...restProps }: PrimitiveDivAttributes = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: PrimitiveDivAttributes = $props();
 </script>
 
 <div bind:this={ref} class="rz-card-header {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>
 
 <style>
-	.rz-card-header {
-		display: flex;
-		gap: var(--rz-size-1-5);
-		padding: var(--rz-size-6);
-	}
+  .rz-card-header {
+    display: flex;
+    gap: var(--rz-size-1-5);
+    padding: var(--rz-size-6);
+  }
 </style>

package/dist/panel/components/ui/card/card-title.svelte

@@ -1,27 +1,33 @@
 <script lang="ts">
-	import type { WithElementRef } from 'bits-ui';
-	import type { CardHeadingLevel } from './index.js';
-	import type { HTMLAttributes } from 'svelte/elements';
-	type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+  import type { WithElementRef } from 'bits-ui';
+  import type { CardHeadingLevel } from './index.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		level = 3,
-		children,
-		...restProps
-	}: PrimitiveDivAttributes & {
-		level?: CardHeadingLevel;
-	} = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    level = 3,
+    children,
+    ...restProps
+  }: PrimitiveDivAttributes & {
+    level?: CardHeadingLevel;
+  } = $props();
 </script>
 
-<div role="heading" aria-level={level} bind:this={ref} class="rz-card-title {className}" {...restProps}>
-	{@render children?.()}
+<div
+  role="heading"
+  aria-level={level}
+  bind:this={ref}
+  class="rz-card-title {className}"
+  {...restProps}
+>
+  {@render children?.()}
 </div>
 
 <style>
-	.rz-card-title {
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-	}
+  .rz-card-title {
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+  }
 </style>

package/dist/panel/components/ui/card/card.svelte

@@ -1,24 +1,29 @@
 <script lang="ts">
-	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from 'svelte/elements';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
 
-	type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+  type PrimitiveDivAttributes = WithElementRef<HTMLAttributes<HTMLDivElement>>;
 
-	let { ref = $bindable(null), class: className, children, ...restProps }: PrimitiveDivAttributes = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: PrimitiveDivAttributes = $props();
 </script>
 
 <div bind:this={ref} class="rz-card {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>
 
 <style>
-	:root{
-		--rz-card-color-bg: hsl(var(--rz-color-bg));
-	}
-	.rz-card {
-		width: var(--rz-card-width, auto);
-		background-color: var(--rz-card-color-bg);
-		border-radius: var(--rz-radius-lg);
-		border: var(--rz-border);
-	}
+  :root {
+    --rz-card-color-bg: hsl(var(--rz-color-bg));
+  }
+  .rz-card {
+    width: var(--rz-card-width, auto);
+    background-color: var(--rz-card-color-bg);
+    border-radius: var(--rz-radius-lg);
+    border: var(--rz-border);
+  }
 </style>

package/dist/panel/components/ui/card-document/card-document.svelte

@@ -1,92 +1,92 @@
 <script lang="ts">
-	import type { GenericDoc } from '../../../../types';
-	import UploadThumbCell from '../../sections/collection/upload-thumb-cell/UploadThumbCell.svelte';
+  import type { GenericDoc } from '../../../../types';
+  import UploadThumbCell from '../../sections/collection/upload-thumb-cell/UploadThumbCell.svelte';
 
-	type Props = { doc: GenericDoc };
-	const { doc }: Props = $props();
+  type Props = { doc: GenericDoc };
+  const { doc }: Props = $props();
 
-	const thumbnailUrl = $derived.by(() => {
-		if (doc.mimeType && doc.mimeType.includes('image')) {
-			return doc._thumbnail;
-		}
-		return null;
-	});
+  const thumbnailUrl = $derived.by(() => {
+    if (doc.mimeType && doc.mimeType.includes('image')) {
+      return doc._thumbnail;
+    }
+    return null;
+  });
 </script>
 
 <div class="rz-document-card">
-	<div class="rz-document-card__preview">
-		<UploadThumbCell mimeType={doc.mimeType} url={thumbnailUrl} />
-	</div>
+  <div class="rz-document-card__preview">
+    <UploadThumbCell mimeType={doc.mimeType} url={thumbnailUrl} />
+  </div>
 
-	<div class="rz-document-card__body">
-		<p class="rz-document-card__title">
-			{doc.title}
-		</p>
+  <div class="rz-document-card__body">
+    <p class="rz-document-card__title">
+      {doc.title}
+    </p>
 
-		<div class="rz-document-card__metadata">
-			{#each ['filesize', 'mimeType'] as key, index (index)}
-				<p>{doc[key]}</p>
-			{/each}
-		</div>
-	</div>
+    <div class="rz-document-card__metadata">
+      {#each ['filesize', 'mimeType'] as key, index (index)}
+        <p>{doc[key]}</p>
+      {/each}
+    </div>
+  </div>
 </div>
 
 <style>
-	/** */
-	:root {
-		--rz-card-hover-bg: light-dark(hsl(var(--rz-gray-14)), hsl(var(--rz-gray-4)));
-		--rz-card-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
-	}
+  /** */
+  :root {
+    --rz-card-hover-bg: light-dark(hsl(var(--rz-gray-14)), hsl(var(--rz-gray-4)));
+    --rz-card-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
+  }
 
-	.rz-document-card {
-		border: var(--rz-border);
-		background-color: var(--rz-card-bg);
-		border-radius: var(--rz-radius-lg);
-		aspect-ratio: 4 / 5;
-		width: 100%;
-	}
+  .rz-document-card {
+    border: var(--rz-border);
+    background-color: var(--rz-card-bg);
+    border-radius: var(--rz-radius-lg);
+    aspect-ratio: 4 / 5;
+    width: 100%;
+  }
 
-	.rz-document-card:hover {
-		background-color: var(--rz-card-hover-bg);
-	}
+  .rz-document-card:hover {
+    background-color: var(--rz-card-hover-bg);
+  }
 
-	.rz-document-card :global(.rz-upload-preview-cell) {
-		width: 100%;
-		height: 100%;
-		aspect-ratio: 5/4;
-		border-bottom-left-radius: 0;
-		border-bottom-right-radius: 0;
-		padding: var(--rz-size-1);
+  .rz-document-card :global(.rz-upload-preview-cell) {
+    width: 100%;
+    height: 100%;
+    aspect-ratio: 5/4;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    padding: var(--rz-size-1);
 
-		> div {
-			border-radius: var(--rz-radius-sm);
-			overflow: hidden;
-		}
-	}
+    > div {
+      border-radius: var(--rz-radius-sm);
+      overflow: hidden;
+    }
+  }
 
-	.rz-document-card__title {
-		margin-top: var(--rz-size-2);
-		display: -webkit-box;
-		-webkit-line-clamp: 1;
-		-webkit-box-orient: vertical;
-		overflow: hidden;
-		word-break: break-all;
-		text-align: left;
-		font-size: var(--rz-text-xs);
-		font-variation-settings: 'wght' 700;
-		font-weight: 700;
-	}
+  .rz-document-card__title {
+    margin-top: var(--rz-size-2);
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+    text-align: left;
+    font-size: var(--rz-text-xs);
+    font-variation-settings: 'wght' 700;
+    font-weight: 700;
+  }
 
-	.rz-document-card__body {
-		display: flex;
-		flex-direction: column;
-		gap: var(--rz-size-2);
-		text-align: left;
-		padding: 0 0.6rem 0.6rem 0.6rem;
-	}
+  .rz-document-card__body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--rz-size-2);
+    text-align: left;
+    padding: 0 0.6rem 0.6rem 0.6rem;
+  }
 
-	.rz-document-card__metadata {
-		font-size: var(--rz-text-xs);
-		opacity: 0.6;
-	}
+  .rz-document-card__metadata {
+    font-size: var(--rz-text-xs);
+    opacity: 0.6;
+  }
 </style>

package/dist/panel/components/ui/card-resource/card-resource.svelte

@@ -1,56 +1,56 @@
 <script lang="ts">
-	import { mimeTypeToIcon } from '../../../util/upload.js';
-	import { Edit, FileIcon, X } from '@lucide/svelte';
-
-	type Resource = {
-		id: string;
-		title: string;
-		_type: string;
-		mimeType?: string;
-		filename?: string;
-		filesize?: string;
-		url?: string;
-		_thumbnail?: string;
-	};
-
-	type Props = { resource: Resource; onCloseClick: () => void };
-	const { resource, onCloseClick }: Props = $props();
-
-	const isUpload = $derived('mimeType' in resource);
-	const isImage = $derived(
-		resource._thumbnail || (isUpload && resource.mimeType?.includes('image'))
-	);
-	const Icon = $derived(
-		isUpload && resource.mimeType ? mimeTypeToIcon(resource.mimeType) : FileIcon
-	);
+  import { mimeTypeToIcon } from '../../../util/upload.js';
+  import { Edit, FileIcon, X } from '@lucide/svelte';
+
+  type Resource = {
+    id: string;
+    title: string;
+    _type: string;
+    mimeType?: string;
+    filename?: string;
+    filesize?: string;
+    url?: string;
+    _thumbnail?: string;
+  };
+
+  type Props = { resource: Resource; onCloseClick: () => void };
+  const { resource, onCloseClick }: Props = $props();
+
+  const isUpload = $derived('mimeType' in resource);
+  const isImage = $derived(
+    resource._thumbnail || (isUpload && resource.mimeType?.includes('image'))
+  );
+  const Icon = $derived(
+    isUpload && resource.mimeType ? mimeTypeToIcon(resource.mimeType) : FileIcon
+  );
 </script>
 
 <div class="rz-card-resource">
-	<div class="rz-card-resource__thumbnail">
-		{#if isImage}
-			<img
-				class="rz-card-resource__image"
-				src={resource._thumbnail || resource.url}
-				alt={resource.title}
-			/>
-		{:else}
-			<Icon class="rz-card-resource__icon" size={18} />
-		{/if}
-	</div>
-
-	<div class="rz-card-resource__info">
-		<p class="rz-card-resource__title">
-			{resource.title} <a href="/panel/{resource._type}/{resource.id}"><Edit size="12" /></a>
-		</p>
-		{#if isUpload}
-			<p class="rz-card-resource__info-text">{resource.filesize}</p>
-			<p class="rz-card-resource__info-text">{resource.mimeType}</p>
-		{/if}
-	</div>
-
-	<button type="button" class="rz-card-resource__remove" onclick={() => onCloseClick()}>
-		<X size={11} />
-	</button>
+  <div class="rz-card-resource__thumbnail">
+    {#if isImage}
+      <img
+        class="rz-card-resource__image"
+        src={resource._thumbnail || resource.url}
+        alt={resource.title}
+      />
+    {:else}
+      <Icon class="rz-card-resource__icon" size={18} />
+    {/if}
+  </div>
+
+  <div class="rz-card-resource__info">
+    <p class="rz-card-resource__title">
+      {resource.title} <a href="/panel/{resource._type}/{resource.id}"><Edit size="12" /></a>
+    </p>
+    {#if isUpload}
+      <p class="rz-card-resource__info-text">{resource.filesize}</p>
+      <p class="rz-card-resource__info-text">{resource.mimeType}</p>
+    {/if}
+  </div>
+
+  <button type="button" class="rz-card-resource__remove" onclick={() => onCloseClick()}>
+    <X size={11} />
+  </button>
 </div>
 
 <style>/**************************************/
@@ -60,77 +60,77 @@
 /**************************************/
 
 :root {
-		--rz-ressource-card-bg: light-dark(hsl(var(--rz-gray-18)), hsl(var(--rz-gray-4)));
-		--rz-ressource-card-thumbnail-bg: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-2)));
-		--rz-border-radius: var(--rz-radius-md);
-	}
+    --rz-ressource-card-bg: light-dark(hsl(var(--rz-gray-18)), hsl(var(--rz-gray-4)));
+    --rz-ressource-card-thumbnail-bg: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-2)));
+    --rz-border-radius: var(--rz-radius-md);
+  }
 
 .rz-card-resource {
-		--padding: var(--rz-card-padding, var(--rz-size-2));
-		--rz-size: var(--rz-thumbnail-size, var(--rz-size-20));
-		background-color: var(--rz-ressource-card-bg);
-		position: relative;
-		display: flex;
-		gap: var(--rz-size-6);
-		border-radius: var(--rz-border-radius);
-		border: var(--rz-border);
-		padding: var(--padding);
-		max-width: 400px;
-	}
+    --padding: var(--rz-card-padding, var(--rz-size-2));
+    --rz-size: var(--rz-thumbnail-size, var(--rz-size-20));
+    background-color: var(--rz-ressource-card-bg);
+    position: relative;
+    display: flex;
+    gap: var(--rz-size-6);
+    border-radius: var(--rz-border-radius);
+    border: var(--rz-border);
+    padding: var(--padding);
+    max-width: 400px;
+  }
 
 .rz-card-resource__thumbnail {
-		width: var(--rz-size);
-		height: var(--rz-size);
-		flex-shrink: 0;
-		overflow: hidden;
-		background-color: var(--rz-ressource-card-thumbnail-bg);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: var(--rz-radius-md);
-	}
+    width: var(--rz-size);
+    height: var(--rz-size);
+    flex-shrink: 0;
+    overflow: hidden;
+    background-color: var(--rz-ressource-card-thumbnail-bg);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--rz-radius-md);
+  }
 
 .rz-card-resource__image {
-		height: 100%;
-		width: 100%;
-		-o-object-fit: cover;
-		   object-fit: cover;
-	}
+    height: 100%;
+    width: 100%;
+    -o-object-fit: cover;
+       object-fit: cover;
+  }
 
 .rz-card-resource__info {
-		margin-top: var(--rz-size-3);
-		padding-right: 2rem;
-	}
+    margin-top: var(--rz-size-3);
+    padding-right: 2rem;
+  }
 
 .rz-card-resource__title {
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-		display: flex;
-		align-items: center;
-		a {
-			display: inline-block;
-			padding: 0.3rem;
-			:global(svg) {
-				translate: 0 0.05rem;
-			}
-		}
-	}
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    a {
+      display: inline-block;
+      padding: 0.3rem;
+      :global(svg) {
+        translate: 0 0.05rem;
+      }
+    }
+  }
 
 .rz-card-resource__info-text {
-		font-size: var(--rz-text-sm);
-	}
+    font-size: var(--rz-text-sm);
+  }
 
 .rz-card-resource__remove {
-		position: absolute;
-		color: hsl(var(--rz-color-fg));
-		right: var(--rz-size-2);
-		top: var(--rz-size-2);
-		background-color: hsl(var(--rz-color-bg));
-		border-radius: var(--rz-size-0-5);
-		height: var(--rz-size-4);
-		width: var(--rz-size-4);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
+    position: absolute;
+    color: hsl(var(--rz-color-fg));
+    right: var(--rz-size-2);
+    top: var(--rz-size-2);
+    background-color: hsl(var(--rz-color-bg));
+    border-radius: var(--rz-size-0-5);
+    height: var(--rz-size-4);
+    width: var(--rz-size-4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 </style>