rimecms 0.26.7 → 0.26.8

package/dist/panel/components/ui/nav/NavItem.svelte

@@ -1,53 +1,53 @@
 <script lang="ts">
-	import { page } from '$app/state';
-	import * as Tooltip from '../tooltip';
-	import { getConfigContext } from '../../../context/config.svelte.js';
-	import type { Route } from '../../../types';
-	import { File } from '@lucide/svelte';
-	import NavItemButton from './NavItemButton.svelte';
+  import { page } from '$app/state';
+  import * as Tooltip from '../tooltip';
+  import { getConfigContext } from '../../../context/config.svelte.js';
+  import type { Route } from '../../../types';
+  import { File } from '@lucide/svelte';
+  import NavItemButton from './NavItemButton.svelte';
 
-	type Props = {
-		isCollapsed: boolean;
-		route: Route;
-		[x: string]: any;
-	};
-	const { isCollapsed, route, ...rest }: Props = $props();
+  type Props = {
+    isCollapsed: boolean;
+    route: Route;
+    [x: string]: any;
+  };
+  const { isCollapsed, route, ...rest }: Props = $props();
 
-	const config = getConfigContext();
+  const config = getConfigContext();
 
-	const RouteIcon = $derived(
-		typeof route.icon === 'function' ? route.icon : config.raw.icons[route.icon] || File
-	);
+  const RouteIcon = $derived(
+    typeof route.icon === 'function' ? route.icon : config.raw.icons[route.icon] || File
+  );
 
-	let pathname = page.url.pathname;
+  let pathname = page.url.pathname;
 
