rimecms 0.26.7 → 0.26.9

package/dist/panel/components/ui/command/command-list.css

@@ -1,6 +1,6 @@
 .rz-command-list {
-	overflow-x: hidden;
-	background-color: var(--rz-popover-bg);
-	padding: var(--rz-size-1);
-	max-height: 19.75rem;
+  overflow-x: hidden;
+  background-color: var(--rz-popover-bg);
+  padding: var(--rz-size-1);
+  max-height: 19.75rem;
 }

package/dist/panel/components/ui/command/command-list.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import { Command as CommandPrimitive } from 'bits-ui';
-	import './command-list.css';
+  import { Command as CommandPrimitive } from 'bits-ui';
+  import './command-list.css';
 
-	let { ref = $bindable(null), class: className, ...restProps }: CommandPrimitive.ListProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: CommandPrimitive.ListProps = $props();
 </script>
 
 <CommandPrimitive.List class="rz-command-list {className}" {...restProps} bind:ref />

package/dist/panel/components/ui/command/command-separator.css

@@ -1,6 +1,6 @@
 .rz-command-separator {
-	background-color: hsl(var(--rz-color-border));
-	margin-left: calc(-1 * var(--rz-size-1));
-	margin-right: calc(-1 * var(--rz-size-1));
-	height: 1px;
+  background-color: hsl(var(--rz-color-border));
+  margin-left: calc(-1 * var(--rz-size-1));
+  margin-right: calc(-1 * var(--rz-size-1));
+  height: 1px;
 }

package/dist/panel/components/ui/command/command-separator.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import { Command as CommandPrimitive } from 'bits-ui';
-	import './command-separator.css';
+  import { Command as CommandPrimitive } from 'bits-ui';
+  import './command-separator.css';
 
-	let { ref = $bindable(null), class: className, ...restProps }: CommandPrimitive.SeparatorProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: CommandPrimitive.SeparatorProps = $props();
 </script>
 
 <CommandPrimitive.Separator class="rz-command-separator {className}" bind:ref {...restProps} />

package/dist/panel/components/ui/command/command.css

@@ -1,7 +1,7 @@
 .rz-command {
-	display: flex;
-	height: 100%;
-	width: 100%;
-	flex-direction: column;
-	border-radius: var(--rz-radius-md);
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  border-radius: var(--rz-radius-md);
 }

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

@@ -1,13 +1,13 @@
 <script lang="ts">
-	import { Command as CommandPrimitive } from 'bits-ui';
-	import './command.css';
+  import { Command as CommandPrimitive } from 'bits-ui';
+  import './command.css';
 
-	let {
-		ref = $bindable(null),
-		value = $bindable(''),
-		class: className,
-		...restProps
-	}: CommandPrimitive.RootProps = $props();
+  let {
+    ref = $bindable(null),
+    value = $bindable(''),
+    class: className,
+    ...restProps
+  }: CommandPrimitive.RootProps = $props();
 </script>
 
 <CommandPrimitive.Root class="rz-command {className}" bind:value bind:ref {...restProps} />

package/dist/panel/components/ui/context-menu/ContextMenu.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
-  import type { Snippet } from "svelte";
-  import { ContextMenu, type ContextMenuContentProps, type ContextMenuRootProps, type WithoutChild } from "bits-ui";
-  import './context-menu.css'
+  import type { Snippet } from 'svelte';
+  import {
+    ContextMenu,
+    type ContextMenuContentProps,
+    type ContextMenuRootProps,
+    type WithoutChild
+  } from 'bits-ui';
+  import './context-menu.css';
 
   type Props = ContextMenuRootProps & {
     trigger: Snippet;
@@ -17,7 +22,7 @@
     ...restProps
   }: Props = $props();
 </script>
- 
+
 <ContextMenu.Root bind:open {...restProps}>
   <ContextMenu.Trigger>
     {@render trigger()}
@@ -27,4 +32,4 @@
       {@render content()}
     </ContextMenu.Content>
   </ContextMenu.Portal>
-</ContextMenu.Root>
+</ContextMenu.Root>

