kss-modern 1.7.0-beta.2 → 1.7.0-beta.4

package/dist/node/lib/index.mjs

@@ -3,8 +3,8 @@ import process from 'node:process';
 import { fileURLToPath } from 'node:url';
 import fs from 'fs-extra';
 import { glob } from 'tinyglobby';
-import { l as logger, s as sanitizeSpecialCharacters, P as PUG_ERROR_OVERLAY_TAG, r as requireZod, e as evaluateMixinSchema, c as compileMixinModule, p as pugErrorFile, a as compileMarkup, g as getZodVersion, d as discoverMixins, M as MIXIN_COMPILE_OPTIONS, b as getMixinWrapperSource, f as slugify, I as INSERT_VITE_PUG_TAG_RE, h as PUG_SRC_RE, t as themeClassList, i as ensureStartingSlash, j as sectionSanitizeId, k as stripPugErrorOverlay, m as generateId, n as replaceWrapperContent, o as formatSourceCode, q as htmlToSearchText } from '../shared/kss-modern.BOTbHnCm.mjs';
-export { u as createLogger } from '../shared/kss-modern.BOTbHnCm.mjs';
+import { l as logger, s as sanitizeSpecialCharacters, P as PUG_ERROR_OVERLAY_TAG, r as requireZod, e as evaluateMixinSchema, c as compileMixinModule, p as pugErrorFile, a as compileMarkup, g as getZodVersion, d as discoverMixins, M as MIXIN_COMPILE_OPTIONS, b as getMixinWrapperSource, f as slugify, I as INSERT_VITE_PUG_TAG_RE, h as PUG_SRC_RE, t as themeClassList, i as ensureStartingSlash, j as sectionSanitizeId, k as stripPugErrorOverlay, m as generateId, n as replaceWrapperContent, o as formatSourceCode, q as htmlToSearchText } from '../shared/kss-modern.tLBfjOgj.mjs';
+export { u as createLogger } from '../shared/kss-modern.tLBfjOgj.mjs';
 import { existsSync, readFileSync } from 'node:fs';
 import fs$1 from 'node:fs/promises';
 import { createHash } from 'node:crypto';
