rimecms 0.26.7 → 0.26.8

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

@@ -1,14 +1,20 @@
 <script lang="ts">
-	import { Popover as PopoverPrimitive } from 'bits-ui';
-	import './popover-content.css';
+  import { Popover as PopoverPrimitive } from 'bits-ui';
+  import './popover-content.css';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		align = 'center',
-		...restProps
-	}: PopoverPrimitive.ContentProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    align = 'center',
+    ...restProps
+  }: PopoverPrimitive.ContentProps = $props();
 </script>
 
-<PopoverPrimitive.Content {sideOffset} {align} bind:ref class="rz-popover {className}" {...restProps} />
+<PopoverPrimitive.Content
+  {sideOffset}
+  {align}
+  bind:ref
+  class="rz-popover {className}"
+  {...restProps}
+/>

package/dist/panel/components/ui/radio-group/radio-group-item.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
-	import { RadioGroup as RadioGroupPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import { RadioGroup as RadioGroupPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> = $props();
 </script>
 
-<RadioGroupPrimitive.Item bind:ref class="rz-radio-group-item {className}" {...restProps}></RadioGroupPrimitive.Item>
+<RadioGroupPrimitive.Item bind:ref class="rz-radio-group-item {className}" {...restProps}
+></RadioGroupPrimitive.Item>

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

@@ -1,33 +1,33 @@
 .rz-radio-group {
-	display: grid;
-	gap: var(--rz-size-2);
+  display: grid;
+  gap: var(--rz-size-2);
 
-	&[data-disabled] {
-		opacity: 0.4;
-		cursor: not-allowed;
-		label,
-		button {
-			cursor: not-allowed;
-		}
-	}
+  &[data-disabled] {
+    opacity: 0.4;
+    cursor: not-allowed;
+    label,
+    button {
+      cursor: not-allowed;
+    }
+  }
 }
 
 .rz-radio-group-item {
-	border: 1px solid var(--rz-input-border-color);
-	background-color: var(--rz-input-bg);
-	border-radius: var(--rz-radius-full);
-	transition: all 0.066s ease-in-out;
-	height: var(--rz-size-5);
-	width: var(--rz-size-5);
-	flex-shrink: 0;
-	cursor: pointer;
+  border: 1px solid var(--rz-input-border-color);
+  background-color: var(--rz-input-bg);
+  border-radius: var(--rz-radius-full);
+  transition: all 0.066s ease-in-out;
+  height: var(--rz-size-5);
+  width: var(--rz-size-5);
+  flex-shrink: 0;
+  cursor: pointer;
 }
 .rz-radio-group-item:hover {
-	--border-color: var(--rz-gray-2);
-	--border-opacity: 0.3;
-	border-width: 6px;
+  --border-color: var(--rz-gray-2);
+  --border-opacity: 0.3;
+  border-width: 6px;
 }
 .rz-radio-group-item[data-state='checked'] {
-	border: 6px solid hsl(var(--rz-color-spot));
-	background-color: hsl(var(--rz-gray-19));
+  border: 6px solid hsl(var(--rz-color-spot));
+  background-color: hsl(var(--rz-gray-19));
 }

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

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

package/dist/panel/components/ui/radio-row-group/radio-row-group-item.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { RadioGroup as RadioGroupPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-	import type { Snippet } from 'svelte';
+  import { RadioGroup as RadioGroupPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import type { Snippet } from 'svelte';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> & { children: Snippet } = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithoutChildrenOrChild<RadioGroupPrimitive.ItemProps> & { children: Snippet } = $props();
 </script>
 
 <RadioGroupPrimitive.Item bind:ref class="rz-radio-row-group-item {className}" {...restProps}>
-	{@render children()}
+  {@render children()}
 </RadioGroupPrimitive.Item>

package/dist/panel/components/ui/radio-row-group/radio-row-group.css

@@ -1,36 +1,36 @@
 .rz-radio-row-group {
-	display: inline-flex;
-	align-self: flex-start;
-	width: auto;
-	border: 1px solid var(--rz-input-border-color);
-	background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3) / 0.6));
-	border-radius: var(--rz-radius-lg);
-	max-height: var(--rz-input-height);
-	height: var(--rz-input-height);
-	padding: var(--rz-size-1);
+  display: inline-flex;
+  align-self: flex-start;
+  width: auto;
+  border: 1px solid var(--rz-input-border-color);
+  background-color: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3) / 0.6));
+  border-radius: var(--rz-radius-lg);
+  max-height: var(--rz-input-height);
+  height: var(--rz-input-height);
+  padding: var(--rz-size-1);
 