package/dist/panel/components/ui/context-menu/ContextMenu.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from "svelte";
-import { ContextMenu, type ContextMenuContentProps, type ContextMenuRootProps, type WithoutChild } from "bits-ui";
+import type { Snippet } from 'svelte';
+import { ContextMenu, type ContextMenuContentProps, type ContextMenuRootProps, type WithoutChild } from 'bits-ui';
 import './context-menu.css';
 type Props = ContextMenuRootProps & {
     trigger: Snippet;

package/dist/panel/components/ui/context-menu/ContextMenuItem.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import { ContextMenu, type ContextMenuItemProps } from 'bits-ui';
-	import type { Snippet } from 'svelte';
-	import './context-menu-item.css';
+  import { ContextMenu, type ContextMenuItemProps } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import './context-menu-item.css';
 
-	type Props = ContextMenuItemProps & {
-		children: Snippet;
-	};
-	let { children, ...restProps }: Props = $props();
+  type Props = ContextMenuItemProps & {
+    children: Snippet;
+  };
+  let { children, ...restProps }: Props = $props();
 </script>
 
 <ContextMenu.Item class="rz-context-menu-item" {...restProps}>
-	{@render children()}
+  {@render children()}
 </ContextMenu.Item>

package/dist/panel/components/ui/context-menu/context-menu-item.css

@@ -1,22 +1,22 @@
 .rz-context-menu-item {
-	position: relative;
-	display: flex;
-	cursor: pointer;
-	-webkit-user-select: none;
-	   -moz-user-select: none;
-	        user-select: none;
-	align-items: center;
-	gap: var(--rz-size-2);
-	border-radius: var(--rz-radius-md);
-	outline: none;
-	color: hsl(var(--rz-color-fg));
-	padding-block: var(--rz-size-2);
-	padding-inline: var(--rz-size-3);
-	&[data-highlighted] {
-		background-color: var(--rz-popover-highlight-bg);
-	}
-	&[data-disabled] {
-		pointer-events: none;
-		opacity: 0.5;
-	}
+  position: relative;
+  display: flex;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  gap: var(--rz-size-2);
+  border-radius: var(--rz-radius-md);
+  outline: none;
+  color: hsl(var(--rz-color-fg));
+  padding-block: var(--rz-size-2);
+  padding-inline: var(--rz-size-3);
+  &[data-highlighted] {
+    background-color: var(--rz-popover-highlight-bg);
+  }
+  &[data-disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
 }

package/dist/panel/components/ui/context-menu/context-menu.css

@@ -1,14 +1,14 @@
 .rz-context-menu-content {
-	position: relative;
-	border-radius: var(--rz-radius-lg);
-	border: var(--rz-border);
-	box-shadow: var(--rz-shadow-md);
-	outline: none;
-	background-color: var(--rz-popover-bg);
-	z-index: 120;
-	min-width: var(--min-width, 8rem);
-	border-radius: var(--rz-radius-lg);
-	border: var(--rz-border);
-	padding: var(--rz-size-1);
-	box-shadow: var(--rz-shadow-xl);
+  position: relative;
+  border-radius: var(--rz-radius-lg);
+  border: var(--rz-border);
+  box-shadow: var(--rz-shadow-md);
+  outline: none;
+  background-color: var(--rz-popover-bg);
+  z-index: 120;
+  min-width: var(--min-width, 8rem);
+  border-radius: var(--rz-radius-lg);
+  border: var(--rz-border);
+  padding: var(--rz-size-1);
+  box-shadow: var(--rz-shadow-xl);
 }

package/dist/panel/components/ui/dialog/dialog-content.css

@@ -1,60 +1,60 @@
 .rz-dialog-content {
-	--gutter: var(--rz-size-4);
-	background-color: var(--rz-popover-bg);
-	position: fixed;
-	left: calc(50% - var(--gutter));
-	top: 40%;
-	z-index: 1010;
-	display: grid;
-	width: calc(100% - 2 * var(--gutter));
-	transform: translate(-50%, -50%);
-	gap: var(--rz-size-4);
-	border: var(--rz-border);
-	padding: var(--rz-size-3);
-	box-shadow: var(--rz-shadow-lg);
-	border-radius: var(--rz-radius-lg);
-	margin: 0 var(--gutter);
+  --gutter: var(--rz-size-4);
+  background-color: var(--rz-popover-bg);
+  position: fixed;
+  left: calc(50% - var(--gutter));
+  top: 40%;
+  z-index: 1010;
+  display: grid;
+  width: calc(100% - 2 * var(--gutter));
+  transform: translate(-50%, -50%);
+  gap: var(--rz-size-4);
+  border: var(--rz-border);
+  padding: var(--rz-size-3);
+  box-shadow: var(--rz-shadow-lg);
+  border-radius: var(--rz-radius-lg);
+  margin: 0 var(--gutter);
 
-	&.rz-dialog-content--xl {
-		height: calc(100vh - 4 * var(--gutter));
-		top: 50%;
-		grid-template-rows: 1fr;
-	}
+  &.rz-dialog-content--xl {
+    height: calc(100vh - 4 * var(--gutter));
+    top: 50%;
+    grid-template-rows: 1fr;
+  }
 }
 
 @media (min-width: 768px) {
-	.rz-dialog-content--sm {
-		width: var(--rz-size-xs);
-	}
-	.rz-dialog-content--default {
-		width: var(--rz-size-sm);
-	}
-	.rz-dialog-content--lg {
-		width: var(--rz-size-lg);
-	}
-	.rz-dialog-content--xl {
-		width: calc(100vw - 4 * var(--gutter));
-	}
+  .rz-dialog-content--sm {
+    width: var(--rz-size-xs);
+  }
+  .rz-dialog-content--default {
+    width: var(--rz-size-sm);
+  }
+  .rz-dialog-content--lg {
+    width: var(--rz-size-lg);
+  }
+  .rz-dialog-content--xl {
+    width: calc(100vw - 4 * var(--gutter));
+  }
 }
 
 [data-dialog-close] {
-	color: hsl(var(--rz-color-fg) / 0.7);
-	position: absolute;
-	right: var(--rz-size-4);
-	top: var(--rz-size-3);
-	border-radius: var(--rz-radius-sm);
-	opacity: 0.7;
-	transition: opacity 0.2s;
-	z-index: 20;
+  color: hsl(var(--rz-color-fg) / 0.7);
+  position: absolute;
+  right: var(--rz-size-4);
+  top: var(--rz-size-3);
+  border-radius: var(--rz-radius-sm);
+  opacity: 0.7;
+  transition: opacity 0.2s;
+  z-index: 20;
 }
 
 [data-dialog-close]:focus {
-	outline: none;
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  outline: none;
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
 }
 
 [data-dialog-close]:disabled {
-	pointer-events: none;
+  pointer-events: none;
 }

package/dist/panel/components/ui/dialog/dialog-content.svelte

@@ -1,39 +1,39 @@
 <script lang="ts">
-	import {
-		Dialog as DialogPrimitive,
-		type DialogContentSnippetProps,
-		type WithoutChildrenOrChild
-	} from 'bits-ui';
-	import type { Snippet } from 'svelte';
-	import './dialog-content.css';
-	import * as Dialog from './index.js';
+  import {
+    Dialog as DialogPrimitive,
+    type DialogContentSnippetProps,
+    type WithoutChildrenOrChild
+  } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import './dialog-content.css';
+  import * as Dialog from './index.js';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		size = 'default',
-		children,
-		...restProps
-	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-		children?: Snippet;
-		child?: Snippet<
-			[
-				DialogContentSnippetProps & {
-					props: Record<string, unknown>;
-				}
-			]
-		>;
-		size?: 'sm' | 'default' | 'lg' | 'xl';
-	} = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    size = 'default',
+    children,
+    ...restProps
+  }: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+    children?: Snippet;
+    child?: Snippet<
+      [
+        DialogContentSnippetProps & {
+          props: Record<string, unknown>;
+        }
+      ]
+    >;
+    size?: 'sm' | 'default' | 'lg' | 'xl';
+  } = $props();
 </script>
 
 <Dialog.Portal>
