rimecms 0.26.7 → 0.26.8

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

@@ -1,49 +1,49 @@
 :root {
-	--rz-checkbox-bg: hsl(var(--rz-input-bg));
-	--rz-checkbox-fg: hsl(var(--rz-gray-19));
-	--rz-checkbox-border: transparent;
-	--rz-checkbox--checked-bg: hsl(var(--rz-color-spot));
-	--rz-checkbox--focus-ring: hsl(var(--rz-color-ring));
-	--rz-checkbox-size: var(--rz-size-4);
+  --rz-checkbox-bg: hsl(var(--rz-input-bg));
+  --rz-checkbox-fg: hsl(var(--rz-gray-19));
+  --rz-checkbox-border: transparent;
+  --rz-checkbox--checked-bg: hsl(var(--rz-color-spot));
+  --rz-checkbox--focus-ring: hsl(var(--rz-color-ring));
+  --rz-checkbox-size: var(--rz-size-4);
 }
 
 .rz-checkbox {
-	box-sizing: content-box;
-	flex-shrink: 0;
-	background-color: var(--rz-checkbox-bg);
-	width: var(--rz-checkbox-size);
-	height: var(--rz-checkbox-size);
-	border-radius: var(--rz-radius-sm);
-	border: 1px solid var(--rz-checkbox-border);
+  box-sizing: content-box;
+  flex-shrink: 0;
+  background-color: var(--rz-checkbox-bg);
+  width: var(--rz-checkbox-size);
+  height: var(--rz-checkbox-size);
+  border-radius: var(--rz-radius-sm);
+  border: 1px solid var(--rz-checkbox-border);
 }
 
 .rz-checkbox:focus-visible {
-	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-checkbox--focus-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-checkbox--focus-ring) / var(--rz-ring-opacity, 1));
 }
 
 .rz-checkbox:disabled,
 .rz-checkbox[data-disabled] {
-	cursor: not-allowed;
-	opacity: 0.5;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 .rz-checkbox[data-state='checked'] {
-	background-color: var(--rz-checkbox--checked-bg);
-	color: hsl(var(--rz-color-fg));
+  background-color: var(--rz-checkbox--checked-bg);
+  color: hsl(var(--rz-color-fg));
 }
 
 .rz-checkbox__indicator {
-	display: flex;
-	height: 100%;
-	width: 100%;
-	align-items: center;
-	justify-content: center;
-	color: currentColor;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  color: currentColor;
 }
 
 .rz-checkbox__icon--unchecked {
-	color: transparent;
+  color: transparent;
 }

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

@@ -1,20 +1,20 @@
 <script lang="ts">
-	import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-	import { Check } from '@lucide/svelte';
-	import './checkbox.css';
+  import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import { Check } from '@lucide/svelte';
+  import './checkbox.css';
 
-	let {
-		ref = $bindable(null),
-		checked = $bindable(false),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
+  let {
+    ref = $bindable(null),
+    checked = $bindable(false),
+    class: className,
+    ...restProps
+  }: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
 
-	const iconCheckedClass = $derived(!checked ? 'rz-checkbox__icon--unchecked' : '');
+  const iconCheckedClass = $derived(!checked ? 'rz-checkbox__icon--unchecked' : '');
 </script>
 
 <CheckboxPrimitive.Root bind:ref class="rz-checkbox {className}" bind:checked {...restProps}>
-	<div class="rz-checkbox__indicator">
-		<Check class="rz-checkbox__icon {iconCheckedClass}" size={10} />
-	</div>
+  <div class="rz-checkbox__indicator">
+    <Check class="rz-checkbox__icon {iconCheckedClass}" size={10} />
+  </div>
 </CheckboxPrimitive.Root>

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

@@ -1,47 +1,47 @@
 .rz-command-dialog-content {
-	overflow: hidden;
-	padding: 0;
-	background-color: var(--rz-popover-bg);
-	position: fixed;
-	left: calc(50% - var(--gutter));
-	top: 20%;
-	transform: translate(-50%, 0);
+  overflow: hidden;
+  padding: 0;
+  background-color: var(--rz-popover-bg);
+  position: fixed;
+  left: calc(50% - var(--gutter));
+  top: 20%;
+  transform: translate(-50%, 0);
 }
 
 .rz-command-dialog-content__command [data-cmdk-group-heading] {
-	color: hsl(var(--rz-color-fg) / 0.7);
-	padding-left: var(--rz-size-2);
-	padding-right: var(--rz-size-2);
-	font-variation-settings: 'wght' 500;
-	font-weight: 500;
+  color: hsl(var(--rz-color-fg) / 0.7);
+  padding-left: var(--rz-size-2);
+  padding-right: var(--rz-size-2);
+  font-variation-settings: 'wght' 500;
+  font-weight: 500;
 }
 
 .rz-command-dialog-content__command [data-cmdk-group]:not([hidden]) ~ [data-cmdk-group] {
-	padding-top: 0;
+  padding-top: 0;
 }
 
 .rz-command-dialog-content__command [data-cmdk-group] {
-	padding-left: var(--rz-size-2);
-	padding-right: var(--rz-size-2);
+  padding-left: var(--rz-size-2);
+  padding-right: var(--rz-size-2);
 }
 
 .rz-command-dialog-content__command [data-cmdk-input-wrapper] svg {
-	height: var(--rz-size-5);
-	width: var(--rz-size-5);
+  height: var(--rz-size-5);
+  width: var(--rz-size-5);
 }
 
 .rz-command-dialog-content__command [data-cmdk-input] {
-	height: var(--rz-size-12);
+  height: var(--rz-size-12);
 }
 
 .rz-command-dialog-content__command [data-cmdk-item] {
-	padding-left: var(--rz-size-2);
-	padding-right: var(--rz-size-2);
-	padding-top: var(--rz-size-3);
-	padding-bottom: var(--rz-size-3);
+  padding-left: var(--rz-size-2);
+  padding-right: var(--rz-size-2);
+  padding-top: var(--rz-size-3);
+  padding-bottom: var(--rz-size-3);
 }
 
 .rz-command-dialog-content__command [data-cmdk-item] svg {
-	height: var(--rz-size-5);
-	width: var(--rz-size-5);
+  height: var(--rz-size-5);
+  width: var(--rz-size-5);
 }

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

@@ -1,24 +1,34 @@
 <script lang="ts">
-	import type { Command as CommandPrimitive, Dialog as DialogPrimitive, WithoutChildrenOrChild } from 'bits-ui';
-	import type { Snippet } from 'svelte';
-	import * as Dialog from '../dialog/index';
-	import './command-dialog.css';
-	import Command from './command.svelte';
+  import type {
+    Command as CommandPrimitive,
+    Dialog as DialogPrimitive,
+    WithoutChildrenOrChild
+  } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import * as Dialog from '../dialog/index';
+  import './command-dialog.css';
+  import Command from './command.svelte';
 
-	let {
-		open = $bindable(false),
-		ref = $bindable(null),
-		value = $bindable(''),
-		children,
-		...restProps
-	}: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
-		WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
-			children: Snippet;
-		} = $props();
+  let {
+    open = $bindable(false),
+    ref = $bindable(null),
+    value = $bindable(''),
+    children,
+    ...restProps
+  }: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
+    WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
+      children: Snippet;
+    } = $props();
 </script>
 
 <Dialog.Root bind:open {...restProps}>