-	&[data-disabled] {
-		opacity: 0.4;
-		cursor: not-allowed;
-		label,
-		button {
-			cursor: not-allowed;
-		}
-	}
+  &[data-disabled] {
+    opacity: 0.4;
+    cursor: not-allowed;
+    label,
+    button {
+      cursor: not-allowed;
+    }
+  }
 }
 
 .rz-radio-row-group-item {
-	padding: 0 var(--rz-size-4);
-	background-color: transparent;
-	border-radius: var(--rz-radius-md);
-	height: 100%;
-	flex-shrink: 0;
-	font-variation-settings: 'wght' 500;
-	font-weight: 500;
-	cursor: pointer;
+  padding: 0 var(--rz-size-4);
+  background-color: transparent;
+  border-radius: var(--rz-radius-md);
+  height: 100%;
+  flex-shrink: 0;
+  font-variation-settings: 'wght' 500;
+  font-weight: 500;
+  cursor: pointer;
 }
 
 .rz-radio-row-group-item[data-state='checked'] {
-	box-shadow: var(--rz-shadow-sm);
-	background-color: hsl(var(--rz-input-bg));
+  box-shadow: var(--rz-shadow-sm);
+  background-color: hsl(var(--rz-input-bg));
 }

package/dist/panel/components/ui/radio-row-group/radio-row-group.svelte

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

package/dist/panel/components/ui/scroll-area/scroll-area-scrollbar.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
-	import { ScrollArea as ScrollAreaPrimitive, type WithoutChild } from 'bits-ui';
+  import { ScrollArea as ScrollAreaPrimitive, type WithoutChild } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		orientation = 'vertical',
-		children,
-		...restProps
-	}: WithoutChild<ScrollAreaPrimitive.ScrollbarProps> = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'vertical',
+    children,
+    ...restProps
+  }: WithoutChild<ScrollAreaPrimitive.ScrollbarProps> = $props();
 </script>
 
 <ScrollAreaPrimitive.Scrollbar
-	bind:ref
-	{orientation}
-	class="rz-scroll-area-scroll-bar rz-scroll-area-scroll-bar--{orientation}  {className}"
-	{...restProps}
+  bind:ref
+  {orientation}
+  class="rz-scroll-area-scroll-bar rz-scroll-area-scroll-bar--{orientation}  {className}"
+  {...restProps}
 >
-	{@render children?.()}
-	<ScrollAreaPrimitive.Thumb class="rz-scroll-area-scroll-bar__thumb" />
+  {@render children?.()}
+  <ScrollAreaPrimitive.Thumb class="rz-scroll-area-scroll-bar__thumb" />
 </ScrollAreaPrimitive.Scrollbar>

package/dist/panel/components/ui/scroll-area/scroll-area.css

@@ -1,10 +1,10 @@
 .rz-scroll-area {
-	position: relative;
-	overflow: hidden;
+  position: relative;
+  overflow: hidden;
 }
 .rz-scroll-area__viewport {
-	height: 100%;
-	width: 100%;
+  height: 100%;
+  width: 100%;
 }
 
 /**************************************/
@@ -12,31 +12,31 @@
 /**************************************/
 
 .rz-scroll-area-scroll-bar {
-	display: flex;
-	touch-action: none;
-	-webkit-user-select: none;
-	   -moz-user-select: none;
-	        user-select: none;
-	transition-property: background-color, border-color, fill, stroke;
-	padding: 1px;
+  display: flex;
+  touch-action: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  transition-property: background-color, border-color, fill, stroke;
+  padding: 1px;
 }
 .rz-scroll-area-scroll-bar--horizontal {
-	height: var(--rz-size-2-5);
-	width: 100%;
-	border-top: 1px solid transparent;
+  height: var(--rz-size-2-5);
+  width: 100%;
+  border-top: 1px solid transparent;
 }
 .rz-scroll-area-scroll-bar--vertical {
-	width: var(--rz-size-2-5);
-	height: 100%;
-	border-left: 1px solid transparent;
+  width: var(--rz-size-2-5);
+  height: 100%;
+  border-left: 1px solid transparent;
 }
 
 .rz-scroll-area-scroll-bar--vertical .rz-scroll-area-scroll-bar__thumb {
-	flex: 1;
+  flex: 1;
 }
 
 .rz-scroll-area-scroll-bar__thumb {
-	background-color: hsl(var(--rz-color-border));
-	position: relative;
-	border-radius: var(--raidus-full);
+  background-color: hsl(var(--rz-color-border));
+  position: relative;
+  border-radius: var(--raidus-full);
 }

package/dist/panel/components/ui/scroll-area/scroll-area.svelte

@@ -1,32 +1,32 @@
 <script lang="ts">
-	import { ScrollArea as ScrollAreaPrimitive, type WithoutChild } from 'bits-ui';
-	import { Scrollbar } from './index.js';
-	import './scroll-area.css';
+  import { ScrollArea as ScrollAreaPrimitive, type WithoutChild } from 'bits-ui';
+  import { Scrollbar } from './index.js';
+  import './scroll-area.css';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		orientation = 'vertical',
-		scrollbarXClasses = '',
-		scrollbarYClasses = '',
-		children,
-		...restProps
-	}: WithoutChild<ScrollAreaPrimitive.RootProps> & {
-		orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
-		scrollbarXClasses?: string | undefined;
-		scrollbarYClasses?: string | undefined;
-	} = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'vertical',
+    scrollbarXClasses = '',
+    scrollbarYClasses = '',
+    children,
+    ...restProps
+  }: WithoutChild<ScrollAreaPrimitive.RootProps> & {
+    orientation?: 'vertical' | 'horizontal' | 'both' | undefined;
+    scrollbarXClasses?: string | undefined;
+    scrollbarYClasses?: string | undefined;
+  } = $props();
 </script>
 
 <ScrollAreaPrimitive.Root bind:ref {...restProps}>