-	let active = $derived.by(() => {
-		const routePathname = new URL(route.url).pathname;
-		if (routePathname === '/panel') {
-			return pathname === '/panel';
-		}
-		const reg = new RegExp(`^${routePathname}(/.*)?$`);
-		return reg.test(pathname);
-	});
+  let active = $derived.by(() => {
+    const routePathname = new URL(route.url).pathname;
+    if (routePathname === '/panel') {
+      return pathname === '/panel';
+    }
+    const reg = new RegExp(`^${routePathname}(/.*)?$`);
+    return reg.test(pathname);
+  });
 </script>
 
 {#if isCollapsed}
-	<Tooltip.Provider>
-		<Tooltip.Root delayDuration={100}>
-			<Tooltip.Trigger>
-				{#snippet child({ props })}
-					<NavItemButton icon={RouteIcon} {active} {...rest} {...props} />
-				{/snippet}
-			</Tooltip.Trigger>
-			<Tooltip.Portal>
-				<Tooltip.Content side="right">
-					{route.title}
-				</Tooltip.Content>
-			</Tooltip.Portal>
-		</Tooltip.Root>
-	</Tooltip.Provider>
+  <Tooltip.Provider>
+    <Tooltip.Root delayDuration={100}>
+      <Tooltip.Trigger>
+        {#snippet child({ props })}
+          <NavItemButton icon={RouteIcon} {active} {...rest} {...props} />
+        {/snippet}
+      </Tooltip.Trigger>
+      <Tooltip.Portal>
+        <Tooltip.Content side="right">
+          {route.title}
+        </Tooltip.Content>
+      </Tooltip.Portal>
+    </Tooltip.Root>
+  </Tooltip.Provider>
 {:else}
-	<NavItemButton icon={RouteIcon} {active} {...rest}>
-		{route.title}
-	</NavItemButton>
+  <NavItemButton icon={RouteIcon} {active} {...rest}>
+    {route.title}
+  </NavItemButton>
 {/if}

package/dist/panel/components/ui/nav/NavItemButton.svelte

@@ -1,52 +1,53 @@
 <script lang="ts">
-	import type { HTMLAnchorAttributes } from 'svelte/elements';
+  import type { HTMLAnchorAttributes } from 'svelte/elements';
 
-	type Props = HTMLAnchorAttributes & {
-		icon?: any;
-		active?: boolean;
-	};
+  type Props = HTMLAnchorAttributes & {
+    icon?: any;
+    active?: boolean;
+  };
 
-	let { class: className, active = false, icon, children, ...restProps }: Props = $props();
+  let { class: className, active = false, icon, children, ...restProps }: Props = $props();
 
-	const activeModifier = $derived(active ? 'rz-button-nav--active' : '');
+  const activeModifier = $derived(active ? 'rz-button-nav--active' : '');
 </script>
 
 {#snippet iconProp()}
-	{#if icon}
-		{@const IconProp = icon}
-		<div class="rz-button-nav__icon">
-			<IconProp size="14" />
-		</div>
-	{/if}
+  {#if icon}
+    {@const IconProp = icon}
+    <div class="rz-button-nav__icon">
+      <IconProp size="14" />
+    </div>
+  {/if}
 {/snippet}
 
 <a class="rz-button-nav {activeModifier} {className}" {...restProps}>
-	{@render iconProp()}
-	{@render children?.()}
+  {@render iconProp()}
+  {@render children?.()}
 </a>
 
 <style>
-	.rz-button-nav {
-		position: relative;
-		display: inline-flex;
-		align-items: center;
-		height: calc(var(--rz-input-height) - 1px);
-		padding: var(--rz-size-2) 0px;
-		white-space: nowrap;
-		font-variation-settings: 'wght' 400;
-		font-weight: 400;
-		justify-content: start;
-		transition-property: box-shadow, color, background-color, border-color, text-decoration-color, fill, stroke;
-		transition-duration: 0.25s;
-
-		gap: var(--rz-size-3);
-		&:not(:last-child) {
-			border-bottom: 1px solid var(--rz-nav-group-border-color);
-		}
-	}
-
-	.rz-button-nav--active {
-		text-decoration: underline;
-		position: relative;
-	}
+  .rz-button-nav {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    height: calc(var(--rz-input-height) - 1px);
+    padding: var(--rz-size-2) 0px;
+    white-space: nowrap;
+    font-variation-settings: 'wght' 400;
+    font-weight: 400;
+    justify-content: start;
+    transition-property:
+      box-shadow, color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-duration: 0.25s;
+
+    gap: var(--rz-size-3);
+    &:not(:last-child) {
+      border-bottom: 1px solid var(--rz-nav-group-border-color);
+    }
+  }
+
+  .rz-button-nav--active {
+    text-decoration: underline;
+    position: relative;
+  }
 </style>

package/dist/panel/components/ui/nav/NavItemButtonCaret.svelte

@@ -1,12 +1,12 @@
 <span aria-hidden="true" class="button-nav__caret"></span>
 
 <style>
-	.button-nav__caret {
-		background-color: hsl(var(--rz-color-spot));
-		position: absolute;
-		left: calc(-1 * var(--rz-size-4));
-		bottom: 0;
-		top: 0;
-		width: var(--rz-size-1);
-	}
+  .button-nav__caret {
+    background-color: hsl(var(--rz-color-spot));
+    position: absolute;
+    left: calc(-1 * var(--rz-size-4));
+    bottom: 0;
+    top: 0;
+    width: var(--rz-size-1);
+  }
 </style>

package/dist/panel/components/ui/nav/UserButton.svelte

@@ -1,105 +1,105 @@
 <script lang="ts">
-	import { env } from '$env/dynamic/public';
-	import * as Tooltip from '../tooltip';
-	import { getUserContext } from '../../../context/user.svelte.js';
-	import { authClient } from '../../../util/auth.js';
-	import { LogOut } from '@lucide/svelte';
-	import { toast } from 'svelte-sonner';
-	import Button from '../button/button.svelte';
+  import { env } from '$env/dynamic/public';
+  import * as Tooltip from '../tooltip';
+  import { getUserContext } from '../../../context/user.svelte.js';
+  import { authClient } from '../../../util/auth.js';
+  import { LogOut } from '@lucide/svelte';
+  import { toast } from 'svelte-sonner';
+  import Button from '../button/button.svelte';
 
-	type Props = { navCollapsed: boolean };
-	const { navCollapsed }: Props = $props();
+  type Props = { navCollapsed: boolean };
+  const { navCollapsed }: Props = $props();
 
-	const user = getUserContext();
+  const user = getUserContext();
 
-	async function signout() {
-		const result = await authClient.signOut();
-		if (result.data?.success) {
-			window.location.href = `${env.PUBLIC_RIME_URL}/panel/sign-in`;
-		} else {
-			toast.error(`Can't sign-out, please try again`);
-		}
-	}
+  async function signout() {
+    const result = await authClient.signOut();
+    if (result.data?.success) {
+      window.location.href = `${env.PUBLIC_RIME_URL}/panel/sign-in`;
+    } else {
+      toast.error(`Can't sign-out, please try again`);
+    }
+  }
 </script>
 
 <div class="rz-signout" class:rz-signout--nav-collapsed={navCollapsed}>
-	{#if !navCollapsed}
-		<div class="rz-user-button">
-			<div class="rz-user-button__left">
-				<a href="/panel/staff/{user.attributes.id}">
-					{user.attributes.name?.charAt(0) || ''}
-				</a>
-				<div class="rz-user-button__name">{user.attributes.name}</div>
-			</div>
+  {#if !navCollapsed}
+    <div class="rz-user-button">
+      <div class="rz-user-button__left">
+        <a href="/panel/staff/{user.attributes.id}">
+          {user.attributes.name?.charAt(0) || ''}
+        </a>
+        <div class="rz-user-button__name">{user.attributes.name}</div>
+      </div>
 
-			<Button onclick={signout} variant="ghost" size="icon-sm">
-				<LogOut size="12" />
-			</Button>
-		</div>
-	{:else}
-		<Tooltip.Provider>
-			<Tooltip.Root>
-				<Tooltip.Trigger>
-					{#snippet child({ props })}
-						<Button {...props} onclick={signout} variant="ghost" size="icon-sm">
-							<LogOut size="12" />
-						</Button>
-					{/snippet}
-				</Tooltip.Trigger>
+      <Button onclick={signout} variant="ghost" size="icon-sm">
+        <LogOut size="12" />
+      </Button>
+    </div>
+  {:else}
+    <Tooltip.Provider>
+      <Tooltip.Root>
+        <Tooltip.Trigger>
+          {#snippet child({ props })}
+            <Button {...props} onclick={signout} variant="ghost" size="icon-sm">
+              <LogOut size="12" />
+            </Button>
+          {/snippet}
+        </Tooltip.Trigger>
 
-				<Tooltip.Content side="right">Logout</Tooltip.Content>
-			</Tooltip.Root>
-		</Tooltip.Provider>
-	{/if}
+        <Tooltip.Content side="right">Logout</Tooltip.Content>
+      </Tooltip.Root>
+    </Tooltip.Provider>
+  {/if}
 </div>
 
 <style>
-	.rz-signout {
-		:global(.rz-button[type='submit']) {
-			width: var(--rz-size-10);
-			height: var(--rz-size-10);
-			padding: var(--rz-size-2);
-			border-radius: var(--rz-radius-md);
-		}
-	}
-	.rz-signout--nav-collapsed {
-		display: flex;
-		justify-content: center;
-	}
+  .rz-signout {
+    :global(.rz-button[type='submit']) {
+      width: var(--rz-size-10);
+      height: var(--rz-size-10);
+      padding: var(--rz-size-2);
+      border-radius: var(--rz-radius-md);
+    }
+  }
+  .rz-signout--nav-collapsed {
+    display: flex;
+    justify-content: center;
+  }
 
-	.rz-user-button {
-		background-color: var(--rz-nav-button-bg);
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: var(--rz-size-2);
-		border-radius: var(--rz-radius-md);
-		padding: var(--rz-size-2);
-		height: var(--rz-input-height);
-	}
+  .rz-user-button {
+    background-color: var(--rz-nav-button-bg);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--rz-size-2);
+    border-radius: var(--rz-radius-md);
+    padding: var(--rz-size-2);
+    height: var(--rz-input-height);
+  }
 
-	.rz-user-button__left {
-		display: flex;
-		flex: 1;
-		align-items: center;
-		gap: var(--rz-size-2);
-	}
-	.rz-user-button__left a {
-		background-color: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-0)));
-		height: var(--rz-size-8);
-		width: var(--rz-size-8);
-		display: flex;
-		flex-shrink: 0;
-		align-items: center;
-		justify-content: center;
-		border-radius: var(--rz-radius-md);
-		font-size: var(--rz-text-xs);
-		text-transform: uppercase;
-	}
-	.rz-user-button__name {
-		overflow: hidden;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 1;
-	}
+  .rz-user-button__left {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    gap: var(--rz-size-2);
+  }
+  .rz-user-button__left a {
+    background-color: light-dark(hsl(var(--rz-gray-15)), hsl(var(--rz-gray-0)));
+    height: var(--rz-size-8);
+    width: var(--rz-size-8);
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--rz-radius-md);
+    font-size: var(--rz-text-xs);
+    text-transform: uppercase;
+  }
+  .rz-user-button__name {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
 </style>

package/dist/panel/components/ui/page-header/PageHeader.svelte

@@ -1,58 +1,58 @@
 <script lang="ts">
-	import { type Snippet } from 'svelte';
-	import BreadCrumb from '../breadcrumb/BreadCrumb.svelte';
+  import { type Snippet } from 'svelte';
+  import BreadCrumb from '../breadcrumb/BreadCrumb.svelte';
 
-	// Props
-	type Props = {
-		children?: Snippet;
-		title?: Snippet;
-		bottomRight?: Snippet;
-		bottomLeft?: Snippet;
-		topLeft?: Snippet;
-		topRight?: Snippet;
-	};
-	const { children, bottomRight, bottomLeft, topRight, topLeft, title }: Props = $props();
+  // Props
+  type Props = {
+    children?: Snippet;
+    title?: Snippet;
+    bottomRight?: Snippet;
+    bottomLeft?: Snippet;
+    topLeft?: Snippet;
+    topRight?: Snippet;
+  };
+  const { children, bottomRight, bottomLeft, topRight, topLeft, title }: Props = $props();
 
-	//
+  //
 </script>
 
 {#if children}
-	{@render children()}
+  {@render children()}
 {:else}
-	<div class="rz-page-header__row rz-page-header__row-top">
-		<div>
-			{#if topLeft}
-				{@render topLeft()}
-			{:else}
-				<BreadCrumb />
-			{/if}
-		</div>
+  <div class="rz-page-header__row rz-page-header__row-top">
+    <div>
+      {#if topLeft}
+        {@render topLeft()}
+      {:else}
+        <BreadCrumb />
+      {/if}
+    </div>
 
-		<div>
-			{#if topRight}
-				{@render topRight()}
-			{/if}
-		</div>
-	</div>
+    <div>
+      {#if topRight}
+        {@render topRight()}
+      {/if}
+    </div>
+  </div>
 
-	{#if title || bottomRight || bottomLeft}
-		<div class="rz-page-header__row rz-page-header__row-bottom">
-			<div class="rz-page-header__bottom-left">
-				<h1>
-					{@render title?.()}
-				</h1>
-				<div>
-					{@render bottomLeft?.()}
-				</div>
-			</div>
+  {#if title || bottomRight || bottomLeft}
+    <div class="rz-page-header__row rz-page-header__row-bottom">
+      <div class="rz-page-header__bottom-left">
+        <h1>
+          {@render title?.()}
+        </h1>
+        <div>
+          {@render bottomLeft?.()}
+        </div>
+      </div>
 
-			<div class="rz-page-header__bottom-right">
-				{#if bottomRight}
-					{@render bottomRight()}
-				{/if}
-			</div>
-		</div>
-	{/if}
+      <div class="rz-page-header__bottom-right">
+        {#if bottomRight}
+          {@render bottomRight()}
+        {/if}
+      </div>
+    </div>
+  {/if}
 {/if}
 
 <style>/**************************************/
@@ -62,49 +62,49 @@
 /**************************************/
 
 .rz-page-header__row {
-		display: flex;
-		justify-content: space-between;
-		gap: var(--rz-size-4);
-		align-items: center;
-		padding-inline: var(--rz-page-gutter, var(--rz-size-6));
-	}
+    display: flex;
+    justify-content: space-between;
+    gap: var(--rz-size-4);
+    align-items: center;
+    padding-inline: var(--rz-page-gutter, var(--rz-size-6));
+  }
 
 .rz-page-header__row:first-child {
-		height: var(--rz-size-16);
-	}
+    height: var(--rz-size-16);
+  }
 
 h1 {
-		overflow: hidden;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 1;
-		font-size: var(--rz-text-3xl);
-		font-variation-settings: 'wght' 600;
-		font-weight: 600;
-	}
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    font-size: var(--rz-text-3xl);
+    font-variation-settings: 'wght' 600;
+    font-weight: 600;
+  }
 
 .rz-page-header__bottom-left,
-	.rz-page-header__bottom-left > div,
-	.rz-page-header__bottom-right {
-		display: flex;
-		align-items: center;
-		gap: var(--rz-size-2);
-	}
+  .rz-page-header__bottom-left > div,
+  .rz-page-header__bottom-right {
+    display: flex;
+    align-items: center;
+    gap: var(--rz-size-2);
+  }
 
 .rz-page-header__row-bottom {
-		position: sticky;
-		top: 0;
-		z-index: 100;
-		height: var(--rz-size-14);
-		background: hsl(var(--rz-color-bg));
-		align-items: flex-end;
-		border-bottom: var(--rz-border);
-		padding-bottom: var(--rz-size-2);
-	}
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    height: var(--rz-size-14);
+    background: hsl(var(--rz-color-bg));
+    align-items: flex-end;
+    border-bottom: var(--rz-border);
+    padding-bottom: var(--rz-size-2);
+  }
 
 .rz-page-header__row-top {
-		height: var(--rz-size-14);
-		background: hsl(var(--rz-color-bg));
-		margin-bottom: var(--rz-size-16);
-	}
+    height: var(--rz-size-14);
+    background: hsl(var(--rz-color-bg));
+    margin-bottom: var(--rz-size-16);
+  }
 </style>

package/dist/panel/components/ui/pane/pane-resizer.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
-	import type { PaneResizerProps } from 'paneforge';
-	import { PaneResizer } from 'paneforge';
+  import type { PaneResizerProps } from 'paneforge';
+  import { PaneResizer } from 'paneforge';
 
-	const props: PaneResizerProps = $props();
+  const props: PaneResizerProps = $props();
 </script>
 
 <PaneResizer {...props}>
-	<div class="rz-pane-resizer"></div>
+  <div class="rz-pane-resizer"></div>
 </PaneResizer>
 
 <style>
-	.rz-pane-resizer {
-		position: absolute;
-		z-index: 40;
-		top: 0;
-		width: var(--rz-size-2);
-		translate: calc(-1 * var(--rz-size-1)) 0;
-		height: 100vh;
-	}
+  .rz-pane-resizer {
+    position: absolute;
+    z-index: 40;
+    top: 0;
+    width: var(--rz-size-2);
+    translate: calc(-1 * var(--rz-size-1)) 0;
+    height: 100vh;
+  }
 </style>

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

@@ -1,9 +1,9 @@
 .rz-popover {
-	z-index: 500000;
-	position: relative;
-	border-radius: var(--rz-radius-lg);
-	border: var(--rz-border);
-	box-shadow: var(--rz-shadow-md);
-	outline: none;
-	background-color: hsl(var(--rz-color-bg));
+  z-index: 500000;
+  position: relative;
+  border-radius: var(--rz-radius-lg);
+  border: var(--rz-border);
+  box-shadow: var(--rz-shadow-md);
+  outline: none;
+  background-color: hsl(var(--rz-color-bg));
 }