rimecms 0.27.6 → 0.28.1

package/dist/core/dev/generate/routes/{area.js → area.server.js}

@@ -1,5 +1,5 @@
 import { PACKAGE_NAME } from '../../../constant.server.js';
-import { TScastVersionSlug } from './util.js';
+import { TScastVersionSlug } from './util.server.js';
 /**
  * Area templates defined outside of the routes object
  * (rime)/panel/{area.kebab}/+page.svelte

package/dist/core/dev/generate/routes/{collection.d.ts → collection.server.d.ts}

@@ -1,4 +1,4 @@
-import { type Routes } from './util.js';
+import { type Routes } from './util.server.js';
 /****************************************************/
 /**
  * Collection panel routes

package/dist/core/dev/generate/routes/{collection.js → collection.server.js}

@@ -1,5 +1,5 @@
 import { PACKAGE_NAME } from '../../../constant.server.js';
-import { TScastVersionSlug } from './util.js';
+import { TScastVersionSlug } from './util.server.js';
 /**
  * Layout server template for collection
  * (rime)/panel/{collection.kebab}/+page.server.ts

package/dist/core/dev/generate/routes/{common.d.ts → common.server.d.ts}

@@ -1,4 +1,4 @@
-import type { Routes } from './util.js';
+import type { Routes } from './util.server.js';
 /**
  * Custom route template generator
  * Used for generating custom routes

package/dist/core/dev/generate/routes/{common.js → common.server.js}

@@ -198,7 +198,7 @@ const livePage = () => `
 <script lang="ts">
   import { Live } from '${PACKAGE_NAME}/panel/client';
 
-  import config from '../../../lib/${OUTPUT_DIR}/rime.config.js';
+  import config from '../../../../lib/${OUTPUT_DIR}/rime.config.js';
 
   const { data } = $props();
 </script>
@@ -273,8 +273,8 @@ export const commonRoutes = {
         page: panelPage,
         pageServer: panelPageServer
     },
-    '(rime)/live': {
-        page: livePage,
+    '(rime)/panel/live-edit': {
+        'page@(rime)': livePage,
         pageServer: livePageServer
     }
 };

package/dist/core/dev/generate/routes/{index.js → index.server.js}

@@ -2,11 +2,11 @@ import { logger } from '../../../logger/index.server.js';
 import { withDirectoriesSuffix, withVersionsSuffix } from '../../../naming.js';
 import fs from 'fs';
 import path from 'path';
-import { areaAPIRoutes, areaRoutes, areaVersionsPanelRoutes } from './area.js';
-import { collectionAPIRoutes, collectionPanelRoutes, collectionVersionsPanelRoutes } from './collection.js';
-import { commonRoutes, customRoute } from './common.js';
-import { injectCustomCSS, removeCustomCSS } from './custom-css.js';
-import { ensureDir, shouldRegenerateRoutes, writeRouteFile } from './util.js';
+import { areaAPIRoutes, areaRoutes, areaVersionsPanelRoutes } from './area.server.js';
+import { collectionAPIRoutes, collectionPanelRoutes, collectionVersionsPanelRoutes } from './collection.server.js';
+import { commonRoutes, customRoute } from './common.server.js';
+import { injectCustomCSS, removeCustomCSS } from './custom-css.server.js';
+import { ensureDir, shouldRegenerateRoutes, writeRouteFile } from './util.server.js';
 const projectRoot = process.cwd();
 /**
  * Main function to generate browser routes based on configuration

package/dist/core/dev/generate/routes/{util.js → util.server.js}

@@ -1,4 +1,4 @@
-import cache from '../../cache/index.js';
+import cache from '../../cache/index.server.js';
 import { hasDirectoriesSuffix, hasVersionsSuffix } from '../../../naming.js';
 import { slugify } from '../../../../util/string.js';
 import fs from 'fs';

package/dist/core/dev/generate/types/{index.js → index.server.js}

@@ -1,6 +1,6 @@
 import { isUploadConfig } from '../../../collections/upload/util/config.js';
 import { PACKAGE_NAME } from '../../../constant.server.js';
-import cache from '../../cache/index.js';
+import cache from '../../cache/index.server.js';
 import { FormFieldBuilder } from '../../../fields/builders/form-field-builder.js';
 import { logger } from '../../../logger/index.server.js';
 import { withVersionsSuffix } from '../../../naming.js';

package/dist/core/dev/vite/{index.js → index.server.js}

@@ -4,7 +4,7 @@ import path from 'node:path';
 import { ensureHasInit } from '../../ensure.server.js';
 import { logger } from '../../logger/index.server.js';
 import { INPUT_DIR, OUTPUT_DIR } from '../constants.js';
-import { sanitize } from '../generate/sanitize/index.js';
+import { sanitize } from '../generate/sanitize/index.server.js';
 dotenv.config({ override: true });
 const dev = process.env.NODE_ENV === 'development';
 export function rime() {
@@ -36,15 +36,19 @@ export function rime() {
                     }
                     catch (error) {
                         logger.error('Error while sanitizing config:', error.message);
-                        throw error;
+                        return;
                     }
                     // Trigger generation
                     try {
-                        await server.ssrLoadModule(`src/lib/${OUTPUT_DIR}/rime.config.server.ts`);
+                        const mod = await server.ssrLoadModule(`src/lib/${OUTPUT_DIR}/rime.config.server.ts`);
+                        // The config's default export is the createRime() promise; ssrLoadModule
+                        // only awaits the module's synchronous evaluation, so we must await it
+                        // directly to observe init errors (e.g. invalid config) here instead of
+                        // letting them become unhandled rejections that crash the dev server.
+                        await mod.default;
                     }
                     catch (error) {
                         logger.error('Failed to reload the config', error.message);
-                        throw error;
                     }
                 }
             });

package/dist/core/fields/util.d.ts

@@ -1,5 +1,6 @@
 import type { Field, FormField, SeparatorField } from '../../fields/types.js';
 import type { Dic } from '../../util/types.js';
+import type { FieldBuilder } from './builders';
 /**
  * Checks if a field is a presentative field (currently only separator fields).
  * Presentative fields are used for UI organization and don't store data.
@@ -65,3 +66,15 @@ export declare function pathToRegex(path: string): RegExp;
  *
  */
 export declare const getFieldConfigByPath: (path: string, fields: Field[]) => FormField | undefined;