-	<ScrollAreaPrimitive.Viewport class="rz-scroll-area__viewport rz-scroll-area {className}">
-		{@render children?.()}
-	</ScrollAreaPrimitive.Viewport>
-	{#if orientation === 'vertical' || orientation === 'both'}
-		<Scrollbar orientation="vertical" class={scrollbarYClasses} />
-	{/if}
-	{#if orientation === 'horizontal' || orientation === 'both'}
-		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
-	{/if}
-	<ScrollAreaPrimitive.Corner />
+  <ScrollAreaPrimitive.Viewport class="rz-scroll-area__viewport rz-scroll-area {className}">
+    {@render children?.()}
+  </ScrollAreaPrimitive.Viewport>
+  {#if orientation === 'vertical' || orientation === 'both'}
+    <Scrollbar orientation="vertical" class={scrollbarYClasses} />
+  {/if}
+  {#if orientation === 'horizontal' || orientation === 'both'}
+    <Scrollbar orientation="horizontal" class={scrollbarXClasses} />
+  {/if}
+  <ScrollAreaPrimitive.Corner />
 </ScrollAreaPrimitive.Root>

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

@@ -1,34 +1,34 @@
 <script lang="ts">
-	import { Separator as SeparatorPrimitive } from 'bits-ui';
+  import { Separator as SeparatorPrimitive } from 'bits-ui';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		orientation = 'horizontal',
-		...restProps
-	}: SeparatorPrimitive.RootProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'horizontal',
+    ...restProps
+  }: SeparatorPrimitive.RootProps = $props();
 </script>
 
 <SeparatorPrimitive.Root
-	bind:ref
-	class="rz-separator rz-separator--{orientation} {className}"
-	{orientation}
-	{...restProps}
+  bind:ref
+  class="rz-separator rz-separator--{orientation} {className}"
+  {orientation}
+  {...restProps}
 />
 
 <style>
-	:global {
-		.rz-separator {
-			flex-shrink: 0;
-			background-color: hsl(var(--rz-color-border));
-		}
-		.rz-separator--vertical {
-			width: 1px;
-			height: 100%;
-		}
-		.rz-separator--horizontal {
-			height: 1px;
-			width: 100%;
-		}
-	}
+  :global {
+    .rz-separator {
+      flex-shrink: 0;
+      background-color: hsl(var(--rz-color-border));
+    }
+    .rz-separator--vertical {
+      width: 1px;
+      height: 100%;
+    }
+    .rz-separator--horizontal {
+      height: 1px;
+      width: 100%;
+    }
+  }
 </style>

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

@@ -1,41 +1,41 @@
 <script lang="ts">
-	import { X } from '@lucide/svelte';
-	import { Dialog as SheetPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-	import type { Snippet } from 'svelte';
-	import { SheetOverlay, SheetPortal, type Side } from './index.js';
+  import { X } from '@lucide/svelte';
+  import { Dialog as SheetPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { SheetOverlay, SheetPortal, type Side } from './index.js';
 
-	type Props = WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
-		side?: Side;
-		size?: 'default' | 'sm';
-		children: Snippet;
-		showCloseButton?: boolean;
-	};
+  type Props = WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
+    side?: Side;
+    size?: 'default' | 'sm';
+    children: Snippet;
+    showCloseButton?: boolean;
+  };
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		side = 'right',
-		size = 'default',
-		children,
-		showCloseButton = true,
-		...restProps
-	}: Props = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    side = 'right',
+    size = 'default',
+    children,
+    showCloseButton = true,
+    ...restProps
+  }: Props = $props();
 </script>
 
 <SheetPortal>
-	<SheetOverlay />
-	<SheetPrimitive.Content
-		bind:ref
-		class="rz-sheet-content rz-sheet-content--{side} rz-sheet-content--{size} {className}"
-		{...restProps}
-	>
-		{@render children?.()}
+  <SheetOverlay />
+  <SheetPrimitive.Content
+    bind:ref
+    class="rz-sheet-content rz-sheet-content--{side} rz-sheet-content--{size} {className}"
+    {...restProps}
+  >
+    {@render children?.()}
 
-		{#if showCloseButton}
-			<SheetPrimitive.Close class="rz-sheet-content__close">
-				<X size="15" />
-				<span class="rz-sr-only">Close</span>
-			</SheetPrimitive.Close>
-		{/if}
-	</SheetPrimitive.Content>
+    {#if showCloseButton}
+      <SheetPrimitive.Close class="rz-sheet-content__close">
+        <X size="15" />
+        <span class="rz-sr-only">Close</span>
+      </SheetPrimitive.Close>
+    {/if}
+  </SheetPrimitive.Content>
 </SheetPortal>

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

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

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

@@ -1,12 +1,17 @@
 <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-sheet-footer {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>

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

@@ -1,12 +1,17 @@
 <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-sheet-header {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </div>

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

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

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

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