@@ -1810,7 +1810,7 @@ async function generateFullPageFile(data) {
           <meta name="theme-color" media="(prefers-color-scheme: dark)" content="${data.brandColor.dark}">
       ` : `<meta name="theme-color" content="${data.brandColor}">`}
     <script type="module" src="styleguide-assets/fullpage-aWqc0gjm.js"><\/script>
-    ${data.playgroundConfig ? '<script type="module" src="styleguide-assets/playground-BuO-B-Kx.js"><\/script>' : ""}
+    ${data.playgroundConfig ? '<script type="module" src="styleguide-assets/playground-BBMnDZ8b.js"><\/script>' : ""}
     ${computedStyleTags}
     ${computedThemeStyleTags}
 </head>
@@ -2921,7 +2921,7 @@ document.addEventListener("DOMContentLoaded", () => {
 //#endregion
 ;
 <\/script>
-    <script type="module" src="styleguide-assets/preview-C3WnTlhx.js"><\/script>
+    <script type="module" src="styleguide-assets/preview-BkKvdDnK.js"><\/script>
     <link rel="preload" href="styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">

package/dist/node/lib/pug/worker.mjs

@@ -1,5 +1,5 @@
 import { parentPort } from 'node:worker_threads';
-import { r as requireZod, e as evaluateMixinSchema, c as compileMixinModule, a as compileMarkup, p as pugErrorFile } from '../../shared/kss-modern.BOTbHnCm.mjs';
+import { r as requireZod, e as evaluateMixinSchema, c as compileMixinModule, a as compileMarkup, p as pugErrorFile } from '../../shared/kss-modern.tLBfjOgj.mjs';
 import 'node:path';
 import 'pug';
 import 'node:fs';

package/dist/node/shared/{kss-modern.BOTbHnCm.mjs → kss-modern.tLBfjOgj.mjs}

@@ -264,6 +264,9 @@ const ARRAY_KEYS = ["type", "items", "minItems", "maxItems", ...ANNOTATION_KEYS]
 const LITERAL_UNION_KEYS = ["anyOf", ...ANNOTATION_KEYS];
 const ROOT_KEYS = ["$schema", "type", "properties", "required", "additionalProperties", ...ANNOTATION_KEYS];
 const ENTRY_KEYS = ["type", "properties", "required", "additionalProperties", ...ANNOTATION_KEYS];
+const RECORD_KEYS = ["type", "propertyNames", "additionalProperties", ...ANNOTATION_KEYS];
+const RECORD_KEY_KEYS = ["type", "pattern", "minLength", "maxLength"];
+const RECORD_VALUE_TYPES = ["string", "number", "integer", "boolean"];
 const CHECKED_FORMATS = ["email", "uri"];
 function isObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -286,6 +289,24 @@ function checkEntry(schema) {
   }
   return errors;
 }
+function isRecord(schema) {
+  return !isObject(schema.properties) && isObject(schema.additionalProperties);
+}
+function checkRecord(schema) {
+  const errors = checkKeys(schema, RECORD_KEYS);
+  const keys = schema.propertyNames;
+  if (keys !== void 0 && (!isObject(keys) || keys.type !== "string"))
+    errors.push("has keys that are no strings, only z.record(z.string(), \u2026) is supported");
+  else if (isObject(keys))
+    errors.push(...checkKeys(keys, RECORD_KEY_KEYS).map((error) => `keys ${error}`));
+  const values = schema.additionalProperties;
+  const types = Array.isArray(values.type) ? values.type : [values.type];
+  if (Array.isArray(values.anyOf) || !types.every((type) => RECORD_VALUE_TYPES.includes(String(type))))
+    errors.push("has values that are no strings, numbers or booleans, which is not supported");
+  else if (!Array.isArray(values.type))
+    errors.push(...checkValue(values, "entry-field").map((error) => `values ${error}`));
+  return errors;
+}
 function checkValue(schema, position) {
   if (Array.isArray(schema.anyOf)) {
     if (!schema.anyOf.every(isLiteral))
@@ -293,7 +314,7 @@ function checkValue(schema, position) {
     return checkKeys(schema, LITERAL_UNION_KEYS);
   }
   if (Array.isArray(schema.type))
-    return [`can be ${schema.type.join(" or ")}; nullable props and unions of types are not supported`];
+    return [`can be ${schema.type.join(" or ")}; nullable props and unions of types are not supported (except as record values)`];
   switch (schema.type) {
     case "string": {
       const errors = checkKeys(schema, STRING_KEYS);
@@ -323,7 +344,9 @@ function checkValue(schema, position) {
         return checkEntry(schema);
       if (position === "entry-field")
         return ["is an object, the fields of a list entry must be scalars"];
-      return ["is an object (or record), nested objects are not supported; use an array of objects for a list of entries"];
+      if (isRecord(schema))
+        return checkRecord(schema);
+      return ["is an object, nested objects are not supported; use an array of objects for a list of entries or z.record() for a map"];
     default:
       return ["has a type the playground cannot edit (e.g. z.any() or z.unknown())"];
   }

package/dist/styleguide-assets/.vite/manifest.json

@@ -21,8 +21,8 @@
     "file": "code-highlight-Fm7cxf-E.js",
     "name": "code-highlight"
   },
-  "_controller-BduQiyRp.js": {
-    "file": "controller-BduQiyRp.js",
+  "_controller-drB07Xo_.js": {
+    "file": "controller-drB07Xo_.js",
     "name": "controller",
     "imports": [
       "_utils-DtB-AzJa.js",
@@ -147,14 +147,14 @@
     ]
   },
   "client/lib/playground/explorer.ts": {
-    "file": "explorer-B2UH96jd.js",
+    "file": "explorer-BivD2FYm.js",
     "name": "explorer",
     "src": "client/lib/playground/explorer.ts",
     "isDynamicEntry": true,
     "imports": [
       "_code-highlight-Fm7cxf-E.js",
       "_utils-DtB-AzJa.js",
-      "_controller-BduQiyRp.js",
+      "_controller-drB07Xo_.js",
       "_alerts-DIQ8TeZB.js"
     ]
   },
@@ -169,13 +169,13 @@
     ]
   },
   "client/playground.ts": {
-    "file": "playground-BuO-B-Kx.js",
+    "file": "playground-BBMnDZ8b.js",
     "name": "playground",
     "src": "client/playground.ts",
     "isEntry": true,
     "imports": [
       "_shared-hGcWlnRM.js",
-      "_controller-BduQiyRp.js"
+      "_controller-drB07Xo_.js"
     ]
   },
   "client/preview-inline.ts": {
@@ -185,7 +185,7 @@
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-C3WnTlhx.js",
+    "file": "preview-BkKvdDnK.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,

package/dist/styleguide-assets/{controller-BduQiyRp.js → controller-drB07Xo_.js}

@@ -64,6 +64,22 @@ function d(e) {
 			hasDefault: "default" in r,
 			hasExample: i.length > 0
 		};
+		if (r.type === "object" && s(r.additionalProperties)) {
+			let e = s(r.propertyNames) ? r.propertyNames : {}, t = r.additionalProperties, n = Array.isArray(t.type) ? t.type.map((e) => ({
+				...t,
+				type: e
+			})) : [t];
+			return {
+				...a,
+				kind: "record",
+				record: {
+					keyPattern: typeof e.pattern == "string" ? e.pattern : void 0,
+					keyMinLength: c(e.minLength),
+					keyMaxLength: c(e.maxLength),
+					values: n.map(u)
+				}
+			};
+		}
 		if (r.type === "array") {
 			let e = s(r.items) ? r.items : {};
 			return {
@@ -101,7 +117,7 @@ function p(e) {
 function m(e) {
 	if (e.hasDefault) return e.default;
 	if (e.hasExample) return e.example;
-	if (!e.isOptional) return e.kind === "array" ? [] : f(e);
+	if (!e.isOptional) return e.kind === "array" ? [] : e.kind === "record" ? {} : f(e);
 }
 function h(e, t) {
 	return Object.fromEntries(e.map((e) => [e.key, t ? t[e.key] : m(e)]));
@@ -113,7 +129,7 @@ function g(e, t) {
 }
 //#endregion
 //#region client/lib/playground/panel.css?inline
-var _ = "@layer settings{:host{--color-surface-primary:var(--styleguide-color-background-highlight,light-dark(#fff,#0a0a0a));--color-surface-sunken:var(--styleguide-color-background,light-dark(#fafafa,#050505));--color-text-primary:var(--styleguide-color-highlight,light-dark(#111827,#fafafa));--color-text-secondary:var(--styleguide-color-regular,light-dark(#666,#a3a3a3));--color-border-default:var(--styleguide-color-border,light-dark(#ebebeb,#1f1f1f));--color-border-focus:var(--styleguide-color-theme-highlight,light-dark(#2463eb,#92c2fc));--color-status-error:light-dark(#ba1c1c,#f87272);--font-mono:ui-monospace, \"Geist Mono\", sfmono-regular, menlo, monospace;--radius-default:.75em;--radius-small:.5em;--duration-fast:.15s;--ease-out:cubic-bezier(.23, 1, .32, 1)}:host([data-standalone]){--color-surface-primary:light-dark(#fff,#0a0a0a);--color-surface-sunken:light-dark(#fafafa,#050505);--color-text-primary:light-dark(#111827,#fafafa);--color-text-secondary:light-dark(#525252,#a3a3a3);--color-border-default:light-dark(#e6e6e6,#262626);--color-border-focus:light-dark(#2463eb,#92c2fc);color-scheme:light dark}:host([data-scheme=light]){color-scheme:light}:host([data-scheme=dark]){color-scheme:dark}}@layer generic{:host{display:block}.c-panel,.c-launcher{color:var(--color-text-secondary);font-size:.875rem;line-height:1.45}:host([data-standalone]) :is(.c-panel,.c-launcher){font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}*,:before,:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}[hidden]{display:none!important}}@layer components{.c-panel{border:1px solid var(--color-border-default);border-radius:var(--radius-default);background:var(--color-surface-primary);flex-direction:column;min-block-size:0;max-block-size:100%;display:flex;overflow:hidden}:host([data-standalone]) .c-panel{block-size:100%;box-shadow:0 0 0 1px var(--color-border-default), 0 .5em 2em #0000001f;border-width:0;border-radius:0}:host([data-flush]) .c-panel{border-width:0;border-radius:0}:host([data-flush]) .c-panel__header{display:none}.c-panel__header{border-block-end:1px solid var(--color-border-default);align-items:center;gap:.5em;padding-block:.5em;padding-inline:1em .5em;display:flex}.c-panel__title{min-inline-size:0;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1em;font-weight:600;line-height:2em;overflow:hidden}.c-panel__body{gap:1em;min-block-size:0;padding:1em;display:grid;overflow-y:auto}.c-panel__message{border-radius:var(--radius-small);color:var(--color-status-error);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid;margin:0;padding-block:.5em;padding-inline:.75em}.c-panel__footer{border-block-start:1px solid var(--color-border-default);background:var(--color-surface-sunken);justify-content:space-between;align-items:center;gap:.5em;padding-block:.5em;padding-inline:1em;display:flex}.c-panel__call{min-inline-size:0;font-family:var(--font-mono);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.75em;overflow:hidden}.c-field{gap:.25em;display:grid}.c-field__label{font-family:var(--font-mono);color:var(--color-text-primary);font-weight:600}.c-field__type{font-family:var(--font-mono)}.c-field__help,.c-field__error{margin:0;font-size:.75em}.c-field__error{color:var(--color-status-error)}.c-control{border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-surface-sunken);inline-size:100%;color:var(--color-text-primary);font:inherit;margin:0;padding-block:.375em;padding-inline:.625em;font-size:max(16px,1em);line-height:1.4;display:block}@media (hover:hover) and (pointer:fine){.c-control{font-size:inherit}}.c-control--select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - .9375em),calc(100% - .625em);background-repeat:no-repeat;background-size:.3125em .3125em;padding-inline-end:2em}.c-control--textarea{resize:vertical;min-block-size:5.5em;font-family:var(--font-mono);font-size:.75em}.c-control[aria-invalid=true]{border-color:var(--color-status-error)}.c-control:disabled,.c-checkbox:disabled{opacity:.5;cursor:not-allowed}.c-checkbox-row{cursor:pointer;align-items:center;gap:.5em;display:inline-flex}.c-checkbox{block-size:1em;inline-size:1em;accent-color:var(--color-border-focus);cursor:pointer;margin:0}.c-button{border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-surface-primary);min-block-size:2em;min-inline-size:2em;color:var(--color-text-primary);font:inherit;white-space:nowrap;cursor:pointer;transition-property:border-color,scale;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);justify-content:center;align-items:center;gap:.25em;margin:0;padding-block:.25em;padding-inline:.625em;font-size:.875em;display:inline-flex}.c-button:active{scale:.96}@media (hover:hover) and (pointer:fine){.c-button:hover{border-color:var(--color-border-focus)}}.c-button svg{block-size:1em;inline-size:1em}.c-button--icon{min-inline-size:2em;padding-inline:0}.c-button:disabled{opacity:.5;cursor:not-allowed}.c-list-editor{justify-items:start;gap:.5em;display:grid}.c-list{gap:.375em;inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.c-list__item{grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:.25em;display:grid}.c-list__item--entry{align-items:start}.c-entry{border:1px solid var(--color-border-default);border-radius:var(--radius-small);gap:.375em;padding:.5em;display:grid}.c-entry__field{gap:.125em;display:grid}.c-entry__label{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.875em}.c-resize-handle{z-index:1;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.c-resize-handle:after{content:\"\";background:var(--color-text-secondary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);border-radius:999px;position:absolute}@media (hover:hover) and (pointer:fine){.c-resize-handle:hover:after{opacity:.4}}.c-resize-handle:focus-visible:after{opacity:.6}:host([data-dock=right]) .c-resize-handle{cursor:col-resize;inline-size:.5em;inset-block:0;inset-inline-start:-.25em}:host([data-dock=right]) .c-resize-handle:after{inline-size:2px;inset-block:40%;inset-inline-start:.1875em}:host([data-dock=bottom]) .c-resize-handle{cursor:row-resize;block-size:.5em;inset-block-start:-.25em;inset-inline:0}:host([data-dock=bottom]) .c-resize-handle:after{block-size:2px;inset-block-start:.1875em;inset-inline:40%}.c-launcher{box-shadow:0 .25em 1em #00000029}@media (prefers-reduced-motion:reduce){.c-button,.c-resize-handle:after{transition:none}}}@layer utilities{.u-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}";
+var _ = "@layer settings{:host{--color-surface-primary:var(--styleguide-color-background-highlight,light-dark(#fff,#0a0a0a));--color-surface-sunken:var(--styleguide-color-background,light-dark(#fafafa,#050505));--color-text-primary:var(--styleguide-color-highlight,light-dark(#111827,#fafafa));--color-text-secondary:var(--styleguide-color-regular,light-dark(#666,#a3a3a3));--color-border-default:var(--styleguide-color-border,light-dark(#ebebeb,#1f1f1f));--color-border-focus:var(--styleguide-color-theme-highlight,light-dark(#2463eb,#92c2fc));--color-status-error:light-dark(#ba1c1c,#f87272);--font-mono:ui-monospace, \"Geist Mono\", sfmono-regular, menlo, monospace;--radius-default:.75em;--radius-small:.5em;--duration-fast:.15s;--ease-out:cubic-bezier(.23, 1, .32, 1)}:host([data-standalone]){--color-surface-primary:light-dark(#fff,#0a0a0a);--color-surface-sunken:light-dark(#fafafa,#050505);--color-text-primary:light-dark(#111827,#fafafa);--color-text-secondary:light-dark(#525252,#a3a3a3);--color-border-default:light-dark(#e6e6e6,#262626);--color-border-focus:light-dark(#2463eb,#92c2fc);color-scheme:light dark}:host([data-scheme=light]){color-scheme:light}:host([data-scheme=dark]){color-scheme:dark}}@layer generic{:host{display:block}.c-panel,.c-launcher{color:var(--color-text-secondary);font-size:.875rem;line-height:1.45}:host([data-standalone]) :is(.c-panel,.c-launcher){font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}*,:before,:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}[hidden]{display:none!important}}@layer components{.c-panel{border:1px solid var(--color-border-default);border-radius:var(--radius-default);background:var(--color-surface-primary);flex-direction:column;min-block-size:0;max-block-size:100%;display:flex;overflow:hidden}:host([data-standalone]) .c-panel{block-size:100%;box-shadow:0 0 0 1px var(--color-border-default), 0 .5em 2em #0000001f;border-width:0;border-radius:0}:host([data-flush]) .c-panel{border-width:0;border-radius:0}:host([data-flush]) .c-panel__header{display:none}.c-panel__header{border-block-end:1px solid var(--color-border-default);align-items:center;gap:.5em;padding-block:.5em;padding-inline:1em .5em;display:flex}.c-panel__title{min-inline-size:0;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1em;font-weight:600;line-height:2em;overflow:hidden}.c-panel__body{gap:1em;min-block-size:0;padding:1em;display:grid;overflow-y:auto}.c-panel__message{border-radius:var(--radius-small);color:var(--color-status-error);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid;margin:0;padding-block:.5em;padding-inline:.75em}.c-panel__footer{border-block-start:1px solid var(--color-border-default);background:var(--color-surface-sunken);justify-content:space-between;align-items:center;gap:.5em;padding-block:.5em;padding-inline:1em;display:flex}.c-panel__call{min-inline-size:0;font-family:var(--font-mono);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.75em;overflow:hidden}.c-field{gap:.25em;display:grid}.c-field__label{font-family:var(--font-mono);color:var(--color-text-primary);font-weight:600}.c-field__type{font-family:var(--font-mono)}.c-field__help,.c-field__error{margin:0;font-size:.75em}.c-field__error{color:var(--color-status-error)}.c-control{border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-surface-sunken);inline-size:100%;color:var(--color-text-primary);font:inherit;margin:0;padding-block:.375em;padding-inline:.625em;font-size:max(16px,1em);line-height:1.4;display:block}@media (hover:hover) and (pointer:fine){.c-control{font-size:inherit}}.c-control--select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - .9375em),calc(100% - .625em);background-repeat:no-repeat;background-size:.3125em .3125em;padding-inline-end:2em}.c-control--textarea{resize:vertical;min-block-size:5.5em;font-family:var(--font-mono);font-size:.75em}.c-control[aria-invalid=true]{border-color:var(--color-status-error)}.c-control:disabled,.c-checkbox:disabled{opacity:.5;cursor:not-allowed}.c-checkbox-row{cursor:pointer;align-items:center;gap:.5em;display:inline-flex}.c-checkbox{block-size:1em;inline-size:1em;accent-color:var(--color-border-focus);cursor:pointer;margin:0}.c-button{border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-surface-primary);min-block-size:2em;min-inline-size:2em;color:var(--color-text-primary);font:inherit;white-space:nowrap;cursor:pointer;transition-property:border-color,scale;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);justify-content:center;align-items:center;gap:.25em;margin:0;padding-block:.25em;padding-inline:.625em;font-size:.875em;display:inline-flex}.c-button:active{scale:.96}@media (hover:hover) and (pointer:fine){.c-button:hover{border-color:var(--color-border-focus)}}.c-button svg{block-size:1em;inline-size:1em}.c-button--icon{min-inline-size:2em;padding-inline:0}.c-button:disabled{opacity:.5;cursor:not-allowed}.c-list-editor{justify-items:start;gap:.5em;display:grid}.c-list{gap:.375em;inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.c-list__item{grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:.25em;display:grid}.c-list__item--entry{align-items:start}.c-list__item--record{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.c-record-value{grid-template-columns:auto minmax(0,1fr);gap:.25em;display:grid}.c-record-value>[hidden]{display:none}.c-entry{border:1px solid var(--color-border-default);border-radius:var(--radius-small);gap:.375em;padding:.5em;display:grid}.c-entry__field{gap:.125em;display:grid}.c-entry__label{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.875em}.c-resize-handle{z-index:1;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.c-resize-handle:after{content:\"\";background:var(--color-text-secondary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);border-radius:999px;position:absolute}@media (hover:hover) and (pointer:fine){.c-resize-handle:hover:after{opacity:.4}}.c-resize-handle:focus-visible:after{opacity:.6}:host([data-dock=right]) .c-resize-handle{cursor:col-resize;inline-size:.5em;inset-block:0;inset-inline-start:-.25em}:host([data-dock=right]) .c-resize-handle:after{inline-size:2px;inset-block:40%;inset-inline-start:.1875em}:host([data-dock=bottom]) .c-resize-handle{cursor:row-resize;block-size:.5em;inset-block-start:-.25em;inset-inline:0}:host([data-dock=bottom]) .c-resize-handle:after{block-size:2px;inset-block-start:.1875em;inset-inline:40%}.c-launcher{box-shadow:0 .25em 1em #00000029}@media (prefers-reduced-motion:reduce){.c-button,.c-resize-handle:after{transition:none}}}@layer utilities{.u-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}";
 //#endregion
 //#region client/lib/playground/panel.ts
 function v(e, t = {}, n = []) {
@@ -200,7 +216,31 @@ function w(e, t, n, r, i, a) {
 		controls: s
 	};
 }
-function T(e) {
+function T(e, t, n, r, i) {
+	if (e.values.length === 1) {
+		let a = S(e.values[0], t, !1, { "aria-label": n }, r, i);
+		return {
+			element: C(a),
+			controls: [a]
+		};
+	}
+	let a = e.values.filter((e) => e.kind !== "boolean"), o = [...a.length < e.values.length ? ["true", "false"] : [], ...a.map((e) => e.kind)], s = typeof t, c = s === "boolean" ? String(t) : a.find((e) => e.kind === "string" ? s === "string" : s === "number")?.kind ?? o[0], l = v("select", {
+		class: "c-control c-control--select",
+		"aria-label": `${n} type`
+	});
+	for (let e of o) l.append(v("option", { value: e }, [e]));
+	l.value = c;
+	let u = new Map(a.map((e) => [e.kind, S(e, c === e.kind ? t : void 0, !1, { "aria-label": n }, r, i)])), d = () => u.forEach((e, t) => e.hidden = l.value !== t);
+	return d(), l.addEventListener("change", () => {
+		d();
+		let e = u.get(l.value);
+		e ? e.dispatchEvent(new Event("input")) : r(l.value === "true");
+	}, { signal: i }), {
+		element: v("span", { class: "c-record-value" }, [l, ...u.values()]),
+		controls: [l, ...u.values()]
+	};
+}
+function E(e) {
 	let { host: t, name: n, isStandalone: r = !1 } = e, i = new AbortController(), { signal: a } = i, o = t.shadowRoot ?? t.attachShadow({ mode: "open" });
 	o.replaceChildren(), r && t.setAttribute("data-standalone", "");
 	let s = v("style", {}, [_]), c = v("div", { class: "c-panel__header" }, [v("h2", { class: "c-panel__title" }, ["Props ", v("span", { class: "c-field__type" }, [`+${n}`])])]), l = v("p", {
@@ -227,12 +267,12 @@ function T(e) {
 		m
 	]);
 	o.append(s, h);
-	let g = e.fields, y = structuredClone(e.values), b = /* @__PURE__ */ new Map(), x = () => e.onChange(structuredClone(y)), T = (e, t) => {
+	let g = e.fields, y = structuredClone(e.values), b = /* @__PURE__ */ new Map(), x = () => e.onChange(structuredClone(y)), E = (e, t) => {
 		y[e] = t, x();
-	}, E = (e, t) => {
+	}, D = (e, t) => {
 		let n = b.get(e);
 		n && (n.error.textContent = t ?? "", n.error.hidden = !t, n.controls().forEach((e) => e.setAttribute("aria-invalid", String(!!t))));
-	}, D = (e, t, n, r) => {
+	}, O = (e, t, n, r) => {
 		let i = v("ol", { class: "c-list" }), o = v("button", {
 			class: "c-button",
 			type: "button"
@@ -241,7 +281,7 @@ function T(e) {
 			role: "group",
 			"aria-labelledby": n,
 			"aria-describedby": r
-		}, [i, o]), c = [], l = new AbortController(), u = () => Array.isArray(y[e.key]) ? y[e.key] : [], d = (t) => T(e.key, e.isOptional && t.length === 0 ? void 0 : t), f = (n) => {
+		}, [i, o]), c = [], l = new AbortController(), u = () => Array.isArray(y[e.key]) ? y[e.key] : [], d = (t) => E(e.key, e.isOptional && t.length === 0 ? void 0 : t), f = (n) => {
 			let r = (e, t) => {
 				d(e), f(t);
 			};
@@ -297,20 +337,85 @@ function T(e) {
 			group: s,
 			controls: () => [...c, o]
 		};
-	}, O = (e, t) => {
+	}, k = (e, t, n) => {
+		let r = e.record, i = v("ol", { class: "c-list" }), o = v("button", {
+			class: "c-button",
+			type: "button"
+		}, ["Add entry"]), s = v("div", {
+			class: "c-list-editor",
+			role: "group",
+			"aria-labelledby": t,
+			"aria-describedby": n
+		}, [i, o]), c = y[e.key], l = Object.entries(typeof c == "object" && c ? c : {}).map(([e, t]) => ({
+			key: e,
+			value: t
+		})), u = [], d = new AbortController(), f = () => {
+			let t = Object.fromEntries(l.filter((e) => e.key !== "").map((e) => [e.key, e.value]));
+			E(e.key, e.isOptional && Object.keys(t).length === 0 ? void 0 : t);
+		}, m = (t) => {
+			d.abort(), d = new AbortController(), u = [];
+			let n = [];
+			i.replaceChildren(...l.map((t, i) => {
+				let a = v("input", {
+					class: "c-control",
+					type: "text",
+					autocomplete: "off",
+					spellcheck: "false",
+					"aria-label": `${e.key} key ${i + 1}`,
+					pattern: r.keyPattern
+				});
+				a.value = t.key, a.addEventListener("input", () => {
+					l[i] = {
+						...l[i],
+						key: a.value
+					}, f();
+				}, { signal: d.signal });
+				let o = T(r, t.value, `${e.key} value ${i + 1}`, (e) => {
+					l[i] = {
+						...l[i],
+						value: e
+					}, f();
+				}, d.signal), s = v("button", {
+					class: "c-button c-button--icon",
+					type: "button",
+					"aria-label": `Remove entry ${i + 1}`
+				}, ["✕"]);
+				return s.addEventListener("click", () => {
+					l = l.filter((e, t) => t !== i), f(), m(Math.min(i, l.length - 1));
+				}, { signal: d.signal }), u.push(a, ...o.controls), n.push(a), v("li", { class: "c-list__item c-list__item--record" }, [
+					a,
+					o.element,
+					s
+				]);
+			})), t !== void 0 && (n[t] ?? o).focus();
+		};
+		return o.addEventListener("click", () => {
+			let e = r.values.some((e) => e.kind === "boolean");
+			l = [...l, {
+				key: "",
+				value: e ? !0 : p(r.values[0])
+			}], m(l.length - 1);
+		}, { signal: a }), m(), {
+			group: s,
+			controls: () => [...u, o]
+		};
+	}, A = (e, t) => {
 		let n = `field-${t}`, r = `${n}-label`, i = `${n}-help`, o = `${n}-error`, s = [e.description ? i : "", o].filter(Boolean).join(" "), c, l;
-		if (e.kind === "array") {
-			let t = D(e, n, r, s);
+		if (e.kind === "record") {
+			let t = k(e, r, s);
+			c = t.group, l = t.controls;
+		} else if (e.kind === "array") {
+			let t = O(e, n, r, s);
 			c = t.group, l = t.controls;
 		} else {
 			let t = S(e, y[e.key], e.isOptional, {
 				id: n,
 				"aria-describedby": s,
 				"aria-required": String(!e.isOptional)
-			}, (t) => T(e.key, t), a);
+			}, (t) => E(e.key, t), a);
 			c = C(t), l = () => [t];
 		}
-		let u = e.kind === "array" ? v("span", {
+		let u = e.kind === "array" || e.kind === "record" ? v("span", {
 			class: "c-field__label",
 			id: r
 		}, [e.key]) : v("label", {
@@ -338,14 +443,14 @@ function T(e) {
 			d,
 			f
 		]);
-	}, k = () => {
-		b = /* @__PURE__ */ new Map(), u.replaceChildren(...g.map(O));
+	}, j = () => {
+		b = /* @__PURE__ */ new Map(), u.replaceChildren(...g.map(A));
 	};
-	return k(), u.addEventListener("submit", (e) => e.preventDefault(), { signal: a }), f.addEventListener("click", () => e.onReset(), { signal: a }), {
+	return j(), u.addEventListener("submit", (e) => e.preventDefault(), { signal: a }), f.addEventListener("click", () => e.onReset(), { signal: a }), {
 		shadowRoot: o,
 		header: c,
 		setFields: (e, t) => {
-			g = e, y = structuredClone(t), k();
+			g = e, y = structuredClone(t), j();
 		},
 		setIssues: (e) => {
 			let t = /* @__PURE__ */ new Map(), n = [];
@@ -357,7 +462,7 @@ function T(e) {
 				let [e, i] = r.path.slice(1), a = `${e === void 0 ? "" : `Entry ${Number(e) + 1}: ${i === void 0 ? "" : `${String(i)}: `}`}${r.message}`;
 				t.set(r.key, [...t.get(r.key) ?? [], a]);
 			}
-			for (let e of b.keys()) E(e, t.get(e)?.join("\n"));
+			for (let e of b.keys()) D(e, t.get(e)?.join("\n"));
 			l.textContent = n.join("\n"), l.hidden = n.length === 0;
 		},
 		setMessage: (e) => {
@@ -373,7 +478,7 @@ function T(e) {
 }
 //#endregion
 //#region lib/use-id.ts
-function E(t) {
+function D(t) {
 	let n = `id-${e(t)}`, r = 0;
 	return (e) => {
 		if (e === void 0) return `${n}-${r++}`;
@@ -383,39 +488,39 @@ function E(t) {
 }
 //#endregion
 //#region client/lib/playground/runtime.ts
-async function D(e, t) {
+async function O(e, t) {
 	let n = await fetch(new URL(e, document.baseURI), { cache: t ? "no-store" : "default" });
 	if (!n.ok) throw Error(`Could not load the mixin manifest (${n.status} ${n.statusText})`);
 	return n.json();
 }
-var O = /* @__PURE__ */ new Map();
-function k(e) {
+var k = /* @__PURE__ */ new Map();
+function A(e) {
 	if (!e.module) return Promise.reject(/* @__PURE__ */ Error(`Mixin "${e.name}" has no render module`));
-	let t = new URL(e.module, document.baseURI).href, n = O.get(t);
+	let t = new URL(e.module, document.baseURI).href, n = k.get(t);
 	return n || (n = import(
 		/* @vite-ignore */
 		t
 ).then((t) => {
 		if (typeof t.render != "function") throw TypeError(`${e.module} does not export render()`);
 		return t.render;
-	}), O.set(t, n)), n;
+	}), k.set(t, n)), n;
 }
-function A(e) {
+function j(e) {
 	return typeof e == "object" && !!e && Array.isArray(e.issues);
 }
-function j(e, t, r) {
+function M(e, t, r) {
 	try {
 		return {
 			isValid: !0,
 			html: e({
 				props: r,
 				z: n,
-				useId: E(`mixin-${t}`),
+				useId: D(`mixin-${t}`),
 				modifierClass: ""
 			})
 		};
 	} catch (e) {
-		return A(e) ? {
+		return j(e) ? {
 			isValid: !1,
 			issues: e.issues.map((e) => {
 				let t = e.path.filter((e) => typeof e != "symbol");
@@ -433,8 +538,8 @@ function j(e, t, r) {
 }
 //#endregion
 //#region client/lib/playground/state.ts
-var M = "props";
-function N(e) {
+var N = "props";
+function P(e) {
 	if (e === null || e === "") return {};
 	try {
 		let t = JSON.parse(e);
@@ -443,72 +548,74 @@ function N(e) {
 		return { error: `\`props\` is not valid JSON: ${e instanceof Error ? e.message : String(e)}` };
 	}
 }