+/**
+ * Traverses a FieldBuilder[] tree and returns the subset of builders to pass to
+ * RenderFields, along with the path prefix those builders should be rendered at.
+ *
+ * Containers (tabs, groups) are treated as transparent navigation layers.
+ * Blocks are treated as endpoints — the blocks builder itself is returned
+ * regardless of any index:blockType suffix in the path.
+ */
+export declare function getFieldBuildersAtPath(fieldPath: string, builders: FieldBuilder[], parentPath?: string): {
+    fields: FieldBuilder[];
+    path: string;
+};

package/dist/core/fields/util.js

@@ -1,7 +1,8 @@
-import { isBlocksFieldRaw } from '../../fields/blocks/index.js';
-import { isGroupFieldRaw } from '../../fields/group/index.js';
-import { isTabsFieldRaw } from '../../fields/tabs/index.js';
-import { isTreeFieldRaw } from '../../fields/tree/index.js';
+import { BlocksBuilder, isBlocksFieldRaw } from '../../fields/blocks/index.js';
+import { GroupFieldBuilder, isGroupFieldRaw } from '../../fields/group/index.js';
+import { isTabsFieldRaw, TabsBuilder } from '../../fields/tabs/index.js';
+import { isTreeFieldRaw, TreeBuilder } from '../../fields/tree/index.js';
+import { normalizeFieldPath } from '../../util/doc.js';
 /**
  * Checks if a field is a presentative field (currently only separator fields).
  * Presentative fields are used for UI organization and don't store data.
@@ -168,3 +169,75 @@ export const getFieldConfigByPath = (path, fields) => {
     };
     return findInFields(fields, parts);
 };
+/**
+ * Traverses a FieldBuilder[] tree and returns the subset of builders to pass to
+ * RenderFields, along with the path prefix those builders should be rendered at.
+ *
+ * Containers (tabs, groups) are treated as transparent navigation layers.
+ * Blocks are treated as endpoints — the blocks builder itself is returned
+ * regardless of any index:blockType suffix in the path.
+ */
+export function getFieldBuildersAtPath(fieldPath, builders, parentPath = '') {
+    if (!fieldPath)
+        return { fields: builders, path: parentPath };
+    const dotIndex = fieldPath.indexOf('.');
+    const head = dotIndex === -1 ? fieldPath : fieldPath.slice(0, dotIndex);
+    const tail = dotIndex === -1 ? '' : fieldPath.slice(dotIndex + 1);
+    const isEndpoint = fieldPath.split('.').length === 1;
+    const nextParentPath = normalizeFieldPath(`${parentPath}${parentPath ? '.' : ''}${head}`);
+    for (const builder of builders) {
+        // ── Tabs container: navigate into the matching tab
+        if (builder instanceof TabsBuilder) {
+            const tab = builder.field.tabs.find((t) => t.name === head);
+            if (!tab)
+                continue;
+            if (isEndpoint) {
+                // Path targets the tab → return all its inner fields
+                return { fields: tab.raw.fields, path: nextParentPath };
+            }
+            return getFieldBuildersAtPath(tail, tab.raw.fields, nextParentPath);
+        }
+        if (!isFormField(builder.raw))
+            continue;
+        // ── Group field: navigate into children
+        if (builder instanceof GroupFieldBuilder && builder.raw.name === head) {
+            const children = builder.field.fields;
+            if (isEndpoint)
+                return { fields: children, path: nextParentPath };
+            return getFieldBuildersAtPath(tail, children, nextParentPath);
+        }
+        // —— Blocks
+        if (builder instanceof BlocksBuilder && builder.raw.name === head) {
+            const blockType = tail.split('.')[0]?.split(':')[1];
+            const isInnerBlockLookup = tail.split('.').length > 1;
+            const nextParentPathWithBlockIndex = `${nextParentPath}.${tail.split('.')[0]}`;
+            if (blockType) {
+                const block = builder.raw.blocks.find((b) => b.name === blockType);
+                if (!isInnerBlockLookup && block?.raw.fields) {
+                    return {
+                        fields: block?.raw.fields,
+                        path: normalizeFieldPath(nextParentPathWithBlockIndex)
+                    };
+                }
+                if (block) {
+                    return getFieldBuildersAtPath(tail.split('.').slice(1).join('.'), block?.raw.fields, normalizeFieldPath(nextParentPathWithBlockIndex));
+                }
+            }
+            return { fields: [builder], path: parentPath };
+        }
+        // Tree
+        if (builder instanceof TreeBuilder && builder.raw.name === head) {
+            const children = builder.raw.fields;
+            const nextParentPathWithIndex = `${nextParentPath}.${tail.split('.')[0]}`;
+            if (isEndpoint)
+                return { fields: children, path: nextParentPath };
+            return getFieldBuildersAtPath(tail.split('.').slice(1).join('.'), children, nextParentPathWithIndex);
+        }
+        // Direct unique field match
+        if (isEndpoint && isFormField(builder.raw) && builder.raw.name === fieldPath) {
+            return { fields: [builder], path: parentPath };
+        }
+    }
+    console.warn(`[LiveEditPanel] fieldPath "${fieldPath}" not found in config fields`);
+    return { fields: builders, path: parentPath };
+}