-	<Dialog.Content class="rz-command-dialog-content">
-		<Command class="rz-command-dialog-content__command" {...restProps} bind:value bind:ref {children} />
-	</Dialog.Content>
+  <Dialog.Content class="rz-command-dialog-content">
+    <Command
+      class="rz-command-dialog-content__command"
+      {...restProps}
+      bind:value
+      bind:ref
+      {children}
+    />
+  </Dialog.Content>
 </Dialog.Root>

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

@@ -1,4 +1,4 @@
 .rz-command-empty {
-	padding: var(--rz-size-6);
-	opacity: 0.6;
+  padding: var(--rz-size-6);
+  opacity: 0.6;
 }

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

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

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

@@ -1,27 +1,27 @@
 .rz-command-group {
-	color: hsl(var(--rz-color-fg));
-	overflow-x: hidden;
-	overflow-y: auto;
-	padding: var(--rz-size-1);
+  color: hsl(var(--rz-color-fg));
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: var(--rz-size-1);
 }
 
 .rz-command-group [data-cmdk-group-heading] {
-	color: hsl(var(--rz-color-fg) / 0.7);
-	padding-left: var(--rz-size-2);
-	padding-right: var(--rz-size-2);
-	padding-top: var(--rz-size-1-5);
-	padding-bottom: var(--rz-size-1-5);
-	font-size: var(--rz-text-xs);
-	font-variation-settings: 'wght' 500;
-	font-weight: 500;
+  color: hsl(var(--rz-color-fg) / 0.7);
+  padding-left: var(--rz-size-2);
+  padding-right: var(--rz-size-2);
+  padding-top: var(--rz-size-1-5);
+  padding-bottom: var(--rz-size-1-5);
+  font-size: var(--rz-text-xs);
+  font-variation-settings: 'wght' 500;
+  font-weight: 500;
 }
 .rz-command-group__heading {
-	color: hsl(var(--rz-color-fg) / 0.7);
-	padding-left: var(--rz-size-2);
-	padding-right: var(--rz-size-2);
-	padding-top: var(--rz-size-1-5);
-	padding-bottom: var(--rz-size-1-5);
-	font-size: var(--rz-text-xs);
-	font-variation-settings: 'wght' 500;
-	font-weight: 500;
+  color: hsl(var(--rz-color-fg) / 0.7);
+  padding-left: var(--rz-size-2);
+  padding-right: var(--rz-size-2);
+  padding-top: var(--rz-size-1-5);
+  padding-bottom: var(--rz-size-1-5);
+  font-size: var(--rz-text-xs);
+  font-variation-settings: 'wght' 500;
+  font-weight: 500;
 }

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