-var P = /^(?:javascript|vbscript|data):/i;
-function F(e) {
-	return P.test([...e].filter((e) => e.charCodeAt(0) > 32).join(""));
-}
+var F = /^(?:javascript|vbscript|data):/i;
 function I(e) {
-	if (typeof e == "string") return e.includes("<") || F(e) ? e : void 0;
-	if (typeof e == "object" && e) for (let t of Object.values(e)) {
-		let e = I(t);
-		if (e !== void 0) return e;
+	return F.test([...e].filter((e) => e.charCodeAt(0) > 32).join(""));
+}
+var L = /^on|[^\w:.-]/i;
+function R(e) {
+	if (typeof e == "string") return e.includes("<") || I(e) ? e : void 0;
+	if (typeof e == "object" && e) for (let [t, n] of Object.entries(e)) {
+		if (!Array.isArray(e) && L.test(t)) return t;
+		let r = R(n);
+		if (r !== void 0) return r;
 	}
 }
-function L(e) {
-	let t = N(new URLSearchParams(e.hash.slice(1)).get(M) ?? e.searchParams.get(M)), n = t.props ? I(t.props) : void 0;
-	return n === void 0 ? t : { error: `The props from the link were not applied: they contain markup or a script URL (${JSON.stringify(n.slice(0, 40))}). Enter such values in the controls instead.` };
+function z(e) {
+	let t = P(new URLSearchParams(e.hash.slice(1)).get(N) ?? e.searchParams.get(N)), n = t.props ? R(Object.values(t.props)) : void 0;
+	return n === void 0 ? t : { error: `The props from the link were not applied: they contain markup, a script URL or an attribute name like onclick (${JSON.stringify(n.slice(0, 40))}). Enter such values in the controls instead.` };
 }
-function R(e, t) {
+function B(e, t) {
 	let n = new URL(e), r = new URLSearchParams(n.hash.slice(1));
-	return r.set(M, JSON.stringify(t)), n.hash = r.toString(), n;
+	return r.set(N, JSON.stringify(t)), n.hash = r.toString(), n;
 }
-function z(e, t) {
+function V(e, t) {
 	let n = new URL(e);
-	return n.searchParams.set(M, JSON.stringify(t)), n.hash = "", n;
+	return n.searchParams.set(N, JSON.stringify(t)), n.hash = "", n;
 }
-var B = /^[A-Z_$][\w$]*$/i;
-function V(e) {
+var H = /^[A-Z_$][\w$]*$/i;
+function U(e) {
 	if (typeof e == "string") return `'${e.replaceAll("\\", "\\\\").replaceAll("'", "\\'").replaceAll("\n", "\\n")}'`;
-	if (Array.isArray(e)) return `[${e.map(V).join(", ")}]`;
+	if (Array.isArray(e)) return `[${e.map(U).join(", ")}]`;
 	if (typeof e == "object" && e) {
 		let t = Object.entries(e);
-		return t.length === 0 ? "{}" : `{ ${t.map(([e, t]) => `${B.test(e) ? e : V(e)}: ${V(t)}`).join(", ")} }`;
+		return t.length === 0 ? "{}" : `{ ${t.map(([e, t]) => `${H.test(e) ? e : U(e)}: ${U(t)}`).join(", ")} }`;
 	}
 	return JSON.stringify(e) ?? "undefined";
 }
-function H(e, t) {
+function W(e, t) {
 	let n = new Map(t.filter((e) => e.hasDefault).map((e) => [e.key, JSON.stringify(e.default)]));
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => n.get(e) !== JSON.stringify(t)));
 }
-function U(e, t, n = []) {
-	let r = H(t, n);
+function G(e, t, n = []) {
+	let r = W(t, n);
 	for (let e of n) {
 		let { items: t } = e;
-		t?.kind === "object" && Array.isArray(r[e.key]) && (r[e.key] = r[e.key].map((e) => typeof e == "object" && e ? H(e, t.fields) : e));
+		t?.kind === "object" && Array.isArray(r[e.key]) && (r[e.key] = r[e.key].map((e) => typeof e == "object" && e ? W(e, t.fields) : e));
 	}
-	return `+${e}(${V(r)})`;
+	return `+${e}(${U(r)})`;
 }
 //#endregion
 //#region client/lib/playground/validate.ts
-var W = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/;
-function G(e) {
+var K = /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/;
+function q(e) {
 	return typeof e == "string" ? `"${e}"` : String(e);
 }
-function K(e) {
+function J(e) {
 	try {
 		return !!new URL(e);
 	} catch {
 		return !1;
 	}
 }
-function q(e, t) {
+function Y(e, t) {
 	return `${e} ${t}${e === 1 ? "" : "s"}`;
 }
-function J(e, t) {
+function X(e, t) {
 	switch (e.kind) {
-		case "enum": return e.options?.includes(t) ? void 0 : `Must be one of ${(e.options ?? []).map(G).join(", ")}`;
+		case "enum": return e.options?.includes(t) ? void 0 : `Must be one of ${(e.options ?? []).map(q).join(", ")}`;
 		case "boolean": return typeof t == "boolean" ? void 0 : "Must be true or false";
-		case "string": return typeof t == "string" ? e.minLength !== void 0 && t.length < e.minLength ? e.minLength === 1 ? "Must not be empty" : `Must be at least ${q(e.minLength, "character")}` : e.maxLength !== void 0 && t.length > e.maxLength ? `Must be at most ${q(e.maxLength, "character")}` : e.format === "email" && !W.test(t) ? "Must be an email address" : e.format === "uri" && !K(t) ? "Must be a URL" : e.pattern !== void 0 && e.format !== "email" && !new RegExp(e.pattern).test(t) ? `Must match ${e.pattern}` : void 0 : "Must be text";
+		case "string": return typeof t == "string" ? e.minLength !== void 0 && t.length < e.minLength ? e.minLength === 1 ? "Must not be empty" : `Must be at least ${Y(e.minLength, "character")}` : e.maxLength !== void 0 && t.length > e.maxLength ? `Must be at most ${Y(e.maxLength, "character")}` : e.format === "email" && !K.test(t) ? "Must be an email address" : e.format === "uri" && !J(t) ? "Must be a URL" : e.pattern !== void 0 && e.format !== "email" && !new RegExp(e.pattern).test(t) ? `Must match ${e.pattern}` : void 0 : "Must be text";
 		case "number":
 		case "integer":
 			if (typeof t != "number" || Number.isNaN(t)) return "Must be a number";
@@ -524,46 +631,57 @@ function J(e, t) {
 			return;
 	}
 }
-function Y(e, t) {
-	return typeof t != "object" || !t || Array.isArray(t) ? ["Must be an object"] : e.fields.flatMap((e) => X(e, t[e.key]).map((t) => `${e.key}: ${t}`));
+function Z(e, t) {
+	return typeof t != "object" || !t || Array.isArray(t) ? ["Must be an object"] : e.fields.flatMap((e) => $(e, t[e.key]).map((t) => `${e.key}: ${t}`));
 }
-function X(e, t) {
+function Q(e, t) {
+	if (typeof t != "object" || !t || Array.isArray(t)) return ["Must be an object"];
+	let n = [];
+	for (let [r, i] of Object.entries(t)) {
+		e.keyPattern !== void 0 && !new RegExp(e.keyPattern).test(r) ? n.push(`Key "${r}": Must match ${e.keyPattern}`) : e.keyMinLength !== void 0 && r.length < e.keyMinLength ? n.push(`Key "${r}": Must be at least ${Y(e.keyMinLength, "character")}`) : e.keyMaxLength !== void 0 && r.length > e.keyMaxLength && n.push(`Key "${r}": Must be at most ${Y(e.keyMaxLength, "character")}`);
+		let t = e.values.map((e) => X(e, i));
+		t.every((e) => e !== void 0) && n.push(`"${r}": ${e.values.length === 1 ? t[0] : `Must be ${e.values.map((e) => e.kind).join(" or ")}`}`);
+	}
+	return n;
+}
+function $(e, t) {
 	if (t === void 0) return e.isOptional ? [] : ["Required"];
+	if (e.kind === "record") return e.record ? Q(e.record, t) : [];
 	if (e.kind !== "array") {
-		let n = J(e, t);
+		let n = X(e, t);
 		return n ? [n] : [];
 	}
 	if (!Array.isArray(t)) return ["Must be a list"];
 	let n = [];
-	e.minItems !== void 0 && t.length < e.minItems && n.push(`Needs at least ${q(e.minItems, "entry").replace("entrys", "entries")}`), e.maxItems !== void 0 && t.length > e.maxItems && n.push(`Allows at most ${q(e.maxItems, "entry").replace("entrys", "entries")}`);
+	e.minItems !== void 0 && t.length < e.minItems && n.push(`Needs at least ${Y(e.minItems, "entry").replace("entrys", "entries")}`), e.maxItems !== void 0 && t.length > e.maxItems && n.push(`Allows at most ${Y(e.maxItems, "entry").replace("entrys", "entries")}`);
 	let { items: r } = e;
 	return t.forEach((e, t) => {
 		if (!r) return;
-		let i = r.kind === "object" ? Y(r, e) : [J(r, e)].filter((e) => e !== void 0);
+		let i = r.kind === "object" ? Z(r, e) : [X(r, e)].filter((e) => e !== void 0);
 		n.push(...i.map((e) => `Entry ${t + 1}: ${e}`));
 	}), n;
 }
-function Z(e, t) {
+function ee(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = X(r, t[r.key]);
+		let e = $(r, t[r.key]);
 		e.length > 0 && n.set(r.key, e);
 	}
 	return n;
 }
 //#endregion
 //#region client/lib/playground/controller.ts
-var Q = 1e3;
-async function $(e, n, r = {}) {
-	let i = (await D(e.manifestUrl, e.isDevelopment)).mixins.find((t) => t.id === e.id);
+var te = 1e3;
+async function ne(e, n, r = {}) {
+	let i = (await O(e.manifestUrl, e.isDevelopment)).mixins.find((t) => t.id === e.id);
 	if (!i || !i.hasSchema) throw Error(`Mixin "${e.name}" has no playground in ${e.manifestUrl}`);
-	let a = d(i.jsonSchema), o = h(a, r.props), s = i.module ? await k(i) : void 0, c, l = () => g(a, o), u = () => U(i.name, l(), a), f = () => {
+	let a = d(i.jsonSchema), o = h(a, r.props), s = i.module ? await A(i) : void 0, c, l = () => g(a, o), u = () => G(i.name, l(), a), f = () => {
 		let e = l();
 		if (c?.setPugCall(u()), !s) {
 			c?.setMessage(i.error?.message ?? "The mixin has not compiled yet.");
 			return;
 		}
-		let t = Z(a, o);
+		let t = ee(a, o);
 		if (t.size > 0) {
 			let r = [...t].flatMap(([e, t]) => t.map((t) => ({
 				key: e,
@@ -576,14 +694,14 @@ async function $(e, n, r = {}) {
 			}, e);
 			return;
 		}
-		let r = j(s, i.id, e);
+		let r = M(s, i.id, e);
 		if (r.isValid) {
 			c?.setIssues([]), n.onRender(r.html, e);
 			return;
 		}
 		"issues" in r ? c?.setIssues(r.issues) : (c?.setIssues([]), c?.setMessage(r.error)), n.onInvalid?.(r, e);
 	};
-	if (n.panelHost && (c = T({
+	if (n.panelHost && (c = E({
 		host: n.panelHost,
 		name: i.name,
 		fields: a,
@@ -613,7 +731,7 @@ async function $(e, n, r = {}) {
 			if (!r) {
 				r = !0;
 				try {
-					let t = (await D(e.manifestUrl, !0)).mixins.find((t) => t.id === e.id);
+					let t = (await O(e.manifestUrl, !0)).mixins.find((t) => t.id === e.id);
 					if (!t || !t.hasSchema) return;
 					let r = i;
 					i = t;
@@ -623,14 +741,14 @@ async function $(e, n, r = {}) {
 						let e = l(), n = h(a);
 						o = Object.fromEntries(a.map((t) => [t.key, t.key in e ? e[t.key] : n[t.key]])), c?.setFields(a, o);
 					}
-					JSON.stringify(t.error) !== JSON.stringify(r.error) && n.onCompileError?.(t.error), t.module !== r.module && t.module && (s = await k(t)), (t.module !== r.module || u) && f();
+					JSON.stringify(t.error) !== JSON.stringify(r.error) && n.onCompileError?.(t.error), t.module !== r.module && t.module && (s = await A(t)), (t.module !== r.module || u) && f();
 				} catch (e) {
 					console.warn("[kss-modern] Could not check the mixin manifest for updates", e);
 				} finally {
 					r = !1;
 				}
 			}
-		}, Q), document.visibilityState === "visible" && p.start(), document.addEventListener("visibilitychange", () => {
+		}, te), document.visibilityState === "visible" && p.start(), document.addEventListener("visibilitychange", () => {
 			document.visibilityState === "visible" ? p.resume() : p.pause();
 		}, { signal: m.signal });
 	}
@@ -650,4 +768,4 @@ async function $(e, n, r = {}) {
 	};
 }
 //#endregion
-export { D as a, o as c, z as i, i as l, L as n, v as o, R as r, a as s, $ as t, r as u };
+export { O as a, o as c, V as i, i as l, z as n, v as o, B as r, a as s, ne as t, r as u };

package/dist/styleguide-assets/{explorer-B2UH96jd.js → explorer-BivD2FYm.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./code-highlight-Fm7cxf-E.js";
 import { n as t } from "./utils-DtB-AzJa.js";
-import { a as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./controller-BduQiyRp.js";
+import { a as n, i as r, n as i, r as a, s as o, t as s, u as c } from "./controller-drB07Xo_.js";
 import { t as l } from "./alerts-DIQ8TeZB.js";
 //#region client/lib/playground/format-html.ts
 var u = /* @__PURE__ */ new Set([

package/dist/styleguide-assets/{playground-BuO-B-Kx.js → playground-BBMnDZ8b.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./shared-hGcWlnRM.js";
-import { c as t, i as n, l as r, n as i, o as a, r as o, t as s } from "./controller-BduQiyRp.js";
+import { c as t, i as n, l as r, n as i, o as a, r as o, t as s } from "./controller-drB07Xo_.js";
 //#region client/playground.ts
 var c = "kss-modern:playground-panel", l = {
 	dock: "right",

package/dist/styleguide-assets/{preview-C3WnTlhx.js → preview-BkKvdDnK.js}

@@ -1139,7 +1139,7 @@ ot && import("./global-theme-select-CdFgPJ0T.js").then(({ default: e }) => e(ot)
 var st = document.querySelectorAll("[data-section-theme-select]");
 st.length > 0 && import("./section-theme-select-CO65kL5N.js").then(({ default: e }) => e(st)).catch(console.error);
 var ct = document.querySelector("[data-mixin-explorer]");
-ct && import("./explorer-B2UH96jd.js").then(({ default: e }) => e(ct)).catch(console.error);
+ct && import("./explorer-BivD2FYm.js").then(({ default: e }) => e(ct)).catch(console.error);
 var lt = document.querySelector(".editor-select");
 lt && import("./editor-select-DIZFtqe7.js").then(({ default: e }) => e(lt)).catch(console.error);
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kss-modern",
   "type": "module",
-  "version": "1.7.0-beta.2",
+  "version": "1.7.0-beta.4",
   "description": "Modern KSS compatible styleguide generator",
   "keywords": [
     "kss",