package/dist/core/i18n/en/common.d.ts

@@ -58,6 +58,7 @@ declare namespace _default {
     export let unsaved_dialog_text: string;
     export let version_created: string;
     export let versions_history: string;
+    export let view_all: string;
     export let view_page: string;
     export let view_site: string;
     export let welcome: string;

package/dist/core/i18n/en/common.js

@@ -58,6 +58,7 @@ export default {
   unsaved_dialog_text: 'There are unsaved modifications in the document.',
   version_created: 'New version created',
   versions_history: 'Versions history',
+  view_all: 'View all',
   view_page: 'View page',
   view_site: 'View website',
   welcome: 'Welcome'

package/dist/core/i18n/fr/common.d.ts

@@ -58,6 +58,7 @@ declare namespace _default {
     export let version_created: string;
     export let versions_history: string;
     export let versions: string;
+    export let view_all: string;
     export let view_page: string;
     export let view_site: string;
     export let welcome: string;

package/dist/core/i18n/fr/common.js

@@ -61,6 +61,7 @@ export default {
   version_created: 'Nouvelle version créée',
   versions_history: 'Historique des versions',
   versions: 'Versions',
+  view_all: 'Voir tout',
   view_page: 'Voir la page',
   view_site: 'Voir le site',
   welcome: 'Bienvenue',

package/dist/core/operations/hooks/before-read/populate-url.server.js

@@ -1,5 +1,7 @@
+import { PARAMS } from '../../../constant.js';
 import { logger } from '../../../logger/index.server.js';
 import { getValueAtPath } from '../../../../util/object.js';
+import validate from '../../../../util/validate.js';
 import { Hooks } from '../index.server.js';
 /**
  * Hook to populate _children property on document from a nested collection
@@ -25,6 +27,11 @@ export const populateURL = Hooks.beforeRead(async (args) => {
             logger.error(`Error while generating url of ${config.slug} with id: ${args.doc.id}, ${err.message}`);
             return args;
         }
+        const isValidURL = validate.url(url);
+        if (typeof isValidURL === 'string') {
+            logger.warn(`Invalid URL generated for ${config.slug} with id: ${args.doc.id}, url: ${url}`);
+            return args;
+        }
         const match = url.match(/\[\.\.\.parent\.(\w+(?:\.\w+)*)\]/);
         if (match) {
             const fullMatch = match[0];
@@ -91,8 +98,9 @@ export const populateURL = Hooks.beforeRead(async (args) => {
         }
         // Add the live url if needed
         if (config.live && event.locals.user && url) {
-            args.doc._live = `${process.env.PUBLIC_RIME_URL}/live?src=${url}&slug=${config.slug}&id=${args.doc.id}`;
-            args.doc._live += locale ? `&locale=${locale}` : '';
+            args.doc._live = `${process.env.PUBLIC_RIME_URL}/panel/live-edit?src=${url}&slug=${config.slug}&id=${args.doc.id}`;
+            args.doc._live += args.doc.versionId ? `&${PARAMS.VERSION_ID}=${args.doc.versionId}` : '';
+            args.doc._live += locale ? `&${PARAMS.LOCALE}=${locale}` : '';
         }
     }
     return args;

package/dist/core/operations/hooks/before-upsert/handle-new-version.server.js

@@ -1,4 +1,4 @@
-import { filePathToFile } from '../../../collections/upload/util/converter.js';
+import { filePathToFile } from '../../../collections/upload/util/converter.server.js';
 import { VersionOperations } from '../../../collections/versions/operations.js';
 import { VERSIONS_STATUS } from '../../../constant.js';
 import { RimeError } from '../../../errors/index.js';
@@ -84,7 +84,7 @@ async function prepareDataForNewVersion(args) {
         original: originalDoc,
         configMap: originalConfigMap,
         ignore: ['status'],
-        mode: 'required'
+        mode: 'all'
     });
     // Set default status to "draft" if no data.status
     if (!data.status) {

package/dist/core/operations/relations/diff.server.d.ts

@@ -1,4 +1,4 @@
-import type { BeforeOperationRelation } from '../../../adapter-sqlite/relations.js';
+import type { BeforeOperationRelation } from '../../../adapter-sqlite/relations.server.js';
 import type { Relation } from '../../../fields/relation/index.js';
 export type RelationDiff = {
     toAdd: BeforeOperationRelation[];

package/dist/core/operations/relations/extract.server.d.ts

@@ -1,4 +1,4 @@
-import type { BeforeOperationRelation } from '../../../adapter-sqlite/relations.js';
+import type { BeforeOperationRelation } from '../../../adapter-sqlite/relations.server.js';
 import type { Dic } from '../../../util/types.js';
 import type { ConfigMap } from '../configMap/types.js';
 type Args = {

package/dist/core/rime.server.d.ts

@@ -1149,7 +1149,7 @@ export declare function createRime<const C extends Config>(config: BuildConfig<C
                         $Infer: {
                             body: {
                                 userId: string;
-                                role: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[];
+                                role: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[];
                             };
                         };
                     };
@@ -1229,7 +1229,7 @@ export declare function createRime<const C extends Config>(config: BuildConfig<C
                                 email: string;
                                 password?: string | undefined;
                                 name: string;
-                                role?: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[] | undefined;
+                                role?: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[] | undefined;
                                 data?: Record<string, any> | undefined;
                             };
                         };
@@ -1773,7 +1773,7 @@ export declare function createRime<const C extends Config>(config: BuildConfig<C
                                 permission?: never | undefined;
                             }) & {
                                 userId?: string | undefined;
-                                role?: "user" | "staff" | "admin" | undefined;
+                                role?: "user" | "admin" | "staff" | undefined;
                             };
                         };
                     };
@@ -3155,7 +3155,7 @@ export declare function createRime<const C extends Config>(config: BuildConfig<C
                             $Infer: {
                                 body: {
                                     userId: string;
-                                    role: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[];
+                                    role: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[];
                                 };
                             };
                         };
@@ -3235,7 +3235,7 @@ export declare function createRime<const C extends Config>(config: BuildConfig<C
                                     email: string;
                                     password?: string | undefined;
                                     name: string;
-                                    role?: "user" | "staff" | "admin" | ("user" | "staff" | "admin")[] | undefined;
+                                    role?: "user" | "admin" | "staff" | ("user" | "admin" | "staff")[] | undefined;
                                     data?: Record<string, any> | undefined;
                                 };
                             };
@@ -3779,7 +3779,7 @@ export declare function createRime<const C extends Config>(config: BuildConfig<C
                                     permission?: never | undefined;
                                 }) & {
                                     userId?: string | undefined;
-                                    role?: "user" | "staff" | "admin" | undefined;
+                                    role?: "user" | "admin" | "staff" | undefined;
                                 };
                             };
                         };

package/dist/core/rime.server.js

@@ -1,15 +1,14 @@
 // import type { Adapter } from '../adapter-sqlite/index.server.js';
 import { dev } from '$app/environment';
-import devCache from './dev/cache/index.js';
 import { betterAuth } from 'better-auth';
 import { AreaAPI } from './areas/local-api.server.js';
 import { CollectionAPI } from './collections/local-api.server.js';
 import { getBaseAuthConfig } from './config/auth/better-auth.server.js';
 import { createConfigContext } from './config/config-context.server.js';
-import validate from './config/server/validate.js';
-import writeMemo from './config/server/write.js';
-import generateRoutes from './dev/generate/routes/index.js';
-import generateTypes from './dev/generate/types/index.js';
+import validate from './config/server/validate.server.js';
+import writeMemo from './config/server/write.server.js';
+import generateRoutes from './dev/generate/routes/index.server.js';
+import generateTypes from './dev/generate/types/index.server.js';
 import { RimeError } from './errors/index.js';
 import i18n from './i18n/index.js';
 import { registerTranslation } from './i18n/register.server.js';
@@ -29,13 +28,18 @@ export async function createRime(config) {
     // Generate schema, types, routes
     if (dev) {
         const changed = writeMemo(config);
-        const valid = changed && validate(config);
-        if (changed && !valid)
+        const valid = validate(config);
+        if (!valid) {
             throw new RimeError('Config not valid');
-        devCache.set('.init', new Date().toISOString());
-        generateRoutes(config);
-        await generateSchema(config);
-        await generateTypes(config);
+        }
+        if (changed) {
+            generateRoutes(config);
+            await generateSchema(config);
+            await generateTypes(config);
+        }
+        else {
+            logger.debug('Nothing to generate');
+        }
     }
     // Create adapter, consume the generated schema
     const adapter = await createAdapter(configCtx);
@@ -53,9 +57,6 @@ export async function createRime(config) {
     // Register dictionaries for panel Language
     const dictionnaries = await registerTranslation(config.panel.language);
     i18n.init(dictionnaries);
-    if (dev) {
-        devCache.delete('.init');
-    }
     /**
      * Function that define the locale to use in a request event
      * based on this priority, high to low :

package/dist/fields/blocks/component/Block.svelte

@@ -91,33 +91,27 @@
   </div>
 </div>
 
-<style>/**************************************/
-
-/* Font */
-
-/**************************************/
-
-.rz-block {
+<style>.rz-block {
     --rz-fields-padding: var(--rz-size-5);
     position: relative;
     border: var(--rz-border);
     border-radius: var(--rz-radius-sm);
   }
 
-.rz-block__grip {
+  .rz-block__grip {
     cursor: grab;
   }
 
-.rz-block:hover > :global(.rz-block__content > .rz-block__header > .rz-block-actions) {
+  .rz-block:hover > :global(.rz-block__content > .rz-block__header > .rz-block-actions) {
     opacity: 1;
     pointer-events: all;
   }
 
-.rz-block__content {
+  .rz-block__content {
     background-color: var(--rz-collapse-fields-content-bg);
   }
 
-.rz-block__header {
+  .rz-block__header {
     display: flex;
     position: relative;
     align-items: center;
@@ -129,14 +123,14 @@
     background-color: hsl(var(--rz-row-bg));
   }
 
-.rz-block__title-button {
+  .rz-block__title-button {
     flex: 1;
     justify-content: flex-start;
     flex-direction: row;
     padding: var(--rz-size-3);
   }
 
-.rz-block__content--closed {
+  .rz-block__content--closed {
     border-radius: var(--rz-radius-md);
     .rz-block__header {
       border-color: transparent;
@@ -157,7 +151,7 @@
     }
   }
 
-.rz-block__title {
+  .rz-block__title {
     display: flex;
     height: var(--rz-size-6);
     align-items: center;
@@ -167,25 +161,25 @@
     font-size: var(--rz-text-xs);
   }
 
-.rz-block__heading {
+  .rz-block__heading {
     font-variation-settings: 'wght' 500;
     font-weight: 500;
   }
 
-.rz-block__fields {
+  .rz-block__fields {
     flex: 1;
     padding: var(--rz-size-6) 0;
   }
 
-.rz-block__fields--hidden {
+  .rz-block__fields--hidden {
     display: none;
   }
 
-.rz-block[data-sorting='true'] .rz-block__grip {
+  .rz-block[data-sorting='true'] .rz-block__grip {
     display: none;
   }
 
-:global(.rz-block-actions) {
+  :global(.rz-block-actions) {
     position: absolute;
     opacity: 0;
     pointer-events: none;

package/dist/fields/blocks/component/Blocks.svelte

@@ -131,30 +131,24 @@
   </div>
 </fieldset>
 
-<style>/**************************************/
-
-/* Font */
-
-/**************************************/
-
-.rz-blocks__title {
+<style>.rz-blocks__title {
     font-variation-settings: 'wght' 500;
     font-weight: 500;
   }
 
-sup {
+  sup {
     font-size: var(--rz-text-2xs);
     text-transform: uppercase;
   }
 
-.rz-blocks__actions {
+  .rz-blocks__actions {
     /* translate: 0 calc(-1 * var(--rz-size-2)); */
     display: flex;
     align-items: end;
     gap: var(--rz-size-2);
   }
 
-.rz-blocks__list {
+  .rz-blocks__list {
     display: grid;
     gap: var(--rz-size-4);
 
@@ -163,13 +157,12 @@ sup {
     }
   }
 
-.rz-blocks__header {
+  .rz-blocks__header {
     display: flex;
     justify-content: space-between;
     margin-bottom: var(--rz-size-4);
   }
-
-.rz-blocks__actions-bottom {
+  .rz-blocks__actions-bottom {
     display: flex;
     gap: var(--rz-size-3);
     padding-right: var(--rz-size-3);

package/dist/fields/group/component/Group.svelte

@@ -91,19 +91,13 @@
   {/if}
 </div>
 
-<style>/**************************************/
-
-/* Font */
-
-/**************************************/
-
-:root {
+<style>:root {
     --rz-group-trigger-bg: hsl(var(--rz-row-bg));
     --rz-group-preview-bg: light-dark(hsl(var(--rz-gray-16)), hsl(var(--rz-gray-3)));
     --rz-group-content-bg: var(--rz-collapse-fields-content-bg);
   }
 
-.rz-group-field__wrapper {
+  .rz-group-field__wrapper {
     border: var(--rz-border);
     border-radius: var(--rz-radius-md);
     background-color: var(--rz-group-trigger-bg);
@@ -114,18 +108,18 @@
     }
   }
 
-.rz-group-field__wrapper--hidden {
+  .rz-group-field__wrapper--hidden {
     display: none;
   }
 
-.rz-group-field__content {
+  .rz-group-field__content {
     --rz-fields-padding: var(--rz-size-5);
     padding-top: var(--rz-fields-padding);
     padding-bottom: var(--rz-fields-padding);
     background-color: var(--rz-group-content-bg);
   }
 
-.rz-group-field__trigger {
+  .rz-group-field__trigger {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -149,8 +143,7 @@
       rotate: -180deg;
     }
   }
-
-.rz-group-field__trigger--live {
+  .rz-group-field__trigger--live {
     font-size: var(--rz-text-md);
   }
 </style>

package/dist/fields/number/component/number.css

@@ -76,6 +76,7 @@
 }
 
 /* Chrome, Safari, Edge, Opera */
+
 .rz-number__input::-webkit-outer-spin-button,
 .rz-number__input::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -83,6 +84,7 @@
 }
 
 /* Firefox */
+
 .rz-number__input[type='number'] {
   -webkit-appearance: textfield;
           appearance: textfield;