@@ -1,23 +1,23 @@
 <script lang="ts">
-	import { Command as CommandPrimitive } from 'bits-ui';
-	import './command-group.css';
+  import { Command as CommandPrimitive } from 'bits-ui';
+  import './command-group.css';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		heading,
-		...restProps
-	}: CommandPrimitive.GroupProps & {
-		heading?: string;
-	} = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    heading,
+    ...restProps
+  }: CommandPrimitive.GroupProps & {
+    heading?: string;
+  } = $props();
 </script>
 
 <CommandPrimitive.Group class="rz-command-group {className}" bind:ref {...restProps}>
-	{#if heading}
-		<CommandPrimitive.GroupHeading class="rz-command-group__heading">
-			{heading}
-		</CommandPrimitive.GroupHeading>
-	{/if}
-	<CommandPrimitive.GroupItems {children} />
+  {#if heading}
+    <CommandPrimitive.GroupHeading class="rz-command-group__heading">
+      {heading}
+    </CommandPrimitive.GroupHeading>
+  {/if}
+  <CommandPrimitive.GroupItems {children} />
 </CommandPrimitive.Group>

package/dist/panel/components/ui/command/command-input-select.svelte

@@ -1,53 +1,58 @@
 <script lang="ts">
-	import { Command as CommandPrimitive } from 'bits-ui';
-	import { Search } from '@lucide/svelte';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		value = $bindable(''),
-		...restProps
-	}: CommandPrimitive.InputProps = $props();
+  import { Command as CommandPrimitive } from 'bits-ui';
+  import { Search } from '@lucide/svelte';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    value = $bindable(''),
+    ...restProps
+  }: CommandPrimitive.InputProps = $props();
 </script>
 
 <div class="rz-command-input-select {className}" data-command-input-wrapper="">
-	<Search class="rz-command-input-select__icon" size={12} />
-	<CommandPrimitive.Input class="rz-command-input-select__input" bind:ref {...restProps} bind:value />
+  <Search class="rz-command-input-select__icon" size={12} />
+  <CommandPrimitive.Input
+    class="rz-command-input-select__input"
+    bind:ref
+    {...restProps}
+    bind:value
+  />
 </div>
 
 <style>
-	.rz-command-input-select {
-		display: flex;
-		flex: 1;
-		align-items: center;
-		background-color: transparent;
-
-		& :global(.rz-command-input-select__icon) {
-			margin-right: var(--rz-size-2);
-			flex-shrink: 0;
-			opacity: 0.5;
-		}
-
-		& :global(.rz-command-input-select__input) {
-			display: flex;
-			height: var(--rz-size-5);
-			width: 100%;
-			background-color: transparent;
-			font-size: var(--rz-text-sm);
-			outline: none;
-		}
-
-		& :global(.rz-command-input-select__input::-moz-placeholder) {
-			color: hsl(var(--rz-color-fg) / 0.4);
-		}
-
-		& :global(.rz-command-input-select__input::placeholder) {
-			color: hsl(var(--rz-color-fg) / 0.4);
-		}
-
-		& :global(.rz-command-input-select__input:disabled) {
-			cursor: not-allowed;
-			opacity: 0.5;
-		}
-	}
+  .rz-command-input-select {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    background-color: transparent;
+
+    & :global(.rz-command-input-select__icon) {
+      margin-right: var(--rz-size-2);
+      flex-shrink: 0;
+      opacity: 0.5;
+    }
+
+    & :global(.rz-command-input-select__input) {
+      display: flex;
+      height: var(--rz-size-5);
+      width: 100%;
+      background-color: transparent;
+      font-size: var(--rz-text-sm);
+      outline: none;
+    }
+
+    & :global(.rz-command-input-select__input::-moz-placeholder) {
+      color: hsl(var(--rz-color-fg) / 0.4);
+    }
+
+    & :global(.rz-command-input-select__input::placeholder) {
+      color: hsl(var(--rz-color-fg) / 0.4);
+    }
+
+    & :global(.rz-command-input-select__input:disabled) {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
 </style>

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

@@ -1,73 +1,73 @@
 <script lang="ts">
-	import { Search } from '@lucide/svelte';
-	import { Command as CommandPrimitive } from 'bits-ui';
+  import { Search } from '@lucide/svelte';
+  import { Command as CommandPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		value = $bindable(''),
-		...restProps
-	}: CommandPrimitive.InputProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    value = $bindable(''),
+    ...restProps
+  }: CommandPrimitive.InputProps = $props();
 </script>
 
 <div class="rz-command-input" data-command-input-wrapper="">
-	<Search class="rz-command-input__icon" size={12} />
-	<CommandPrimitive.Input
-		class="rz-command-input__input {className}"
-		bind:ref
-		{...restProps}
-		bind:value
-	/>
+  <Search class="rz-command-input__icon" size={12} />
+  <CommandPrimitive.Input
+    class="rz-command-input__input {className}"
+    bind:ref
+    {...restProps}
+    bind:value
+  />
 </div>
 
 <style>
-	.rz-command-input {
-		background-color: hsl(var(--rz-input-bg));
-		display: flex;
-		align-items: center;
-		border-top-left-radius: var(--rz-radius-md);
-		border-top-right-radius: var(--rz-radius-md);
-		padding-inline: var(--rz-size-3);
-		padding-block: var(--rz-size-1);
+  .rz-command-input {
+    background-color: hsl(var(--rz-input-bg));
+    display: flex;
+    align-items: center;
+    border-top-left-radius: var(--rz-radius-md);
+    border-top-right-radius: var(--rz-radius-md);
+    padding-inline: var(--rz-size-3);
+    padding-block: var(--rz-size-1);
 
-		&:global([data-focused]) {
-			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));
-		}
+    &:global([data-focused]) {
+      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));
+    }
 
