rimecms 0.22.0

package/dist/panel/components/ui/spin-loader/SpinLoader.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+	import { LoaderCircle } from '@lucide/svelte';
+	import './spin-loader.css';
+</script>
+
+<LoaderCircle class="rz-spin-loader" size="13" />

package/dist/panel/components/ui/spin-loader/SpinLoader.svelte.d.ts

@@ -0,0 +1,19 @@
+import './spin-loader.css';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SpinLoader: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SpinLoader = InstanceType<typeof SpinLoader>;
+export default SpinLoader;

package/dist/panel/components/ui/spin-loader/spin-loader.css

@@ -0,0 +1,14 @@
+.rz-spin-loader {
+	animation-name: spin;
+	animation-duration: 1000ms;
+	animation-iteration-count: infinite;
+	animation-timing-function: linear;
+}
+@keyframes spin {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}

package/dist/panel/components/ui/switch/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './switch.svelte';
+export { Root, Root as Switch };

package/dist/panel/components/ui/switch/index.js

@@ -0,0 +1,4 @@
+import Root from './switch.svelte';
+export { Root, 
+//
+Root as Switch };

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

@@ -0,0 +1,65 @@
+:root {
+	--rz-switch-color-thumb: light-dark(hsl(var(--rz-gray-19)), hsl(var(--rz-gray-16)));
+	--rz-switch-color-bg: light-dark(hsl(var(--rz-gray-13)), hsl(var(--rz-input-bg)));
+	--rz-switch-color-bg--active: hsl(var(--rz-color-spot));
+}
+
+.rz-switch {
+	/* --rz-ring-offset: 1px; */
+	display: inline-flex;
+	height: 16px;
+	width: 26px;
+	flex-shrink: 0;
+	cursor: pointer;
+	align-items: center;
+	border-radius: var(--rz-radius-full);
+	border: 2px solid transparent;
+	box-shadow: var(--rz-shadow-sm);
+	transition: all 0.1s ease;
+	outline: none;
+}
+
+.rz-switch[data-state='checked'] {
+	background-color: var(--rz-switch-color-bg--active);
+}
+
+.rz-switch[data-state='unchecked'] {
+	background-color: var(--rz-switch-color-bg);
+}
+
+.rz-switch[data-error] {
+	background-color: hsl(var(--rz-color-alert));
+}
+
+.rz-switch:focus-visible {
+	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));
+}
+
+.rz-switch:disabled {
+	cursor: not-allowed;
+	opacity: 0.5;
+}
+
+.rz-switch__thumb {
+	height: 12px;
+	width: 12px;
+	pointer-events: none;
+	display: block;
+	transition: translate 0.25s ease;
+	border-radius: var(--rz-radius-full);
+	box-shadow: var(--rz-shadow-lg);
+	background-color: var(--rz-switch-color-thumb);
+	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) + 0) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+}
+
+.rz-switch__thumb[data-state='checked'] {
+	translate: 10px;
+}
+
+.rz-switch__thumb[data-state='unchecked'] {
+	translate: 0px;
+}

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

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Switch as SwitchPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+	import './switch.css';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		checked = $bindable(false),
+		...restProps
+	}: WithoutChildrenOrChild<SwitchPrimitive.RootProps> = $props();
+</script>
+
+<SwitchPrimitive.Root bind:ref bind:checked class="rz-switch {className}" {...restProps}>
+	<SwitchPrimitive.Thumb class="rz-switch__thumb" />
+</SwitchPrimitive.Root>

package/dist/panel/components/ui/switch/switch.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Switch as SwitchPrimitive } from 'bits-ui';
+import './switch.css';
+declare const Switch: import("svelte").Component<Omit<Omit<SwitchPrimitive.RootProps, "child">, "children">, {}, "ref" | "checked">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

package/dist/panel/components/ui/tabs/index.d.ts

@@ -0,0 +1,5 @@
+import Content from './tabs-content.svelte';
+import List from './tabs-list.svelte';
+import Trigger from './tabs-trigger.svelte';
+import Root from './tabs.svelte';
+export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };

package/dist/panel/components/ui/tabs/index.js

@@ -0,0 +1,9 @@
+// import { Tabs as TabsPrimitive } from 'bits-ui';
+import Content from './tabs-content.svelte';
+import List from './tabs-list.svelte';
+import Trigger from './tabs-trigger.svelte';
+import Root from './tabs.svelte';
+// const Root = TabsPrimitive.Root;
+export { Root, Content, List, Trigger, 
+//
+Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };

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

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+
+	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ContentProps = $props();
+</script>
+
+<TabsPrimitive.Content bind:ref class="rz-tabs-content {className}" {...restProps} />

package/dist/panel/components/ui/tabs/tabs-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Tabs as TabsPrimitive } from 'bits-ui';
+declare const TabsContent: import("svelte").Component<TabsPrimitive.ContentProps, {}, "ref">;
+type TabsContent = ReturnType<typeof TabsContent>;
+export default TabsContent;

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

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+
+	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
+</script>
+
+<TabsPrimitive.List bind:ref class="rz-tabs-list {className}" {...restProps} />

package/dist/panel/components/ui/tabs/tabs-list.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Tabs as TabsPrimitive } from 'bits-ui';
+declare const TabsList: import("svelte").Component<TabsPrimitive.ListProps, {}, "ref">;
+type TabsList = ReturnType<typeof TabsList>;
+export default TabsList;

package/dist/panel/components/ui/tabs/tabs-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tabs as TabsPrimitive } from 'bits-ui';
+
+	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.TriggerProps = $props();
+</script>
+
+<TabsPrimitive.Trigger bind:ref class="rz-tabs-trigger {className}" {...restProps} />

package/dist/panel/components/ui/tabs/tabs-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Tabs as TabsPrimitive } from 'bits-ui';
+declare const TabsTrigger: import("svelte").Component<TabsPrimitive.TriggerProps, {}, "ref">;
+type TabsTrigger = ReturnType<typeof TabsTrigger>;
+export default TabsTrigger;

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

@@ -0,0 +1,89 @@
+
+
+.rz-tabs[data-tabs-root] {
+	margin-left: calc(-1 * var(--rz-fields-padding));
+	margin-right: calc(-1 * var(--rz-fields-padding));
+}
+
+/**************************************/
+/* Trigger
+/**************************************/
+
+.rz-tabs-trigger {
+	display: inline-flex;
+	height: 100%;
+	align-items: center;
+	justify-content: center;
+	white-space: nowrap;
+	text-transform: capitalize;
+	transition: all 0.2s ease;
+	border-bottom: 2px solid transparent;
+	--rz-ring-opacity: 0;
+	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));
+	font-variation-settings: 'wght' 600;
+	font-weight: 600;
+}
+
+.rz-tabs-trigger[data-state='active'] {
+	border-color: hsl(var(--rz-color-fg));
+	position: relative;
+}
+
+.rz-tabs-trigger[data-state='active']:not([data-error='true']) {
+	color: hsl(var(--rz-color-fg));
+}
+.rz-tabs-trigger[data-error='true'] {
+	color: hsl(var(--rz-color-alert) / 1);
+}
+.rz-tabs-trigger[data-state='inactive'] {
+	opacity: 0.8;
+}
+
+.rz-tabs-trigger:focus-visible {
+	--rz-ring-opacity: 1;
+	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;
+}
+.rz-tabs-trigger:disabled {
+	pointer-events: none;
+	opacity: 0.5;
+}
+
+/**************************************/
+/* Content
+/**************************************/
+
+.rz-tabs-content {
+	margin-top: var(--rz-size-2);
+}
+.rz-tabs-content:focus-visible {
+	outline: none;
+	border-radius: var(--rz-radius-sm);
+	--rz-ring-offset: 8px;
+	--rz-ring-offset-bg: var(--rz-color-bg);
+	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));
+}
+
+/**************************************/
+/* List
+/**************************************/
+
+.rz-tabs-list {
+	overflow-x: auto;
+	overflow-y: visible;
+	background-color: hsl(var(--rz-color-bg));
+	color: hsl(var(--rz-ground-2) / 1);
+	height: var(--rz-size-10);
+	width: 100%;
+	display: inline-flex;
+	align-items: center;
+	gap: var(--rz-size-6);
+	justify-content: flex-start;
+	/* border-bottom: 1px solid hsl(var(--rz-color-border)); */
+}

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

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { Tabs as TabsPrimitive, type TabsRootProps } from 'bits-ui';
+	import './tabs.css';
+
+	type Props = TabsRootProps;
+	const { children, class: className, ...restProps }: Props = $props();
+</script>
+
+<TabsPrimitive.Root class="rz-tabs {className}" {...restProps}>
+	{@render children?.()}
+</TabsPrimitive.Root>