-	<Dialog.Overlay />
-	<DialogPrimitive.Content
-		bind:ref
-		class="rz-dialog-content rz-dialog-content--{size} {className}"
-		{...restProps}
-	>
-		{@render children?.()}
-	</DialogPrimitive.Content>
+  <Dialog.Overlay />
+  <DialogPrimitive.Content
+    bind:ref
+    class="rz-dialog-content rz-dialog-content--{size} {className}"
+    {...restProps}
+  >
+    {@render children?.()}
+  </DialogPrimitive.Content>
 </Dialog.Portal>

package/dist/panel/components/ui/dialog/dialog-description.css

@@ -1,4 +1,4 @@
 .rz-dialog-description {
-	color: hsl(var(--rz-color-fg) / 0.7);
-	font-size: var(--rz-text-sm);
+  color: hsl(var(--rz-color-fg) / 0.7);
+  font-size: var(--rz-text-sm);
 }

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

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import './dialog-description.css';
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import './dialog-description.css';
 
-	let { ref = $bindable(null), class: className, ...restProps }: DialogPrimitive.DescriptionProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: DialogPrimitive.DescriptionProps = $props();
 </script>
 
 <DialogPrimitive.Description bind:ref class="rz-dialog-description {className}" {...restProps} />

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

@@ -1,30 +1,30 @@
 <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';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div bind:this={ref} class="rz-dialog-footer {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>
 
 <style>