-		&:global([data-error]) {
-			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-alert) / var(--rz-ring-opacity, 1));
-		}
+    &:global([data-error]) {
+      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-alert) / var(--rz-ring-opacity, 1));
+    }
 
-		& :global(.rz-command-input__icon) {
-			margin-right: var(--rz-size-2);
-			flex-shrink: 0;
-			opacity: 0.5;
-		}
+    & :global(.rz-command-input__icon) {
+      margin-right: var(--rz-size-2);
+      flex-shrink: 0;
+      opacity: 0.5;
+    }
 
-		& :global(.rz-command-input__input) {
-			display: flex;
-			height: var(--rz-input-height);
-			width: 100%;
-			background-color: transparent;
-			font-size: var(--rz-text-sm);
-			outline: none;
-		}
+    & :global(.rz-command-input__input) {
+      display: flex;
+      height: var(--rz-input-height);
+      width: 100%;
+      background-color: transparent;
+      font-size: var(--rz-text-sm);
+      outline: none;
+    }
 
-		& :global(.rz-command-input__input::-moz-placeholder) {
-			color: hsl(var(--rz-color-fg) / 0.7);
-		}
+    & :global(.rz-command-input__input::-moz-placeholder) {
+      color: hsl(var(--rz-color-fg) / 0.7);
+    }
 
-		& :global(.rz-command-input__input::placeholder) {
-			color: hsl(var(--rz-color-fg) / 0.7);
-		}
+    & :global(.rz-command-input__input::placeholder) {
+      color: hsl(var(--rz-color-fg) / 0.7);
+    }
 
-		& :global(.rz-command-input__input:disabled) {
-			cursor: not-allowed;
-			opacity: 0.5;
-		}
-	}
+    & :global(.rz-command-input__input:disabled) {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
 </style>

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

@@ -1,26 +1,26 @@
 .rz-command-item {
-	position: relative;
-	display: flex;
-	cursor: pointer;
-	-webkit-user-select: none;
-	   -moz-user-select: none;
-	        user-select: none;
-	min-height: var(--rz-input-height);
-	align-items: center;
-	gap: var(--rz-size-2);
-	padding-inline: var(--rz-size-2);
-	padding-block: var(--rz-size-1-5);
-	font-size: var(--rz-text-sm);
-	outline: none;
+  position: relative;
+  display: flex;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  min-height: var(--rz-input-height);
+  align-items: center;
+  gap: var(--rz-size-2);
+  padding-inline: var(--rz-size-2);
+  padding-block: var(--rz-size-1-5);
+  font-size: var(--rz-text-sm);
+  outline: none;
 }
 
 .rz-command-item[aria-selected='true'] {
-	border-radius: var(--rz-radius-sm);
-	background-color: var(--rz-popover-highlight-bg);
-	color: hsl(var(--rz-color-fg));
+  border-radius: var(--rz-radius-sm);
+  background-color: var(--rz-popover-highlight-bg);
+  color: hsl(var(--rz-color-fg));
 }
 
 .rz-command-item[data-disabled] {
-	pointer-events: none;
-	opacity: 0.5;
+  pointer-events: none;
+  opacity: 0.5;
 }

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

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