package/dist/panel/components/ui/tabs/tabs.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Tabs as TabsPrimitive } from 'bits-ui';
+import './tabs.css';
+declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "">;
+type Tabs = ReturnType<typeof Tabs>;
+export default Tabs;

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

@@ -0,0 +1,54 @@
+<script lang="ts">
+	import { X } from '@lucide/svelte';
+	import type { Snippet } from 'svelte';
+
+	type Props = { readOnly: boolean; children: Snippet; onRemove: () => void };
+	const { readOnly, children, onRemove }: Props = $props();
+</script>
+
+<div class="rz-tag" class:rz-tag--readonly={readOnly}>
+	<span>
+		{@render children?.()}
+	</span>
+	<button class="rz-tag__button" class:rz-tag__button--readonly={readOnly} type="button" onclick={onRemove}>
+		<X size={13} />
+	</button>
+</div>
+
+<style global>
+	
+	:root{
+		--tag-color-bg: hsl(var(--rz-gray-0));
+		--tag-color-fg: hsl(var(--rz-gray-13));
+	}
+
+	.rz-tag {
+		background-color: var(--tag-color-bg);
+		color: var(--tag-color-fg);
+		border-radius: var(--rz-radius-sm);
+		display: flex;
+		align-items: center;
+		gap: var(--rz-size-2);
+		font-size: var(--rz-text-sm);
+		padding: 0.2rem var(--rz-size-2);
+	}
+
+	.rz-tag--readonly {
+		opacity: 0.3;
+		cursor: no-drop;
+	}
+
+	.rz-tag__button {
+		border-radius: var(--rz-radius-sm);
+		cursor: pointer;
+	}
+
+	.rz-tag__button:focus-visible {
+		outline: none;
+		background-color: hsl(var(--rz-color-ring));
+	}
+
+	.rz-tag__button--readonly {
+		cursor: no-drop;
+	}
+</style>

package/dist/panel/components/ui/tag/tag.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+type Props = {
+    readOnly: boolean;
+    children: Snippet;
+    onRemove: () => void;
+};
+declare const Tag: import("svelte").Component<Props, {}, "">;
+type Tag = ReturnType<typeof Tag>;
+export default Tag;

package/dist/panel/components/ui/tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import Content from './tooltip-content.svelte';
+declare const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
+declare const Portal: import("svelte").Component<TooltipPrimitive.PortalProps, {}, "">;
+declare const Trigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
+declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+export { Root, Portal, Trigger, Content, Provider, Root as Tooltip, Portal as TooltipPortal, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider };

package/dist/panel/components/ui/tooltip/index.js

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import Content from './tooltip-content.svelte';
+const Root = TooltipPrimitive.Root;
+const Portal = TooltipPrimitive.Portal;
+const Trigger = TooltipPrimitive.Trigger;
+const Provider = TooltipPrimitive.Provider;
+export { Root, Portal, Trigger, Content, Provider, 
+//
+Root as Tooltip, Portal as TooltipPortal, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider };

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

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from 'bits-ui';
+	import { fly } from 'svelte/transition';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		children,
+		...restProps
+	}: TooltipPrimitive.ContentProps = $props();
+</script>
+
+<TooltipPrimitive.Content bind:ref forceMount {sideOffset} {...restProps}>
+	{#snippet child({ wrapperProps, props, open })}
+		{#if open}
+			<div {...wrapperProps}>
+				<div {...props} class="rz-tooltip {className}" transition:fly={{ duration: 300 }}>
+					{@render children?.()}
+				</div>
+			</div>
+		{/if}
+	{/snippet}
+</TooltipPrimitive.Content>
+
+<style>
+	:root {
+		--rz-tooltip-color-fg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-2)));
+		--rz-tooltip-color-bg: light-dark(hsl(var(--rz-gray-0)), hsl(var(--rz-gray-11)));
+	}
+
+	.rz-tooltip {
+		background-color: var(--rz-tooltip-color-bg);
+		color: var(--rz-tooltip-color-fg);
+		padding: var(--rz-size-1-5) var(--rz-size-3);
+		font-size: var(--rz-text-xs);
+		z-index: 200;
+		overflow: hidden;
+		border-radius: var(--rz-radius-md);
+	}
+</style>

package/dist/panel/components/ui/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+declare const TooltipContent: import("svelte").Component<TooltipPrimitive.ContentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/panel/context/api-proxy.svelte.d.ts

@@ -0,0 +1,24 @@
+export type Resource<T = any> = {
+    data: T | null;
+    isLoading: boolean;
+    error: any;
+    url: string;
+    refresh: () => void;
+};
+type GetResourcesOptions<T> = {
+    transformData?: (input: any) => T;
+};
+export declare function setAPIProxyContext(key?: string): {
+    getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
+    invalidateAll: () => void;
+};
+export declare function getAPIProxyContext(key?: string): {
+    getRessource: <T>(url: string, options?: GetResourcesOptions<T>) => Resource<T>;
+    invalidateAll: () => void;
+};
+export declare const API_PROXY: {
+    DOCUMENT: string;
+    ROOT: string;
+    TIPTAP: string;
+};
+export {};

package/dist/panel/context/api-proxy.svelte.js

@@ -0,0 +1,84 @@
+import { getContext, setContext } from 'svelte';
+const API_PROXY_KEY = Symbol('api-proxy');
+function createAPIProxy() {
+    // Use explicit type instead of ReturnType
+    const resources = $state(new Map());
+    function getRessource(url, options) {
+        // Check if we already have this resource
+        if (!resources.has(url)) {
+            // Create a new resource
+            const resource = createResource(url, options);
+            resources.set(url, resource);
+        }
+        return resources.get(url);
+    }
+    function createResource(url, options) {
+        // Use $state for the resource data to make it reactive
+        let data = $state(null);
+        let isLoading = $state(true);
+        let error = $state(null);
+        // Fetch the data immediately
+        fetchData();
+        function fetchData() {
+            isLoading = true;
+            error = null;
+            fetch(url, {
+                method: 'GET'
+            })
+                .then((response) => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error ${response.status}`);
+                }
+                return response.json();
+            })
+                .then((json) => {
+                data = options?.transformData ? options?.transformData(json) : json;
+                isLoading = false;
+            })
+                .catch((err) => {
+                error = err;
+                isLoading = false;
+                console.error(`Error fetching ${url}:`, err);
+            });
+        }
+        // The resource object with reactive properties
+        return {
+            get url() {
+                return url;
+            },
+            get data() {
+                return data;
+            },
+            get isLoading() {
+                return isLoading;
+            },
+            get error() {
+                return error;
+            },
+            refresh() {
+                fetchData();
+            }
+        };
+    }
+    function invalidateAll() {
+        resources.forEach((resource) => {
+            resource.refresh();
+        });
+    }
+    return {
+        getRessource,
+        invalidateAll
+    };
+}
+export function setAPIProxyContext(key = API_PROXY.ROOT) {
+    const apiProxy = createAPIProxy();
+    return setContext(`${API_PROXY_KEY.toString()}.${key}`, apiProxy);
+}
+export function getAPIProxyContext(key = API_PROXY.ROOT) {
+    return getContext(`${API_PROXY_KEY.toString()}.${key}`);
+}
+export const API_PROXY = {
+    DOCUMENT: 'document',
+    ROOT: 'root',
+    TIPTAP: 'tiptap'
+};