-	.rz-dialog-footer {
-		display: flex;
-		gap: var(--rz-size-3);
-		flex-direction: column-reverse;
-	}
+  .rz-dialog-footer {
+    display: flex;
+    gap: var(--rz-size-3);
+    flex-direction: column-reverse;
+  }
 
-	@media (min-width: 640px) {
-		.rz-dialog-footer {
-			flex-direction: row;
-			justify-content: var(--rz-justify-content, flex-end);
-		}
-	}
+  @media (min-width: 640px) {
+    .rz-dialog-footer {
+      flex-direction: row;
+      justify-content: var(--rz-justify-content, flex-end);
+    }
+  }
 </style>

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

@@ -1,32 +1,32 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { WithElementRef } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
 <div bind:this={ref} class="rz-dialog-header {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>
 
 <style>
-	.rz-dialog-header {
-		display: flex;
-		flex-direction: column;
-		gap: var(--rz-size-1-5);
-		text-align: center;
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-	}
+  .rz-dialog-header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--rz-size-1-5);
+    text-align: center;
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+  }
 
-	@media (min-width: 640px) {
-		.rz-dialog-header {
-			text-align: left;
-		}
-	}
+  @media (min-width: 640px) {
+    .rz-dialog-header {
+      text-align: left;
+    }
+  }
 </style>

package/dist/panel/components/ui/dialog/dialog-overlay.css

@@ -1,8 +1,8 @@
 .rz-dialog-overlay {
-	background-color: var(--rz-overlay-color);
-	position: fixed;
-	inset: 0;
-	z-index: 1010;
-	-webkit-backdrop-filter: blur(var(--rz-overlay-blur));
-	        backdrop-filter: blur(var(--rz-overlay-blur));
+  background-color: var(--rz-overlay-color);
+  position: fixed;
+  inset: 0;
+  z-index: 1010;
+  -webkit-backdrop-filter: blur(var(--rz-overlay-blur));
+          backdrop-filter: blur(var(--rz-overlay-blur));
 }

package/dist/panel/components/ui/dialog/dialog-overlay.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import './dialog-overlay.css';
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import './dialog-overlay.css';
 
-	let { ref = $bindable(null), class: className, ...restProps }: DialogPrimitive.OverlayProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: DialogPrimitive.OverlayProps = $props();
 </script>
 
 <DialogPrimitive.Overlay bind:ref class="rz-dialog-overlay {className}" {...restProps} />

package/dist/panel/components/ui/dialog/dialog-title.css

@@ -1,5 +1,5 @@
 .rz-dialog-title {
-	font-variation-settings: 'wght' 600;
-	font-weight: 600;
-	margin-bottom: var(--rz-size-2);
+  font-variation-settings: 'wght' 600;
+  font-weight: 600;
+  margin-bottom: var(--rz-size-2);
 }

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

@@ -1,8 +1,12 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import './dialog-title.css';
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import './dialog-title.css';
 
-	let { ref = $bindable(null), class: className, ...restProps }: DialogPrimitive.TitleProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: DialogPrimitive.TitleProps = $props();
 </script>
 
 <DialogPrimitive.Title bind:ref class="rz-dialog-title {className}" {...restProps} />