@pure-ds/core 0.3.3 → 0.3.5

package/public/assets/js/app.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../node_modules/pure-web/src/js/auto-definer.js", "../../../node_modules/@lit/reactive-element/src/css-tag.ts", "../../../node_modules/@lit/reactive-element/src/reactive-element.ts", "../../../node_modules/lit-html/src/lit-html.ts", "../../../node_modules/lit-element/src/lit-element.ts", "../../../node_modules/lit-html/src/directive.ts", "../../../node_modules/lit-html/src/directive-helpers.ts", "../../../node_modules/lit-html/src/directives/repeat.ts", "../../../node_modules/lit-html/src/directives/keyed.ts", "../../../node_modules/lit-html/src/directives/class-map.ts", "../../../node_modules/lit-html/src/async-directive.ts", "../../../node_modules/lit-html/src/directives/ref.ts", "../../../node_modules/lit-html/src/directives/private-async-helpers.ts", "../../../node_modules/lit-html/src/directives/until.ts", "../../../node_modules/lit-html/src/directives/unsafe-html.ts", "../../../node_modules/lit-html/src/directives/unsafe-svg.ts", "../../../src/js/common/msg.js", "../../../node_modules/lit-html/src/static.ts", "../../../src/js/lit.js", "../../../src/js/pds-core/pds-registry.js", "../../../src/js/pds-core/pds-enums.js", "../../../src/js/pds-core/pds-ontology.js", "../../../src/js/pds-core/pds-generator.js", "../../../src/js/pds-core/pds-config.js", "../../../pds.config.js", "../../../src/js/common/ask.js", "../../../src/js/pds-core/pds-query.js", "../../../src/js/common/common.js", "../../../src/js/pds-core/pds-enhancer-metadata.js", "../../../src/js/pds-core/pds-enhancers.js", "../../../src/js/pds-core/pds-paths.js", "../../../src/js/common/font-loader.js", "../../../src/js/pds.js", "../../../node_modules/pure-web/src/js/common.js", "../../../node_modules/pure-web/src/js/autocomplete.js", "../../../packages/pds-configurator/src/figma-export.js", "../../../packages/pds-configurator/src/pds-config-form.js", "../../../packages/pds-configurator/src/pds-demo.js", "../../../packages/pds-configurator/src/pds-configurator.js", "../../../src/js/app.js"],
+  "sourcesContent": ["/**\r\n * Dynamically load and (idempotently) define a set of web components by tag name.\r\n */\r\nasync function defineWebComponents(...args) {\r\n  let opts = {};\r\n  if (args.length && typeof args[args.length - 1] === \"object\") {\r\n    opts = args.pop() || {};\r\n  }\r\n  const tags = args;\r\n\r\n  const {\r\n    baseURL,\r\n    mapper = (tag) => `${tag}.js`,\r\n    onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err),\r\n  } = opts;\r\n\r\n  const base = baseURL\r\n    ? new URL(\r\n        baseURL,\r\n        typeof location !== \"undefined\" ? location.href : import.meta.url\r\n      )\r\n    : new URL(\"./\", import.meta.url);\r\n\r\n  const toPascal = (tag) =>\r\n    tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());\r\n\r\n  const loadOne = async (tag) => {\r\n    try {\r\n      if (customElements.get(tag)) return { tag, status: \"already-defined\" };\r\n\r\n      // Allow mapper to return either a string (path) or a URL instance\r\n      const spec = mapper(tag);\r\n      const href = spec instanceof URL ? spec.href : new URL(spec, base).href;\r\n      const mod = await import(href);\r\n      const Named = mod?.default ?? mod?.[toPascal(tag)];\r\n\r\n      if (!Named) {\r\n        if (customElements.get(tag)) return { tag, status: \"self-defined\" };\r\n        throw new Error(\r\n          `No export found for ${tag}. Expected default export or named export \"${toPascal(\r\n            tag\r\n          )}\".`\r\n        );\r\n      }\r\n\r\n      if (!customElements.get(tag)) {\r\n        customElements.define(tag, Named);\r\n        return { tag, status: \"defined\" };\r\n      }\r\n      return { tag, status: \"race-already-defined\" };\r\n    } catch (err) {\r\n      onError(tag, err);\r\n      throw err;\r\n    }\r\n  };\r\n\r\n  return Promise.all(tags.map(loadOne));\r\n}\r\n\r\n/**\r\n * Auto-definer that also works inside open Shadow DOM.\r\n * Automatically defines unknown custom elements (tags with a dash)\r\n * and attach progressive enhancers to given selectors.\r\n *\r\n * Options:\r\n *   baseURL: string | URL\r\n *   mapper: (tag) => string\r\n *   onError: (tag, err) => void\r\n *   predicate: (tag, el) => boolean\r\n *   attributeModule: string = \"data-module\"\r\n *   root: Node = document\r\n *   scanExisting: boolean = true\r\n *   debounceMs: number = 16\r\n *   observeShadows: boolean = true\r\n *   enhancers: Array<{selector: string, run: (elem: Element) => void}> = []\r\n *   patchAttachShadow: boolean = true\r\n *   mapper: (tag) => string | URL\r\n *\r\n * Returns: { stop(): void, flush(): Promise<void> }\r\n */\r\nexport class AutoDefiner {\r\n  constructor(options = {}) {\r\n    const {\r\n      baseURL,\r\n      mapper,\r\n      onError,\r\n      predicate = () => true,\r\n      attributeModule = \"data-module\",\r\n      root = document,\r\n      scanExisting = true,\r\n      debounceMs = 16,\r\n      observeShadows = true,\r\n      enhancers = [], // [{String selector, Function run(elem)}]\r\n      patchAttachShadow = true,\r\n    } = options;\r\n\r\n    const pending = new Set(); // tags queued for definition\r\n    const inFlight = new Set(); // tags currently importing\r\n    const knownMissing = new Set(); // tags that failed before\r\n    const perTagModulePath = new Map(); // tag -> explicit module path (from data-module)\r\n    const shadowObservers = new WeakMap(); // ShadowRoot -> MutationObserver\r\n    const enhancerApplied = new WeakMap(); // element -> Set of applied enhancer selectors\r\n    let timer = 0;\r\n    let stopped = false;\r\n    let restoreAttachShadow = null;\r\n\r\n    const applyEnhancers = (element) => {\r\n      // Skip if no enhancers provided\r\n      if (!element || !enhancers.length) return;\r\n\r\n      // Get or create the set of applied enhancers for this element\r\n      let appliedEnhancers = enhancerApplied.get(element);\r\n      if (!appliedEnhancers) {\r\n        appliedEnhancers = new Set();\r\n        enhancerApplied.set(element, appliedEnhancers);\r\n      }\r\n\r\n      // Check each enhancer\r\n      for (const enhancer of enhancers) {\r\n        if (!enhancer.selector || !enhancer.run) continue;\r\n\r\n        // Skip if this enhancer was already applied to this element\r\n        if (appliedEnhancers.has(enhancer.selector)) continue;\r\n\r\n        try {\r\n          // Check if element matches the selector\r\n          if (element.matches && element.matches(enhancer.selector)) {\r\n            enhancer.run(element);\r\n            // Mark this enhancer as applied to this element\r\n            appliedEnhancers.add(enhancer.selector);\r\n          }\r\n        } catch (err) {\r\n          console.warn(\r\n            `[AutoDefiner] Error applying enhancer for selector \"${enhancer.selector}\":`,\r\n            err\r\n          );\r\n        }\r\n      }\r\n    };\r\n\r\n    const queueTag = (tag, el /* optional */) => {\r\n      if (stopped) return;\r\n      if (!tag || !tag.includes(\"-\")) return;\r\n      if (customElements.get(tag)) return;\r\n      if (inFlight.has(tag)) return;\r\n      if (knownMissing.has(tag)) return;\r\n\r\n      // Capture per-instance module override from the element itself (works in shadow DOM)\r\n      if (el && el.getAttribute) {\r\n        const override = el.getAttribute(attributeModule);\r\n        if (override && !perTagModulePath.has(tag)) {\r\n          perTagModulePath.set(tag, override);\r\n        }\r\n      }\r\n\r\n      pending.add(tag);\r\n      schedule();\r\n    };\r\n\r\n    const schedule = () => {\r\n      if (timer) return;\r\n      timer = setTimeout(flush, debounceMs);\r\n    };\r\n\r\n    const crawlTree = (rootNode) => {\r\n      // rootNode can be Document, Element, ShadowRoot\r\n      if (!rootNode) return;\r\n\r\n      // Process the root node if it's an element\r\n      if (rootNode.nodeType === 1) {\r\n        const el = /** @type {Element} */ (rootNode);\r\n        const tag = el.tagName?.toLowerCase();\r\n        if (\r\n          tag &&\r\n          tag.includes(\"-\") &&\r\n          !customElements.get(tag) &&\r\n          predicate(tag, el)\r\n        ) {\r\n          queueTag(tag, el);\r\n        }\r\n\r\n        // Apply enhancers to this element\r\n        applyEnhancers(el);\r\n\r\n        // Observe/open shadow roots we encounter\r\n        if (observeShadows && el.shadowRoot) {\r\n          observeShadowRoot(el.shadowRoot);\r\n        }\r\n      }\r\n\r\n      // Process all descendant elements (but not the root node again)\r\n      if (rootNode.querySelectorAll) {\r\n        rootNode.querySelectorAll(\"*\").forEach((e) => {\r\n          const t = e.tagName?.toLowerCase();\r\n          if (\r\n            t &&\r\n            t.includes(\"-\") &&\r\n            !customElements.get(t) &&\r\n            predicate(t, e)\r\n          ) {\r\n            queueTag(t, e);\r\n          }\r\n\r\n          // Apply enhancers to descendant elements\r\n          applyEnhancers(e);\r\n\r\n          if (observeShadows && e.shadowRoot) {\r\n            observeShadowRoot(e.shadowRoot);\r\n          }\r\n        });\r\n      }\r\n    };\r\n\r\n    const observeShadowRoot = (sr) => {\r\n      if (!sr || shadowObservers.has(sr)) return;\r\n      // Initial scan inside this shadow\r\n      crawlTree(sr);\r\n\r\n      const mo = new MutationObserver((mutations) => {\r\n        for (const m of mutations) {\r\n          m.addedNodes?.forEach((n) => {\r\n            crawlTree(n);\r\n          });\r\n          if (m.type === \"attributes\" && m.target) {\r\n            crawlTree(m.target);\r\n          }\r\n        }\r\n      });\r\n      mo.observe(sr, {\r\n        childList: true,\r\n        subtree: true,\r\n        attributes: true,\r\n        attributeFilter: [\r\n          attributeModule,\r\n          ...enhancers\r\n            .map((e) => e.selector)\r\n            .filter((s) => s.startsWith(\"data-\")),\r\n        ],\r\n      });\r\n      shadowObservers.set(sr, mo);\r\n    };\r\n\r\n    async function flush() {\r\n      clearTimeout(timer);\r\n      timer = 0;\r\n      if (!pending.size) return;\r\n\r\n      const tags = Array.from(pending);\r\n      pending.clear();\r\n      tags.forEach((t) => inFlight.add(t));\r\n\r\n      try {\r\n        const effectiveMapper = (tag) =>\r\n          perTagModulePath.get(tag) ?? (mapper ? mapper(tag) : `${tag}.js`);\r\n\r\n        await defineWebComponents(...tags, {\r\n          baseURL,\r\n          mapper: effectiveMapper,\r\n          onError: (tag, err) => {\r\n            knownMissing.add(tag);\r\n            onError?.(tag, err);\r\n          },\r\n        });\r\n      } catch {\r\n        // errors per tag recorded via onError\r\n      } finally {\r\n        tags.forEach((t) => inFlight.delete(t));\r\n      }\r\n    }\r\n\r\n    // Root observer (document or provided root)\r\n    const mountNode = root === document ? document.documentElement : root;\r\n    const obs = new MutationObserver((mutations) => {\r\n      for (const m of mutations) {\r\n        m.addedNodes?.forEach((n) => {\r\n          crawlTree(n);\r\n        });\r\n        if (m.type === \"attributes\" && m.target) {\r\n          crawlTree(m.target);\r\n        }\r\n      }\r\n    });\r\n    obs.observe(mountNode, {\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n      attributeFilter: [\r\n        attributeModule,\r\n        ...enhancers\r\n          .map((e) => e.selector)\r\n          .filter((s) => s.startsWith(\"data-\")),\r\n      ],\r\n    });\r\n\r\n    // Patch attachShadow to auto-observe newly created open shadows\r\n    if (observeShadows && patchAttachShadow && Element.prototype.attachShadow) {\r\n      const orig = Element.prototype.attachShadow;\r\n      Element.prototype.attachShadow = function patchedAttachShadow(init) {\r\n        const sr = orig.call(this, init);\r\n        if (init && init.mode === \"open\") {\r\n          observeShadowRoot(sr);\r\n          // queue potential unknown host tag too\r\n          const tag = this.tagName?.toLowerCase();\r\n          if (tag && tag.includes(\"-\") && !customElements.get(tag)) {\r\n            queueTag(tag, this);\r\n          }\r\n        }\r\n        return sr;\r\n      };\r\n      restoreAttachShadow = () => (Element.prototype.attachShadow = orig);\r\n    }\r\n\r\n    // Initial scan\r\n    if (scanExisting) {\r\n      crawlTree(mountNode);\r\n    }\r\n\r\n    return {\r\n      stop() {\r\n        stopped = true;\r\n        obs.disconnect();\r\n        if (restoreAttachShadow) restoreAttachShadow();\r\n        if (timer) {\r\n          clearTimeout(timer);\r\n          timer = 0;\r\n        }\r\n        // Disconnect all shadow observers\r\n        shadowObservers.forEach((mo) => mo.disconnect());\r\n      },\r\n      flush,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Dynamically load and (idempotently) define a set of web components by tag name.\r\n   */\r\n  static async define(...args) {\r\n    let opts = {};\r\n    if (args.length && typeof args[args.length - 1] === \"object\") {\r\n      opts = args.pop() || {};\r\n    }\r\n    const tags = args;\r\n\r\n    const {\r\n      baseURL,\r\n      mapper = (tag) => `${tag}.js`,\r\n      onError = (tag, err) =>\r\n        console.error(`[defineWebComponents] ${tag}:`, err),\r\n    } = opts;\r\n\r\n    const base = baseURL\r\n      ? new URL(\r\n          baseURL,\r\n          typeof location !== \"undefined\" ? location.href : import.meta.url\r\n        )\r\n      : new URL(\"./\", import.meta.url);\r\n\r\n    const toPascal = (tag) =>\r\n      tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());\r\n\r\n    const loadOne = async (tag) => {\r\n      try {\r\n        if (customElements.get(tag)) return { tag, status: \"already-defined\" };\r\n\r\n        // Allow mapper to return either a string (path) or a URL instance\r\n        const spec = mapper(tag);\r\n        const href = spec instanceof URL ? spec.href : new URL(spec, base).href;\r\n        const mod = await import(href);\r\n        const Named = mod?.default ?? mod?.[toPascal(tag)];\r\n\r\n        if (!Named) {\r\n          if (customElements.get(tag)) return { tag, status: \"self-defined\" };\r\n          throw new Error(\r\n            `No export found for ${tag}. Expected default export or named export \"${toPascal(\r\n              tag\r\n            )}\".`\r\n          );\r\n        }\r\n\r\n        if (!customElements.get(tag)) {\r\n          customElements.define(tag, Named);\r\n          return { tag, status: \"defined\" };\r\n        }\r\n        return { tag, status: \"race-already-defined\" };\r\n      } catch (err) {\r\n        onError(tag, err);\r\n        throw err;\r\n      }\r\n    };\r\n\r\n    return Promise.all(tags.map(loadOne));\r\n  }\r\n}\r\n", "/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nconst NODE_MODE = false;\n\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\n/**\n * Whether the current browser supports `adoptedStyleSheets`.\n */\nexport const supportsAdoptingStyleSheets: boolean =\n  global.ShadowRoot &&\n  (global.ShadyCSS === undefined || global.ShadyCSS.nativeShadow) &&\n  'adoptedStyleSheets' in Document.prototype &&\n  'replace' in CSSStyleSheet.prototype;\n\n/**\n * A CSSResult or native CSSStyleSheet.\n *\n * In browsers that support constructible CSS style sheets, CSSStyleSheet\n * object can be used for styling along side CSSResult from the `css`\n * template tag.\n */\nexport type CSSResultOrNative = CSSResult | CSSStyleSheet;\n\nexport type CSSResultArray = Array<CSSResultOrNative | CSSResultArray>;\n\n/**\n * A single CSSResult, CSSStyleSheet, or an array or nested arrays of those.\n */\nexport type CSSResultGroup = CSSResultOrNative | CSSResultArray;\n\nconst constructionToken = Symbol();\n\nconst cssTagCache = new WeakMap<TemplateStringsArray, CSSStyleSheet>();\n\n/**\n * A container for a string of CSS text, that may be used to create a CSSStyleSheet.\n *\n * CSSResult is the return value of `css`-tagged template literals and\n * `unsafeCSS()`. In order to ensure that CSSResults are only created via the\n * `css` tag and `unsafeCSS()`, CSSResult cannot be constructed directly.\n */\nexport class CSSResult {\n  // This property needs to remain unminified.\n  ['_$cssResult$'] = true;\n  readonly cssText: string;\n  private _styleSheet?: CSSStyleSheet;\n  private _strings: TemplateStringsArray | undefined;\n\n  private constructor(\n    cssText: string,\n    strings: TemplateStringsArray | undefined,\n    safeToken: symbol\n  ) {\n    if (safeToken !== constructionToken) {\n      throw new Error(\n        'CSSResult is not constructable. Use `unsafeCSS` or `css` instead.'\n      );\n    }\n    this.cssText = cssText;\n    this._strings = strings;\n  }\n\n  // This is a getter so that it's lazy. In practice, this means stylesheets\n  // are not created until the first element instance is made.\n  get styleSheet(): CSSStyleSheet | undefined {\n    // If `supportsAdoptingStyleSheets` is true then we assume CSSStyleSheet is\n    // constructable.\n    let styleSheet = this._styleSheet;\n    const strings = this._strings;\n    if (supportsAdoptingStyleSheets && styleSheet === undefined) {\n      const cacheable = strings !== undefined && strings.length === 1;\n      if (cacheable) {\n        styleSheet = cssTagCache.get(strings);\n      }\n      if (styleSheet === undefined) {\n        (this._styleSheet = styleSheet = new CSSStyleSheet()).replaceSync(\n          this.cssText\n        );\n        if (cacheable) {\n          cssTagCache.set(strings, styleSheet);\n        }\n      }\n    }\n    return styleSheet;\n  }\n\n  toString(): string {\n    return this.cssText;\n  }\n}\n\ntype ConstructableCSSResult = CSSResult & {\n  new (\n    cssText: string,\n    strings: TemplateStringsArray | undefined,\n    safeToken: symbol\n  ): CSSResult;\n};\n\nconst textFromCSSResult = (value: CSSResultGroup | number) => {\n  // This property needs to remain unminified.\n  if ((value as CSSResult)['_$cssResult$'] === true) {\n    return (value as CSSResult).cssText;\n  } else if (typeof value === 'number') {\n    return value;\n  } else {\n    throw new Error(\n      `Value passed to 'css' function must be a 'css' function result: ` +\n        `${value}. Use 'unsafeCSS' to pass non-literal values, but take care ` +\n        `to ensure page security.`\n    );\n  }\n};\n\n/**\n * Wrap a value for interpolation in a {@linkcode css} tagged template literal.\n *\n * This is unsafe because untrusted CSS text can be used to phone home\n * or exfiltrate data to an attacker controlled site. Take care to only use\n * this with trusted input.\n */\nexport const unsafeCSS = (value: unknown) =>\n  new (CSSResult as ConstructableCSSResult)(\n    typeof value === 'string' ? value : String(value),\n    undefined,\n    constructionToken\n  );\n\n/**\n * A template literal tag which can be used with LitElement's\n * {@linkcode LitElement.styles} property to set element styles.\n *\n * For security reasons, only literal string values and number may be used in\n * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS}\n * may be used inside an expression.\n */\nexport const css = (\n  strings: TemplateStringsArray,\n  ...values: (CSSResultGroup | number)[]\n): CSSResult => {\n  const cssText =\n    strings.length === 1\n      ? strings[0]\n      : values.reduce(\n          (acc, v, idx) => acc + textFromCSSResult(v) + strings[idx + 1],\n          strings[0]\n        );\n  return new (CSSResult as ConstructableCSSResult)(\n    cssText,\n    strings,\n    constructionToken\n  );\n};\n\n/**\n * Applies the given styles to a `shadowRoot`. When Shadow DOM is\n * available but `adoptedStyleSheets` is not, styles are appended to the\n * `shadowRoot` to [mimic the native feature](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/adoptedStyleSheets).\n * Note, when shimming is used, any styles that are subsequently placed into\n * the shadowRoot should be placed *before* any shimmed adopted styles. This\n * will match spec behavior that gives adopted sheets precedence over styles in\n * shadowRoot.\n */\nexport const adoptStyles = (\n  renderRoot: ShadowRoot,\n  styles: Array<CSSResultOrNative>\n) => {\n  if (supportsAdoptingStyleSheets) {\n    (renderRoot as ShadowRoot).adoptedStyleSheets = styles.map((s) =>\n      s instanceof CSSStyleSheet ? s : s.styleSheet!\n    );\n  } else {\n    for (const s of styles) {\n      const style = document.createElement('style');\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const nonce = (global as any)['litNonce'];\n      if (nonce !== undefined) {\n        style.setAttribute('nonce', nonce);\n      }\n      style.textContent = (s as CSSResult).cssText;\n      renderRoot.appendChild(style);\n    }\n  }\n};\n\nconst cssResultFromStyleSheet = (sheet: CSSStyleSheet) => {\n  let cssText = '';\n  for (const rule of sheet.cssRules) {\n    cssText += rule.cssText;\n  }\n  return unsafeCSS(cssText);\n};\n\nexport const getCompatibleStyle =\n  supportsAdoptingStyleSheets ||\n  (NODE_MODE && global.CSSStyleSheet === undefined)\n    ? (s: CSSResultOrNative) => s\n    : (s: CSSResultOrNative) =>\n        s instanceof CSSStyleSheet ? cssResultFromStyleSheet(s) : s;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Use this module if you want to create your own base class extending\n * {@link ReactiveElement}.\n * @packageDocumentation\n */\n\nimport {\n  getCompatibleStyle,\n  adoptStyles,\n  CSSResultGroup,\n  CSSResultOrNative,\n} from './css-tag.js';\nimport type {\n  ReactiveController,\n  ReactiveControllerHost,\n} from './reactive-controller.js';\n\n// In the Node build, this import will be injected by Rollup:\n// import {HTMLElement, customElements} from '@lit-labs/ssr-dom-shim';\n\nexport * from './css-tag.js';\nexport type {\n  ReactiveController,\n  ReactiveControllerHost,\n} from './reactive-controller.js';\n\n/**\n * Removes the `readonly` modifier from properties in the union K.\n *\n * This is a safer way to cast a value to a type with a mutable version of a\n * readonly field, than casting to an interface with the field re-declared\n * because it preserves the type of all the fields and warns on typos.\n */\ntype Mutable<T, K extends keyof T> = Omit<T, K> & {\n  -readonly [P in keyof Pick<T, K>]: P extends K ? T[P] : never;\n};\n\n// TODO (justinfagnani): Add `hasOwn` here when we ship ES2022\nconst {\n  is,\n  defineProperty,\n  getOwnPropertyDescriptor,\n  getOwnPropertyNames,\n  getOwnPropertySymbols,\n  getPrototypeOf,\n} = Object;\n\nconst NODE_MODE = false;\n\n// Lets a minifier replace globalThis references with a minified name\nconst global = globalThis;\n\nif (NODE_MODE) {\n  global.customElements ??= customElements;\n}\n\nconst DEV_MODE = true;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nconst trustedTypes = (global as unknown as {trustedTypes?: {emptyScript: ''}})\n  .trustedTypes;\n\n// Temporary workaround for https://crbug.com/993268\n// Currently, any attribute starting with \"on\" is considered to be a\n// TrustedScript source. Such boolean attributes must be set to the equivalent\n// trusted emptyScript value.\nconst emptyStringForBooleanAttribute = trustedTypes\n  ? (trustedTypes.emptyScript as unknown as '')\n  : '';\n\nconst polyfillSupport = DEV_MODE\n  ? global.reactiveElementPolyfillSupportDevMode\n  : global.reactiveElementPolyfillSupport;\n\nif (DEV_MODE) {\n  // Ensure warnings are issued only 1x, even if multiple versions of Lit\n  // are loaded.\n  global.litIssuedWarnings ??= new Set();\n\n  /**\n   * Issue a warning if we haven't already, based either on `code` or `warning`.\n   * Warnings are disabled automatically only by `warning`; disabling via `code`\n   * can be done by users.\n   */\n  issueWarning = (code: string, warning: string) => {\n    warning += ` See https://lit.dev/msg/${code} for more information.`;\n    if (\n      !global.litIssuedWarnings!.has(warning) &&\n      !global.litIssuedWarnings!.has(code)\n    ) {\n      console.warn(warning);\n      global.litIssuedWarnings!.add(warning);\n    }\n  };\n\n  queueMicrotask(() => {\n    issueWarning(\n      'dev-mode',\n      `Lit is in dev mode. Not recommended for production!`\n    );\n\n    // Issue polyfill support warning.\n    if (global.ShadyDOM?.inUse && polyfillSupport === undefined) {\n      issueWarning(\n        'polyfill-support-missing',\n        `Shadow DOM is being polyfilled via \\`ShadyDOM\\` but ` +\n          `the \\`polyfill-support\\` module has not been loaded.`\n      );\n    }\n  });\n}\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace ReactiveUnstable {\n  /**\n   * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n   * we will emit 'lit-debug' events to window, with live details about the update and render\n   * lifecycle. These can be useful for writing debug tooling and visualizations.\n   *\n   * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n   * making certain operations that are normally very cheap (like a no-op render) much slower,\n   * because we must copy data and dispatch events.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace DebugLog {\n    export type Entry = Update;\n    export interface Update {\n      kind: 'update';\n    }\n  }\n}\n\ninterface DebugLoggingWindow {\n  // Even in dev mode, we generally don't want to emit these events, as that's\n  // another level of cost, so only emit them when DEV_MODE is true _and_ when\n  // window.emitLitDebugEvents is true.\n  emitLitDebugLogEvents?: boolean;\n}\n\n/**\n * Useful for visualizing and logging insights into what the Lit template system is doing.\n *\n * Compiled out of prod mode builds.\n */\nconst debugLogEvent = DEV_MODE\n  ? (event: ReactiveUnstable.DebugLog.Entry) => {\n      const shouldEmit = (global as unknown as DebugLoggingWindow)\n        .emitLitDebugLogEvents;\n      if (!shouldEmit) {\n        return;\n      }\n      global.dispatchEvent(\n        new CustomEvent<ReactiveUnstable.DebugLog.Entry>('lit-debug', {\n          detail: event,\n        })\n      );\n    }\n  : undefined;\n\n/*\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\n/*@__INLINE__*/\nconst JSCompiler_renameProperty = <P extends PropertyKey>(\n  prop: P,\n  _obj: unknown\n): P => prop;\n\n/**\n * Converts property values to and from attribute values.\n */\nexport interface ComplexAttributeConverter<Type = unknown, TypeHint = unknown> {\n  /**\n   * Called to convert an attribute value to a property\n   * value.\n   */\n  fromAttribute?(value: string | null, type?: TypeHint): Type;\n\n  /**\n   * Called to convert a property value to an attribute\n   * value.\n   *\n   * It returns unknown instead of string, to be compatible with\n   * https://github.com/WICG/trusted-types (and similar efforts).\n   */\n  toAttribute?(value: Type, type?: TypeHint): unknown;\n}\n\ntype AttributeConverter<Type = unknown, TypeHint = unknown> =\n  | ComplexAttributeConverter<Type>\n  | ((value: string | null, type?: TypeHint) => Type);\n\n/**\n * Defines options for a property accessor.\n */\nexport interface PropertyDeclaration<Type = unknown, TypeHint = unknown> {\n  /**\n   * When set to `true`, indicates the property is internal private state. The\n   * property should not be set by users. When using TypeScript, this property\n   * should be marked as `private` or `protected`, and it is also a common\n   * practice to use a leading `_` in the name. The property is not added to\n   * `observedAttributes`.\n   */\n  readonly state?: boolean;\n\n  /**\n   * Indicates how and whether the property becomes an observed attribute.\n   * If the value is `false`, the property is not added to `observedAttributes`.\n   * If true or absent, the lowercased property name is observed (e.g. `fooBar`\n   * becomes `foobar`). If a string, the string value is observed (e.g\n   * `attribute: 'foo-bar'`).\n   */\n  readonly attribute?: boolean | string;\n\n  /**\n   * Indicates the type of the property. This is used only as a hint for the\n   * `converter` to determine how to convert the attribute\n   * to/from a property.\n   */\n  readonly type?: TypeHint;\n\n  /**\n   * Indicates how to convert the attribute to/from a property. If this value\n   * is a function, it is used to convert the attribute value a the property\n   * value. If it's an object, it can have keys for `fromAttribute` and\n   * `toAttribute`. If no `toAttribute` function is provided and\n   * `reflect` is set to `true`, the property value is set directly to the\n   * attribute. A default `converter` is used if none is provided; it supports\n   * `Boolean`, `String`, `Number`, `Object`, and `Array`. Note,\n   * when a property changes and the converter is used to update the attribute,\n   * the property is never updated again as a result of the attribute changing,\n   * and vice versa.\n   */\n  readonly converter?: AttributeConverter<Type, TypeHint>;\n\n  /**\n   * Indicates if the property should reflect to an attribute.\n   * If `true`, when the property is set, the attribute is set using the\n   * attribute name determined according to the rules for the `attribute`\n   * property option and the value of the property converted using the rules\n   * from the `converter` property option.\n   */\n  readonly reflect?: boolean;\n\n  /**\n   * A function that indicates if a property should be considered changed when\n   * it is set. The function should take the `newValue` and `oldValue` and\n   * return `true` if an update should be requested.\n   */\n  hasChanged?(value: Type, oldValue: Type): boolean;\n\n  /**\n   * Indicates whether an accessor will be created for this property. By\n   * default, an accessor will be generated for this property that requests an\n   * update when set. If this flag is `true`, no accessor will be created, and\n   * it will be the user's responsibility to call\n   * `this.requestUpdate(propertyName, oldValue)` to request an update when\n   * the property changes.\n   */\n  readonly noAccessor?: boolean;\n\n  /**\n   * Whether this property is wrapping accessors. This is set by `@property`\n   * to control the initial value change and reflection logic.\n   *\n   * @internal\n   */\n  wrapped?: boolean;\n\n  /**\n   * When `true`, uses the initial value of the property as the default value,\n   * which changes how attributes are handled:\n   *  - The initial value does *not* reflect, even if the `reflect` option is `true`.\n   *    Subsequent changes to the property will reflect, even if they are equal to the\n   *     default value.\n   *  - When the attribute is removed, the property is set to the default value\n   *  - The initial value will not trigger an old value in the `changedProperties` map\n   *    argument to update lifecycle methods.\n   *\n   * When set, properties must be initialized, either with a field initializer, or an\n   * assignment in the constructor. Not initializing the property may lead to\n   * improper handling of subsequent property assignments.\n   *\n   * While this behavior is opt-in, most properties that reflect to attributes should\n   * use `useDefault: true` so that their initial values do not reflect.\n   */\n  useDefault?: boolean;\n}\n\n/**\n * Map of properties to PropertyDeclaration options. For each property an\n * accessor is made, and the property is processed according to the\n * PropertyDeclaration options.\n */\nexport interface PropertyDeclarations {\n  readonly [key: string]: PropertyDeclaration;\n}\n\ntype PropertyDeclarationMap = Map<PropertyKey, PropertyDeclaration>;\n\ntype AttributeMap = Map<string, PropertyKey>;\n\n/**\n * A Map of property keys to values.\n *\n * Takes an optional type parameter T, which when specified as a non-any,\n * non-unknown type, will make the Map more strongly-typed, associating the map\n * keys with their corresponding value type on T.\n *\n * Use `PropertyValues<this>` when overriding ReactiveElement.update() and\n * other lifecycle methods in order to get stronger type-checking on keys\n * and values.\n */\n// This type is conditional so that if the parameter T is not specified, or\n// is `any`, the type will include `Map<PropertyKey, unknown>`. Since T is not\n// given in the uses of PropertyValues in this file, all uses here fallback to\n// meaning `Map<PropertyKey, unknown>`, but if a developer uses\n// `PropertyValues<this>` (or any other value for T) they will get a\n// strongly-typed Map type.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type PropertyValues<T = any> = T extends object\n  ? PropertyValueMap<T>\n  : Map<PropertyKey, unknown>;\n\n/**\n * Do not use, instead prefer {@linkcode PropertyValues}.\n */\n// This type must be exported such that JavaScript generated by the Google\n// Closure Compiler can import a type reference.\nexport interface PropertyValueMap<T> extends Map<PropertyKey, unknown> {\n  get<K extends keyof T>(k: K): T[K] | undefined;\n  set<K extends keyof T>(key: K, value: T[K]): this;\n  has<K extends keyof T>(k: K): boolean;\n  delete<K extends keyof T>(k: K): boolean;\n}\n\nexport const defaultConverter: ComplexAttributeConverter = {\n  toAttribute(value: unknown, type?: unknown): unknown {\n    switch (type) {\n      case Boolean:\n        value = value ? emptyStringForBooleanAttribute : null;\n        break;\n      case Object:\n      case Array:\n        // if the value is `null` or `undefined` pass this through\n        // to allow removing/no change behavior.\n        value = value == null ? value : JSON.stringify(value);\n        break;\n    }\n    return value;\n  },\n\n  fromAttribute(value: string | null, type?: unknown) {\n    let fromValue: unknown = value;\n    switch (type) {\n      case Boolean:\n        fromValue = value !== null;\n        break;\n      case Number:\n        fromValue = value === null ? null : Number(value);\n        break;\n      case Object:\n      case Array:\n        // Do *not* generate exception when invalid JSON is set as elements\n        // don't normally complain on being mis-configured.\n        // TODO(sorvell): Do generate exception in *dev mode*.\n        try {\n          // Assert to adhere to Bazel's \"must type assert JSON parse\" rule.\n          fromValue = JSON.parse(value!) as unknown;\n        } catch (e) {\n          fromValue = null;\n        }\n        break;\n    }\n    return fromValue;\n  },\n};\n\nexport interface HasChanged {\n  (value: unknown, old: unknown): boolean;\n}\n\n/**\n * Change function that returns true if `value` is different from `oldValue`.\n * This method is used as the default for a property's `hasChanged` function.\n */\nexport const notEqual: HasChanged = (value: unknown, old: unknown): boolean =>\n  !is(value, old);\n\nconst defaultPropertyDeclaration: PropertyDeclaration = {\n  attribute: true,\n  type: String,\n  converter: defaultConverter,\n  reflect: false,\n  useDefault: false,\n  hasChanged: notEqual,\n};\n\n/**\n * A string representing one of the supported dev mode warning categories.\n */\nexport type WarningKind =\n  | 'change-in-update'\n  | 'migration'\n  | 'async-perform-update';\n\nexport type Initializer = (element: ReactiveElement) => void;\n\n// Temporary, until google3 is on TypeScript 5.2\ndeclare global {\n  interface SymbolConstructor {\n    readonly metadata: unique symbol;\n  }\n}\n\n// Ensure metadata is enabled. TypeScript does not polyfill\n// Symbol.metadata, so we must ensure that it exists.\n(Symbol as {metadata: symbol}).metadata ??= Symbol('metadata');\n\ndeclare global {\n  // This is public global API, do not change!\n  // eslint-disable-next-line no-var\n  var litPropertyMetadata: WeakMap<\n    object,\n    Map<PropertyKey, PropertyDeclaration>\n  >;\n}\n\n// Map from a class's metadata object to property options\n// Note that we must use nullish-coalescing assignment so that we only use one\n// map even if we load multiple version of this module.\nglobal.litPropertyMetadata ??= new WeakMap<\n  object,\n  Map<PropertyKey, PropertyDeclaration>\n>();\n\n/**\n * Base element class which manages element properties and attributes. When\n * properties change, the `update` method is asynchronously called. This method\n * should be supplied by subclasses to render updates as desired.\n * @noInheritDoc\n */\nexport abstract class ReactiveElement\n  // In the Node build, this `extends` clause will be substituted with\n  // `(globalThis.HTMLElement ?? HTMLElement)`.\n  //\n  // This way, we will first prefer any global `HTMLElement` polyfill that the\n  // user has assigned, and then fall back to the `HTMLElement` shim which has\n  // been imported (see note at the top of this file about how this import is\n  // generated by Rollup). Note that the `HTMLElement` variable has been\n  // shadowed by this import, so it no longer refers to the global.\n  extends HTMLElement\n  implements ReactiveControllerHost\n{\n  // Note: these are patched in only in DEV_MODE.\n  /**\n   * Read or set all the enabled warning categories for this class.\n   *\n   * This property is only used in development builds.\n   *\n   * @nocollapse\n   * @category dev-mode\n   */\n  static enabledWarnings?: WarningKind[];\n\n  /**\n   * Enable the given warning category for this class.\n   *\n   * This method only exists in development builds, so it should be accessed\n   * with a guard like:\n   *\n   * ```ts\n   * // Enable for all ReactiveElement subclasses\n   * ReactiveElement.enableWarning?.('migration');\n   *\n   * // Enable for only MyElement and subclasses\n   * MyElement.enableWarning?.('migration');\n   * ```\n   *\n   * @nocollapse\n   * @category dev-mode\n   */\n  static enableWarning?: (warningKind: WarningKind) => void;\n\n  /**\n   * Disable the given warning category for this class.\n   *\n   * This method only exists in development builds, so it should be accessed\n   * with a guard like:\n   *\n   * ```ts\n   * // Disable for all ReactiveElement subclasses\n   * ReactiveElement.disableWarning?.('migration');\n   *\n   * // Disable for only MyElement and subclasses\n   * MyElement.disableWarning?.('migration');\n   * ```\n   *\n   * @nocollapse\n   * @category dev-mode\n   */\n  static disableWarning?: (warningKind: WarningKind) => void;\n\n  /**\n   * Adds an initializer function to the class that is called during instance\n   * construction.\n   *\n   * This is useful for code that runs against a `ReactiveElement`\n   * subclass, such as a decorator, that needs to do work for each\n   * instance, such as setting up a `ReactiveController`.\n   *\n   * ```ts\n   * const myDecorator = (target: typeof ReactiveElement, key: string) => {\n   *   target.addInitializer((instance: ReactiveElement) => {\n   *     // This is run during construction of the element\n   *     new MyController(instance);\n   *   });\n   * }\n   * ```\n   *\n   * Decorating a field will then cause each instance to run an initializer\n   * that adds a controller:\n   *\n   * ```ts\n   * class MyElement extends LitElement {\n   *   @myDecorator foo;\n   * }\n   * ```\n   *\n   * Initializers are stored per-constructor. Adding an initializer to a\n   * subclass does not add it to a superclass. Since initializers are run in\n   * constructors, initializers will run in order of the class hierarchy,\n   * starting with superclasses and progressing to the instance's class.\n   *\n   * @nocollapse\n   */\n  static addInitializer(initializer: Initializer) {\n    this.__prepare();\n    (this._initializers ??= []).push(initializer);\n  }\n\n  static _initializers?: Initializer[];\n\n  /*\n   * Due to closure compiler ES6 compilation bugs, @nocollapse is required on\n   * all static methods and properties with initializers.  Reference:\n   * - https://github.com/google/closure-compiler/issues/1776\n   */\n\n  /**\n   * Maps attribute names to properties; for example `foobar` attribute to\n   * `fooBar` property. Created lazily on user subclasses when finalizing the\n   * class.\n   * @nocollapse\n   */\n  private static __attributeToPropertyMap: AttributeMap;\n\n  /**\n   * Marks class as having been finalized, which includes creating properties\n   * from `static properties`, but does *not* include all properties created\n   * from decorators.\n   * @nocollapse\n   */\n  protected static finalized: true | undefined;\n\n  /**\n   * Memoized list of all element properties, including any superclass\n   * properties. Created lazily on user subclasses when finalizing the class.\n   *\n   * @nocollapse\n   * @category properties\n   */\n  static elementProperties: PropertyDeclarationMap;\n\n  /**\n   * User-supplied object that maps property names to `PropertyDeclaration`\n   * objects containing options for configuring reactive properties. When\n   * a reactive property is set the element will update and render.\n   *\n   * By default properties are public fields, and as such, they should be\n   * considered as primarily settable by element users, either via attribute or\n   * the property itself.\n   *\n   * Generally, properties that are changed by the element should be private or\n   * protected fields and should use the `state: true` option. Properties\n   * marked as `state` do not reflect from the corresponding attribute\n   *\n   * However, sometimes element code does need to set a public property. This\n   * should typically only be done in response to user interaction, and an event\n   * should be fired informing the user; for example, a checkbox sets its\n   * `checked` property when clicked and fires a `changed` event. Mutating\n   * public properties should typically not be done for non-primitive (object or\n   * array) properties. In other cases when an element needs to manage state, a\n   * private property set with the `state: true` option should be used. When\n   * needed, state properties can be initialized via public properties to\n   * facilitate complex interactions.\n   * @nocollapse\n   * @category properties\n   */\n  static properties: PropertyDeclarations;\n\n  /**\n   * Memoized list of all element styles.\n   * Created lazily on user subclasses when finalizing the class.\n   * @nocollapse\n   * @category styles\n   */\n  static elementStyles: Array<CSSResultOrNative> = [];\n\n  /**\n   * Array of styles to apply to the element. The styles should be defined\n   * using the {@linkcode css} tag function, via constructible stylesheets, or\n   * imported from native CSS module scripts.\n   *\n   * Note on Content Security Policy:\n   *\n   * Element styles are implemented with `<style>` tags when the browser doesn't\n   * support adopted StyleSheets. To use such `<style>` tags with the style-src\n   * CSP directive, the style-src value must either include 'unsafe-inline' or\n   * `nonce-<base64-value>` with `<base64-value>` replaced be a server-generated\n   * nonce.\n   *\n   * To provide a nonce to use on generated `<style>` elements, set\n   * `window.litNonce` to a server-generated nonce in your page's HTML, before\n   * loading application code:\n   *\n   * ```html\n   * <script>\n   *   // Generated and unique per request:\n   *   window.litNonce = 'a1b2c3d4';\n   * </script>\n   * ```\n   * @nocollapse\n   * @category styles\n   */\n  static styles?: CSSResultGroup;\n\n  /**\n   * Returns a list of attributes corresponding to the registered properties.\n   * @nocollapse\n   * @category attributes\n   */\n  static get observedAttributes() {\n    // Ensure we've created all properties\n    this.finalize();\n    // this.__attributeToPropertyMap is only undefined after finalize() in\n    // ReactiveElement itself. ReactiveElement.observedAttributes is only\n    // accessed with ReactiveElement as the receiver when a subclass or mixin\n    // calls super.observedAttributes\n    return (\n      this.__attributeToPropertyMap && [...this.__attributeToPropertyMap.keys()]\n    );\n  }\n\n  private __instanceProperties?: PropertyValues = undefined;\n\n  /**\n   * Creates a property accessor on the element prototype if one does not exist\n   * and stores a {@linkcode PropertyDeclaration} for the property with the\n   * given options. The property setter calls the property's `hasChanged`\n   * property option or uses a strict identity check to determine whether or not\n   * to request an update.\n   *\n   * This method may be overridden to customize properties; however,\n   * when doing so, it's important to call `super.createProperty` to ensure\n   * the property is setup correctly. This method calls\n   * `getPropertyDescriptor` internally to get a descriptor to install.\n   * To customize what properties do when they are get or set, override\n   * `getPropertyDescriptor`. To customize the options for a property,\n   * implement `createProperty` like this:\n   *\n   * ```ts\n   * static createProperty(name, options) {\n   *   options = Object.assign(options, {myOption: true});\n   *   super.createProperty(name, options);\n   * }\n   * ```\n   *\n   * @nocollapse\n   * @category properties\n   */\n  static createProperty(\n    name: PropertyKey,\n    options: PropertyDeclaration = defaultPropertyDeclaration\n  ) {\n    // If this is a state property, force the attribute to false.\n    if (options.state) {\n      (options as Mutable<PropertyDeclaration, 'attribute'>).attribute = false;\n    }\n    this.__prepare();\n    // Whether this property is wrapping accessors.\n    // Helps control the initial value change and reflection logic.\n    if (this.prototype.hasOwnProperty(name)) {\n      options = Object.create(options);\n      options.wrapped = true;\n    }\n    this.elementProperties.set(name, options);\n    if (!options.noAccessor) {\n      const key = DEV_MODE\n        ? // Use Symbol.for in dev mode to make it easier to maintain state\n          // when doing HMR.\n          Symbol.for(`${String(name)} (@property() cache)`)\n        : Symbol();\n      const descriptor = this.getPropertyDescriptor(name, key, options);\n      if (descriptor !== undefined) {\n        defineProperty(this.prototype, name, descriptor);\n      }\n    }\n  }\n\n  /**\n   * Returns a property descriptor to be defined on the given named property.\n   * If no descriptor is returned, the property will not become an accessor.\n   * For example,\n   *\n   * ```ts\n   * class MyElement extends LitElement {\n   *   static getPropertyDescriptor(name, key, options) {\n   *     const defaultDescriptor =\n   *         super.getPropertyDescriptor(name, key, options);\n   *     const setter = defaultDescriptor.set;\n   *     return {\n   *       get: defaultDescriptor.get,\n   *       set(value) {\n   *         setter.call(this, value);\n   *         // custom action.\n   *       },\n   *       configurable: true,\n   *       enumerable: true\n   *     }\n   *   }\n   * }\n   * ```\n   *\n   * @nocollapse\n   * @category properties\n   */\n  protected static getPropertyDescriptor(\n    name: PropertyKey,\n    key: string | symbol,\n    options: PropertyDeclaration\n  ): PropertyDescriptor | undefined {\n    const {get, set} = getOwnPropertyDescriptor(this.prototype, name) ?? {\n      get(this: ReactiveElement) {\n        return this[key as keyof typeof this];\n      },\n      set(this: ReactiveElement, v: unknown) {\n        (this as unknown as Record<string | symbol, unknown>)[key] = v;\n      },\n    };\n    if (DEV_MODE && get == null) {\n      if ('value' in (getOwnPropertyDescriptor(this.prototype, name) ?? {})) {\n        throw new Error(\n          `Field ${JSON.stringify(String(name))} on ` +\n            `${this.name} was declared as a reactive property ` +\n            `but it's actually declared as a value on the prototype. ` +\n            `Usually this is due to using @property or @state on a method.`\n        );\n      }\n      issueWarning(\n        'reactive-property-without-getter',\n        `Field ${JSON.stringify(String(name))} on ` +\n          `${this.name} was declared as a reactive property ` +\n          `but it does not have a getter. This will be an error in a ` +\n          `future version of Lit.`\n      );\n    }\n    return {\n      get,\n      set(this: ReactiveElement, value: unknown) {\n        const oldValue = get?.call(this);\n        set?.call(this, value);\n        this.requestUpdate(name, oldValue, options);\n      },\n      configurable: true,\n      enumerable: true,\n    };\n  }\n\n  /**\n   * Returns the property options associated with the given property.\n   * These options are defined with a `PropertyDeclaration` via the `properties`\n   * object or the `@property` decorator and are registered in\n   * `createProperty(...)`.\n   *\n   * Note, this method should be considered \"final\" and not overridden. To\n   * customize the options for a given property, override\n   * {@linkcode createProperty}.\n   *\n   * @nocollapse\n   * @final\n   * @category properties\n   */\n  static getPropertyOptions(name: PropertyKey) {\n    return this.elementProperties.get(name) ?? defaultPropertyDeclaration;\n  }\n\n  // Temporary, until google3 is on TypeScript 5.2\n  declare static [Symbol.metadata]: object & Record<PropertyKey, unknown>;\n\n  /**\n   * Initializes static own properties of the class used in bookkeeping\n   * for element properties, initializers, etc.\n   *\n   * Can be called multiple times by code that needs to ensure these\n   * properties exist before using them.\n   *\n   * This method ensures the superclass is finalized so that inherited\n   * property metadata can be copied down.\n   * @nocollapse\n   */\n  private static __prepare() {\n    if (\n      this.hasOwnProperty(JSCompiler_renameProperty('elementProperties', this))\n    ) {\n      // Already prepared\n      return;\n    }\n    // Finalize any superclasses\n    const superCtor = getPrototypeOf(this) as typeof ReactiveElement;\n    superCtor.finalize();\n\n    // Create own set of initializers for this class if any exist on the\n    // superclass and copy them down. Note, for a small perf boost, avoid\n    // creating initializers unless needed.\n    if (superCtor._initializers !== undefined) {\n      this._initializers = [...superCtor._initializers];\n    }\n    // Initialize elementProperties from the superclass\n    this.elementProperties = new Map(superCtor.elementProperties);\n  }\n\n  /**\n   * Finishes setting up the class so that it's ready to be registered\n   * as a custom element and instantiated.\n   *\n   * This method is called by the ReactiveElement.observedAttributes getter.\n   * If you override the observedAttributes getter, you must either call\n   * super.observedAttributes to trigger finalization, or call finalize()\n   * yourself.\n   *\n   * @nocollapse\n   */\n  protected static finalize() {\n    if (this.hasOwnProperty(JSCompiler_renameProperty('finalized', this))) {\n      return;\n    }\n    this.finalized = true;\n    this.__prepare();\n\n    // Create properties from the static properties block:\n    if (this.hasOwnProperty(JSCompiler_renameProperty('properties', this))) {\n      const props = this.properties;\n      const propKeys = [\n        ...getOwnPropertyNames(props),\n        ...getOwnPropertySymbols(props),\n      ] as Array<keyof typeof props>;\n      for (const p of propKeys) {\n        this.createProperty(p, props[p]);\n      }\n    }\n\n    // Create properties from standard decorator metadata:\n    const metadata = this[Symbol.metadata];\n    if (metadata !== null) {\n      const properties = litPropertyMetadata.get(metadata);\n      if (properties !== undefined) {\n        for (const [p, options] of properties) {\n          this.elementProperties.set(p, options);\n        }\n      }\n    }\n\n    // Create the attribute-to-property map\n    this.__attributeToPropertyMap = new Map();\n    for (const [p, options] of this.elementProperties) {\n      const attr = this.__attributeNameForProperty(p, options);\n      if (attr !== undefined) {\n        this.__attributeToPropertyMap.set(attr, p);\n      }\n    }\n\n    this.elementStyles = this.finalizeStyles(this.styles);\n\n    if (DEV_MODE) {\n      if (this.hasOwnProperty('createProperty')) {\n        issueWarning(\n          'no-override-create-property',\n          'Overriding ReactiveElement.createProperty() is deprecated. ' +\n            'The override will not be called with standard decorators'\n        );\n      }\n      if (this.hasOwnProperty('getPropertyDescriptor')) {\n        issueWarning(\n          'no-override-get-property-descriptor',\n          'Overriding ReactiveElement.getPropertyDescriptor() is deprecated. ' +\n            'The override will not be called with standard decorators'\n        );\n      }\n    }\n  }\n\n  /**\n   * Options used when calling `attachShadow`. Set this property to customize\n   * the options for the shadowRoot; for example, to create a closed\n   * shadowRoot: `{mode: 'closed'}`.\n   *\n   * Note, these options are used in `createRenderRoot`. If this method\n   * is customized, options should be respected if possible.\n   * @nocollapse\n   * @category rendering\n   */\n  static shadowRootOptions: ShadowRootInit = {mode: 'open'};\n\n  /**\n   * Takes the styles the user supplied via the `static styles` property and\n   * returns the array of styles to apply to the element.\n   * Override this method to integrate into a style management system.\n   *\n   * Styles are deduplicated preserving the _last_ instance in the list. This\n   * is a performance optimization to avoid duplicated styles that can occur\n   * especially when composing via subclassing. The last item is kept to try\n   * to preserve the cascade order with the assumption that it's most important\n   * that last added styles override previous styles.\n   *\n   * @nocollapse\n   * @category styles\n   */\n  protected static finalizeStyles(\n    styles?: CSSResultGroup\n  ): Array<CSSResultOrNative> {\n    const elementStyles = [];\n    if (Array.isArray(styles)) {\n      // Dedupe the flattened array in reverse order to preserve the last items.\n      // Casting to Array<unknown> works around TS error that\n      // appears to come from trying to flatten a type CSSResultArray.\n      const set = new Set((styles as Array<unknown>).flat(Infinity).reverse());\n      // Then preserve original order by adding the set items in reverse order.\n      for (const s of set) {\n        elementStyles.unshift(getCompatibleStyle(s as CSSResultOrNative));\n      }\n    } else if (styles !== undefined) {\n      elementStyles.push(getCompatibleStyle(styles));\n    }\n    return elementStyles;\n  }\n\n  /**\n   * Node or ShadowRoot into which element DOM should be rendered. Defaults\n   * to an open shadowRoot.\n   * @category rendering\n   */\n  readonly renderRoot!: HTMLElement | DocumentFragment;\n\n  /**\n   * Returns the property name for the given attribute `name`.\n   * @nocollapse\n   */\n  private static __attributeNameForProperty(\n    name: PropertyKey,\n    options: PropertyDeclaration\n  ) {\n    const attribute = options.attribute;\n    return attribute === false\n      ? undefined\n      : typeof attribute === 'string'\n        ? attribute\n        : typeof name === 'string'\n          ? name.toLowerCase()\n          : undefined;\n  }\n\n  // Initialize to an unresolved Promise so we can make sure the element has\n  // connected before first update.\n  private __updatePromise!: Promise<boolean>;\n\n  /**\n   * True if there is a pending update as a result of calling `requestUpdate()`.\n   * Should only be read.\n   * @category updates\n   */\n  isUpdatePending = false;\n\n  /**\n   * Is set to `true` after the first update. The element code cannot assume\n   * that `renderRoot` exists before the element `hasUpdated`.\n   * @category updates\n   */\n  hasUpdated = false;\n\n  /**\n   * Map with keys for any properties that have changed since the last\n   * update cycle with previous values.\n   *\n   * @internal\n   */\n  _$changedProperties!: PropertyValues;\n\n  /**\n   * Records property default values when the\n   * `useDefault` option is used.\n   */\n  private __defaultValues?: Map<PropertyKey, unknown>;\n\n  /**\n   * Properties that should be reflected when updated.\n   */\n  private __reflectingProperties?: Set<PropertyKey>;\n\n  /**\n   * Name of currently reflecting property\n   */\n  private __reflectingProperty: PropertyKey | null = null;\n\n  /**\n   * Set of controllers.\n   */\n  private __controllers?: Set<ReactiveController>;\n\n  constructor() {\n    super();\n    this.__initialize();\n  }\n\n  /**\n   * Internal only override point for customizing work done when elements\n   * are constructed.\n   */\n  private __initialize() {\n    this.__updatePromise = new Promise<boolean>(\n      (res) => (this.enableUpdating = res)\n    );\n    this._$changedProperties = new Map();\n    // This enqueues a microtask that must run before the first update, so it\n    // must be called before requestUpdate()\n    this.__saveInstanceProperties();\n    // ensures first update will be caught by an early access of\n    // `updateComplete`\n    this.requestUpdate();\n    (this.constructor as typeof ReactiveElement)._initializers?.forEach((i) =>\n      i(this)\n    );\n  }\n\n  /**\n   * Registers a `ReactiveController` to participate in the element's reactive\n   * update cycle. The element automatically calls into any registered\n   * controllers during its lifecycle callbacks.\n   *\n   * If the element is connected when `addController()` is called, the\n   * controller's `hostConnected()` callback will be immediately called.\n   * @category controllers\n   */\n  addController(controller: ReactiveController) {\n    (this.__controllers ??= new Set()).add(controller);\n    // If a controller is added after the element has been connected,\n    // call hostConnected. Note, re-using existence of `renderRoot` here\n    // (which is set in connectedCallback) to avoid the need to track a\n    // first connected state.\n    if (this.renderRoot !== undefined && this.isConnected) {\n      controller.hostConnected?.();\n    }\n  }\n\n  /**\n   * Removes a `ReactiveController` from the element.\n   * @category controllers\n   */\n  removeController(controller: ReactiveController) {\n    this.__controllers?.delete(controller);\n  }\n\n  /**\n   * Fixes any properties set on the instance before upgrade time.\n   * Otherwise these would shadow the accessor and break these properties.\n   * The properties are stored in a Map which is played back after the\n   * constructor runs.\n   */\n  private __saveInstanceProperties() {\n    const instanceProperties = new Map<PropertyKey, unknown>();\n    const elementProperties = (this.constructor as typeof ReactiveElement)\n      .elementProperties;\n    for (const p of elementProperties.keys() as IterableIterator<keyof this>) {\n      if (this.hasOwnProperty(p)) {\n        instanceProperties.set(p, this[p]);\n        delete this[p];\n      }\n    }\n    if (instanceProperties.size > 0) {\n      this.__instanceProperties = instanceProperties;\n    }\n  }\n\n  /**\n   * Returns the node into which the element should render and by default\n   * creates and returns an open shadowRoot. Implement to customize where the\n   * element's DOM is rendered. For example, to render into the element's\n   * childNodes, return `this`.\n   *\n   * @return Returns a node into which to render.\n   * @category rendering\n   */\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const renderRoot =\n      this.shadowRoot ??\n      this.attachShadow(\n        (this.constructor as typeof ReactiveElement).shadowRootOptions\n      );\n    adoptStyles(\n      renderRoot,\n      (this.constructor as typeof ReactiveElement).elementStyles\n    );\n    return renderRoot;\n  }\n\n  /**\n   * On first connection, creates the element's renderRoot, sets up\n   * element styling, and enables updating.\n   * @category lifecycle\n   */\n  connectedCallback() {\n    // Create renderRoot before controllers `hostConnected`\n    (this as Mutable<typeof this, 'renderRoot'>).renderRoot ??=\n      this.createRenderRoot();\n    this.enableUpdating(true);\n    this.__controllers?.forEach((c) => c.hostConnected?.());\n  }\n\n  /**\n   * Note, this method should be considered final and not overridden. It is\n   * overridden on the element instance with a function that triggers the first\n   * update.\n   * @category updates\n   */\n  protected enableUpdating(_requestedUpdate: boolean) {}\n\n  /**\n   * Allows for `super.disconnectedCallback()` in extensions while\n   * reserving the possibility of making non-breaking feature additions\n   * when disconnecting at some point in the future.\n   * @category lifecycle\n   */\n  disconnectedCallback() {\n    this.__controllers?.forEach((c) => c.hostDisconnected?.());\n  }\n\n  /**\n   * Synchronizes property values when attributes change.\n   *\n   * Specifically, when an attribute is set, the corresponding property is set.\n   * You should rarely need to implement this callback. If this method is\n   * overridden, `super.attributeChangedCallback(name, _old, value)` must be\n   * called.\n   *\n   * See [responding to attribute changes](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#responding_to_attribute_changes)\n   * on MDN for more information about the `attributeChangedCallback`.\n   * @category attributes\n   */\n  attributeChangedCallback(\n    name: string,\n    _old: string | null,\n    value: string | null\n  ) {\n    this._$attributeToProperty(name, value);\n  }\n\n  private __propertyToAttribute(name: PropertyKey, value: unknown) {\n    const elemProperties: PropertyDeclarationMap = (\n      this.constructor as typeof ReactiveElement\n    ).elementProperties;\n    const options = elemProperties.get(name)!;\n    const attr = (\n      this.constructor as typeof ReactiveElement\n    ).__attributeNameForProperty(name, options);\n    if (attr !== undefined && options.reflect === true) {\n      const converter =\n        (options.converter as ComplexAttributeConverter)?.toAttribute !==\n        undefined\n          ? (options.converter as ComplexAttributeConverter)\n          : defaultConverter;\n      const attrValue = converter.toAttribute!(value, options.type);\n      if (\n        DEV_MODE &&\n        (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n          'migration'\n        ) &&\n        attrValue === undefined\n      ) {\n        issueWarning(\n          'undefined-attribute-value',\n          `The attribute value for the ${name as string} property is ` +\n            `undefined on element ${this.localName}. The attribute will be ` +\n            `removed, but in the previous version of \\`ReactiveElement\\`, ` +\n            `the attribute would not have changed.`\n        );\n      }\n      // Track if the property is being reflected to avoid\n      // setting the property again via `attributeChangedCallback`. Note:\n      // 1. this takes advantage of the fact that the callback is synchronous.\n      // 2. will behave incorrectly if multiple attributes are in the reaction\n      // stack at time of calling. However, since we process attributes\n      // in `update` this should not be possible (or an extreme corner case\n      // that we'd like to discover).\n      // mark state reflecting\n      this.__reflectingProperty = name;\n      if (attrValue == null) {\n        this.removeAttribute(attr);\n      } else {\n        this.setAttribute(attr, attrValue as string);\n      }\n      // mark state not reflecting\n      this.__reflectingProperty = null;\n    }\n  }\n\n  /** @internal */\n  _$attributeToProperty(name: string, value: string | null) {\n    const ctor = this.constructor as typeof ReactiveElement;\n    // Note, hint this as an `AttributeMap` so closure clearly understands\n    // the type; it has issues with tracking types through statics\n    const propName = (ctor.__attributeToPropertyMap as AttributeMap).get(name);\n    // Use tracking info to avoid reflecting a property value to an attribute\n    // if it was just set because the attribute changed.\n    if (propName !== undefined && this.__reflectingProperty !== propName) {\n      const options = ctor.getPropertyOptions(propName);\n      const converter =\n        typeof options.converter === 'function'\n          ? {fromAttribute: options.converter}\n          : options.converter?.fromAttribute !== undefined\n            ? options.converter\n            : defaultConverter;\n      // mark state reflecting\n      this.__reflectingProperty = propName;\n      const convertedValue = converter.fromAttribute!(value, options.type);\n      this[propName as keyof this] =\n        convertedValue ??\n        this.__defaultValues?.get(propName) ??\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (convertedValue as any);\n      // mark state not reflecting\n      this.__reflectingProperty = null;\n    }\n  }\n\n  /**\n   * Requests an update which is processed asynchronously. This should be called\n   * when an element should update based on some state not triggered by setting\n   * a reactive property. In this case, pass no arguments. It should also be\n   * called when manually implementing a property setter. In this case, pass the\n   * property `name` and `oldValue` to ensure that any configured property\n   * options are honored.\n   *\n   * @param name name of requesting property\n   * @param oldValue old value of requesting property\n   * @param options property options to use instead of the previously\n   *     configured options\n   * @category updates\n   */\n  requestUpdate(\n    name?: PropertyKey,\n    oldValue?: unknown,\n    options?: PropertyDeclaration\n  ): void {\n    // If we have a property key, perform property update steps.\n    if (name !== undefined) {\n      if (DEV_MODE && (name as unknown) instanceof Event) {\n        issueWarning(\n          ``,\n          `The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()`\n        );\n      }\n      const ctor = this.constructor as typeof ReactiveElement;\n      const newValue = this[name as keyof this];\n      options ??= ctor.getPropertyOptions(name);\n      const changed =\n        (options.hasChanged ?? notEqual)(newValue, oldValue) ||\n        // When there is no change, check a corner case that can occur when\n        // 1. there's a initial value which was not reflected\n        // 2. the property is subsequently set to this value.\n        // For example, `prop: {useDefault: true, reflect: true}`\n        // and el.prop = 'foo'. This should be considered a change if the\n        // attribute is not set because we will now reflect the property to the attribute.\n        (options.useDefault &&\n          options.reflect &&\n          newValue === this.__defaultValues?.get(name) &&\n          !this.hasAttribute(ctor.__attributeNameForProperty(name, options)!));\n      if (changed) {\n        this._$changeProperty(name, oldValue, options);\n      } else {\n        // Abort the request if the property should not be considered changed.\n        return;\n      }\n    }\n    if (this.isUpdatePending === false) {\n      this.__updatePromise = this.__enqueueUpdate();\n    }\n  }\n\n  /**\n   * @internal\n   */\n  _$changeProperty(\n    name: PropertyKey,\n    oldValue: unknown,\n    {useDefault, reflect, wrapped}: PropertyDeclaration,\n    initializeValue?: unknown\n  ) {\n    // Record default value when useDefault is used. This allows us to\n    // restore this value when the attribute is removed.\n    if (useDefault && !(this.__defaultValues ??= new Map()).has(name)) {\n      this.__defaultValues.set(\n        name,\n        initializeValue ?? oldValue ?? this[name as keyof this]\n      );\n      // if this is not wrapping an accessor, it must be an initial setting\n      // and in this case we do not want to record the change or reflect.\n      if (wrapped !== true || initializeValue !== undefined) {\n        return;\n      }\n    }\n    // TODO (justinfagnani): Create a benchmark of Map.has() + Map.set(\n    // vs just Map.set()\n    if (!this._$changedProperties.has(name)) {\n      // On the initial change, the old value should be `undefined`, except\n      // with `useDefault`\n      if (!this.hasUpdated && !useDefault) {\n        oldValue = undefined;\n      }\n      this._$changedProperties.set(name, oldValue);\n    }\n    // Add to reflecting properties set.\n    // Note, it's important that every change has a chance to add the\n    // property to `__reflectingProperties`. This ensures setting\n    // attribute + property reflects correctly.\n    if (reflect === true && this.__reflectingProperty !== name) {\n      (this.__reflectingProperties ??= new Set<PropertyKey>()).add(name);\n    }\n  }\n\n  /**\n   * Sets up the element to asynchronously update.\n   */\n  private async __enqueueUpdate() {\n    this.isUpdatePending = true;\n    try {\n      // Ensure any previous update has resolved before updating.\n      // This `await` also ensures that property changes are batched.\n      await this.__updatePromise;\n    } catch (e) {\n      // Refire any previous errors async so they do not disrupt the update\n      // cycle. Errors are refired so developers have a chance to observe\n      // them, and this can be done by implementing\n      // `window.onunhandledrejection`.\n      Promise.reject(e);\n    }\n    const result = this.scheduleUpdate();\n    // If `scheduleUpdate` returns a Promise, we await it. This is done to\n    // enable coordinating updates with a scheduler. Note, the result is\n    // checked to avoid delaying an additional microtask unless we need to.\n    if (result != null) {\n      await result;\n    }\n    return !this.isUpdatePending;\n  }\n\n  /**\n   * Schedules an element update. You can override this method to change the\n   * timing of updates by returning a Promise. The update will await the\n   * returned Promise, and you should resolve the Promise to allow the update\n   * to proceed. If this method is overridden, `super.scheduleUpdate()`\n   * must be called.\n   *\n   * For instance, to schedule updates to occur just before the next frame:\n   *\n   * ```ts\n   * override protected async scheduleUpdate(): Promise<unknown> {\n   *   await new Promise((resolve) => requestAnimationFrame(() => resolve()));\n   *   super.scheduleUpdate();\n   * }\n   * ```\n   * @category updates\n   */\n  protected scheduleUpdate(): void | Promise<unknown> {\n    const result = this.performUpdate();\n    if (\n      DEV_MODE &&\n      (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n        'async-perform-update'\n      ) &&\n      typeof (result as unknown as Promise<unknown> | undefined)?.then ===\n        'function'\n    ) {\n      issueWarning(\n        'async-perform-update',\n        `Element ${this.localName} returned a Promise from performUpdate(). ` +\n          `This behavior is deprecated and will be removed in a future ` +\n          `version of ReactiveElement.`\n      );\n    }\n    return result;\n  }\n\n  /**\n   * Performs an element update. Note, if an exception is thrown during the\n   * update, `firstUpdated` and `updated` will not be called.\n   *\n   * Call `performUpdate()` to immediately process a pending update. This should\n   * generally not be needed, but it can be done in rare cases when you need to\n   * update synchronously.\n   *\n   * @category updates\n   */\n  protected performUpdate(): void {\n    // Abort any update if one is not pending when this is called.\n    // This can happen if `performUpdate` is called early to \"flush\"\n    // the update.\n    if (!this.isUpdatePending) {\n      return;\n    }\n    debugLogEvent?.({kind: 'update'});\n    if (!this.hasUpdated) {\n      // Create renderRoot before first update. This occurs in `connectedCallback`\n      // but is done here to support out of tree calls to `enableUpdating`/`performUpdate`.\n      (this as Mutable<typeof this, 'renderRoot'>).renderRoot ??=\n        this.createRenderRoot();\n      if (DEV_MODE) {\n        // Produce warning if any reactive properties on the prototype are\n        // shadowed by class fields. Instance fields set before upgrade are\n        // deleted by this point, so any own property is caused by class field\n        // initialization in the constructor.\n        const ctor = this.constructor as typeof ReactiveElement;\n        const shadowedProperties = [...ctor.elementProperties.keys()].filter(\n          (p) => this.hasOwnProperty(p) && p in getPrototypeOf(this)\n        );\n        if (shadowedProperties.length) {\n          throw new Error(\n            `The following properties on element ${this.localName} will not ` +\n              `trigger updates as expected because they are set using class ` +\n              `fields: ${shadowedProperties.join(', ')}. ` +\n              `Native class fields and some compiled output will overwrite ` +\n              `accessors used for detecting changes. See ` +\n              `https://lit.dev/msg/class-field-shadowing ` +\n              `for more information.`\n          );\n        }\n      }\n      // Mixin instance properties once, if they exist.\n      if (this.__instanceProperties) {\n        // TODO (justinfagnani): should we use the stored value? Could a new value\n        // have been set since we stored the own property value?\n        for (const [p, value] of this.__instanceProperties) {\n          this[p as keyof this] = value as this[keyof this];\n        }\n        this.__instanceProperties = undefined;\n      }\n      // Trigger initial value reflection and populate the initial\n      // `changedProperties` map, but only for the case of properties created\n      // via `createProperty` on accessors, which will not have already\n      // populated the `changedProperties` map since they are not set.\n      // We can't know if these accessors had initializers, so we just set\n      // them anyway - a difference from experimental decorators on fields and\n      // standard decorators on auto-accessors.\n      // For context see:\n      // https://github.com/lit/lit/pull/4183#issuecomment-1711959635\n      const elementProperties = (this.constructor as typeof ReactiveElement)\n        .elementProperties;\n      if (elementProperties.size > 0) {\n        for (const [p, options] of elementProperties) {\n          const {wrapped} = options;\n          const value = this[p as keyof this];\n          if (\n            wrapped === true &&\n            !this._$changedProperties.has(p) &&\n            value !== undefined\n          ) {\n            this._$changeProperty(p, undefined, options, value);\n          }\n        }\n      }\n    }\n    let shouldUpdate = false;\n    const changedProperties = this._$changedProperties;\n    try {\n      shouldUpdate = this.shouldUpdate(changedProperties);\n      if (shouldUpdate) {\n        this.willUpdate(changedProperties);\n        this.__controllers?.forEach((c) => c.hostUpdate?.());\n        this.update(changedProperties);\n      } else {\n        this.__markUpdated();\n      }\n    } catch (e) {\n      // Prevent `firstUpdated` and `updated` from running when there's an\n      // update exception.\n      shouldUpdate = false;\n      // Ensure element can accept additional updates after an exception.\n      this.__markUpdated();\n      throw e;\n    }\n    // The update is no longer considered pending and further updates are now allowed.\n    if (shouldUpdate) {\n      this._$didUpdate(changedProperties);\n    }\n  }\n\n  /**\n   * Invoked before `update()` to compute values needed during the update.\n   *\n   * Implement `willUpdate` to compute property values that depend on other\n   * properties and are used in the rest of the update process.\n   *\n   * ```ts\n   * willUpdate(changedProperties) {\n   *   // only need to check changed properties for an expensive computation.\n   *   if (changedProperties.has('firstName') || changedProperties.has('lastName')) {\n   *     this.sha = computeSHA(`${this.firstName} ${this.lastName}`);\n   *   }\n   * }\n   *\n   * render() {\n   *   return html`SHA: ${this.sha}`;\n   * }\n   * ```\n   *\n   * @category updates\n   */\n  protected willUpdate(_changedProperties: PropertyValues): void {}\n\n  // Note, this is an override point for polyfill-support.\n  // @internal\n  _$didUpdate(changedProperties: PropertyValues) {\n    this.__controllers?.forEach((c) => c.hostUpdated?.());\n    if (!this.hasUpdated) {\n      this.hasUpdated = true;\n      this.firstUpdated(changedProperties);\n    }\n    this.updated(changedProperties);\n    if (\n      DEV_MODE &&\n      this.isUpdatePending &&\n      (this.constructor as typeof ReactiveElement).enabledWarnings!.includes(\n        'change-in-update'\n      )\n    ) {\n      issueWarning(\n        'change-in-update',\n        `Element ${this.localName} scheduled an update ` +\n          `(generally because a property was set) ` +\n          `after an update completed, causing a new update to be scheduled. ` +\n          `This is inefficient and should be avoided unless the next update ` +\n          `can only be scheduled as a side effect of the previous update.`\n      );\n    }\n  }\n\n  private __markUpdated() {\n    this._$changedProperties = new Map();\n    this.isUpdatePending = false;\n  }\n\n  /**\n   * Returns a Promise that resolves when the element has completed updating.\n   * The Promise value is a boolean that is `true` if the element completed the\n   * update without triggering another update. The Promise result is `false` if\n   * a property was set inside `updated()`. If the Promise is rejected, an\n   * exception was thrown during the update.\n   *\n   * To await additional asynchronous work, override the `getUpdateComplete`\n   * method. For example, it is sometimes useful to await a rendered element\n   * before fulfilling this Promise. To do this, first await\n   * `super.getUpdateComplete()`, then any subsequent state.\n   *\n   * @return A promise of a boolean that resolves to true if the update completed\n   *     without triggering another update.\n   * @category updates\n   */\n  get updateComplete(): Promise<boolean> {\n    return this.getUpdateComplete();\n  }\n\n  /**\n   * Override point for the `updateComplete` promise.\n   *\n   * It is not safe to override the `updateComplete` getter directly due to a\n   * limitation in TypeScript which means it is not possible to call a\n   * superclass getter (e.g. `super.updateComplete.then(...)`) when the target\n   * language is ES5 (https://github.com/microsoft/TypeScript/issues/338).\n   * This method should be overridden instead. For example:\n   *\n   * ```ts\n   * class MyElement extends LitElement {\n   *   override async getUpdateComplete() {\n   *     const result = await super.getUpdateComplete();\n   *     await this._myChild.updateComplete;\n   *     return result;\n   *   }\n   * }\n   * ```\n   *\n   * @return A promise of a boolean that resolves to true if the update completed\n   *     without triggering another update.\n   * @category updates\n   */\n  protected getUpdateComplete(): Promise<boolean> {\n    return this.__updatePromise;\n  }\n\n  /**\n   * Controls whether or not `update()` should be called when the element requests\n   * an update. By default, this method always returns `true`, but this can be\n   * customized to control when to update.\n   *\n   * @param _changedProperties Map of changed properties with old values\n   * @category updates\n   */\n  protected shouldUpdate(_changedProperties: PropertyValues): boolean {\n    return true;\n  }\n\n  /**\n   * Updates the element. This method reflects property values to attributes.\n   * It can be overridden to render and keep updated element DOM.\n   * Setting properties inside this method will *not* trigger\n   * another update.\n   *\n   * @param _changedProperties Map of changed properties with old values\n   * @category updates\n   */\n  protected update(_changedProperties: PropertyValues) {\n    // The forEach() expression will only run when __reflectingProperties is\n    // defined, and it returns undefined, setting __reflectingProperties to\n    // undefined\n    this.__reflectingProperties &&= this.__reflectingProperties.forEach((p) =>\n      this.__propertyToAttribute(p, this[p as keyof this])\n    ) as undefined;\n    this.__markUpdated();\n  }\n\n  /**\n   * Invoked whenever the element is updated. Implement to perform\n   * post-updating tasks via DOM APIs, for example, focusing an element.\n   *\n   * Setting properties inside this method will trigger the element to update\n   * again after this update cycle completes.\n   *\n   * @param _changedProperties Map of changed properties with old values\n   * @category updates\n   */\n  protected updated(_changedProperties: PropertyValues) {}\n\n  /**\n   * Invoked when the element is first updated. Implement to perform one time\n   * work on the element after update.\n   *\n   * ```ts\n   * firstUpdated() {\n   *   this.renderRoot.getElementById('my-text-area').focus();\n   * }\n   * ```\n   *\n   * Setting properties inside this method will trigger the element to update\n   * again after this update cycle completes.\n   *\n   * @param _changedProperties Map of changed properties with old values\n   * @category updates\n   */\n  protected firstUpdated(_changedProperties: PropertyValues) {}\n}\n// Assigned here to work around a jscompiler bug with static fields\n// when compiling to ES5.\n// https://github.com/google/closure-compiler/issues/3177\n(ReactiveElement as unknown as Record<string, unknown>)[\n  JSCompiler_renameProperty('elementProperties', ReactiveElement)\n] = new Map();\n(ReactiveElement as unknown as Record<string, unknown>)[\n  JSCompiler_renameProperty('finalized', ReactiveElement)\n] = new Map();\n\n// Apply polyfills if available\npolyfillSupport?.({ReactiveElement});\n\n// Dev mode warnings...\nif (DEV_MODE) {\n  // Default warning set.\n  ReactiveElement.enabledWarnings = [\n    'change-in-update',\n    'async-perform-update',\n  ];\n  const ensureOwnWarnings = function (ctor: typeof ReactiveElement) {\n    if (\n      !ctor.hasOwnProperty(JSCompiler_renameProperty('enabledWarnings', ctor))\n    ) {\n      ctor.enabledWarnings = ctor.enabledWarnings!.slice();\n    }\n  };\n  ReactiveElement.enableWarning = function (\n    this: typeof ReactiveElement,\n    warning: WarningKind\n  ) {\n    ensureOwnWarnings(this);\n    if (!this.enabledWarnings!.includes(warning)) {\n      this.enabledWarnings!.push(warning);\n    }\n  };\n  ReactiveElement.disableWarning = function (\n    this: typeof ReactiveElement,\n    warning: WarningKind\n  ) {\n    ensureOwnWarnings(this);\n    const i = this.enabledWarnings!.indexOf(warning);\n    if (i >= 0) {\n      this.enabledWarnings!.splice(i, 1);\n    }\n  };\n}\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for ReactiveElement usage.\n(global.reactiveElementVersions ??= []).push('2.1.1');\nif (DEV_MODE && global.reactiveElementVersions.length > 1) {\n  queueMicrotask(() => {\n    issueWarning!(\n      'multiple-versions',\n      `Multiple versions of Lit loaded. Loading multiple versions ` +\n        `is not recommended.`\n    );\n  });\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// IMPORTANT: these imports must be type-only\nimport type {Directive, DirectiveResult, PartInfo} from './directive.js';\nimport type {TrustedHTML, TrustedTypesWindow} from 'trusted-types/lib/index.js';\n\nconst DEV_MODE = true;\nconst ENABLE_EXTRA_SECURITY_HOOKS = true;\nconst ENABLE_SHADYDOM_NOPATCH = true;\nconst NODE_MODE = false;\n\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace LitUnstable {\n  /**\n   * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n   * we will emit 'lit-debug' events to window, with live details about the update and render\n   * lifecycle. These can be useful for writing debug tooling and visualizations.\n   *\n   * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n   * making certain operations that are normally very cheap (like a no-op render) much slower,\n   * because we must copy data and dispatch events.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace DebugLog {\n    export type Entry =\n      | TemplatePrep\n      | TemplateInstantiated\n      | TemplateInstantiatedAndUpdated\n      | TemplateUpdating\n      | BeginRender\n      | EndRender\n      | CommitPartEntry\n      | SetPartValue;\n    export interface TemplatePrep {\n      kind: 'template prep';\n      template: Template;\n      strings: TemplateStringsArray;\n      clonableTemplate: HTMLTemplateElement;\n      parts: TemplatePart[];\n    }\n    export interface BeginRender {\n      kind: 'begin render';\n      id: number;\n      value: unknown;\n      container: HTMLElement | DocumentFragment;\n      options: RenderOptions | undefined;\n      part: ChildPart | undefined;\n    }\n    export interface EndRender {\n      kind: 'end render';\n      id: number;\n      value: unknown;\n      container: HTMLElement | DocumentFragment;\n      options: RenderOptions | undefined;\n      part: ChildPart;\n    }\n    export interface TemplateInstantiated {\n      kind: 'template instantiated';\n      template: Template | CompiledTemplate;\n      instance: TemplateInstance;\n      options: RenderOptions | undefined;\n      fragment: Node;\n      parts: Array<Part | undefined>;\n      values: unknown[];\n    }\n    export interface TemplateInstantiatedAndUpdated {\n      kind: 'template instantiated and updated';\n      template: Template | CompiledTemplate;\n      instance: TemplateInstance;\n      options: RenderOptions | undefined;\n      fragment: Node;\n      parts: Array<Part | undefined>;\n      values: unknown[];\n    }\n    export interface TemplateUpdating {\n      kind: 'template updating';\n      template: Template | CompiledTemplate;\n      instance: TemplateInstance;\n      options: RenderOptions | undefined;\n      parts: Array<Part | undefined>;\n      values: unknown[];\n    }\n    export interface SetPartValue {\n      kind: 'set part';\n      part: Part;\n      value: unknown;\n      valueIndex: number;\n      values: unknown[];\n      templateInstance: TemplateInstance;\n    }\n\n    export type CommitPartEntry =\n      | CommitNothingToChildEntry\n      | CommitText\n      | CommitNode\n      | CommitAttribute\n      | CommitProperty\n      | CommitBooleanAttribute\n      | CommitEventListener\n      | CommitToElementBinding;\n\n    export interface CommitNothingToChildEntry {\n      kind: 'commit nothing to child';\n      start: ChildNode;\n      end: ChildNode | null;\n      parent: Disconnectable | undefined;\n      options: RenderOptions | undefined;\n    }\n\n    export interface CommitText {\n      kind: 'commit text';\n      node: Text;\n      value: unknown;\n      options: RenderOptions | undefined;\n    }\n\n    export interface CommitNode {\n      kind: 'commit node';\n      start: Node;\n      parent: Disconnectable | undefined;\n      value: Node;\n      options: RenderOptions | undefined;\n    }\n\n    export interface CommitAttribute {\n      kind: 'commit attribute';\n      element: Element;\n      name: string;\n      value: unknown;\n      options: RenderOptions | undefined;\n    }\n\n    export interface CommitProperty {\n      kind: 'commit property';\n      element: Element;\n      name: string;\n      value: unknown;\n      options: RenderOptions | undefined;\n    }\n\n    export interface CommitBooleanAttribute {\n      kind: 'commit boolean attribute';\n      element: Element;\n      name: string;\n      value: boolean;\n      options: RenderOptions | undefined;\n    }\n\n    export interface CommitEventListener {\n      kind: 'commit event listener';\n      element: Element;\n      name: string;\n      value: unknown;\n      oldListener: unknown;\n      options: RenderOptions | undefined;\n      // True if we're removing the old event listener (e.g. because settings changed, or value is nothing)\n      removeListener: boolean;\n      // True if we're adding a new event listener (e.g. because first render, or settings changed)\n      addListener: boolean;\n    }\n\n    export interface CommitToElementBinding {\n      kind: 'commit to element binding';\n      element: Element;\n      value: unknown;\n      options: RenderOptions | undefined;\n    }\n  }\n}\n\ninterface DebugLoggingWindow {\n  // Even in dev mode, we generally don't want to emit these events, as that's\n  // another level of cost, so only emit them when DEV_MODE is true _and_ when\n  // window.emitLitDebugEvents is true.\n  emitLitDebugLogEvents?: boolean;\n}\n\n/**\n * Useful for visualizing and logging insights into what the Lit template system is doing.\n *\n * Compiled out of prod mode builds.\n */\nconst debugLogEvent = DEV_MODE\n  ? (event: LitUnstable.DebugLog.Entry) => {\n      const shouldEmit = (global as unknown as DebugLoggingWindow)\n        .emitLitDebugLogEvents;\n      if (!shouldEmit) {\n        return;\n      }\n      global.dispatchEvent(\n        new CustomEvent<LitUnstable.DebugLog.Entry>('lit-debug', {\n          detail: event,\n        })\n      );\n    }\n  : undefined;\n// Used for connecting beginRender and endRender events when there are nested\n// renders when errors are thrown preventing an endRender event from being\n// called.\nlet debugLogRenderId = 0;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n  global.litIssuedWarnings ??= new Set();\n\n  /**\n   * Issue a warning if we haven't already, based either on `code` or `warning`.\n   * Warnings are disabled automatically only by `warning`; disabling via `code`\n   * can be done by users.\n   */\n  issueWarning = (code: string, warning: string) => {\n    warning += code\n      ? ` See https://lit.dev/msg/${code} for more information.`\n      : '';\n    if (\n      !global.litIssuedWarnings!.has(warning) &&\n      !global.litIssuedWarnings!.has(code)\n    ) {\n      console.warn(warning);\n      global.litIssuedWarnings!.add(warning);\n    }\n  };\n\n  queueMicrotask(() => {\n    issueWarning(\n      'dev-mode',\n      `Lit is in dev mode. Not recommended for production!`\n    );\n  });\n}\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  global.ShadyDOM?.inUse &&\n  global.ShadyDOM?.noPatch === true\n    ? (global.ShadyDOM!.wrap as <T extends Node>(node: T) => T)\n    : <T extends Node>(node: T) => node;\n\nconst trustedTypes = (global as unknown as TrustedTypesWindow).trustedTypes;\n\n/**\n * Our TrustedTypePolicy for HTML which is declared using the html template\n * tag function.\n *\n * That HTML is a developer-authored constant, and is parsed with innerHTML\n * before any untrusted expressions have been mixed in. Therefor it is\n * considered safe by construction.\n */\nconst policy = trustedTypes\n  ? trustedTypes.createPolicy('lit-html', {\n      createHTML: (s) => s,\n    })\n  : undefined;\n\n/**\n * Used to sanitize any value before it is written into the DOM. This can be\n * used to implement a security policy of allowed and disallowed values in\n * order to prevent XSS attacks.\n *\n * One way of using this callback would be to check attributes and properties\n * against a list of high risk fields, and require that values written to such\n * fields be instances of a class which is safe by construction. Closure's Safe\n * HTML Types is one implementation of this technique (\n * https://github.com/google/safe-html-types/blob/master/doc/safehtml-types.md).\n * The TrustedTypes polyfill in API-only mode could also be used as a basis\n * for this technique (https://github.com/WICG/trusted-types).\n *\n * @param node The HTML node (usually either a #text node or an Element) that\n *     is being written to. Note that this is just an exemplar node, the write\n *     may take place against another instance of the same class of node.\n * @param name The name of an attribute or property (for example, 'href').\n * @param type Indicates whether the write that's about to be performed will\n *     be to a property or a node.\n * @return A function that will sanitize this class of writes.\n */\nexport type SanitizerFactory = (\n  node: Node,\n  name: string,\n  type: 'property' | 'attribute'\n) => ValueSanitizer;\n\n/**\n * A function which can sanitize values that will be written to a specific kind\n * of DOM sink.\n *\n * See SanitizerFactory.\n *\n * @param value The value to sanitize. Will be the actual value passed into\n *     the lit-html template literal, so this could be of any type.\n * @return The value to write to the DOM. Usually the same as the input value,\n *     unless sanitization is needed.\n */\nexport type ValueSanitizer = (value: unknown) => unknown;\n\nconst identityFunction: ValueSanitizer = (value: unknown) => value;\nconst noopSanitizer: SanitizerFactory = (\n  _node: Node,\n  _name: string,\n  _type: 'property' | 'attribute'\n) => identityFunction;\n\n/** Sets the global sanitizer factory. */\nconst setSanitizer = (newSanitizer: SanitizerFactory) => {\n  if (!ENABLE_EXTRA_SECURITY_HOOKS) {\n    return;\n  }\n  if (sanitizerFactoryInternal !== noopSanitizer) {\n    throw new Error(\n      `Attempted to overwrite existing lit-html security policy.` +\n        ` setSanitizeDOMValueFactory should be called at most once.`\n    );\n  }\n  sanitizerFactoryInternal = newSanitizer;\n};\n\n/**\n * Only used in internal tests, not a part of the public API.\n */\nconst _testOnlyClearSanitizerFactoryDoNotCallOrElse = () => {\n  sanitizerFactoryInternal = noopSanitizer;\n};\n\nconst createSanitizer: SanitizerFactory = (node, name, type) => {\n  return sanitizerFactoryInternal(node, name, type);\n};\n\n// Added to an attribute name to mark the attribute as bound so we can find\n// it easily.\nconst boundAttributeSuffix = '$lit$';\n\n// This marker is used in many syntactic positions in HTML, so it must be\n// a valid element name and attribute name. We don't support dynamic names (yet)\n// but this at least ensures that the parse tree is closer to the template\n// intention.\nconst marker = `lit$${Math.random().toFixed(9).slice(2)}$`;\n\n// String used to tell if a comment is a marker comment\nconst markerMatch = '?' + marker;\n\n// Text used to insert a comment marker node. We use processing instruction\n// syntax because it's slightly smaller, but parses as a comment node.\nconst nodeMarker = `<${markerMatch}>`;\n\nconst d =\n  NODE_MODE && global.document === undefined\n    ? ({\n        createTreeWalker() {\n          return {};\n        },\n      } as unknown as Document)\n    : document;\n\n// Creates a dynamic marker. We never have to search for these in the DOM.\nconst createMarker = () => d.createComment('');\n\n// https://tc39.github.io/ecma262/#sec-typeof-operator\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\nconst isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\nconst isArray = Array.isArray;\nconst isIterable = (value: unknown): value is Iterable<unknown> =>\n  isArray(value) ||\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  typeof (value as any)?.[Symbol.iterator] === 'function';\n\nconst SPACE_CHAR = `[ \\t\\n\\f\\r]`;\nconst ATTR_VALUE_CHAR = `[^ \\t\\n\\f\\r\"'\\`<>=]`;\nconst NAME_CHAR = `[^\\\\s\"'>=/]`;\n\n// These regexes represent the five parsing states that we care about in the\n// Template's HTML scanner. They match the *end* of the state they're named\n// after.\n// Depending on the match, we transition to a new state. If there's no match,\n// we stay in the same state.\n// Note that the regexes are stateful. We utilize lastIndex and sync it\n// across the multiple regexes used. In addition to the five regexes below\n// we also dynamically create a regex to find the matching end tags for raw\n// text elements.\n\n/**\n * End of text is: `<` followed by:\n *   (comment start) or (tag) or (dynamic tag binding)\n */\nconst textEndRegex = /<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g;\nconst COMMENT_START = 1;\nconst TAG_NAME = 2;\nconst DYNAMIC_TAG_NAME = 3;\n\nconst commentEndRegex = /-->/g;\n/**\n * Comments not started with <!--, like </{, can be ended by a single `>`\n */\nconst comment2EndRegex = />/g;\n\n/**\n * The tagEnd regex matches the end of the \"inside an opening\" tag syntax\n * position. It either matches a `>`, an attribute-like sequence, or the end\n * of the string after a space (attribute-name position ending).\n *\n * See attributes in the HTML spec:\n * https://www.w3.org/TR/html5/syntax.html#elements-attributes\n *\n * \" \\t\\n\\f\\r\" are HTML space characters:\n * https://infra.spec.whatwg.org/#ascii-whitespace\n *\n * So an attribute is:\n *  * The name: any character except a whitespace character, (\"), ('), \">\",\n *    \"=\", or \"/\". Note: this is different from the HTML spec which also excludes control characters.\n *  * Followed by zero or more space characters\n *  * Followed by \"=\"\n *  * Followed by zero or more space characters\n *  * Followed by:\n *    * Any character except space, ('), (\"), \"<\", \">\", \"=\", (`), or\n *    * (\") then any non-(\"), or\n *    * (') then any non-(')\n */\nconst tagEndRegex = new RegExp(\n  `>|${SPACE_CHAR}(?:(${NAME_CHAR}+)(${SPACE_CHAR}*=${SPACE_CHAR}*(?:${ATTR_VALUE_CHAR}|(\"|')|))|$)`,\n  'g'\n);\nconst ENTIRE_MATCH = 0;\nconst ATTRIBUTE_NAME = 1;\nconst SPACES_AND_EQUALS = 2;\nconst QUOTE_CHAR = 3;\n\nconst singleQuoteAttrEndRegex = /'/g;\nconst doubleQuoteAttrEndRegex = /\"/g;\n/**\n * Matches the raw text elements.\n *\n * Comments are not parsed within raw text elements, so we need to search their\n * text content for marker strings.\n */\nconst rawTextElement = /^(?:script|style|textarea|title)$/i;\n\n/** TemplateResult types */\nconst HTML_RESULT = 1;\nconst SVG_RESULT = 2;\nconst MATHML_RESULT = 3;\n\ntype ResultType = typeof HTML_RESULT | typeof SVG_RESULT | typeof MATHML_RESULT;\n\n// TemplatePart types\n// IMPORTANT: these must match the values in PartType\nconst ATTRIBUTE_PART = 1;\nconst CHILD_PART = 2;\nconst PROPERTY_PART = 3;\nconst BOOLEAN_ATTRIBUTE_PART = 4;\nconst EVENT_PART = 5;\nconst ELEMENT_PART = 6;\nconst COMMENT_PART = 7;\n\n/**\n * The return type of the template tag functions, {@linkcode html} and\n * {@linkcode svg} when it hasn't been compiled by @lit-labs/compiler.\n *\n * A `TemplateResult` object holds all the information about a template\n * expression required to render it: the template strings, expression values,\n * and type of template (html or svg).\n *\n * `TemplateResult` objects do not create any DOM on their own. To create or\n * update DOM you need to render the `TemplateResult`. See\n * [Rendering](https://lit.dev/docs/components/rendering) for more information.\n *\n */\nexport type UncompiledTemplateResult<T extends ResultType = ResultType> = {\n  // This property needs to remain unminified.\n  ['_$litType$']: T;\n  strings: TemplateStringsArray;\n  values: unknown[];\n};\n\n/**\n * This is a template result that may be either uncompiled or compiled.\n *\n * In the future, TemplateResult will be this type. If you want to explicitly\n * note that a template result is potentially compiled, you can reference this\n * type and it will continue to behave the same through the next major version\n * of Lit. This can be useful for code that wants to prepare for the next\n * major version of Lit.\n */\nexport type MaybeCompiledTemplateResult<T extends ResultType = ResultType> =\n  | UncompiledTemplateResult<T>\n  | CompiledTemplateResult;\n\n/**\n * The return type of the template tag functions, {@linkcode html} and\n * {@linkcode svg}.\n *\n * A `TemplateResult` object holds all the information about a template\n * expression required to render it: the template strings, expression values,\n * and type of template (html or svg).\n *\n * `TemplateResult` objects do not create any DOM on their own. To create or\n * update DOM you need to render the `TemplateResult`. See\n * [Rendering](https://lit.dev/docs/components/rendering) for more information.\n *\n * In Lit 4, this type will be an alias of\n * MaybeCompiledTemplateResult, so that code will get type errors if it assumes\n * that Lit templates are not compiled. When deliberately working with only\n * one, use either {@linkcode CompiledTemplateResult} or\n * {@linkcode UncompiledTemplateResult} explicitly.\n */\nexport type TemplateResult<T extends ResultType = ResultType> =\n  UncompiledTemplateResult<T>;\n\nexport type HTMLTemplateResult = TemplateResult<typeof HTML_RESULT>;\n\nexport type SVGTemplateResult = TemplateResult<typeof SVG_RESULT>;\n\nexport type MathMLTemplateResult = TemplateResult<typeof MATHML_RESULT>;\n\n/**\n * A TemplateResult that has been compiled by @lit-labs/compiler, skipping the\n * prepare step.\n */\nexport interface CompiledTemplateResult {\n  // This is a factory in order to make template initialization lazy\n  // and allow ShadyRenderOptions scope to be passed in.\n  // This property needs to remain unminified.\n  ['_$litType$']: CompiledTemplate;\n  values: unknown[];\n}\n\nexport interface CompiledTemplate extends Omit<Template, 'el'> {\n  // el is overridden to be optional. We initialize it on first render\n  el?: HTMLTemplateElement;\n\n  // The prepared HTML string to create a template element from.\n  // The type is a TemplateStringsArray to guarantee that the value came from\n  // source code, preventing a JSON injection attack.\n  h: TemplateStringsArray;\n}\n\n/**\n * Generates a template literal tag function that returns a TemplateResult with\n * the given result type.\n */\nconst tag =\n  <T extends ResultType>(type: T) =>\n  (strings: TemplateStringsArray, ...values: unknown[]): TemplateResult<T> => {\n    // Warn against templates octal escape sequences\n    // We do this here rather than in render so that the warning is closer to the\n    // template definition.\n    if (DEV_MODE && strings.some((s) => s === undefined)) {\n      console.warn(\n        'Some template strings are undefined.\\n' +\n          'This is probably caused by illegal octal escape sequences.'\n      );\n    }\n    if (DEV_MODE) {\n      // Import static-html.js results in a circular dependency which g3 doesn't\n      // handle. Instead we know that static values must have the field\n      // `_$litStatic$`.\n      if (\n        values.some((val) => (val as {_$litStatic$: unknown})?.['_$litStatic$'])\n      ) {\n        issueWarning(\n          '',\n          `Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\\n` +\n            `Please use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions`\n        );\n      }\n    }\n    return {\n      // This property needs to remain unminified.\n      ['_$litType$']: type,\n      strings,\n      values,\n    };\n  };\n\n/**\n * Interprets a template literal as an HTML template that can efficiently\n * render to and update a container.\n *\n * ```ts\n * const header = (title: string) => html`<h1>${title}</h1>`;\n * ```\n *\n * The `html` tag returns a description of the DOM to render as a value. It is\n * lazy, meaning no work is done until the template is rendered. When rendering,\n * if a template comes from the same expression as a previously rendered result,\n * it's efficiently updated instead of replaced.\n */\nexport const html = tag(HTML_RESULT);\n\n/**\n * Interprets a template literal as an SVG fragment that can efficiently render\n * to and update a container.\n *\n * ```ts\n * const rect = svg`<rect width=\"10\" height=\"10\"></rect>`;\n *\n * const myImage = html`\n *   <svg viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\">\n *     ${rect}\n *   </svg>`;\n * ```\n *\n * The `svg` *tag function* should only be used for SVG fragments, or elements\n * that would be contained **inside** an `<svg>` HTML element. A common error is\n * placing an `<svg>` *element* in a template tagged with the `svg` tag\n * function. The `<svg>` element is an HTML element and should be used within a\n * template tagged with the {@linkcode html} tag function.\n *\n * In LitElement usage, it's invalid to return an SVG fragment from the\n * `render()` method, as the SVG fragment will be contained within the element's\n * shadow root and thus not be properly contained within an `<svg>` HTML\n * element.\n */\nexport const svg = tag(SVG_RESULT);\n\n/**\n * Interprets a template literal as MathML fragment that can efficiently render\n * to and update a container.\n *\n * ```ts\n * const num = mathml`<mn>1</mn>`;\n *\n * const eq = html`\n *   <math>\n *     ${num}\n *   </math>`;\n * ```\n *\n * The `mathml` *tag function* should only be used for MathML fragments, or\n * elements that would be contained **inside** a `<math>` HTML element. A common\n * error is placing a `<math>` *element* in a template tagged with the `mathml`\n * tag function. The `<math>` element is an HTML element and should be used\n * within a template tagged with the {@linkcode html} tag function.\n *\n * In LitElement usage, it's invalid to return an MathML fragment from the\n * `render()` method, as the MathML fragment will be contained within the\n * element's shadow root and thus not be properly contained within a `<math>`\n * HTML element.\n */\nexport const mathml = tag(MATHML_RESULT);\n\n/**\n * A sentinel value that signals that a value was handled by a directive and\n * should not be written to the DOM.\n */\nexport const noChange = Symbol.for('lit-noChange');\n\n/**\n * A sentinel value that signals a ChildPart to fully clear its content.\n *\n * ```ts\n * const button = html`${\n *  user.isAdmin\n *    ? html`<button>DELETE</button>`\n *    : nothing\n * }`;\n * ```\n *\n * Prefer using `nothing` over other falsy values as it provides a consistent\n * behavior between various expression binding contexts.\n *\n * In child expressions, `undefined`, `null`, `''`, and `nothing` all behave the\n * same and render no nodes. In attribute expressions, `nothing` _removes_ the\n * attribute, while `undefined` and `null` will render an empty string. In\n * property expressions `nothing` becomes `undefined`.\n */\nexport const nothing = Symbol.for('lit-nothing');\n\n/**\n * The cache of prepared templates, keyed by the tagged TemplateStringsArray\n * and _not_ accounting for the specific template tag used. This means that\n * template tags cannot be dynamic - they must statically be one of html, svg,\n * or attr. This restriction simplifies the cache lookup, which is on the hot\n * path for rendering.\n */\nconst templateCache = new WeakMap<TemplateStringsArray, Template>();\n\n/**\n * Object specifying options for controlling lit-html rendering. Note that\n * while `render` may be called multiple times on the same `container` (and\n * `renderBefore` reference node) to efficiently update the rendered content,\n * only the options passed in during the first render are respected during\n * the lifetime of renders to that unique `container` + `renderBefore`\n * combination.\n */\nexport interface RenderOptions {\n  /**\n   * An object to use as the `this` value for event listeners. It's often\n   * useful to set this to the host component rendering a template.\n   */\n  host?: object;\n  /**\n   * A DOM node before which to render content in the container.\n   */\n  renderBefore?: ChildNode | null;\n  /**\n   * Node used for cloning the template (`importNode` will be called on this\n   * node). This controls the `ownerDocument` of the rendered DOM, along with\n   * any inherited context. Defaults to the global `document`.\n   */\n  creationScope?: {importNode(node: Node, deep?: boolean): Node};\n  /**\n   * The initial connected state for the top-level part being rendered. If no\n   * `isConnected` option is set, `AsyncDirective`s will be connected by\n   * default. Set to `false` if the initial render occurs in a disconnected tree\n   * and `AsyncDirective`s should see `isConnected === false` for their initial\n   * render. The `part.setConnected()` method must be used subsequent to initial\n   * render to change the connected state of the part.\n   */\n  isConnected?: boolean;\n}\n\nconst walker = d.createTreeWalker(\n  d,\n  129 /* NodeFilter.SHOW_{ELEMENT|COMMENT} */\n);\n\nlet sanitizerFactoryInternal: SanitizerFactory = noopSanitizer;\n\n//\n// Classes only below here, const variable declarations only above here...\n//\n// Keeping variable declarations and classes together improves minification.\n// Interfaces and type aliases can be interleaved freely.\n//\n\n// Type for classes that have a `_directive` or `_directives[]` field, used by\n// `resolveDirective`\nexport interface DirectiveParent {\n  _$parent?: DirectiveParent;\n  _$isConnected: boolean;\n  __directive?: Directive;\n  __directives?: Array<Directive | undefined>;\n}\n\nfunction trustFromTemplateString(\n  tsa: TemplateStringsArray,\n  stringFromTSA: string\n): TrustedHTML {\n  // A security check to prevent spoofing of Lit template results.\n  // In the future, we may be able to replace this with Array.isTemplateObject,\n  // though we might need to make that check inside of the html and svg\n  // functions, because precompiled templates don't come in as\n  // TemplateStringArray objects.\n  if (!isArray(tsa) || !tsa.hasOwnProperty('raw')) {\n    let message = 'invalid template strings array';\n    if (DEV_MODE) {\n      message = `\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        `\n        .trim()\n        .replace(/\\n */g, '\\n');\n    }\n    throw new Error(message);\n  }\n  return policy !== undefined\n    ? policy.createHTML(stringFromTSA)\n    : (stringFromTSA as unknown as TrustedHTML);\n}\n\n/**\n * Returns an HTML string for the given TemplateStringsArray and result type\n * (HTML or SVG), along with the case-sensitive bound attribute names in\n * template order. The HTML contains comment markers denoting the `ChildPart`s\n * and suffixes on bound attributes denoting the `AttributeParts`.\n *\n * @param strings template strings array\n * @param type HTML or SVG\n * @return Array containing `[html, attrNames]` (array returned for terseness,\n *     to avoid object fields since this code is shared with non-minified SSR\n *     code)\n */\nconst getTemplateHtml = (\n  strings: TemplateStringsArray,\n  type: ResultType\n): [TrustedHTML, Array<string>] => {\n  // Insert makers into the template HTML to represent the position of\n  // bindings. The following code scans the template strings to determine the\n  // syntactic position of the bindings. They can be in text position, where\n  // we insert an HTML comment, attribute value position, where we insert a\n  // sentinel string and re-write the attribute name, or inside a tag where\n  // we insert the sentinel string.\n  const l = strings.length - 1;\n  // Stores the case-sensitive bound attribute names in the order of their\n  // parts. ElementParts are also reflected in this array as undefined\n  // rather than a string, to disambiguate from attribute bindings.\n  const attrNames: Array<string> = [];\n  let html =\n    type === SVG_RESULT ? '<svg>' : type === MATHML_RESULT ? '<math>' : '';\n\n  // When we're inside a raw text tag (not it's text content), the regex\n  // will still be tagRegex so we can find attributes, but will switch to\n  // this regex when the tag ends.\n  let rawTextEndRegex: RegExp | undefined;\n\n  // The current parsing state, represented as a reference to one of the\n  // regexes\n  let regex = textEndRegex;\n\n  for (let i = 0; i < l; i++) {\n    const s = strings[i];\n    // The index of the end of the last attribute name. When this is\n    // positive at end of a string, it means we're in an attribute value\n    // position and need to rewrite the attribute name.\n    // We also use a special value of -2 to indicate that we encountered\n    // the end of a string in attribute name position.\n    let attrNameEndIndex = -1;\n    let attrName: string | undefined;\n    let lastIndex = 0;\n    let match!: RegExpExecArray | null;\n\n    // The conditions in this loop handle the current parse state, and the\n    // assignments to the `regex` variable are the state transitions.\n    while (lastIndex < s.length) {\n      // Make sure we start searching from where we previously left off\n      regex.lastIndex = lastIndex;\n      match = regex.exec(s);\n      if (match === null) {\n        break;\n      }\n      lastIndex = regex.lastIndex;\n      if (regex === textEndRegex) {\n        if (match[COMMENT_START] === '!--') {\n          regex = commentEndRegex;\n        } else if (match[COMMENT_START] !== undefined) {\n          // We started a weird comment, like </{\n          regex = comment2EndRegex;\n        } else if (match[TAG_NAME] !== undefined) {\n          if (rawTextElement.test(match[TAG_NAME])) {\n            // Record if we encounter a raw-text element. We'll switch to\n            // this regex at the end of the tag.\n            rawTextEndRegex = new RegExp(`</${match[TAG_NAME]}`, 'g');\n          }\n          regex = tagEndRegex;\n        } else if (match[DYNAMIC_TAG_NAME] !== undefined) {\n          if (DEV_MODE) {\n            throw new Error(\n              'Bindings in tag names are not supported. Please use static templates instead. ' +\n                'See https://lit.dev/docs/templates/expressions/#static-expressions'\n            );\n          }\n          regex = tagEndRegex;\n        }\n      } else if (regex === tagEndRegex) {\n        if (match[ENTIRE_MATCH] === '>') {\n          // End of a tag. If we had started a raw-text element, use that\n          // regex\n          regex = rawTextEndRegex ?? textEndRegex;\n          // We may be ending an unquoted attribute value, so make sure we\n          // clear any pending attrNameEndIndex\n          attrNameEndIndex = -1;\n        } else if (match[ATTRIBUTE_NAME] === undefined) {\n          // Attribute name position\n          attrNameEndIndex = -2;\n        } else {\n          attrNameEndIndex = regex.lastIndex - match[SPACES_AND_EQUALS].length;\n          attrName = match[ATTRIBUTE_NAME];\n          regex =\n            match[QUOTE_CHAR] === undefined\n              ? tagEndRegex\n              : match[QUOTE_CHAR] === '\"'\n                ? doubleQuoteAttrEndRegex\n                : singleQuoteAttrEndRegex;\n        }\n      } else if (\n        regex === doubleQuoteAttrEndRegex ||\n        regex === singleQuoteAttrEndRegex\n      ) {\n        regex = tagEndRegex;\n      } else if (regex === commentEndRegex || regex === comment2EndRegex) {\n        regex = textEndRegex;\n      } else {\n        // Not one of the five state regexes, so it must be the dynamically\n        // created raw text regex and we're at the close of that element.\n        regex = tagEndRegex;\n        rawTextEndRegex = undefined;\n      }\n    }\n\n    if (DEV_MODE) {\n      // If we have a attrNameEndIndex, which indicates that we should\n      // rewrite the attribute name, assert that we're in a valid attribute\n      // position - either in a tag, or a quoted attribute value.\n      console.assert(\n        attrNameEndIndex === -1 ||\n          regex === tagEndRegex ||\n          regex === singleQuoteAttrEndRegex ||\n          regex === doubleQuoteAttrEndRegex,\n        'unexpected parse state B'\n      );\n    }\n\n    // We have four cases:\n    //  1. We're in text position, and not in a raw text element\n    //     (regex === textEndRegex): insert a comment marker.\n    //  2. We have a non-negative attrNameEndIndex which means we need to\n    //     rewrite the attribute name to add a bound attribute suffix.\n    //  3. We're at the non-first binding in a multi-binding attribute, use a\n    //     plain marker.\n    //  4. We're somewhere else inside the tag. If we're in attribute name\n    //     position (attrNameEndIndex === -2), add a sequential suffix to\n    //     generate a unique attribute name.\n\n    // Detect a binding next to self-closing tag end and insert a space to\n    // separate the marker from the tag end:\n    const end =\n      regex === tagEndRegex && strings[i + 1].startsWith('/>') ? ' ' : '';\n    html +=\n      regex === textEndRegex\n        ? s + nodeMarker\n        : attrNameEndIndex >= 0\n          ? (attrNames.push(attrName!),\n            s.slice(0, attrNameEndIndex) +\n              boundAttributeSuffix +\n              s.slice(attrNameEndIndex)) +\n            marker +\n            end\n          : s + marker + (attrNameEndIndex === -2 ? i : end);\n  }\n\n  const htmlResult: string | TrustedHTML =\n    html +\n    (strings[l] || '<?>') +\n    (type === SVG_RESULT ? '</svg>' : type === MATHML_RESULT ? '</math>' : '');\n\n  // Returned as an array for terseness\n  return [trustFromTemplateString(strings, htmlResult), attrNames];\n};\n\n/** @internal */\nexport type {Template};\nclass Template {\n  /** @internal */\n  el!: HTMLTemplateElement;\n\n  parts: Array<TemplatePart> = [];\n\n  constructor(\n    // This property needs to remain unminified.\n    {strings, ['_$litType$']: type}: UncompiledTemplateResult,\n    options?: RenderOptions\n  ) {\n    let node: Node | null;\n    let nodeIndex = 0;\n    let attrNameIndex = 0;\n    const partCount = strings.length - 1;\n    const parts = this.parts;\n\n    // Create template element\n    const [html, attrNames] = getTemplateHtml(strings, type);\n    this.el = Template.createElement(html, options);\n    walker.currentNode = this.el.content;\n\n    // Re-parent SVG or MathML nodes into template root\n    if (type === SVG_RESULT || type === MATHML_RESULT) {\n      const wrapper = this.el.content.firstChild!;\n      wrapper.replaceWith(...wrapper.childNodes);\n    }\n\n    // Walk the template to find binding markers and create TemplateParts\n    while ((node = walker.nextNode()) !== null && parts.length < partCount) {\n      if (node.nodeType === 1) {\n        if (DEV_MODE) {\n          const tag = (node as Element).localName;\n          // Warn if `textarea` includes an expression and throw if `template`\n          // does since these are not supported. We do this by checking\n          // innerHTML for anything that looks like a marker. This catches\n          // cases like bindings in textarea there markers turn into text nodes.\n          if (\n            /^(?:textarea|template)$/i!.test(tag) &&\n            (node as Element).innerHTML.includes(marker)\n          ) {\n            const m =\n              `Expressions are not supported inside \\`${tag}\\` ` +\n              `elements. See https://lit.dev/msg/expression-in-${tag} for more ` +\n              `information.`;\n            if (tag === 'template') {\n              throw new Error(m);\n            } else issueWarning('', m);\n          }\n        }\n        // TODO (justinfagnani): for attempted dynamic tag names, we don't\n        // increment the bindingIndex, and it'll be off by 1 in the element\n        // and off by two after it.\n        if ((node as Element).hasAttributes()) {\n          for (const name of (node as Element).getAttributeNames()) {\n            if (name.endsWith(boundAttributeSuffix)) {\n              const realName = attrNames[attrNameIndex++];\n              const value = (node as Element).getAttribute(name)!;\n              const statics = value.split(marker);\n              const m = /([.?@])?(.*)/.exec(realName)!;\n              parts.push({\n                type: ATTRIBUTE_PART,\n                index: nodeIndex,\n                name: m[2],\n                strings: statics,\n                ctor:\n                  m[1] === '.'\n                    ? PropertyPart\n                    : m[1] === '?'\n                      ? BooleanAttributePart\n                      : m[1] === '@'\n                        ? EventPart\n                        : AttributePart,\n              });\n              (node as Element).removeAttribute(name);\n            } else if (name.startsWith(marker)) {\n              parts.push({\n                type: ELEMENT_PART,\n                index: nodeIndex,\n              });\n              (node as Element).removeAttribute(name);\n            }\n          }\n        }\n        // TODO (justinfagnani): benchmark the regex against testing for each\n        // of the 3 raw text element names.\n        if (rawTextElement.test((node as Element).tagName)) {\n          // For raw text elements we need to split the text content on\n          // markers, create a Text node for each segment, and create\n          // a TemplatePart for each marker.\n          const strings = (node as Element).textContent!.split(marker);\n          const lastIndex = strings.length - 1;\n          if (lastIndex > 0) {\n            (node as Element).textContent = trustedTypes\n              ? (trustedTypes.emptyScript as unknown as '')\n              : '';\n            // Generate a new text node for each literal section\n            // These nodes are also used as the markers for child parts\n            for (let i = 0; i < lastIndex; i++) {\n              (node as Element).append(strings[i], createMarker());\n              // Walk past the marker node we just added\n              walker.nextNode();\n              parts.push({type: CHILD_PART, index: ++nodeIndex});\n            }\n            // Note because this marker is added after the walker's current\n            // node, it will be walked to in the outer loop (and ignored), so\n            // we don't need to adjust nodeIndex here\n            (node as Element).append(strings[lastIndex], createMarker());\n          }\n        }\n      } else if (node.nodeType === 8) {\n        const data = (node as Comment).data;\n        if (data === markerMatch) {\n          parts.push({type: CHILD_PART, index: nodeIndex});\n        } else {\n          let i = -1;\n          while ((i = (node as Comment).data.indexOf(marker, i + 1)) !== -1) {\n            // Comment node has a binding marker inside, make an inactive part\n            // The binding won't work, but subsequent bindings will\n            parts.push({type: COMMENT_PART, index: nodeIndex});\n            // Move to the end of the match\n            i += marker.length - 1;\n          }\n        }\n      }\n      nodeIndex++;\n    }\n\n    if (DEV_MODE) {\n      // If there was a duplicate attribute on a tag, then when the tag is\n      // parsed into an element the attribute gets de-duplicated. We can detect\n      // this mismatch if we haven't precisely consumed every attribute name\n      // when preparing the template. This works because `attrNames` is built\n      // from the template string and `attrNameIndex` comes from processing the\n      // resulting DOM.\n      if (attrNames.length !== attrNameIndex) {\n        throw new Error(\n          `Detected duplicate attribute bindings. This occurs if your template ` +\n            `has duplicate attributes on an element tag. For example ` +\n            `\"<input ?disabled=\\${true} ?disabled=\\${false}>\" contains a ` +\n            `duplicate \"disabled\" attribute. The error was detected in ` +\n            `the following template: \\n` +\n            '`' +\n            strings.join('${...}') +\n            '`'\n        );\n      }\n    }\n\n    // We could set walker.currentNode to another node here to prevent a memory\n    // leak, but every time we prepare a template, we immediately render it\n    // and re-use the walker in new TemplateInstance._clone().\n    debugLogEvent &&\n      debugLogEvent({\n        kind: 'template prep',\n        template: this,\n        clonableTemplate: this.el,\n        parts: this.parts,\n        strings,\n      });\n  }\n\n  // Overridden via `litHtmlPolyfillSupport` to provide platform support.\n  /** @nocollapse */\n  static createElement(html: TrustedHTML, _options?: RenderOptions) {\n    const el = d.createElement('template');\n    el.innerHTML = html as unknown as string;\n    return el;\n  }\n}\n\nexport interface Disconnectable {\n  _$parent?: Disconnectable;\n  _$disconnectableChildren?: Set<Disconnectable>;\n  // Rather than hold connection state on instances, Disconnectables recursively\n  // fetch the connection state from the RootPart they are connected in via\n  // getters up the Disconnectable tree via _$parent references. This pushes the\n  // cost of tracking the isConnected state to `AsyncDirectives`, and avoids\n  // needing to pass all Disconnectables (parts, template instances, and\n  // directives) their connection state each time it changes, which would be\n  // costly for trees that have no AsyncDirectives.\n  _$isConnected: boolean;\n}\n\nfunction resolveDirective(\n  part: ChildPart | AttributePart | ElementPart,\n  value: unknown,\n  parent: DirectiveParent = part,\n  attributeIndex?: number\n): unknown {\n  // Bail early if the value is explicitly noChange. Note, this means any\n  // nested directive is still attached and is not run.\n  if (value === noChange) {\n    return value;\n  }\n  let currentDirective =\n    attributeIndex !== undefined\n      ? (parent as AttributePart).__directives?.[attributeIndex]\n      : (parent as ChildPart | ElementPart | Directive).__directive;\n  const nextDirectiveConstructor = isPrimitive(value)\n    ? undefined\n    : // This property needs to remain unminified.\n      (value as DirectiveResult)['_$litDirective$'];\n  if (currentDirective?.constructor !== nextDirectiveConstructor) {\n    // This property needs to remain unminified.\n    currentDirective?.['_$notifyDirectiveConnectionChanged']?.(false);\n    if (nextDirectiveConstructor === undefined) {\n      currentDirective = undefined;\n    } else {\n      currentDirective = new nextDirectiveConstructor(part as PartInfo);\n      currentDirective._$initialize(part, parent, attributeIndex);\n    }\n    if (attributeIndex !== undefined) {\n      ((parent as AttributePart).__directives ??= [])[attributeIndex] =\n        currentDirective;\n    } else {\n      (parent as ChildPart | Directive).__directive = currentDirective;\n    }\n  }\n  if (currentDirective !== undefined) {\n    value = resolveDirective(\n      part,\n      currentDirective._$resolve(part, (value as DirectiveResult).values),\n      currentDirective,\n      attributeIndex\n    );\n  }\n  return value;\n}\n\nexport type {TemplateInstance};\n/**\n * An updateable instance of a Template. Holds references to the Parts used to\n * update the template instance.\n */\nclass TemplateInstance implements Disconnectable {\n  _$template: Template;\n  _$parts: Array<Part | undefined> = [];\n\n  /** @internal */\n  _$parent: ChildPart;\n  /** @internal */\n  _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n  constructor(template: Template, parent: ChildPart) {\n    this._$template = template;\n    this._$parent = parent;\n  }\n\n  // Called by ChildPart parentNode getter\n  get parentNode() {\n    return this._$parent.parentNode;\n  }\n\n  // See comment in Disconnectable interface for why this is a getter\n  get _$isConnected() {\n    return this._$parent._$isConnected;\n  }\n\n  // This method is separate from the constructor because we need to return a\n  // DocumentFragment and we don't want to hold onto it with an instance field.\n  _clone(options: RenderOptions | undefined) {\n    const {\n      el: {content},\n      parts: parts,\n    } = this._$template;\n    const fragment = (options?.creationScope ?? d).importNode(content, true);\n    walker.currentNode = fragment;\n\n    let node = walker.nextNode()!;\n    let nodeIndex = 0;\n    let partIndex = 0;\n    let templatePart = parts[0];\n\n    while (templatePart !== undefined) {\n      if (nodeIndex === templatePart.index) {\n        let part: Part | undefined;\n        if (templatePart.type === CHILD_PART) {\n          part = new ChildPart(\n            node as HTMLElement,\n            node.nextSibling,\n            this,\n            options\n          );\n        } else if (templatePart.type === ATTRIBUTE_PART) {\n          part = new templatePart.ctor(\n            node as HTMLElement,\n            templatePart.name,\n            templatePart.strings,\n            this,\n            options\n          );\n        } else if (templatePart.type === ELEMENT_PART) {\n          part = new ElementPart(node as HTMLElement, this, options);\n        }\n        this._$parts.push(part);\n        templatePart = parts[++partIndex];\n      }\n      if (nodeIndex !== templatePart?.index) {\n        node = walker.nextNode()!;\n        nodeIndex++;\n      }\n    }\n    // We need to set the currentNode away from the cloned tree so that we\n    // don't hold onto the tree even if the tree is detached and should be\n    // freed.\n    walker.currentNode = d;\n    return fragment;\n  }\n\n  _update(values: Array<unknown>) {\n    let i = 0;\n    for (const part of this._$parts) {\n      if (part !== undefined) {\n        debugLogEvent &&\n          debugLogEvent({\n            kind: 'set part',\n            part,\n            value: values[i],\n            valueIndex: i,\n            values,\n            templateInstance: this,\n          });\n        if ((part as AttributePart).strings !== undefined) {\n          (part as AttributePart)._$setValue(values, part as AttributePart, i);\n          // The number of values the part consumes is part.strings.length - 1\n          // since values are in between template spans. We increment i by 1\n          // later in the loop, so increment it by part.strings.length - 2 here\n          i += (part as AttributePart).strings!.length - 2;\n        } else {\n          part._$setValue(values[i]);\n        }\n      }\n      i++;\n    }\n  }\n}\n\n/*\n * Parts\n */\ntype AttributeTemplatePart = {\n  readonly type: typeof ATTRIBUTE_PART;\n  readonly index: number;\n  readonly name: string;\n  readonly ctor: typeof AttributePart;\n  readonly strings: ReadonlyArray<string>;\n};\ntype ChildTemplatePart = {\n  readonly type: typeof CHILD_PART;\n  readonly index: number;\n};\ntype ElementTemplatePart = {\n  readonly type: typeof ELEMENT_PART;\n  readonly index: number;\n};\ntype CommentTemplatePart = {\n  readonly type: typeof COMMENT_PART;\n  readonly index: number;\n};\n\n/**\n * A TemplatePart represents a dynamic part in a template, before the template\n * is instantiated. When a template is instantiated Parts are created from\n * TemplateParts.\n */\ntype TemplatePart =\n  | ChildTemplatePart\n  | AttributeTemplatePart\n  | ElementTemplatePart\n  | CommentTemplatePart;\n\nexport type Part =\n  | ChildPart\n  | AttributePart\n  | PropertyPart\n  | BooleanAttributePart\n  | ElementPart\n  | EventPart;\n\nexport type {ChildPart};\nclass ChildPart implements Disconnectable {\n  readonly type = CHILD_PART;\n  readonly options: RenderOptions | undefined;\n  _$committedValue: unknown = nothing;\n  /** @internal */\n  __directive?: Directive;\n  /** @internal */\n  _$startNode: ChildNode;\n  /** @internal */\n  _$endNode: ChildNode | null;\n  private _textSanitizer: ValueSanitizer | undefined;\n  /** @internal */\n  _$parent: Disconnectable | undefined;\n  /**\n   * Connection state for RootParts only (i.e. ChildPart without _$parent\n   * returned from top-level `render`). This field is unused otherwise. The\n   * intention would be clearer if we made `RootPart` a subclass of `ChildPart`\n   * with this field (and a different _$isConnected getter), but the subclass\n   * caused a perf regression, possibly due to making call sites polymorphic.\n   * @internal\n   */\n  __isConnected: boolean;\n\n  // See comment in Disconnectable interface for why this is a getter\n  get _$isConnected() {\n    // ChildParts that are not at the root should always be created with a\n    // parent; only RootChildNode's won't, so they return the local isConnected\n    // state\n    return this._$parent?._$isConnected ?? this.__isConnected;\n  }\n\n  // The following fields will be patched onto ChildParts when required by\n  // AsyncDirective\n  /** @internal */\n  _$disconnectableChildren?: Set<Disconnectable> = undefined;\n  /** @internal */\n  _$notifyConnectionChanged?(\n    isConnected: boolean,\n    removeFromParent?: boolean,\n    from?: number\n  ): void;\n  /** @internal */\n  _$reparentDisconnectables?(parent: Disconnectable): void;\n\n  constructor(\n    startNode: ChildNode,\n    endNode: ChildNode | null,\n    parent: TemplateInstance | ChildPart | undefined,\n    options: RenderOptions | undefined\n  ) {\n    this._$startNode = startNode;\n    this._$endNode = endNode;\n    this._$parent = parent;\n    this.options = options;\n    // Note __isConnected is only ever accessed on RootParts (i.e. when there is\n    // no _$parent); the value on a non-root-part is \"don't care\", but checking\n    // for parent would be more code\n    this.__isConnected = options?.isConnected ?? true;\n    if (ENABLE_EXTRA_SECURITY_HOOKS) {\n      // Explicitly initialize for consistent class shape.\n      this._textSanitizer = undefined;\n    }\n  }\n\n  /**\n   * The parent node into which the part renders its content.\n   *\n   * A ChildPart's content consists of a range of adjacent child nodes of\n   * `.parentNode`, possibly bordered by 'marker nodes' (`.startNode` and\n   * `.endNode`).\n   *\n   * - If both `.startNode` and `.endNode` are non-null, then the part's content\n   * consists of all siblings between `.startNode` and `.endNode`, exclusively.\n   *\n   * - If `.startNode` is non-null but `.endNode` is null, then the part's\n   * content consists of all siblings following `.startNode`, up to and\n   * including the last child of `.parentNode`. If `.endNode` is non-null, then\n   * `.startNode` will always be non-null.\n   *\n   * - If both `.endNode` and `.startNode` are null, then the part's content\n   * consists of all child nodes of `.parentNode`.\n   */\n  get parentNode(): Node {\n    let parentNode: Node = wrap(this._$startNode).parentNode!;\n    const parent = this._$parent;\n    if (\n      parent !== undefined &&\n      parentNode?.nodeType === 11 /* Node.DOCUMENT_FRAGMENT */\n    ) {\n      // If the parentNode is a DocumentFragment, it may be because the DOM is\n      // still in the cloned fragment during initial render; if so, get the real\n      // parentNode the part will be committed into by asking the parent.\n      parentNode = (parent as ChildPart | TemplateInstance).parentNode;\n    }\n    return parentNode;\n  }\n\n  /**\n   * The part's leading marker node, if any. See `.parentNode` for more\n   * information.\n   */\n  get startNode(): Node | null {\n    return this._$startNode;\n  }\n\n  /**\n   * The part's trailing marker node, if any. See `.parentNode` for more\n   * information.\n   */\n  get endNode(): Node | null {\n    return this._$endNode;\n  }\n\n  _$setValue(value: unknown, directiveParent: DirectiveParent = this): void {\n    if (DEV_MODE && this.parentNode === null) {\n      throw new Error(\n        `This \\`ChildPart\\` has no \\`parentNode\\` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's \\`innerHTML\\` or \\`textContent\\` can do this.`\n      );\n    }\n    value = resolveDirective(this, value, directiveParent);\n    if (isPrimitive(value)) {\n      // Non-rendering child values. It's important that these do not render\n      // empty text nodes to avoid issues with preventing default <slot>\n      // fallback content.\n      if (value === nothing || value == null || value === '') {\n        if (this._$committedValue !== nothing) {\n          debugLogEvent &&\n            debugLogEvent({\n              kind: 'commit nothing to child',\n              start: this._$startNode,\n              end: this._$endNode,\n              parent: this._$parent,\n              options: this.options,\n            });\n          this._$clear();\n        }\n        this._$committedValue = nothing;\n      } else if (value !== this._$committedValue && value !== noChange) {\n        this._commitText(value);\n      }\n      // This property needs to remain unminified.\n    } else if ((value as TemplateResult)['_$litType$'] !== undefined) {\n      this._commitTemplateResult(value as TemplateResult);\n    } else if ((value as Node).nodeType !== undefined) {\n      if (DEV_MODE && this.options?.host === value) {\n        this._commitText(\n          `[probable mistake: rendered a template's host in itself ` +\n            `(commonly caused by writing \\${this} in a template]`\n        );\n        console.warn(\n          `Attempted to render the template host`,\n          value,\n          `inside itself. This is almost always a mistake, and in dev mode `,\n          `we render some warning text. In production however, we'll `,\n          `render it, which will usually result in an error, and sometimes `,\n          `in the element disappearing from the DOM.`\n        );\n        return;\n      }\n      this._commitNode(value as Node);\n    } else if (isIterable(value)) {\n      this._commitIterable(value);\n    } else {\n      // Fallback, will render the string representation\n      this._commitText(value);\n    }\n  }\n\n  private _insert<T extends Node>(node: T) {\n    return wrap(wrap(this._$startNode).parentNode!).insertBefore(\n      node,\n      this._$endNode\n    );\n  }\n\n  private _commitNode(value: Node): void {\n    if (this._$committedValue !== value) {\n      this._$clear();\n      if (\n        ENABLE_EXTRA_SECURITY_HOOKS &&\n        sanitizerFactoryInternal !== noopSanitizer\n      ) {\n        const parentNodeName = this._$startNode.parentNode?.nodeName;\n        if (parentNodeName === 'STYLE' || parentNodeName === 'SCRIPT') {\n          let message = 'Forbidden';\n          if (DEV_MODE) {\n            if (parentNodeName === 'STYLE') {\n              message =\n                `Lit does not support binding inside style nodes. ` +\n                `This is a security risk, as style injection attacks can ` +\n                `exfiltrate data and spoof UIs. ` +\n                `Consider instead using css\\`...\\` literals ` +\n                `to compose styles, and do dynamic styling with ` +\n                `css custom properties, ::parts, <slot>s, ` +\n                `and by mutating the DOM rather than stylesheets.`;\n            } else {\n              message =\n                `Lit does not support binding inside script nodes. ` +\n                `This is a security risk, as it could allow arbitrary ` +\n                `code execution.`;\n            }\n          }\n          throw new Error(message);\n        }\n      }\n      debugLogEvent &&\n        debugLogEvent({\n          kind: 'commit node',\n          start: this._$startNode,\n          parent: this._$parent,\n          value: value,\n          options: this.options,\n        });\n      this._$committedValue = this._insert(value);\n    }\n  }\n\n  private _commitText(value: unknown): void {\n    // If the committed value is a primitive it means we called _commitText on\n    // the previous render, and we know that this._$startNode.nextSibling is a\n    // Text node. We can now just replace the text content (.data) of the node.\n    if (\n      this._$committedValue !== nothing &&\n      isPrimitive(this._$committedValue)\n    ) {\n      const node = wrap(this._$startNode).nextSibling as Text;\n      if (ENABLE_EXTRA_SECURITY_HOOKS) {\n        if (this._textSanitizer === undefined) {\n          this._textSanitizer = createSanitizer(node, 'data', 'property');\n        }\n        value = this._textSanitizer(value);\n      }\n      debugLogEvent &&\n        debugLogEvent({\n          kind: 'commit text',\n          node,\n          value,\n          options: this.options,\n        });\n      (node as Text).data = value as string;\n    } else {\n      if (ENABLE_EXTRA_SECURITY_HOOKS) {\n        const textNode = d.createTextNode('');\n        this._commitNode(textNode);\n        // When setting text content, for security purposes it matters a lot\n        // what the parent is. For example, <style> and <script> need to be\n        // handled with care, while <span> does not. So first we need to put a\n        // text node into the document, then we can sanitize its content.\n        if (this._textSanitizer === undefined) {\n          this._textSanitizer = createSanitizer(textNode, 'data', 'property');\n        }\n        value = this._textSanitizer(value);\n        debugLogEvent &&\n          debugLogEvent({\n            kind: 'commit text',\n            node: textNode,\n            value,\n            options: this.options,\n          });\n        textNode.data = value as string;\n      } else {\n        this._commitNode(d.createTextNode(value as string));\n        debugLogEvent &&\n          debugLogEvent({\n            kind: 'commit text',\n            node: wrap(this._$startNode).nextSibling as Text,\n            value,\n            options: this.options,\n          });\n      }\n    }\n    this._$committedValue = value;\n  }\n\n  private _commitTemplateResult(\n    result: TemplateResult | CompiledTemplateResult\n  ): void {\n    // This property needs to remain unminified.\n    const {values, ['_$litType$']: type} = result;\n    // If $litType$ is a number, result is a plain TemplateResult and we get\n    // the template from the template cache. If not, result is a\n    // CompiledTemplateResult and _$litType$ is a CompiledTemplate and we need\n    // to create the <template> element the first time we see it.\n    const template: Template | CompiledTemplate =\n      typeof type === 'number'\n        ? this._$getTemplate(result as UncompiledTemplateResult)\n        : (type.el === undefined &&\n            (type.el = Template.createElement(\n              trustFromTemplateString(type.h, type.h[0]),\n              this.options\n            )),\n          type);\n\n    if ((this._$committedValue as TemplateInstance)?._$template === template) {\n      debugLogEvent &&\n        debugLogEvent({\n          kind: 'template updating',\n          template,\n          instance: this._$committedValue as TemplateInstance,\n          parts: (this._$committedValue as TemplateInstance)._$parts,\n          options: this.options,\n          values,\n        });\n      (this._$committedValue as TemplateInstance)._update(values);\n    } else {\n      const instance = new TemplateInstance(template as Template, this);\n      const fragment = instance._clone(this.options);\n      debugLogEvent &&\n        debugLogEvent({\n          kind: 'template instantiated',\n          template,\n          instance,\n          parts: instance._$parts,\n          options: this.options,\n          fragment,\n          values,\n        });\n      instance._update(values);\n      debugLogEvent &&\n        debugLogEvent({\n          kind: 'template instantiated and updated',\n          template,\n          instance,\n          parts: instance._$parts,\n          options: this.options,\n          fragment,\n          values,\n        });\n      this._commitNode(fragment);\n      this._$committedValue = instance;\n    }\n  }\n\n  // Overridden via `litHtmlPolyfillSupport` to provide platform support.\n  /** @internal */\n  _$getTemplate(result: UncompiledTemplateResult) {\n    let template = templateCache.get(result.strings);\n    if (template === undefined) {\n      templateCache.set(result.strings, (template = new Template(result)));\n    }\n    return template;\n  }\n\n  private _commitIterable(value: Iterable<unknown>): void {\n    // For an Iterable, we create a new InstancePart per item, then set its\n    // value to the item. This is a little bit of overhead for every item in\n    // an Iterable, but it lets us recurse easily and efficiently update Arrays\n    // of TemplateResults that will be commonly returned from expressions like:\n    // array.map((i) => html`${i}`), by reusing existing TemplateInstances.\n\n    // If value is an array, then the previous render was of an\n    // iterable and value will contain the ChildParts from the previous\n    // render. If value is not an array, clear this part and make a new\n    // array for ChildParts.\n    if (!isArray(this._$committedValue)) {\n      this._$committedValue = [];\n      this._$clear();\n    }\n\n    // Lets us keep track of how many items we stamped so we can clear leftover\n    // items from a previous render\n    const itemParts = this._$committedValue as ChildPart[];\n    let partIndex = 0;\n    let itemPart: ChildPart | undefined;\n\n    for (const item of value) {\n      if (partIndex === itemParts.length) {\n        // If no existing part, create a new one\n        // TODO (justinfagnani): test perf impact of always creating two parts\n        // instead of sharing parts between nodes\n        // https://github.com/lit/lit/issues/1266\n        itemParts.push(\n          (itemPart = new ChildPart(\n            this._insert(createMarker()),\n            this._insert(createMarker()),\n            this,\n            this.options\n          ))\n        );\n      } else {\n        // Reuse an existing part\n        itemPart = itemParts[partIndex];\n      }\n      itemPart._$setValue(item);\n      partIndex++;\n    }\n\n    if (partIndex < itemParts.length) {\n      // itemParts always have end nodes\n      this._$clear(\n        itemPart && wrap(itemPart._$endNode!).nextSibling,\n        partIndex\n      );\n      // Truncate the parts array so _value reflects the current state\n      itemParts.length = partIndex;\n    }\n  }\n\n  /**\n   * Removes the nodes contained within this Part from the DOM.\n   *\n   * @param start Start node to clear from, for clearing a subset of the part's\n   *     DOM (used when truncating iterables)\n   * @param from  When `start` is specified, the index within the iterable from\n   *     which ChildParts are being removed, used for disconnecting directives\n   *     in those Parts.\n   *\n   * @internal\n   */\n  _$clear(\n    start: ChildNode | null = wrap(this._$startNode).nextSibling,\n    from?: number\n  ) {\n    this._$notifyConnectionChanged?.(false, true, from);\n    while (start !== this._$endNode) {\n      // The non-null assertion is safe because if _$startNode.nextSibling is\n      // null, then _$endNode is also null, and we would not have entered this\n      // loop.\n      const n = wrap(start!).nextSibling;\n      wrap(start!).remove();\n      start = n;\n    }\n  }\n\n  /**\n   * Implementation of RootPart's `isConnected`. Note that this method\n   * should only be called on `RootPart`s (the `ChildPart` returned from a\n   * top-level `render()` call). It has no effect on non-root ChildParts.\n   * @param isConnected Whether to set\n   * @internal\n   */\n  setConnected(isConnected: boolean) {\n    if (this._$parent === undefined) {\n      this.__isConnected = isConnected;\n      this._$notifyConnectionChanged?.(isConnected);\n    } else if (DEV_MODE) {\n      throw new Error(\n        'part.setConnected() may only be called on a ' +\n          'RootPart returned from render().'\n      );\n    }\n  }\n}\n\n/**\n * A top-level `ChildPart` returned from `render` that manages the connected\n * state of `AsyncDirective`s created throughout the tree below it.\n */\nexport interface RootPart extends ChildPart {\n  /**\n   * Sets the connection state for `AsyncDirective`s contained within this root\n   * ChildPart.\n   *\n   * lit-html does not automatically monitor the connectedness of DOM rendered;\n   * as such, it is the responsibility of the caller to `render` to ensure that\n   * `part.setConnected(false)` is called before the part object is potentially\n   * discarded, to ensure that `AsyncDirective`s have a chance to dispose of\n   * any resources being held. If a `RootPart` that was previously\n   * disconnected is subsequently re-connected (and its `AsyncDirective`s should\n   * re-connect), `setConnected(true)` should be called.\n   *\n   * @param isConnected Whether directives within this tree should be connected\n   * or not\n   */\n  setConnected(isConnected: boolean): void;\n}\n\nexport type {AttributePart};\nclass AttributePart implements Disconnectable {\n  readonly type:\n    | typeof ATTRIBUTE_PART\n    | typeof PROPERTY_PART\n    | typeof BOOLEAN_ATTRIBUTE_PART\n    | typeof EVENT_PART = ATTRIBUTE_PART;\n  readonly element: HTMLElement;\n  readonly name: string;\n  readonly options: RenderOptions | undefined;\n\n  /**\n   * If this attribute part represents an interpolation, this contains the\n   * static strings of the interpolation. For single-value, complete bindings,\n   * this is undefined.\n   */\n  readonly strings?: ReadonlyArray<string>;\n  /** @internal */\n  _$committedValue: unknown | Array<unknown> = nothing;\n  /** @internal */\n  __directives?: Array<Directive | undefined>;\n  /** @internal */\n  _$parent: Disconnectable;\n  /** @internal */\n  _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n  protected _sanitizer: ValueSanitizer | undefined;\n\n  get tagName() {\n    return this.element.tagName;\n  }\n\n  // See comment in Disconnectable interface for why this is a getter\n  get _$isConnected() {\n    return this._$parent._$isConnected;\n  }\n\n  constructor(\n    element: HTMLElement,\n    name: string,\n    strings: ReadonlyArray<string>,\n    parent: Disconnectable,\n    options: RenderOptions | undefined\n  ) {\n    this.element = element;\n    this.name = name;\n    this._$parent = parent;\n    this.options = options;\n    if (strings.length > 2 || strings[0] !== '' || strings[1] !== '') {\n      this._$committedValue = new Array(strings.length - 1).fill(new String());\n      this.strings = strings;\n    } else {\n      this._$committedValue = nothing;\n    }\n    if (ENABLE_EXTRA_SECURITY_HOOKS) {\n      this._sanitizer = undefined;\n    }\n  }\n\n  /**\n   * Sets the value of this part by resolving the value from possibly multiple\n   * values and static strings and committing it to the DOM.\n   * If this part is single-valued, `this._strings` will be undefined, and the\n   * method will be called with a single value argument. If this part is\n   * multi-value, `this._strings` will be defined, and the method is called\n   * with the value array of the part's owning TemplateInstance, and an offset\n   * into the value array from which the values should be read.\n   * This method is overloaded this way to eliminate short-lived array slices\n   * of the template instance values, and allow a fast-path for single-valued\n   * parts.\n   *\n   * @param value The part value, or an array of values for multi-valued parts\n   * @param valueIndex the index to start reading values from. `undefined` for\n   *   single-valued parts\n   * @param noCommit causes the part to not commit its value to the DOM. Used\n   *   in hydration to prime attribute parts with their first-rendered value,\n   *   but not set the attribute, and in SSR to no-op the DOM operation and\n   *   capture the value for serialization.\n   *\n   * @internal\n   */\n  _$setValue(\n    value: unknown | Array<unknown>,\n    directiveParent: DirectiveParent = this,\n    valueIndex?: number,\n    noCommit?: boolean\n  ) {\n    const strings = this.strings;\n\n    // Whether any of the values has changed, for dirty-checking\n    let change = false;\n\n    if (strings === undefined) {\n      // Single-value binding case\n      value = resolveDirective(this, value, directiveParent, 0);\n      change =\n        !isPrimitive(value) ||\n        (value !== this._$committedValue && value !== noChange);\n      if (change) {\n        this._$committedValue = value;\n      }\n    } else {\n      // Interpolation case\n      const values = value as Array<unknown>;\n      value = strings[0];\n\n      let i, v;\n      for (i = 0; i < strings.length - 1; i++) {\n        v = resolveDirective(this, values[valueIndex! + i], directiveParent, i);\n\n        if (v === noChange) {\n          // If the user-provided value is `noChange`, use the previous value\n          v = (this._$committedValue as Array<unknown>)[i];\n        }\n        change ||=\n          !isPrimitive(v) || v !== (this._$committedValue as Array<unknown>)[i];\n        if (v === nothing) {\n          value = nothing;\n        } else if (value !== nothing) {\n          value += (v ?? '') + strings[i + 1];\n        }\n        // We always record each value, even if one is `nothing`, for future\n        // change detection.\n        (this._$committedValue as Array<unknown>)[i] = v;\n      }\n    }\n    if (change && !noCommit) {\n      this._commitValue(value);\n    }\n  }\n\n  /** @internal */\n  _commitValue(value: unknown) {\n    if (value === nothing) {\n      (wrap(this.element) as Element).removeAttribute(this.name);\n    } else {\n      if (ENABLE_EXTRA_SECURITY_HOOKS) {\n        if (this._sanitizer === undefined) {\n          this._sanitizer = sanitizerFactoryInternal(\n            this.element,\n            this.name,\n            'attribute'\n          );\n        }\n        value = this._sanitizer(value ?? '');\n      }\n      debugLogEvent &&\n        debugLogEvent({\n          kind: 'commit attribute',\n          element: this.element,\n          name: this.name,\n          value,\n          options: this.options,\n        });\n      (wrap(this.element) as Element).setAttribute(\n        this.name,\n        (value ?? '') as string\n      );\n    }\n  }\n}\n\nexport type {PropertyPart};\nclass PropertyPart extends AttributePart {\n  override readonly type = PROPERTY_PART;\n\n  /** @internal */\n  override _commitValue(value: unknown) {\n    if (ENABLE_EXTRA_SECURITY_HOOKS) {\n      if (this._sanitizer === undefined) {\n        this._sanitizer = sanitizerFactoryInternal(\n          this.element,\n          this.name,\n          'property'\n        );\n      }\n      value = this._sanitizer(value);\n    }\n    debugLogEvent &&\n      debugLogEvent({\n        kind: 'commit property',\n        element: this.element,\n        name: this.name,\n        value,\n        options: this.options,\n      });\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (this.element as any)[this.name] = value === nothing ? undefined : value;\n  }\n}\n\nexport type {BooleanAttributePart};\nclass BooleanAttributePart extends AttributePart {\n  override readonly type = BOOLEAN_ATTRIBUTE_PART;\n\n  /** @internal */\n  override _commitValue(value: unknown) {\n    debugLogEvent &&\n      debugLogEvent({\n        kind: 'commit boolean attribute',\n        element: this.element,\n        name: this.name,\n        value: !!(value && value !== nothing),\n        options: this.options,\n      });\n    (wrap(this.element) as Element).toggleAttribute(\n      this.name,\n      !!value && value !== nothing\n    );\n  }\n}\n\ntype EventListenerWithOptions = EventListenerOrEventListenerObject &\n  Partial<AddEventListenerOptions>;\n\n/**\n * An AttributePart that manages an event listener via add/removeEventListener.\n *\n * This part works by adding itself as the event listener on an element, then\n * delegating to the value passed to it. This reduces the number of calls to\n * add/removeEventListener if the listener changes frequently, such as when an\n * inline function is used as a listener.\n *\n * Because event options are passed when adding listeners, we must take case\n * to add and remove the part as a listener when the event options change.\n */\nexport type {EventPart};\nclass EventPart extends AttributePart {\n  override readonly type = EVENT_PART;\n\n  constructor(\n    element: HTMLElement,\n    name: string,\n    strings: ReadonlyArray<string>,\n    parent: Disconnectable,\n    options: RenderOptions | undefined\n  ) {\n    super(element, name, strings, parent, options);\n\n    if (DEV_MODE && this.strings !== undefined) {\n      throw new Error(\n        `A \\`<${element.localName}>\\` has a \\`@${name}=...\\` listener with ` +\n          'invalid content. Event listeners in templates must have exactly ' +\n          'one expression and no surrounding text.'\n      );\n    }\n  }\n\n  // EventPart does not use the base _$setValue/_resolveValue implementation\n  // since the dirty checking is more complex\n  /** @internal */\n  override _$setValue(\n    newListener: unknown,\n    directiveParent: DirectiveParent = this\n  ) {\n    newListener =\n      resolveDirective(this, newListener, directiveParent, 0) ?? nothing;\n    if (newListener === noChange) {\n      return;\n    }\n    const oldListener = this._$committedValue;\n\n    // If the new value is nothing or any options change we have to remove the\n    // part as a listener.\n    const shouldRemoveListener =\n      (newListener === nothing && oldListener !== nothing) ||\n      (newListener as EventListenerWithOptions).capture !==\n        (oldListener as EventListenerWithOptions).capture ||\n      (newListener as EventListenerWithOptions).once !==\n        (oldListener as EventListenerWithOptions).once ||\n      (newListener as EventListenerWithOptions).passive !==\n        (oldListener as EventListenerWithOptions).passive;\n\n    // If the new value is not nothing and we removed the listener, we have\n    // to add the part as a listener.\n    const shouldAddListener =\n      newListener !== nothing &&\n      (oldListener === nothing || shouldRemoveListener);\n\n    debugLogEvent &&\n      debugLogEvent({\n        kind: 'commit event listener',\n        element: this.element,\n        name: this.name,\n        value: newListener,\n        options: this.options,\n        removeListener: shouldRemoveListener,\n        addListener: shouldAddListener,\n        oldListener,\n      });\n    if (shouldRemoveListener) {\n      this.element.removeEventListener(\n        this.name,\n        this,\n        oldListener as EventListenerWithOptions\n      );\n    }\n    if (shouldAddListener) {\n      this.element.addEventListener(\n        this.name,\n        this,\n        newListener as EventListenerWithOptions\n      );\n    }\n    this._$committedValue = newListener;\n  }\n\n  handleEvent(event: Event) {\n    if (typeof this._$committedValue === 'function') {\n      this._$committedValue.call(this.options?.host ?? this.element, event);\n    } else {\n      (this._$committedValue as EventListenerObject).handleEvent(event);\n    }\n  }\n}\n\nexport type {ElementPart};\nclass ElementPart implements Disconnectable {\n  readonly type = ELEMENT_PART;\n\n  /** @internal */\n  __directive?: Directive;\n\n  // This is to ensure that every Part has a _$committedValue\n  _$committedValue: undefined;\n\n  /** @internal */\n  _$parent!: Disconnectable;\n\n  /** @internal */\n  _$disconnectableChildren?: Set<Disconnectable> = undefined;\n\n  options: RenderOptions | undefined;\n\n  constructor(\n    public element: Element,\n    parent: Disconnectable,\n    options: RenderOptions | undefined\n  ) {\n    this._$parent = parent;\n    this.options = options;\n  }\n\n  // See comment in Disconnectable interface for why this is a getter\n  get _$isConnected() {\n    return this._$parent._$isConnected;\n  }\n\n  _$setValue(value: unknown): void {\n    debugLogEvent &&\n      debugLogEvent({\n        kind: 'commit to element binding',\n        element: this.element,\n        value,\n        options: this.options,\n      });\n    resolveDirective(this, value);\n  }\n}\n\n/**\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\n *\n * Private exports for use by other Lit packages, not intended for use by\n * external users.\n *\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\n * to keep a number of (otherwise private) top-level exports mangled in the\n * client side code, we export a _$LH object containing those members (or\n * helper methods for accessing private fields of those members), and then\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\n * client-side code is being used in `dev` mode or `prod` mode.\n *\n * This has a unique name, to disambiguate it from private exports in\n * lit-element, which re-exports all of lit-html.\n *\n * @private\n */\nexport const _$LH = {\n  // Used in lit-ssr\n  _boundAttributeSuffix: boundAttributeSuffix,\n  _marker: marker,\n  _markerMatch: markerMatch,\n  _HTML_RESULT: HTML_RESULT,\n  _getTemplateHtml: getTemplateHtml,\n  // Used in tests and private-ssr-support\n  _TemplateInstance: TemplateInstance,\n  _isIterable: isIterable,\n  _resolveDirective: resolveDirective,\n  _ChildPart: ChildPart,\n  _AttributePart: AttributePart,\n  _BooleanAttributePart: BooleanAttributePart,\n  _EventPart: EventPart,\n  _PropertyPart: PropertyPart,\n  _ElementPart: ElementPart,\n};\n\n// Apply polyfills if available\nconst polyfillSupport = DEV_MODE\n  ? global.litHtmlPolyfillSupportDevMode\n  : global.litHtmlPolyfillSupport;\npolyfillSupport?.(Template, ChildPart);\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for lit-html usage.\n(global.litHtmlVersions ??= []).push('3.3.1');\nif (DEV_MODE && global.litHtmlVersions.length > 1) {\n  queueMicrotask(() => {\n    issueWarning!(\n      'multiple-versions',\n      `Multiple versions of Lit loaded. ` +\n        `Loading multiple versions is not recommended.`\n    );\n  });\n}\n\n/**\n * Renders a value, usually a lit-html TemplateResult, to the container.\n *\n * This example renders the text \"Hello, Zoe!\" inside a paragraph tag, appending\n * it to the container `document.body`.\n *\n * ```js\n * import {html, render} from 'lit';\n *\n * const name = \"Zoe\";\n * render(html`<p>Hello, ${name}!</p>`, document.body);\n * ```\n *\n * @param value Any [renderable\n *   value](https://lit.dev/docs/templates/expressions/#child-expressions),\n *   typically a {@linkcode TemplateResult} created by evaluating a template tag\n *   like {@linkcode html} or {@linkcode svg}.\n * @param container A DOM container to render to. The first render will append\n *   the rendered value to the container, and subsequent renders will\n *   efficiently update the rendered value if the same result type was\n *   previously rendered there.\n * @param options See {@linkcode RenderOptions} for options documentation.\n * @see\n * {@link https://lit.dev/docs/libraries/standalone-templates/#rendering-lit-html-templates| Rendering Lit HTML Templates}\n */\nexport const render = (\n  value: unknown,\n  container: HTMLElement | DocumentFragment,\n  options?: RenderOptions\n): RootPart => {\n  if (DEV_MODE && container == null) {\n    // Give a clearer error message than\n    //     Uncaught TypeError: Cannot read properties of null (reading\n    //     '_$litPart$')\n    // which reads like an internal Lit error.\n    throw new TypeError(`The container to render into may not be ${container}`);\n  }\n  const renderId = DEV_MODE ? debugLogRenderId++ : 0;\n  const partOwnerNode = options?.renderBefore ?? container;\n  // This property needs to remain unminified.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let part: ChildPart = (partOwnerNode as any)['_$litPart$'];\n  debugLogEvent &&\n    debugLogEvent({\n      kind: 'begin render',\n      id: renderId,\n      value,\n      container,\n      options,\n      part,\n    });\n  if (part === undefined) {\n    const endNode = options?.renderBefore ?? null;\n    // This property needs to remain unminified.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (partOwnerNode as any)['_$litPart$'] = part = new ChildPart(\n      container.insertBefore(createMarker(), endNode),\n      endNode,\n      undefined,\n      options ?? {}\n    );\n  }\n  part._$setValue(value);\n  debugLogEvent &&\n    debugLogEvent({\n      kind: 'end render',\n      id: renderId,\n      value,\n      container,\n      options,\n      part,\n    });\n  return part as RootPart;\n};\n\nif (ENABLE_EXTRA_SECURITY_HOOKS) {\n  render.setSanitizer = setSanitizer;\n  render.createSanitizer = createSanitizer;\n  if (DEV_MODE) {\n    render._testOnlyClearSanitizerFactoryDoNotCallOrElse =\n      _testOnlyClearSanitizerFactoryDoNotCallOrElse;\n  }\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * The main LitElement module, which defines the {@linkcode LitElement} base\n * class and related APIs.\n *\n * LitElement components can define a template and a set of observed\n * properties. Changing an observed property triggers a re-render of the\n * element.\n *\n * Import {@linkcode LitElement} and {@linkcode html} from this module to\n * create a component:\n *\n *  ```js\n * import {LitElement, html} from 'lit-element';\n *\n * class MyElement extends LitElement {\n *\n *   // Declare observed properties\n *   static get properties() {\n *     return {\n *       adjective: {}\n *     }\n *   }\n *\n *   constructor() {\n *     this.adjective = 'awesome';\n *   }\n *\n *   // Define the element's template\n *   render() {\n *     return html`<p>your ${adjective} template here</p>`;\n *   }\n * }\n *\n * customElements.define('my-element', MyElement);\n * ```\n *\n * `LitElement` extends {@linkcode ReactiveElement} and adds lit-html\n * templating. The `ReactiveElement` class is provided for users that want to\n * build their own custom element base classes that don't use lit-html.\n *\n * @packageDocumentation\n */\nimport {PropertyValues, ReactiveElement} from '@lit/reactive-element';\nimport {render, RenderOptions, noChange, RootPart} from 'lit-html';\nexport * from '@lit/reactive-element';\nexport * from 'lit-html';\n\nimport {LitUnstable} from 'lit-html';\nimport {ReactiveUnstable} from '@lit/reactive-element';\n\n/**\n * Contains types that are part of the unstable debug API.\n *\n * Everything in this API is not stable and may change or be removed in the future,\n * even on patch releases.\n */\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace Unstable {\n  /**\n   * When Lit is running in dev mode and `window.emitLitDebugLogEvents` is true,\n   * we will emit 'lit-debug' events to window, with live details about the update and render\n   * lifecycle. These can be useful for writing debug tooling and visualizations.\n   *\n   * Please be aware that running with window.emitLitDebugLogEvents has performance overhead,\n   * making certain operations that are normally very cheap (like a no-op render) much slower,\n   * because we must copy data and dispatch events.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace DebugLog {\n    export type Entry =\n      | LitUnstable.DebugLog.Entry\n      | ReactiveUnstable.DebugLog.Entry;\n  }\n}\n/*\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\n/*@__INLINE__*/\nconst JSCompiler_renameProperty = <P extends PropertyKey>(\n  prop: P,\n  _obj: unknown\n): P => prop;\n\nconst DEV_MODE = true;\n// Allows minifiers to rename references to globalThis\nconst global = globalThis;\n\nlet issueWarning: (code: string, warning: string) => void;\n\nif (DEV_MODE) {\n  // Ensure warnings are issued only 1x, even if multiple versions of Lit\n  // are loaded.\n  global.litIssuedWarnings ??= new Set();\n\n  /**\n   * Issue a warning if we haven't already, based either on `code` or `warning`.\n   * Warnings are disabled automatically only by `warning`; disabling via `code`\n   * can be done by users.\n   */\n  issueWarning = (code: string, warning: string) => {\n    warning += ` See https://lit.dev/msg/${code} for more information.`;\n    if (\n      !global.litIssuedWarnings!.has(warning) &&\n      !global.litIssuedWarnings!.has(code)\n    ) {\n      console.warn(warning);\n      global.litIssuedWarnings!.add(warning);\n    }\n  };\n}\n\n/**\n * Base element class that manages element properties and attributes, and\n * renders a lit-html template.\n *\n * To define a component, subclass `LitElement` and implement a\n * `render` method to provide the component's template. Define properties\n * using the {@linkcode LitElement.properties properties} property or the\n * {@linkcode property} decorator.\n */\nexport class LitElement extends ReactiveElement {\n  // This property needs to remain unminified.\n  static ['_$litElement$'] = true;\n\n  /**\n   * @category rendering\n   */\n  readonly renderOptions: RenderOptions = {host: this};\n\n  private __childPart: RootPart | undefined = undefined;\n\n  /**\n   * @category rendering\n   */\n  protected override createRenderRoot() {\n    const renderRoot = super.createRenderRoot();\n    // When adoptedStyleSheets are shimmed, they are inserted into the\n    // shadowRoot by createRenderRoot. Adjust the renderBefore node so that\n    // any styles in Lit content render before adoptedStyleSheets. This is\n    // important so that adoptedStyleSheets have precedence over styles in\n    // the shadowRoot.\n    this.renderOptions.renderBefore ??= renderRoot!.firstChild as ChildNode;\n    return renderRoot;\n  }\n\n  /**\n   * Updates the element. This method reflects property values to attributes\n   * and calls `render` to render DOM via lit-html. Setting properties inside\n   * this method will *not* trigger another update.\n   * @param changedProperties Map of changed properties with old values\n   * @category updates\n   */\n  protected override update(changedProperties: PropertyValues) {\n    // Setting properties in `render` should not trigger an update. Since\n    // updates are allowed after super.update, it's important to call `render`\n    // before that.\n    const value = this.render();\n    if (!this.hasUpdated) {\n      this.renderOptions.isConnected = this.isConnected;\n    }\n    super.update(changedProperties);\n    this.__childPart = render(value, this.renderRoot, this.renderOptions);\n  }\n\n  /**\n   * Invoked when the component is added to the document's DOM.\n   *\n   * In `connectedCallback()` you should setup tasks that should only occur when\n   * the element is connected to the document. The most common of these is\n   * adding event listeners to nodes external to the element, like a keydown\n   * event handler added to the window.\n   *\n   * ```ts\n   * connectedCallback() {\n   *   super.connectedCallback();\n   *   addEventListener('keydown', this._handleKeydown);\n   * }\n   * ```\n   *\n   * Typically, anything done in `connectedCallback()` should be undone when the\n   * element is disconnected, in `disconnectedCallback()`.\n   *\n   * @category lifecycle\n   */\n  override connectedCallback() {\n    super.connectedCallback();\n    this.__childPart?.setConnected(true);\n  }\n\n  /**\n   * Invoked when the component is removed from the document's DOM.\n   *\n   * This callback is the main signal to the element that it may no longer be\n   * used. `disconnectedCallback()` should ensure that nothing is holding a\n   * reference to the element (such as event listeners added to nodes external\n   * to the element), so that it is free to be garbage collected.\n   *\n   * ```ts\n   * disconnectedCallback() {\n   *   super.disconnectedCallback();\n   *   window.removeEventListener('keydown', this._handleKeydown);\n   * }\n   * ```\n   *\n   * An element may be re-connected after being disconnected.\n   *\n   * @category lifecycle\n   */\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.__childPart?.setConnected(false);\n  }\n\n  /**\n   * Invoked on each update to perform rendering tasks. This method may return\n   * any value renderable by lit-html's `ChildPart` - typically a\n   * `TemplateResult`. Setting properties inside this method will *not* trigger\n   * the element to update.\n   * @category rendering\n   */\n  protected render(): unknown {\n    return noChange;\n  }\n}\n\n/**\n * Ensure this class is marked as `finalized` as an optimization ensuring\n * it will not needlessly try to `finalize`.\n *\n * Note this property name is a string to prevent breaking Closure JS Compiler\n * optimizations. See @lit/reactive-element for more information.\n */\n(LitElement as unknown as Record<string, unknown>)[\n  JSCompiler_renameProperty('finalized', LitElement)\n] = true;\n\n// Install hydration if available\nglobal.litElementHydrateSupport?.({LitElement});\n\n// Apply polyfills if available\nconst polyfillSupport = DEV_MODE\n  ? global.litElementPolyfillSupportDevMode\n  : global.litElementPolyfillSupport;\npolyfillSupport?.({LitElement});\n\n/**\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\n *\n * Private exports for use by other Lit packages, not intended for use by\n * external users.\n *\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\n * to keep a number of (otherwise private) top-level exports  mangled in the\n * client side code, we export a _$LE object containing those members (or\n * helper methods for accessing private fields of those members), and then\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\n * client-side code is being used in `dev` mode or `prod` mode.\n *\n * This has a unique name, to disambiguate it from private exports in\n * lit-html, since this module re-exports all of lit-html.\n *\n * @private\n */\nexport const _$LE = {\n  _$attributeToProperty: (\n    el: LitElement,\n    name: string,\n    value: string | null\n  ) => {\n    // eslint-disable-next-line\n    (el as any)._$attributeToProperty(name, value);\n  },\n  // eslint-disable-next-line\n  _$changedProperties: (el: LitElement) => (el as any)._$changedProperties,\n};\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for LitElement usage.\n(global.litElementVersions ??= []).push('4.2.1');\nif (DEV_MODE && global.litElementVersions.length > 1) {\n  queueMicrotask(() => {\n    issueWarning!(\n      'multiple-versions',\n      `Multiple versions of Lit loaded. Loading multiple versions ` +\n        `is not recommended.`\n    );\n  });\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {Disconnectable, Part} from './lit-html.js';\n\nexport {\n  AttributePart,\n  BooleanAttributePart,\n  ChildPart,\n  ElementPart,\n  EventPart,\n  Part,\n  PropertyPart,\n} from './lit-html.js';\n\nexport interface DirectiveClass {\n  new (part: PartInfo): Directive;\n}\n\n/**\n * This utility type extracts the signature of a directive class's render()\n * method so we can use it for the type of the generated directive function.\n */\nexport type DirectiveParameters<C extends Directive> = Parameters<C['render']>;\n\n/**\n * A generated directive function doesn't evaluate the directive, but just\n * returns a DirectiveResult object that captures the arguments.\n */\nexport interface DirectiveResult<C extends DirectiveClass = DirectiveClass> {\n  /**\n   * This property needs to remain unminified.\n   * @internal\n   */\n  ['_$litDirective$']: C;\n  /** @internal */\n  values: DirectiveParameters<InstanceType<C>>;\n}\n\nexport const PartType = {\n  ATTRIBUTE: 1,\n  CHILD: 2,\n  PROPERTY: 3,\n  BOOLEAN_ATTRIBUTE: 4,\n  EVENT: 5,\n  ELEMENT: 6,\n} as const;\n\nexport type PartType = (typeof PartType)[keyof typeof PartType];\n\nexport interface ChildPartInfo {\n  readonly type: typeof PartType.CHILD;\n}\n\nexport interface AttributePartInfo {\n  readonly type:\n    | typeof PartType.ATTRIBUTE\n    | typeof PartType.PROPERTY\n    | typeof PartType.BOOLEAN_ATTRIBUTE\n    | typeof PartType.EVENT;\n  readonly strings?: ReadonlyArray<string>;\n  readonly name: string;\n  readonly tagName: string;\n}\n\nexport interface ElementPartInfo {\n  readonly type: typeof PartType.ELEMENT;\n}\n\n/**\n * Information about the part a directive is bound to.\n *\n * This is useful for checking that a directive is attached to a valid part,\n * such as with directive that can only be used on attribute bindings.\n */\nexport type PartInfo = ChildPartInfo | AttributePartInfo | ElementPartInfo;\n\n/**\n * Creates a user-facing directive function from a Directive class. This\n * function has the same parameters as the directive's render() method.\n */\nexport const directive =\n  <C extends DirectiveClass>(c: C) =>\n  (...values: DirectiveParameters<InstanceType<C>>): DirectiveResult<C> => ({\n    // This property needs to remain unminified.\n    ['_$litDirective$']: c,\n    values,\n  });\n\n/**\n * Base class for creating custom directives. Users should extend this class,\n * implement `render` and/or `update`, and then pass their subclass to\n * `directive`.\n */\nexport abstract class Directive implements Disconnectable {\n  //@internal\n  __part!: Part;\n  //@internal\n  __attributeIndex: number | undefined;\n  //@internal\n  __directive?: Directive;\n\n  //@internal\n  _$parent!: Disconnectable;\n\n  // These will only exist on the AsyncDirective subclass\n  //@internal\n  _$disconnectableChildren?: Set<Disconnectable>;\n  // This property needs to remain unminified.\n  //@internal\n  ['_$notifyDirectiveConnectionChanged']?(isConnected: boolean): void;\n\n  constructor(_partInfo: PartInfo) {}\n\n  // See comment in Disconnectable interface for why this is a getter\n  get _$isConnected() {\n    return this._$parent._$isConnected;\n  }\n\n  /** @internal */\n  _$initialize(\n    part: Part,\n    parent: Disconnectable,\n    attributeIndex: number | undefined\n  ) {\n    this.__part = part;\n    this._$parent = parent;\n    this.__attributeIndex = attributeIndex;\n  }\n  /** @internal */\n  _$resolve(part: Part, props: Array<unknown>): unknown {\n    return this.update(part, props);\n  }\n\n  abstract render(...props: Array<unknown>): unknown;\n\n  update(_part: Part, props: Array<unknown>): unknown {\n    return this.render(...props);\n  }\n}\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {\n  _$LH,\n  Part,\n  DirectiveParent,\n  CompiledTemplateResult,\n  MaybeCompiledTemplateResult,\n  UncompiledTemplateResult,\n} from './lit-html.js';\nimport {\n  DirectiveResult,\n  DirectiveClass,\n  PartInfo,\n  AttributePartInfo,\n} from './directive.js';\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\n\nconst {_ChildPart: ChildPart} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\n\nconst ENABLE_SHADYDOM_NOPATCH = true;\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  window.ShadyDOM?.inUse &&\n  window.ShadyDOM?.noPatch === true\n    ? window.ShadyDOM!.wrap\n    : (node: Node) => node;\n\n/**\n * Tests if a value is a primitive value.\n *\n * See https://tc39.github.io/ecma262/#sec-typeof-operator\n */\nexport const isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\n\nexport const TemplateResultType = {\n  HTML: 1,\n  SVG: 2,\n  MATHML: 3,\n} as const;\n\nexport type TemplateResultType =\n  (typeof TemplateResultType)[keyof typeof TemplateResultType];\n\ntype IsTemplateResult = {\n  (val: unknown): val is MaybeCompiledTemplateResult;\n  <T extends TemplateResultType>(\n    val: unknown,\n    type: T\n  ): val is UncompiledTemplateResult<T>;\n};\n\n/**\n * Tests if a value is a TemplateResult or a CompiledTemplateResult.\n */\nexport const isTemplateResult: IsTemplateResult = (\n  value: unknown,\n  type?: TemplateResultType\n): value is UncompiledTemplateResult =>\n  type === undefined\n    ? // This property needs to remain unminified.\n      (value as UncompiledTemplateResult)?.['_$litType$'] !== undefined\n    : (value as UncompiledTemplateResult)?.['_$litType$'] === type;\n\n/**\n * Tests if a value is a CompiledTemplateResult.\n */\nexport const isCompiledTemplateResult = (\n  value: unknown\n): value is CompiledTemplateResult => {\n  return (value as CompiledTemplateResult)?.['_$litType$']?.h != null;\n};\n\n/**\n * Tests if a value is a DirectiveResult.\n */\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'] !== undefined;\n\n/**\n * Retrieves the Directive class for a DirectiveResult\n */\nexport const getDirectiveClass = (value: unknown): DirectiveClass | undefined =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'];\n\n/**\n * Tests whether a part has only a single-expression with no strings to\n * interpolate between.\n *\n * Only AttributePart and PropertyPart can have multiple expressions.\n * Multi-expression parts have a `strings` property and single-expression\n * parts do not.\n */\nexport const isSingleExpression = (part: PartInfo) =>\n  (part as AttributePartInfo).strings === undefined;\n\nconst createMarker = () => document.createComment('');\n\n/**\n * Inserts a ChildPart into the given container ChildPart's DOM, either at the\n * end of the container ChildPart, or before the optional `refPart`.\n *\n * This does not add the part to the containerPart's committed value. That must\n * be done by callers.\n *\n * @param containerPart Part within which to add the new ChildPart\n * @param refPart Part before which to add the new ChildPart; when omitted the\n *     part added to the end of the `containerPart`\n * @param part Part to insert, or undefined to create a new part\n */\nexport const insertPart = (\n  containerPart: ChildPart,\n  refPart?: ChildPart,\n  part?: ChildPart\n): ChildPart => {\n  const container = wrap(containerPart._$startNode).parentNode!;\n\n  const refNode =\n    refPart === undefined ? containerPart._$endNode : refPart._$startNode;\n\n  if (part === undefined) {\n    const startNode = wrap(container).insertBefore(createMarker(), refNode);\n    const endNode = wrap(container).insertBefore(createMarker(), refNode);\n    part = new ChildPart(\n      startNode,\n      endNode,\n      containerPart,\n      containerPart.options\n    );\n  } else {\n    const endNode = wrap(part._$endNode!).nextSibling;\n    const oldParent = part._$parent;\n    const parentChanged = oldParent !== containerPart;\n    if (parentChanged) {\n      part._$reparentDisconnectables?.(containerPart);\n      // Note that although `_$reparentDisconnectables` updates the part's\n      // `_$parent` reference after unlinking from its current parent, that\n      // method only exists if Disconnectables are present, so we need to\n      // unconditionally set it here\n      part._$parent = containerPart;\n      // Since the _$isConnected getter is somewhat costly, only\n      // read it once we know the subtree has directives that need\n      // to be notified\n      let newConnectionState;\n      if (\n        part._$notifyConnectionChanged !== undefined &&\n        (newConnectionState = containerPart._$isConnected) !==\n          oldParent!._$isConnected\n      ) {\n        part._$notifyConnectionChanged(newConnectionState);\n      }\n    }\n    if (endNode !== refNode || parentChanged) {\n      let start: Node | null = part._$startNode;\n      while (start !== endNode) {\n        const n: Node | null = wrap(start!).nextSibling;\n        wrap(container).insertBefore(start!, refNode);\n        start = n;\n      }\n    }\n  }\n\n  return part;\n};\n\n/**\n * Sets the value of a Part.\n *\n * Note that this should only be used to set/update the value of user-created\n * parts (i.e. those created using `insertPart`); it should not be used\n * by directives to set the value of the directive's container part. Directives\n * should return a value from `update`/`render` to update their part state.\n *\n * For directives that require setting their part value asynchronously, they\n * should extend `AsyncDirective` and call `this.setValue()`.\n *\n * @param part Part to set\n * @param value Value to set\n * @param index For `AttributePart`s, the index to set\n * @param directiveParent Used internally; should not be set by user\n */\nexport const setChildPartValue = <T extends ChildPart>(\n  part: T,\n  value: unknown,\n  directiveParent: DirectiveParent = part\n): T => {\n  part._$setValue(value, directiveParent);\n  return part;\n};\n\n// A sentinel value that can never appear as a part value except when set by\n// live(). Used to force a dirty-check to fail and cause a re-render.\nconst RESET_VALUE = {};\n\n/**\n * Sets the committed value of a ChildPart directly without triggering the\n * commit stage of the part.\n *\n * This is useful in cases where a directive needs to update the part such\n * that the next update detects a value change or not. When value is omitted,\n * the next update will be guaranteed to be detected as a change.\n *\n * @param part\n * @param value\n */\nexport const setCommittedValue = (part: Part, value: unknown = RESET_VALUE) =>\n  (part._$committedValue = value);\n\n/**\n * Returns the committed value of a ChildPart.\n *\n * The committed value is used for change detection and efficient updates of\n * the part. It can differ from the value set by the template or directive in\n * cases where the template value is transformed before being committed.\n *\n * - `TemplateResult`s are committed as a `TemplateInstance`\n * - Iterables are committed as `Array<ChildPart>`\n * - All other types are committed as the template value or value returned or\n *   set by a directive.\n *\n * @param part\n */\nexport const getCommittedValue = (part: ChildPart) => part._$committedValue;\n\n/**\n * Removes a ChildPart from the DOM, including any of its content and markers.\n *\n * Note: The only difference between this and clearPart() is that this also\n * removes the part's start node. This means that the ChildPart must own its\n * start node, ie it must be a marker node specifically for this part and not an\n * anchor from surrounding content.\n *\n * @param part The Part to remove\n */\nexport const removePart = (part: ChildPart) => {\n  part._$clear();\n  part._$startNode.remove();\n};\n\nexport const clearPart = (part: ChildPart) => {\n  part._$clear();\n};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ChildPart, noChange} from '../lit-html.js';\nimport {directive, Directive, PartInfo, PartType} from '../directive.js';\nimport {\n  insertPart,\n  getCommittedValue,\n  removePart,\n  setCommittedValue,\n  setChildPartValue,\n} from '../directive-helpers.js';\n\nexport type KeyFn<T> = (item: T, index: number) => unknown;\nexport type ItemTemplate<T> = (item: T, index: number) => unknown;\n\n// Helper for generating a map of array item to its index over a subset\n// of an array (used to lazily generate `newKeyToIndexMap` and\n// `oldKeyToIndexMap`)\nconst generateMap = (list: unknown[], start: number, end: number) => {\n  const map = new Map<unknown, number>();\n  for (let i = start; i <= end; i++) {\n    map.set(list[i], i);\n  }\n  return map;\n};\n\nclass RepeatDirective extends Directive {\n  private _itemKeys?: unknown[];\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error('repeat() can only be used in text expressions');\n    }\n  }\n\n  private _getValuesAndKeys<T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ) {\n    let keyFn: KeyFn<T> | undefined;\n    if (template === undefined) {\n      template = keyFnOrTemplate;\n    } else if (keyFnOrTemplate !== undefined) {\n      keyFn = keyFnOrTemplate as KeyFn<T>;\n    }\n    const keys = [];\n    const values = [];\n    let index = 0;\n    for (const item of items) {\n      keys[index] = keyFn ? keyFn(item, index) : index;\n      values[index] = template!(item, index);\n      index++;\n    }\n    return {\n      values,\n      keys,\n    };\n  }\n\n  render<T>(items: Iterable<T>, template: ItemTemplate<T>): Array<unknown>;\n  render<T>(\n    items: Iterable<T>,\n    keyFn: KeyFn<T> | ItemTemplate<T>,\n    template: ItemTemplate<T>\n  ): Array<unknown>;\n  render<T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ) {\n    return this._getValuesAndKeys(items, keyFnOrTemplate, template).values;\n  }\n\n  override update<T>(\n    containerPart: ChildPart,\n    [items, keyFnOrTemplate, template]: [\n      Iterable<T>,\n      KeyFn<T> | ItemTemplate<T>,\n      ItemTemplate<T>,\n    ]\n  ) {\n    // Old part & key lists are retrieved from the last update (which may\n    // be primed by hydration)\n    const oldParts = getCommittedValue(\n      containerPart\n    ) as Array<ChildPart | null>;\n    const {values: newValues, keys: newKeys} = this._getValuesAndKeys(\n      items,\n      keyFnOrTemplate,\n      template\n    );\n\n    // We check that oldParts, the committed value, is an Array as an\n    // indicator that the previous value came from a repeat() call. If\n    // oldParts is not an Array then this is the first render and we return\n    // an array for lit-html's array handling to render, and remember the\n    // keys.\n    if (!Array.isArray(oldParts)) {\n      this._itemKeys = newKeys;\n      return newValues;\n    }\n\n    // In SSR hydration it's possible for oldParts to be an array but for us\n    // to not have item keys because the update() hasn't run yet. We set the\n    // keys to an empty array. This will cause all oldKey/newKey comparisons\n    // to fail and execution to fall to the last nested brach below which\n    // reuses the oldPart.\n    const oldKeys = (this._itemKeys ??= []);\n\n    // New part list will be built up as we go (either reused from\n    // old parts or created for new keys in this update). This is\n    // saved in the above cache at the end of the update.\n    const newParts: ChildPart[] = [];\n\n    // Maps from key to index for current and previous update; these\n    // are generated lazily only when needed as a performance\n    // optimization, since they are only required for multiple\n    // non-contiguous changes in the list, which are less common.\n    let newKeyToIndexMap!: Map<unknown, number>;\n    let oldKeyToIndexMap!: Map<unknown, number>;\n\n    // Head and tail pointers to old parts and new values\n    let oldHead = 0;\n    let oldTail = oldParts.length - 1;\n    let newHead = 0;\n    let newTail = newValues.length - 1;\n\n    // Overview of O(n) reconciliation algorithm (general approach\n    // based on ideas found in ivi, vue, snabbdom, etc.):\n    //\n    // * We start with the list of old parts and new values (and\n    //   arrays of their respective keys), head/tail pointers into\n    //   each, and we build up the new list of parts by updating\n    //   (and when needed, moving) old parts or creating new ones.\n    //   The initial scenario might look like this (for brevity of\n    //   the diagrams, the numbers in the array reflect keys\n    //   associated with the old parts or new values, although keys\n    //   and parts/values are actually stored in parallel arrays\n    //   indexed using the same head/tail pointers):\n    //\n    //      oldHead v                 v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [ ,  ,  ,  ,  ,  ,  ]\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6] <- reflects the user's new\n    //                                      item order\n    //      newHead ^                 ^ newTail\n    //\n    // * Iterate old & new lists from both sides, updating,\n    //   swapping, or removing parts at the head/tail locations\n    //   until neither head nor tail can move.\n    //\n    // * Example below: keys at head pointers match, so update old\n    //   part 0 in-place (no need to move it) and record part 0 in\n    //   the `newParts` list. The last thing we do is advance the\n    //   `oldHead` and `newHead` pointers (will be reflected in the\n    //   next diagram).\n    //\n    //      oldHead v                 v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  ,  ] <- heads matched: update 0\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldHead\n    //                                      & newHead\n    //      newHead ^                 ^ newTail\n    //\n    // * Example below: head pointers don't match, but tail\n    //   pointers do, so update part 6 in place (no need to move\n    //   it), and record part 6 in the `newParts` list. Last,\n    //   advance the `oldTail` and `oldHead` pointers.\n    //\n    //         oldHead v              v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  , 6] <- tails matched: update 6\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldTail\n    //                                      & newTail\n    //         newHead ^              ^ newTail\n    //\n    // * If neither head nor tail match; next check if one of the\n    //   old head/tail items was removed. We first need to generate\n    //   the reverse map of new keys to index (`newKeyToIndexMap`),\n    //   which is done once lazily as a performance optimization,\n    //   since we only hit this case if multiple non-contiguous\n    //   changes were made. Note that for contiguous removal\n    //   anywhere in the list, the head and tails would advance\n    //   from either end and pass each other before we get to this\n    //   case and removals would be handled in the final while loop\n    //   without needing to generate the map.\n    //\n    // * Example below: The key at `oldTail` was removed (no longer\n    //   in the `newKeyToIndexMap`), so remove that part from the\n    //   DOM and advance just the `oldTail` pointer.\n    //\n    //         oldHead v           v oldTail\n    //   oldKeys:  [0, 1, 2, 3, 4, 5, 6]\n    //   newParts: [0,  ,  ,  ,  ,  , 6] <- 5 not in new map: remove\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    5 and advance oldTail\n    //         newHead ^           ^ newTail\n    //\n    // * Once head and tail cannot move, any mismatches are due to\n    //   either new or moved items; if a new key is in the previous\n    //   \"old key to old index\" map, move the old part to the new\n    //   location, otherwise create and insert a new part. Note\n    //   that when moving an old part we null its position in the\n    //   oldParts array if it lies between the head and tail so we\n    //   know to skip it when the pointers get there.\n    //\n    // * Example below: neither head nor tail match, and neither\n    //   were removed; so find the `newHead` key in the\n    //   `oldKeyToIndexMap`, and move that old part's DOM into the\n    //   next head position (before `oldParts[oldHead]`). Last,\n    //   null the part in the `oldPart` array since it was\n    //   somewhere in the remaining oldParts still to be scanned\n    //   (between the head and tail pointers) so that we know to\n    //   skip that old part on future iterations.\n    //\n    //         oldHead v        v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2,  ,  ,  ,  , 6] <- stuck: update & move 2\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    into place and advance\n    //                                      newHead\n    //         newHead ^           ^ newTail\n    //\n    // * Note that for moves/insertions like the one above, a part\n    //   inserted at the head pointer is inserted before the\n    //   current `oldParts[oldHead]`, and a part inserted at the\n    //   tail pointer is inserted before `newParts[newTail+1]`. The\n    //   seeming asymmetry lies in the fact that new parts are\n    //   moved into place outside in, so to the right of the head\n    //   pointer are old parts, and to the right of the tail\n    //   pointer are new parts.\n    //\n    // * We always restart back from the top of the algorithm,\n    //   allowing matching and simple updates in place to\n    //   continue...\n    //\n    // * Example below: the head pointers once again match, so\n    //   simply update part 1 and record it in the `newParts`\n    //   array.  Last, advance both head pointers.\n    //\n    //         oldHead v        v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1,  ,  ,  , 6] <- heads matched: update 1\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance both oldHead\n    //                                      & newHead\n    //            newHead ^        ^ newTail\n    //\n    // * As mentioned above, items that were moved as a result of\n    //   being stuck (the final else clause in the code below) are\n    //   marked with null, so we always advance old pointers over\n    //   these so we're comparing the next actual old value on\n    //   either end.\n    //\n    // * Example below: `oldHead` is null (already placed in\n    //   newParts), so advance `oldHead`.\n    //\n    //            oldHead v     v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6] <- old head already used:\n    //   newParts: [0, 2, 1,  ,  ,  , 6]    advance oldHead\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]\n    //               newHead ^     ^ newTail\n    //\n    // * Note it's not critical to mark old parts as null when they\n    //   are moved from head to tail or tail to head, since they\n    //   will be outside the pointer range and never visited again.\n    //\n    // * Example below: Here the old tail key matches the new head\n    //   key, so the part at the `oldTail` position and move its\n    //   DOM to the new head position (before `oldParts[oldHead]`).\n    //   Last, advance `oldTail` and `newHead` pointers.\n    //\n    //               oldHead v  v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4,  ,  , 6] <- old tail matches new\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]   head: update & move 4,\n    //                                     advance oldTail & newHead\n    //               newHead ^     ^ newTail\n    //\n    // * Example below: Old and new head keys match, so update the\n    //   old head part in place, and advance the `oldHead` and\n    //   `newHead` pointers.\n    //\n    //               oldHead v oldTail\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4, 3,   ,6] <- heads match: update 3\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]    and advance oldHead &\n    //                                      newHead\n    //                  newHead ^  ^ newTail\n    //\n    // * Once the new or old pointers move past each other then all\n    //   we have left is additions (if old list exhausted) or\n    //   removals (if new list exhausted). Those are handled in the\n    //   final while loops at the end.\n    //\n    // * Example below: `oldHead` exceeded `oldTail`, so we're done\n    //   with the main loop.  Create the remaining part and insert\n    //   it at the new head position, and the update is complete.\n    //\n    //                   (oldHead > oldTail)\n    //   oldKeys:  [0, 1, -, 3, 4, 5, 6]\n    //   newParts: [0, 2, 1, 4, 3, 7 ,6] <- create and insert 7\n    //   newKeys:  [0, 2, 1, 4, 3, 7, 6]\n    //                     newHead ^ newTail\n    //\n    // * Note that the order of the if/else clauses is not\n    //   important to the algorithm, as long as the null checks\n    //   come first (to ensure we're always working on valid old\n    //   parts) and that the final else clause comes last (since\n    //   that's where the expensive moves occur). The order of\n    //   remaining clauses is just a simple guess at which cases\n    //   will be most common.\n    //\n    // * Note, we could calculate the longest\n    //   increasing subsequence (LIS) of old items in new position,\n    //   and only move those not in the LIS set. However that costs\n    //   O(nlogn) time and adds a bit more code, and only helps\n    //   make rare types of mutations require fewer moves. The\n    //   above handles removes, adds, reversal, swaps, and single\n    //   moves of contiguous items in linear time, in the minimum\n    //   number of moves. As the number of multiple moves where LIS\n    //   might help approaches a random shuffle, the LIS\n    //   optimization becomes less helpful, so it seems not worth\n    //   the code at this point. Could reconsider if a compelling\n    //   case arises.\n\n    while (oldHead <= oldTail && newHead <= newTail) {\n      if (oldParts[oldHead] === null) {\n        // `null` means old part at head has already been used\n        // below; skip\n        oldHead++;\n      } else if (oldParts[oldTail] === null) {\n        // `null` means old part at tail has already been used\n        // below; skip\n        oldTail--;\n      } else if (oldKeys[oldHead] === newKeys[newHead]) {\n        // Old head matches new head; update in place\n        newParts[newHead] = setChildPartValue(\n          oldParts[oldHead]!,\n          newValues[newHead]\n        );\n        oldHead++;\n        newHead++;\n      } else if (oldKeys[oldTail] === newKeys[newTail]) {\n        // Old tail matches new tail; update in place\n        newParts[newTail] = setChildPartValue(\n          oldParts[oldTail]!,\n          newValues[newTail]\n        );\n        oldTail--;\n        newTail--;\n      } else if (oldKeys[oldHead] === newKeys[newTail]) {\n        // Old head matches new tail; update and move to new tail\n        newParts[newTail] = setChildPartValue(\n          oldParts[oldHead]!,\n          newValues[newTail]\n        );\n        insertPart(containerPart, newParts[newTail + 1], oldParts[oldHead]!);\n        oldHead++;\n        newTail--;\n      } else if (oldKeys[oldTail] === newKeys[newHead]) {\n        // Old tail matches new head; update and move to new head\n        newParts[newHead] = setChildPartValue(\n          oldParts[oldTail]!,\n          newValues[newHead]\n        );\n        insertPart(containerPart, oldParts[oldHead]!, oldParts[oldTail]!);\n        oldTail--;\n        newHead++;\n      } else {\n        if (newKeyToIndexMap === undefined) {\n          // Lazily generate key-to-index maps, used for removals &\n          // moves below\n          newKeyToIndexMap = generateMap(newKeys, newHead, newTail);\n          oldKeyToIndexMap = generateMap(oldKeys, oldHead, oldTail);\n        }\n        if (!newKeyToIndexMap.has(oldKeys[oldHead])) {\n          // Old head is no longer in new list; remove\n          removePart(oldParts[oldHead]!);\n          oldHead++;\n        } else if (!newKeyToIndexMap.has(oldKeys[oldTail])) {\n          // Old tail is no longer in new list; remove\n          removePart(oldParts[oldTail]!);\n          oldTail--;\n        } else {\n          // Any mismatches at this point are due to additions or\n          // moves; see if we have an old part we can reuse and move\n          // into place\n          const oldIndex = oldKeyToIndexMap.get(newKeys[newHead]);\n          const oldPart = oldIndex !== undefined ? oldParts[oldIndex] : null;\n          if (oldPart === null) {\n            // No old part for this value; create a new one and\n            // insert it\n            const newPart = insertPart(containerPart, oldParts[oldHead]!);\n            setChildPartValue(newPart, newValues[newHead]);\n            newParts[newHead] = newPart;\n          } else {\n            // Reuse old part\n            newParts[newHead] = setChildPartValue(oldPart, newValues[newHead]);\n            insertPart(containerPart, oldParts[oldHead]!, oldPart);\n            // This marks the old part as having been used, so that\n            // it will be skipped in the first two checks above\n            oldParts[oldIndex as number] = null;\n          }\n          newHead++;\n        }\n      }\n    }\n    // Add parts for any remaining new values\n    while (newHead <= newTail) {\n      // For all remaining additions, we insert before last new\n      // tail, since old pointers are no longer valid\n      const newPart = insertPart(containerPart, newParts[newTail + 1]);\n      setChildPartValue(newPart, newValues[newHead]);\n      newParts[newHead++] = newPart;\n    }\n    // Remove any remaining unused old parts\n    while (oldHead <= oldTail) {\n      const oldPart = oldParts[oldHead++];\n      if (oldPart !== null) {\n        removePart(oldPart);\n      }\n    }\n\n    // Save order of new parts for next round\n    this._itemKeys = newKeys;\n    // Directly set part value, bypassing it's dirty-checking\n    setCommittedValue(containerPart, newParts);\n    return noChange;\n  }\n}\n\nexport interface RepeatDirectiveFn {\n  <T>(\n    items: Iterable<T>,\n    keyFnOrTemplate: KeyFn<T> | ItemTemplate<T>,\n    template?: ItemTemplate<T>\n  ): unknown;\n  <T>(items: Iterable<T>, template: ItemTemplate<T>): unknown;\n  <T>(\n    items: Iterable<T>,\n    keyFn: KeyFn<T> | ItemTemplate<T>,\n    template: ItemTemplate<T>\n  ): unknown;\n}\n\n/**\n * A directive that repeats a series of values (usually `TemplateResults`)\n * generated from an iterable, and updates those items efficiently when the\n * iterable changes based on user-provided `keys` associated with each item.\n *\n * Note that if a `keyFn` is provided, strict key-to-DOM mapping is maintained,\n * meaning previous DOM for a given key is moved into the new position if\n * needed, and DOM will never be reused with values for different keys (new DOM\n * will always be created for new keys). This is generally the most efficient\n * way to use `repeat` since it performs minimum unnecessary work for insertions\n * and removals.\n *\n * The `keyFn` takes two parameters, the item and its index, and returns a unique key value.\n *\n * ```js\n * html`\n *   <ol>\n *     ${repeat(this.items, (item) => item.id, (item, index) => {\n *       return html`<li>${index}: ${item.name}</li>`;\n *     })}\n *   </ol>\n * `\n * ```\n *\n * **Important**: If providing a `keyFn`, keys *must* be unique for all items in a\n * given call to `repeat`. The behavior when two or more items have the same key\n * is undefined.\n *\n * If no `keyFn` is provided, this directive will perform similar to mapping\n * items to values, and DOM will be reused against potentially different items.\n */\nexport const repeat = directive(RepeatDirective) as RepeatDirectiveFn;\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RepeatDirective};\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  ChildPart,\n  DirectiveParameters,\n} from '../directive.js';\nimport {setCommittedValue} from '../directive-helpers.js';\n\nclass Keyed extends Directive {\n  key: unknown = nothing;\n\n  render(k: unknown, v: unknown) {\n    this.key = k;\n    return v;\n  }\n\n  override update(part: ChildPart, [k, v]: DirectiveParameters<this>) {\n    if (k !== this.key) {\n      // Clear the part before returning a value. The one-arg form of\n      // setCommittedValue sets the value to a sentinel which forces a\n      // commit the next render.\n      setCommittedValue(part);\n      this.key = k;\n    }\n    return v;\n  }\n}\n\n/**\n * Associates a renderable value with a unique key. When the key changes, the\n * previous DOM is removed and disposed before rendering the next value, even\n * if the value - such as a template - is the same.\n *\n * This is useful for forcing re-renders of stateful components, or working\n * with code that expects new data to generate new HTML elements, such as some\n * animation techniques.\n */\nexport const keyed = directive(Keyed);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {Keyed};\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange} from '../lit-html.js';\nimport {\n  directive,\n  Directive,\n  DirectiveParameters,\n  PartInfo,\n  PartType,\n} from '../directive.js';\n\n/**\n * A key-value set of class names to truthy values.\n */\nexport interface ClassInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nclass ClassMapDirective extends Directive {\n  /**\n   * Stores the ClassInfo object applied to a given AttributePart.\n   * Used to unset existing values when a new ClassInfo object is applied.\n   */\n  private _previousClasses?: Set<string>;\n  private _staticClasses?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'class' ||\n      (partInfo.strings?.length as number) > 2\n    ) {\n      throw new Error(\n        '`classMap()` can only be used in the `class` attribute ' +\n          'and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  render(classInfo: ClassInfo) {\n    // Add spaces to ensure separation from static classes\n    return (\n      ' ' +\n      Object.keys(classInfo)\n        .filter((key) => classInfo[key])\n        .join(' ') +\n      ' '\n    );\n  }\n\n  override update(part: AttributePart, [classInfo]: DirectiveParameters<this>) {\n    // Remember dynamic classes on the first render\n    if (this._previousClasses === undefined) {\n      this._previousClasses = new Set();\n      if (part.strings !== undefined) {\n        this._staticClasses = new Set(\n          part.strings\n            .join(' ')\n            .split(/\\s/)\n            .filter((s) => s !== '')\n        );\n      }\n      for (const name in classInfo) {\n        if (classInfo[name] && !this._staticClasses?.has(name)) {\n          this._previousClasses.add(name);\n        }\n      }\n      return this.render(classInfo);\n    }\n\n    const classList = part.element.classList;\n\n    // Remove old classes that no longer apply\n    for (const name of this._previousClasses) {\n      if (!(name in classInfo)) {\n        classList.remove(name);\n        this._previousClasses!.delete(name);\n      }\n    }\n\n    // Add or remove classes based on their classMap value\n    for (const name in classInfo) {\n      // We explicitly want a loose truthy check of `value` because it seems\n      // more convenient that '' and 0 are skipped.\n      const value = !!classInfo[name];\n      if (\n        value !== this._previousClasses.has(name) &&\n        !this._staticClasses?.has(name)\n      ) {\n        if (value) {\n          classList.add(name);\n          this._previousClasses.add(name);\n        } else {\n          classList.remove(name);\n          this._previousClasses.delete(name);\n        }\n      }\n    }\n    return noChange;\n  }\n}\n\n/**\n * A directive that applies dynamic CSS classes.\n *\n * This must be used in the `class` attribute and must be the only part used in\n * the attribute. It takes each property in the `classInfo` argument and adds\n * the property name to the element's `classList` if the property value is\n * truthy; if the property value is falsy, the property name is removed from\n * the element's `class`.\n *\n * For example `{foo: bar}` applies the class `foo` if the value of `bar` is\n * truthy.\n *\n * @param classInfo\n */\nexport const classMap = directive(ClassMapDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {ClassMapDirective};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Overview:\n *\n * This module is designed to add support for an async `setValue` API and\n * `disconnected` callback to directives with the least impact on the core\n * runtime or payload when that feature is not used.\n *\n * The strategy is to introduce a `AsyncDirective` subclass of\n * `Directive` that climbs the \"parent\" tree in its constructor to note which\n * branches of lit-html's \"logical tree\" of data structures contain such\n * directives and thus need to be crawled when a subtree is being cleared (or\n * manually disconnected) in order to run the `disconnected` callback.\n *\n * The \"nodes\" of the logical tree include Parts, TemplateInstances (for when a\n * TemplateResult is committed to a value of a ChildPart), and Directives; these\n * all implement a common interface called `DisconnectableChild`. Each has a\n * `_$parent` reference which is set during construction in the core code, and a\n * `_$disconnectableChildren` field which is initially undefined.\n *\n * The sparse tree created by means of the `AsyncDirective` constructor\n * crawling up the `_$parent` tree and placing a `_$disconnectableChildren` Set\n * on each parent that includes each child that contains a\n * `AsyncDirective` directly or transitively via its children. In order to\n * notify connection state changes and disconnect (or reconnect) a tree, the\n * `_$notifyConnectionChanged` API is patched onto ChildParts as a directive\n * climbs the parent tree, which is called by the core when clearing a part if\n * it exists. When called, that method iterates over the sparse tree of\n * Set<DisconnectableChildren> built up by AsyncDirectives, and calls\n * `_$notifyDirectiveConnectionChanged` on any directives that are encountered\n * in that tree, running the required callbacks.\n *\n * A given \"logical tree\" of lit-html data-structures might look like this:\n *\n *  ChildPart(N1) _$dC=[D2,T3]\n *   ._directive\n *     AsyncDirective(D2)\n *   ._value // user value was TemplateResult\n *     TemplateInstance(T3) _$dC=[A4,A6,N10,N12]\n *      ._$parts[]\n *        AttributePart(A4) _$dC=[D5]\n *         ._directives[]\n *           AsyncDirective(D5)\n *        AttributePart(A6) _$dC=[D7,D8]\n *         ._directives[]\n *           AsyncDirective(D7)\n *           Directive(D8) _$dC=[D9]\n *            ._directive\n *              AsyncDirective(D9)\n *        ChildPart(N10) _$dC=[D11]\n *         ._directive\n *           AsyncDirective(D11)\n *         ._value\n *           string\n *        ChildPart(N12) _$dC=[D13,N14,N16]\n *         ._directive\n *           AsyncDirective(D13)\n *         ._value // user value was iterable\n *           Array<ChildPart>\n *             ChildPart(N14) _$dC=[D15]\n *              ._value\n *                string\n *             ChildPart(N16) _$dC=[D17,T18]\n *              ._directive\n *                AsyncDirective(D17)\n *              ._value // user value was TemplateResult\n *                TemplateInstance(T18) _$dC=[A19,A21,N25]\n *                 ._$parts[]\n *                   AttributePart(A19) _$dC=[D20]\n *                    ._directives[]\n *                      AsyncDirective(D20)\n *                   AttributePart(A21) _$dC=[22,23]\n *                    ._directives[]\n *                      AsyncDirective(D22)\n *                      Directive(D23) _$dC=[D24]\n *                       ._directive\n *                         AsyncDirective(D24)\n *                   ChildPart(N25) _$dC=[D26]\n *                    ._directive\n *                      AsyncDirective(D26)\n *                    ._value\n *                      string\n *\n * Example 1: The directive in ChildPart(N12) updates and returns `nothing`. The\n * ChildPart will _clear() itself, and so we need to disconnect the \"value\" of\n * the ChildPart (but not its directive). In this case, when `_clear()` calls\n * `_$notifyConnectionChanged()`, we don't iterate all of the\n * _$disconnectableChildren, rather we do a value-specific disconnection: i.e.\n * since the _value was an Array<ChildPart> (because an iterable had been\n * committed), we iterate the array of ChildParts (N14, N16) and run\n * `setConnected` on them (which does recurse down the full tree of\n * `_$disconnectableChildren` below it, and also removes N14 and N16 from N12's\n * `_$disconnectableChildren`). Once the values have been disconnected, we then\n * check whether the ChildPart(N12)'s list of `_$disconnectableChildren` is empty\n * (and would remove it from its parent TemplateInstance(T3) if so), but since\n * it would still contain its directive D13, it stays in the disconnectable\n * tree.\n *\n * Example 2: In the course of Example 1, `setConnected` will reach\n * ChildPart(N16); in this case the entire part is being disconnected, so we\n * simply iterate all of N16's `_$disconnectableChildren` (D17,T18) and\n * recursively run `setConnected` on them. Note that we only remove children\n * from `_$disconnectableChildren` for the top-level values being disconnected\n * on a clear; doing this bookkeeping lower in the tree is wasteful since it's\n * all being thrown away.\n *\n * Example 3: If the LitElement containing the entire tree above becomes\n * disconnected, it will run `childPart.setConnected()` (which calls\n * `childPart._$notifyConnectionChanged()` if it exists); in this case, we\n * recursively run `setConnected()` over the entire tree, without removing any\n * children from `_$disconnectableChildren`, since this tree is required to\n * re-connect the tree, which does the same operation, simply passing\n * `isConnected: true` down the tree, signaling which callback to run.\n */\n\nimport {AttributePart, ChildPart, Disconnectable, Part} from './lit-html.js';\nimport {isSingleExpression} from './directive-helpers.js';\nimport {Directive, PartInfo, PartType} from './directive.js';\nexport * from './directive.js';\n\nconst DEV_MODE = true;\n\n/**\n * Recursively walks down the tree of Parts/TemplateInstances/Directives to set\n * the connected state of directives and run `disconnected`/ `reconnected`\n * callbacks.\n *\n * @return True if there were children to disconnect; false otherwise\n */\nconst notifyChildrenConnectedChanged = (\n  parent: Disconnectable,\n  isConnected: boolean\n): boolean => {\n  const children = parent._$disconnectableChildren;\n  if (children === undefined) {\n    return false;\n  }\n  for (const obj of children) {\n    // The existence of `_$notifyDirectiveConnectionChanged` is used as a \"brand\" to\n    // disambiguate AsyncDirectives from other DisconnectableChildren\n    // (as opposed to using an instanceof check to know when to call it); the\n    // redundancy of \"Directive\" in the API name is to avoid conflicting with\n    // `_$notifyConnectionChanged`, which exists `ChildParts` which are also in\n    // this list\n    // Disconnect Directive (and any nested directives contained within)\n    // This property needs to remain unminified.\n    (obj as AsyncDirective)['_$notifyDirectiveConnectionChanged']?.(\n      isConnected,\n      false\n    );\n    // Disconnect Part/TemplateInstance\n    notifyChildrenConnectedChanged(obj, isConnected);\n  }\n  return true;\n};\n\n/**\n * Removes the given child from its parent list of disconnectable children, and\n * if the parent list becomes empty as a result, removes the parent from its\n * parent, and so forth up the tree when that causes subsequent parent lists to\n * become empty.\n */\nconst removeDisconnectableFromParent = (obj: Disconnectable) => {\n  let parent, children;\n  do {\n    if ((parent = obj._$parent) === undefined) {\n      break;\n    }\n    children = parent._$disconnectableChildren!;\n    children.delete(obj);\n    obj = parent;\n  } while (children?.size === 0);\n};\n\nconst addDisconnectableToParent = (obj: Disconnectable) => {\n  // Climb the parent tree, creating a sparse tree of children needing\n  // disconnection\n  for (let parent; (parent = obj._$parent); obj = parent) {\n    let children = parent._$disconnectableChildren;\n    if (children === undefined) {\n      parent._$disconnectableChildren = children = new Set();\n    } else if (children.has(obj)) {\n      // Once we've reached a parent that already contains this child, we\n      // can short-circuit\n      break;\n    }\n    children.add(obj);\n    installDisconnectAPI(parent);\n  }\n};\n\n/**\n * Changes the parent reference of the ChildPart, and updates the sparse tree of\n * Disconnectable children accordingly.\n *\n * Note, this method will be patched onto ChildPart instances and called from\n * the core code when parts are moved between different parents.\n */\nfunction reparentDisconnectables(this: ChildPart, newParent: Disconnectable) {\n  if (this._$disconnectableChildren !== undefined) {\n    removeDisconnectableFromParent(this);\n    this._$parent = newParent;\n    addDisconnectableToParent(this);\n  } else {\n    this._$parent = newParent;\n  }\n}\n\n/**\n * Sets the connected state on any directives contained within the committed\n * value of this part (i.e. within a TemplateInstance or iterable of\n * ChildParts) and runs their `disconnected`/`reconnected`s, as well as within\n * any directives stored on the ChildPart (when `valueOnly` is false).\n *\n * `isClearingValue` should be passed as `true` on a top-level part that is\n * clearing itself, and not as a result of recursively disconnecting directives\n * as part of a `clear` operation higher up the tree. This both ensures that any\n * directive on this ChildPart that produced a value that caused the clear\n * operation is not disconnected, and also serves as a performance optimization\n * to avoid needless bookkeeping when a subtree is going away; when clearing a\n * subtree, only the top-most part need to remove itself from the parent.\n *\n * `fromPartIndex` is passed only in the case of a partial `_clear` running as a\n * result of truncating an iterable.\n *\n * Note, this method will be patched onto ChildPart instances and called from the\n * core code when parts are cleared or the connection state is changed by the\n * user.\n */\nfunction notifyChildPartConnectedChanged(\n  this: ChildPart,\n  isConnected: boolean,\n  isClearingValue = false,\n  fromPartIndex = 0\n) {\n  const value = this._$committedValue;\n  const children = this._$disconnectableChildren;\n  if (children === undefined || children.size === 0) {\n    return;\n  }\n  if (isClearingValue) {\n    if (Array.isArray(value)) {\n      // Iterable case: Any ChildParts created by the iterable should be\n      // disconnected and removed from this ChildPart's disconnectable\n      // children (starting at `fromPartIndex` in the case of truncation)\n      for (let i = fromPartIndex; i < value.length; i++) {\n        notifyChildrenConnectedChanged(value[i], false);\n        removeDisconnectableFromParent(value[i]);\n      }\n    } else if (value != null) {\n      // TemplateInstance case: If the value has disconnectable children (will\n      // only be in the case that it is a TemplateInstance), we disconnect it\n      // and remove it from this ChildPart's disconnectable children\n      notifyChildrenConnectedChanged(value as Disconnectable, false);\n      removeDisconnectableFromParent(value as Disconnectable);\n    }\n  } else {\n    notifyChildrenConnectedChanged(this, isConnected);\n  }\n}\n\n/**\n * Patches disconnection API onto ChildParts.\n */\nconst installDisconnectAPI = (obj: Disconnectable) => {\n  if ((obj as ChildPart).type == PartType.CHILD) {\n    (obj as ChildPart)._$notifyConnectionChanged ??=\n      notifyChildPartConnectedChanged;\n    (obj as ChildPart)._$reparentDisconnectables ??= reparentDisconnectables;\n  }\n};\n\n/**\n * An abstract `Directive` base class whose `disconnected` method will be\n * called when the part containing the directive is cleared as a result of\n * re-rendering, or when the user calls `part.setConnected(false)` on\n * a part that was previously rendered containing the directive (as happens\n * when e.g. a LitElement disconnects from the DOM).\n *\n * If `part.setConnected(true)` is subsequently called on a\n * containing part, the directive's `reconnected` method will be called prior\n * to its next `update`/`render` callbacks. When implementing `disconnected`,\n * `reconnected` should also be implemented to be compatible with reconnection.\n *\n * Note that updates may occur while the directive is disconnected. As such,\n * directives should generally check the `this.isConnected` flag during\n * render/update to determine whether it is safe to subscribe to resources\n * that may prevent garbage collection.\n */\nexport abstract class AsyncDirective extends Directive {\n  // As opposed to other Disconnectables, AsyncDirectives always get notified\n  // when the RootPart connection changes, so the public `isConnected`\n  // is a locally stored variable initialized via its part's getter and synced\n  // via `_$notifyDirectiveConnectionChanged`. This is cheaper than using\n  // the _$isConnected getter, which has to look back up the tree each time.\n  /**\n   * The connection state for this Directive.\n   */\n  isConnected!: boolean;\n\n  // @internal\n  override _$disconnectableChildren?: Set<Disconnectable> = undefined;\n  /**\n   * Initialize the part with internal fields\n   * @param part\n   * @param parent\n   * @param attributeIndex\n   */\n  override _$initialize(\n    part: Part,\n    parent: Disconnectable,\n    attributeIndex: number | undefined\n  ) {\n    super._$initialize(part, parent, attributeIndex);\n    addDisconnectableToParent(this);\n    this.isConnected = part._$isConnected;\n  }\n  // This property needs to remain unminified.\n  /**\n   * Called from the core code when a directive is going away from a part (in\n   * which case `shouldRemoveFromParent` should be true), and from the\n   * `setChildrenConnected` helper function when recursively changing the\n   * connection state of a tree (in which case `shouldRemoveFromParent` should\n   * be false).\n   *\n   * @param isConnected\n   * @param isClearingDirective - True when the directive itself is being\n   *     removed; false when the tree is being disconnected\n   * @internal\n   */\n  override ['_$notifyDirectiveConnectionChanged'](\n    isConnected: boolean,\n    isClearingDirective = true\n  ) {\n    if (isConnected !== this.isConnected) {\n      this.isConnected = isConnected;\n      if (isConnected) {\n        this.reconnected?.();\n      } else {\n        this.disconnected?.();\n      }\n    }\n    if (isClearingDirective) {\n      notifyChildrenConnectedChanged(this, isConnected);\n      removeDisconnectableFromParent(this);\n    }\n  }\n\n  /**\n   * Sets the value of the directive's Part outside the normal `update`/`render`\n   * lifecycle of a directive.\n   *\n   * This method should not be called synchronously from a directive's `update`\n   * or `render`.\n   *\n   * @param directive The directive to update\n   * @param value The value to set\n   */\n  setValue(value: unknown) {\n    if (isSingleExpression(this.__part as unknown as PartInfo)) {\n      this.__part._$setValue(value, this);\n    } else {\n      // this.__attributeIndex will be defined in this case, but\n      // assert it in dev mode\n      if (DEV_MODE && this.__attributeIndex === undefined) {\n        throw new Error(`Expected this.__attributeIndex to be a number`);\n      }\n      const newValues = [...(this.__part._$committedValue as Array<unknown>)];\n      newValues[this.__attributeIndex!] = value;\n      (this.__part as AttributePart)._$setValue(newValues, this, 0);\n    }\n  }\n\n  /**\n   * User callbacks for implementing logic to release any resources/subscriptions\n   * that may have been retained by this directive. Since directives may also be\n   * re-connected, `reconnected` should also be implemented to restore the\n   * working state of the directive prior to the next render.\n   */\n  protected disconnected() {}\n  protected reconnected() {}\n}\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport {nothing, ElementPart} from '../lit-html.js';\nimport {directive, AsyncDirective} from '../async-directive.js';\n\n/**\n * Creates a new Ref object, which is container for a reference to an element.\n */\nexport const createRef = <T = Element>() => new Ref<T>();\n\n/**\n * An object that holds a ref value.\n */\nclass Ref<T = Element> {\n  /**\n   * The current Element value of the ref, or else `undefined` if the ref is no\n   * longer rendered.\n   */\n  readonly value?: T;\n}\n\nexport type {Ref};\n\ninterface RefInternal {\n  value: Element | undefined;\n}\n\n// When callbacks are used for refs, this map tracks the last value the callback\n// was called with, for ensuring a directive doesn't clear the ref if the ref\n// has already been rendered to a new spot. It is double-keyed on both the\n// context (`options.host`) and the callback, since we auto-bind class methods\n// to `options.host`.\nconst lastElementForContextAndCallback = new WeakMap<\n  object,\n  WeakMap<Function, Element | undefined>\n>();\n\nexport type RefOrCallback<T = Element> = Ref<T> | ((el: T | undefined) => void);\n\nclass RefDirective extends AsyncDirective {\n  private _element?: Element;\n  private _ref?: RefOrCallback;\n  private _context?: object;\n\n  render(_ref?: RefOrCallback) {\n    return nothing;\n  }\n\n  override update(part: ElementPart, [ref]: Parameters<this['render']>) {\n    const refChanged = ref !== this._ref;\n    if (refChanged && this._ref !== undefined) {\n      // The ref passed to the directive has changed;\n      // unset the previous ref's value\n      this._updateRefValue(undefined);\n    }\n    if (refChanged || this._lastElementForRef !== this._element) {\n      // We either got a new ref or this is the first render;\n      // store the ref/element & update the ref value\n      this._ref = ref;\n      this._context = part.options?.host;\n      this._updateRefValue((this._element = part.element));\n    }\n    return nothing;\n  }\n\n  private _updateRefValue(element: Element | undefined) {\n    if (!this.isConnected) {\n      element = undefined;\n    }\n    if (typeof this._ref === 'function') {\n      // If the current ref was called with a previous value, call with\n      // `undefined`; We do this to ensure callbacks are called in a consistent\n      // way regardless of whether a ref might be moving up in the tree (in\n      // which case it would otherwise be called with the new value before the\n      // previous one unsets it) and down in the tree (where it would be unset\n      // before being set). Note that element lookup is keyed by\n      // both the context and the callback, since we allow passing unbound\n      // functions that are called on options.host, and we want to treat\n      // these as unique \"instances\" of a function.\n      const context = this._context ?? globalThis;\n      let lastElementForCallback =\n        lastElementForContextAndCallback.get(context);\n      if (lastElementForCallback === undefined) {\n        lastElementForCallback = new WeakMap();\n        lastElementForContextAndCallback.set(context, lastElementForCallback);\n      }\n      if (lastElementForCallback.get(this._ref) !== undefined) {\n        this._ref.call(this._context, undefined);\n      }\n      lastElementForCallback.set(this._ref, element);\n      // Call the ref with the new element value\n      if (element !== undefined) {\n        this._ref.call(this._context, element);\n      }\n    } else {\n      (this._ref as RefInternal)!.value = element;\n    }\n  }\n\n  private get _lastElementForRef() {\n    return typeof this._ref === 'function'\n      ? lastElementForContextAndCallback\n          .get(this._context ?? globalThis)\n          ?.get(this._ref)\n      : this._ref?.value;\n  }\n\n  override disconnected() {\n    // Only clear the box if our element is still the one in it (i.e. another\n    // directive instance hasn't rendered its element to it before us); that\n    // only happens in the event of the directive being cleared (not via manual\n    // disconnection)\n    if (this._lastElementForRef === this._element) {\n      this._updateRefValue(undefined);\n    }\n  }\n\n  override reconnected() {\n    // If we were manually disconnected, we can safely put our element back in\n    // the box, since no rendering could have occurred to change its state\n    this._updateRefValue(this._element);\n  }\n}\n\n/**\n * Sets the value of a Ref object or calls a ref callback with the element it's\n * bound to.\n *\n * A Ref object acts as a container for a reference to an element. A ref\n * callback is a function that takes an element as its only argument.\n *\n * The ref directive sets the value of the Ref object or calls the ref callback\n * during rendering, if the referenced element changed.\n *\n * Note: If a ref callback is rendered to a different element position or is\n * removed in a subsequent render, it will first be called with `undefined`,\n * followed by another call with the new element it was rendered to (if any).\n *\n * ```js\n * // Using Ref object\n * const inputRef = createRef();\n * render(html`<input ${ref(inputRef)}>`, container);\n * inputRef.value.focus();\n *\n * // Using callback\n * const callback = (inputElement) => inputElement.focus();\n * render(html`<input ${ref(callback)}>`, container);\n * ```\n */\nexport const ref = directive(RefDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RefDirective};\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// Note, this module is not included in package exports so that it's private to\n// our first-party directives. If it ends up being useful, we can open it up and\n// export it.\n\n/**\n * Helper to iterate an AsyncIterable in its own closure.\n * @param iterable The iterable to iterate\n * @param callback The callback to call for each value. If the callback returns\n * `false`, the loop will be broken.\n */\nexport const forAwaitOf = async <T>(\n  iterable: AsyncIterable<T>,\n  callback: (value: T) => Promise<boolean>\n) => {\n  for await (const v of iterable) {\n    if ((await callback(v)) === false) {\n      return;\n    }\n  }\n};\n\n/**\n * Holds a reference to an instance that can be disconnected and reconnected,\n * so that a closure over the ref (e.g. in a then function to a promise) does\n * not strongly hold a ref to the instance. Approximates a WeakRef but must\n * be manually connected & disconnected to the backing instance.\n */\nexport class PseudoWeakRef<T> {\n  private _ref?: T;\n  constructor(ref: T) {\n    this._ref = ref;\n  }\n  /**\n   * Disassociates the ref with the backing instance.\n   */\n  disconnect() {\n    this._ref = undefined;\n  }\n  /**\n   * Reassociates the ref with the backing instance.\n   */\n  reconnect(ref: T) {\n    this._ref = ref;\n  }\n  /**\n   * Retrieves the backing instance (will be undefined when disconnected)\n   */\n  deref() {\n    return this._ref;\n  }\n}\n\n/**\n * A helper to pause and resume waiting on a condition in an async function\n */\nexport class Pauser {\n  private _promise?: Promise<void> = undefined;\n  private _resolve?: () => void = undefined;\n  /**\n   * When paused, returns a promise to be awaited; when unpaused, returns\n   * undefined. Note that in the microtask between the pauser being resumed\n   * an await of this promise resolving, the pauser could be paused again,\n   * hence callers should check the promise in a loop when awaiting.\n   * @returns A promise to be awaited when paused or undefined\n   */\n  get() {\n    return this._promise;\n  }\n  /**\n   * Creates a promise to be awaited\n   */\n  pause() {\n    this._promise ??= new Promise((resolve) => (this._resolve = resolve));\n  }\n  /**\n   * Resolves the promise which may be awaited\n   */\n  resume() {\n    this._resolve?.();\n    this._promise = this._resolve = undefined;\n  }\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {Part, noChange} from '../lit-html.js';\nimport {isPrimitive} from '../directive-helpers.js';\nimport {directive, AsyncDirective} from '../async-directive.js';\nimport {Pauser, PseudoWeakRef} from './private-async-helpers.js';\n\nconst isPromise = (x: unknown) => {\n  return !isPrimitive(x) && typeof (x as {then?: unknown}).then === 'function';\n};\n// Effectively infinity, but a SMI.\nconst _infinity = 0x3fffffff;\n\nexport class UntilDirective extends AsyncDirective {\n  private __lastRenderedIndex: number = _infinity;\n  private __values: unknown[] = [];\n  private __weakThis = new PseudoWeakRef(this);\n  private __pauser = new Pauser();\n\n  render(...args: Array<unknown>): unknown {\n    return args.find((x) => !isPromise(x)) ?? noChange;\n  }\n\n  override update(_part: Part, args: Array<unknown>) {\n    const previousValues = this.__values;\n    let previousLength = previousValues.length;\n    this.__values = args;\n\n    const weakThis = this.__weakThis;\n    const pauser = this.__pauser;\n\n    // If our initial render occurs while disconnected, ensure that the pauser\n    // and weakThis are in the disconnected state\n    if (!this.isConnected) {\n      this.disconnected();\n    }\n\n    for (let i = 0; i < args.length; i++) {\n      // If we've rendered a higher-priority value already, stop.\n      if (i > this.__lastRenderedIndex) {\n        break;\n      }\n\n      const value = args[i];\n\n      // Render non-Promise values immediately\n      if (!isPromise(value)) {\n        this.__lastRenderedIndex = i;\n        // Since a lower-priority value will never overwrite a higher-priority\n        // synchronous value, we can stop processing now.\n        return value;\n      }\n\n      // If this is a Promise we've already handled, skip it.\n      if (i < previousLength && value === previousValues[i]) {\n        continue;\n      }\n\n      // We have a Promise that we haven't seen before, so priorities may have\n      // changed. Forget what we rendered before.\n      this.__lastRenderedIndex = _infinity;\n      previousLength = 0;\n\n      // Note, the callback avoids closing over `this` so that the directive\n      // can be gc'ed before the promise resolves; instead `this` is retrieved\n      // from `weakThis`, which can break the hard reference in the closure when\n      // the directive disconnects\n      Promise.resolve(value).then(async (result: unknown) => {\n        // If we're disconnected, wait until we're (maybe) reconnected\n        // The while loop here handles the case that the connection state\n        // thrashes, causing the pauser to resume and then get re-paused\n        while (pauser.get()) {\n          await pauser.get();\n        }\n        // If the callback gets here and there is no `this`, it means that the\n        // directive has been disconnected and garbage collected and we don't\n        // need to do anything else\n        const _this = weakThis.deref();\n        if (_this !== undefined) {\n          const index = _this.__values.indexOf(value);\n          // If state.values doesn't contain the value, we've re-rendered without\n          // the value, so don't render it. Then, only render if the value is\n          // higher-priority than what's already been rendered.\n          if (index > -1 && index < _this.__lastRenderedIndex) {\n            _this.__lastRenderedIndex = index;\n            _this.setValue(result);\n          }\n        }\n      });\n    }\n\n    return noChange;\n  }\n\n  override disconnected() {\n    this.__weakThis.disconnect();\n    this.__pauser.pause();\n  }\n\n  override reconnected() {\n    this.__weakThis.reconnect(this);\n    this.__pauser.resume();\n  }\n}\n\n/**\n * Renders one of a series of values, including Promises, to a Part.\n *\n * Values are rendered in priority order, with the first argument having the\n * highest priority and the last argument having the lowest priority. If a\n * value is a Promise, low-priority values will be rendered until it resolves.\n *\n * The priority of values can be used to create placeholder content for async\n * data. For example, a Promise with pending content can be the first,\n * highest-priority, argument, and a non_promise loading indicator template can\n * be used as the second, lower-priority, argument. The loading indicator will\n * render immediately, and the primary content will render when the Promise\n * resolves.\n *\n * Example:\n *\n * ```js\n * const content = fetch('./content.txt').then(r => r.text());\n * html`${until(content, html`<span>Loading...</span>`)}`\n * ```\n */\nexport const until = directive(UntilDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\n// export type {UntilDirective};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing, TemplateResult, noChange} from '../lit-html.js';\nimport {directive, Directive, PartInfo, PartType} from '../directive.js';\n\nconst HTML_RESULT = 1;\n\nexport class UnsafeHTMLDirective extends Directive {\n  static directiveName = 'unsafeHTML';\n  static resultType = HTML_RESULT;\n\n  private _value: unknown = nothing;\n  private _templateResult?: TemplateResult;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error(\n        `${\n          (this.constructor as typeof UnsafeHTMLDirective).directiveName\n        }() can only be used in child bindings`\n      );\n    }\n  }\n\n  render(value: string | typeof nothing | typeof noChange | undefined | null) {\n    if (value === nothing || value == null) {\n      this._templateResult = undefined;\n      return (this._value = value);\n    }\n    if (value === noChange) {\n      return value;\n    }\n    if (typeof value != 'string') {\n      throw new Error(\n        `${\n          (this.constructor as typeof UnsafeHTMLDirective).directiveName\n        }() called with a non-string value`\n      );\n    }\n    if (value === this._value) {\n      return this._templateResult;\n    }\n    this._value = value;\n    const strings = [value] as unknown as TemplateStringsArray;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (strings as any).raw = strings;\n    // WARNING: impersonating a TemplateResult like this is extremely\n    // dangerous. Third-party directives should not do this.\n    return (this._templateResult = {\n      // Cast to a known set of integers that satisfy ResultType so that we\n      // don't have to export ResultType and possibly encourage this pattern.\n      // This property needs to remain unminified.\n      ['_$litType$']: (this.constructor as typeof UnsafeHTMLDirective)\n        .resultType as 1 | 2,\n      strings,\n      values: [],\n    });\n  }\n}\n\n/**\n * Renders the result as HTML, rather than text.\n *\n * The values `undefined`, `null`, and `nothing`, will all result in no content\n * (empty string) being rendered.\n *\n * Note, this is unsafe to use with any user-provided input that hasn't been\n * sanitized or escaped, as it may lead to cross-site-scripting\n * vulnerabilities.\n */\nexport const unsafeHTML = directive(UnsafeHTMLDirective);\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {directive} from '../directive.js';\nimport {UnsafeHTMLDirective} from './unsafe-html.js';\n\nconst SVG_RESULT = 2;\n\nclass UnsafeSVGDirective extends UnsafeHTMLDirective {\n  static override directiveName = 'unsafeSVG';\n  static override resultType = SVG_RESULT;\n}\n\n/**\n * Renders the result as SVG, rather than text.\n *\n * The values `undefined`, `null`, and `nothing`, will all result in no content\n * (empty string) being rendered.\n *\n * Note, this is unsafe to use with any user-provided input that hasn't been\n * sanitized or escaped, as it may lead to cross-site-scripting\n * vulnerabilities.\n */\nexport const unsafeSVG = directive(UnsafeSVGDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {UnsafeSVGDirective};\n", "const isLocal = [\"127.0.0.1\", \"localhost\"].includes(window.location.hostname);\n\n/**\n * Checks whether a given value is not a string and contains the property 'strTag'.\n *\n * This function evaluates the input `val` to determine if it is of a type\n * other than string and also verifies the existence of a property named 'strTag'\n * within the value.\n *\n * @param {*} val - The value to be checked.\n * @returns {boolean} True if the value is not a string and has the 'strTag' property, false otherwise.\n */\nconst isStrTagged = (val) => typeof val !== \"string\" && \"strTag\" in val;\n\n/**\n * Concatenates an array of strings into a single string, inserting placeholders\n * between elements of the array based on their index position.\n *\n * @param {string[]} strings - An array of strings to be collated.\n * @return {string} A single string consisting of the input strings concatenated with index-based placeholders.\n */\nfunction collateStrings(strings) {\n  let s = \"\";\n  for (let i = 0; i <= strings.length - 1; i++) {\n    s += strings[i];\n    if (i < strings.length - 1) s += `{${i}}`;\n  }\n  return s;\n}\n\n/**\n * Replaces placeholders in the input string with values provided by the callback function.\n * Placeholders are in the format `{n}` where `n` is a numeric index.\n *\n * @param {string} str - The input string containing placeholders to replace.\n * @param {function} callback - A function that takes an index as a parameter\n * and returns the replacement value for the placeholder.\n * @return {string} The string with placeholders replaced by the corresponding values.\n */\nfunction replacePlaceholders(str, callback) {\n  return str.replace(/\\{(\\d+)\\}/g, (match, index) => callback(index));\n}\n\n/**\n * Render the result of a `str` tagged template to a string. Note we don't need\n * to do this for Lit templates, since Lit itself handles rendering.\n */\nexport const joinStringsAndValues = (strings, values, options) => {\n  const matchString = collateStrings(strings);\n  const tra = getTrans(matchString, options);\n  return replacePlaceholders(tra, (index) => {\n    return values[index];\n  });\n};\n\n/**\n * Retrieves a translated string or provides fallback behavior.\n *\n * @param {string} t - The key of the string to be translated.\n * @param {Object} [options] - Additional options for translation.\n * @param {string} [options.desc] - A description of the string being translated, used for debugging purposes.\n * @return {string} The translated string if found, or the key itself as a fallback. If debugging is enabled, returns a debug string.\n */\nfunction getTrans(t, options = {}) {\n  window.__strings = window.__strings ?? {};\n  const tra = window.__strings[t]?.content;\n\n  if (!tra && isLocal) {\n    // eslint-disable-next-line no-console\n    console.log(\"\uD83C\uDF10\", t, options.desc ? `(${options.desc})` : ``);\n  }\n  if (window.env?.DEBUG_TRANSLATIONS) return `__${tra ?? t}`;\n  return tra ?? t;\n}\n\n/**\n * Processes and transforms a given template into a string based on provided options.\n * Accepts a tagged template or a string identifier and performs appropriate operations\n * to return the resultant string.\n *\n * @param {Template | string | StrResult} template - The input template, which can be a tagged template or a string\n * @param {Object} options\n **/\nexport const msg = (template, options = {}) => {\n  if (!template) return \"\";\n\n  return isStrTagged(template)\n    ? joinStringsAndValues(template.strings, template.values, options)\n    : getTrans(template, options);\n};\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// Any new exports need to be added to the export statement in\n// `packages/lit/src/index.all.ts`.\n\nimport {\n  html as coreHtml,\n  svg as coreSvg,\n  mathml as coreMathml,\n  TemplateResult,\n} from './lit-html.js';\n\nexport interface StaticValue {\n  /** The value to interpolate as-is into the template. */\n  _$litStatic$: string;\n\n  /**\n   * A value that can't be decoded from ordinary JSON, make it harder for\n   * an attacker-controlled data that goes through JSON.parse to produce a valid\n   * StaticValue.\n   */\n  r: typeof brand;\n}\n\n/**\n * Prevents JSON injection attacks.\n *\n * The goals of this brand:\n *   1) fast to check\n *   2) code is small on the wire\n *   3) multiple versions of Lit in a single page will all produce mutually\n *      interoperable StaticValues\n *   4) normal JSON.parse (without an unusual reviver) can not produce a\n *      StaticValue\n *\n * Symbols satisfy (1), (2), and (4). We use Symbol.for to satisfy (3), but\n * we don't care about the key, so we break ties via (2) and use the empty\n * string.\n */\nconst brand = Symbol.for('');\n\n/** Safely extracts the string part of a StaticValue. */\nconst unwrapStaticValue = (value: unknown): string | undefined => {\n  if ((value as Partial<StaticValue>)?.r !== brand) {\n    return undefined;\n  }\n  return (value as Partial<StaticValue>)?.['_$litStatic$'];\n};\n\n/**\n * Wraps a string so that it behaves like part of the static template\n * strings instead of a dynamic value.\n *\n * Users must take care to ensure that adding the static string to the template\n * results in well-formed HTML, or else templates may break unexpectedly.\n *\n * Note that this function is unsafe to use on untrusted content, as it will be\n * directly parsed into HTML. Do not pass user input to this function\n * without sanitizing it.\n *\n * Static values can be changed, but they will cause a complete re-render\n * since they effectively create a new template.\n */\nexport const unsafeStatic = (value: string): StaticValue => ({\n  ['_$litStatic$']: value,\n  r: brand,\n});\n\nconst textFromStatic = (value: StaticValue) => {\n  if (value['_$litStatic$'] !== undefined) {\n    return value['_$litStatic$'];\n  } else {\n    throw new Error(\n      `Value passed to 'literal' function must be a 'literal' result: ${value}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`\n    );\n  }\n};\n\n/**\n * Tags a string literal so that it behaves like part of the static template\n * strings instead of a dynamic value.\n *\n * The only values that may be used in template expressions are other tagged\n * `literal` results or `unsafeStatic` values (note that untrusted content\n * should never be passed to `unsafeStatic`).\n *\n * Users must take care to ensure that adding the static string to the template\n * results in well-formed HTML, or else templates may break unexpectedly.\n *\n * Static values can be changed, but they will cause a complete re-render since\n * they effectively create a new template.\n */\nexport const literal = (\n  strings: TemplateStringsArray,\n  ...values: unknown[]\n): StaticValue => ({\n  ['_$litStatic$']: values.reduce(\n    (acc, v, idx) => acc + textFromStatic(v as StaticValue) + strings[idx + 1],\n    strings[0]\n  ) as string,\n  r: brand,\n});\n\nconst stringsCache = new Map<string, TemplateStringsArray>();\n\n/**\n * Wraps a lit-html template tag (`html` or `svg`) to add static value support.\n */\nexport const withStatic =\n  (coreTag: typeof coreHtml | typeof coreSvg | typeof coreMathml) =>\n  (strings: TemplateStringsArray, ...values: unknown[]): TemplateResult => {\n    const l = values.length;\n    let staticValue: string | undefined;\n    let dynamicValue: unknown;\n    const staticStrings: Array<string> = [];\n    const dynamicValues: Array<unknown> = [];\n    let i = 0;\n    let hasStatics = false;\n    let s: string;\n\n    while (i < l) {\n      s = strings[i];\n      // Collect any unsafeStatic values, and their following template strings\n      // so that we treat a run of template strings and unsafe static values as\n      // a single template string.\n      while (\n        i < l &&\n        ((dynamicValue = values[i]),\n        (staticValue = unwrapStaticValue(dynamicValue))) !== undefined\n      ) {\n        s += staticValue + strings[++i];\n        hasStatics = true;\n      }\n      // If the last value is static, we don't need to push it.\n      if (i !== l) {\n        dynamicValues.push(dynamicValue);\n      }\n      staticStrings.push(s);\n      i++;\n    }\n    // If the last value isn't static (which would have consumed the last\n    // string), then we need to add the last string.\n    if (i === l) {\n      staticStrings.push(strings[l]);\n    }\n\n    if (hasStatics) {\n      const key = staticStrings.join('$$lit$$');\n      strings = stringsCache.get(key)!;\n      if (strings === undefined) {\n        // Beware: in general this pattern is unsafe, and doing so may bypass\n        // lit's security checks and allow an attacker to execute arbitrary\n        // code and inject arbitrary content.\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (staticStrings as any).raw = staticStrings;\n        stringsCache.set(\n          key,\n          (strings = staticStrings as unknown as TemplateStringsArray)\n        );\n      }\n      values = dynamicValues;\n    }\n    return coreTag(strings, ...values);\n  };\n\n/**\n * Interprets a template literal as an HTML template that can efficiently\n * render to and update a container.\n *\n * Includes static value support from `lit-html/static.js`.\n */\nexport const html = withStatic(coreHtml);\n\n/**\n * Interprets a template literal as an SVG template that can efficiently\n * render to and update a container.\n *\n * Includes static value support from `lit-html/static.js`.\n */\nexport const svg = withStatic(coreSvg);\n\n/**\n * Interprets a template literal as MathML fragment that can efficiently render\n * to and update a container.\n *\n * Includes static value support from `lit-html/static.js`.\n */\nexport const mathml = withStatic(coreMathml);\n", "// Explicitly import from Lit\r\nimport { nothing, LitElement, html as litHtml, css as litCss, svg, render } from \"lit\";\r\n\r\n\r\n// Re-export while preserving type hints\r\n/** @type {typeof import(\"./lit\").html} */\r\nexport const html = litHtml;\r\n\r\n/** @type {typeof import(\"./lit\").css} */\r\nexport const css = litCss;\r\n\r\nexport { LitElement, nothing, svg, render };\r\n\r\nexport * from \"lit/directives/repeat.js\";\r\nexport * from \"lit/directives/keyed.js\";\r\nexport * from 'lit/directives/class-map.js';\r\n\r\nexport { ref, createRef } from \"lit/directives/ref.js\";\r\nexport { ifDefined } from \"lit/directives/if-defined.js\";\r\n//export { str } from \"@lit/localize\";\r\nexport { until } from \"lit/directives/until.js\";\r\nexport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\r\n\r\nexport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\r\n\r\nexport { msg } from \"./common/msg.js\";\r\n\r\n/**\r\n * Loads the strings from a given (5-letter-code) locale\r\n * @param {String} locale\r\n */\r\nexport async function loadLocale(locale) {\r\n  try {\r\n    window.__strings = await fetch(`/assets/locales/${locale}.json`).then((r) => r.json());\r\n  } catch {\r\n    window.__strings = {};\r\n  }\r\n}\r\n\r\nexport { html as staticHtml, unsafeStatic } from 'lit/static-html.js';", "\r\n// ============================================================================\r\n// PDS REGISTRY - Global mode manager for live vs static mode\r\n// ============================================================================\r\n\r\nclass PDSRegistry {\r\n  constructor() {\r\n    this._mode = \"static\"; // Default to static mode\r\n    this._staticPaths = {\r\n      tokens: \"/assets/pds/styles/pds-tokens.css.js\",\r\n      primitives: \"/assets/pds/styles/pds-primitives.css.js\",\r\n      components: \"/assets/pds/styles/pds-components.css.js\",\r\n      utilities: \"/assets/pds/styles/pds-utilities.css.js\",\r\n      styles: \"/assets/pds/styles/pds-styles.css.js\",\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Switch to live mode\r\n   */\r\n  setLiveMode() {\r\n    this._mode = \"live\";\r\n  }\r\n\r\n  /**\r\n   * Switch to static mode with custom paths\r\n   * Called by consumers who want to use static CSS files\r\n   */\r\n  setStaticMode(paths = {}) {\r\n    this._mode = \"static\";\r\n    this._staticPaths = { ...this._staticPaths, ...paths };\r\n    // Note: No access to config in static mode, using console\r\n    console.log(\"[PDS Registry] Switched to STATIC mode\", this._staticPaths);\r\n  }\r\n\r\n  /**\r\n   * Get stylesheet for adoption in shadow DOM\r\n   * Returns CSSStyleSheet object (constructable stylesheet)\r\n   */\r\n  async getStylesheet(layer) {\r\n    if (this._mode === \"live\") {\r\n      // In live mode, stylesheets should be retrieved from Generator.instance\r\n      // If we are here, it means adoptLayers fell back or something is wrong\r\n      return null;\r\n    } else {\r\n      // Import from static path\r\n      try {\r\n        const module = await import(this._staticPaths[layer]);\r\n        return module[layer]; // Return exported stylesheet\r\n      } catch (error) {\r\n        // No access to config in static mode, fall back to console\r\n        console.error(`[PDS Registry] Failed to load static ${layer}:`, error);\r\n        console.error(`[PDS Registry] Looking for: ${this._staticPaths[layer]}`);\r\n        console.error(`[PDS Registry] Make sure you've run 'npm run pds:export' and configured PDS.start() with the correct static.root path`);\r\n        // Return empty stylesheet as fallback\r\n        const fallback = new CSSStyleSheet();\r\n        fallback.replaceSync(\"/* Failed to load \" + layer + \" */\");\r\n        return fallback;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get current mode\r\n   */\r\n  get mode() {\r\n    return this._mode;\r\n  }\r\n\r\n  /**\r\n   * Check if in live mode\r\n   */\r\n  get isLive() {\r\n    return this._mode === \"live\";\r\n  }\r\n}\r\n\r\n// Export singleton instance\r\nexport const registry = new PDSRegistry();\r\n", "// Static enums for design system values\r\nexport const enums = {\r\n  FontWeights: {\r\n    light: 300,\r\n    normal: 400,\r\n    medium: 500,\r\n    semibold: 600,\r\n    bold: 700,\r\n  },\r\n  LineHeights: {\r\n    tight: 1.25,\r\n    normal: 1.5,\r\n    relaxed: 1.75,\r\n  },\r\n\r\n  BorderWidths: {\r\n    hairline: 0.5,\r\n    thin: 1,\r\n    medium: 2,\r\n    thick: 3,\r\n  },\r\n\r\n  RadiusSizes: {\r\n    none: 0,\r\n    small: 4,\r\n    medium: 8,\r\n    large: 16,\r\n    xlarge: 24,\r\n    xxlarge: 32\r\n  },\r\n\r\n  ShadowDepths: {\r\n    none: \"none\",\r\n    light: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\r\n    medium:\r\n      \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\r\n    deep: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\r\n    extreme: \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\",\r\n  },\r\n  TransitionSpeeds: {\r\n    fast: 150,\r\n    normal: 250,\r\n    slow: 350,\r\n  },\r\n\r\n  AnimationEasings: {\r\n    linear: \"linear\",\r\n    ease: \"ease\",\r\n    \"ease-in\": \"ease-in\",\r\n    \"ease-out\": \"ease-out\",\r\n    \"ease-in-out\": \"ease-in-out\",\r\n    bounce: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\",\r\n  },\r\n  TouchTargetSizes: {\r\n    compact: 36,\r\n    standard: 44, // iOS/Android accessibility standard\r\n    comfortable: 48,\r\n    spacious: 56,\r\n  },\r\n\r\n  LinkStyles: {\r\n    inline: \"inline\", // Normal inline text links\r\n    block: \"block\", // Block-level links\r\n    button: \"button\", // Button-like links (flex with touch target)\r\n  },\r\n\r\n  FocusStyles: {\r\n    ring: \"ring\", // Box-shadow ring (default)\r\n    outline: \"outline\", // Browser outline\r\n    border: \"border\", // Border change\r\n    glow: \"glow\", // Subtle glow effect\r\n  },\r\n\r\n  TabSizes: {\r\n    compact: 2,\r\n    standard: 4,\r\n    wide: 8,\r\n  },\r\n\r\n  SelectIcons: {\r\n    chevron: \"chevron\", // Standard chevron down\r\n    arrow: \"arrow\", // Simple arrow\r\n    caret: \"caret\", // Triangle caret\r\n    none: \"none\", // No icon\r\n  },\r\n};\r\n", "// Pure Design System Ontology (PDS)\r\n// This file is the single source-of-truth metadata for primitives, components, tokens, themes and enhancements.\r\n\r\nexport const ontology = {\r\n  meta: { name: \"Pure Design System Ontology\", version: \"0.1\" },\r\n\r\n  tokens: {\r\n    colors: [\"primary\", \"secondary\", \"accent\", \"success\", \"warning\", \"danger\", \"info\"],\r\n    spacing: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"],\r\n    typography: [\"heading\", \"body\", \"mono\"],\r\n    themes: [\"light\", \"dark\"],\r\n  },\r\n\r\n  \r\n  primitives: [\r\n    { id: \"badge\", name: \"Badge / Pill\", selectors: [\".badge\", \".pill\", \".tag\", \".chip\"] },\r\n    { id: \"card\", name: \"Card\", selectors: [\".card\", \".card-basic\", \".card-elevated\", \".card-outlined\", \".card-interactive\"] },\r\n    { id: \"surface\", name: \"Surface\", selectors: [\".surface\", \".surface-base\", \".surface-raised\", \".surface-overlay\", \".surface-subtle\", \".surface-elevated\", \".surface-sunken\"] },\r\n    { id: \"alert\", name: \"Alert\", selectors: [\".alert\", \".alert-info\", \".alert-success\", \".alert-warning\", \".alert-danger\"] },\r\n    { id: \"dialog\", name: \"Dialog\", selectors: [\"dialog\", \".dialog\"] },\r\n    { id: \"table\", name: \"Table\", selectors: [\"table\", \".table-responsive\", \".data-table\"] },\r\n    { id: \"button\", name: \"Button\", selectors: [\"button\", \"[class^='btn-']\", \".icon-only\"] },\r\n    { id: \"fieldset\", name: \"Fieldset Group\", selectors: [\"fieldset[role='group']\", \"fieldset[role='radiogroup']\"] },\r\n    { id: \"label-field\", name: \"Label+Input\", selectors: [\"label\"] },\r\n    { id: \"accordion\", name: \"Accordion\", selectors: [\".accordion\", \".accordion-item\", \"details\"] },\r\n    { id: \"icon\", name: \"Icon\", selectors: [\"pds-icon\", \".icon\", \".icon-*\"] },\r\n    { id: \"figure\", name: \"Figure/Media\", selectors: [\"figure\", \"figure.media\"] },\r\n    { id: \"gallery\", name: \"Gallery\", selectors: [\".gallery\", \".gallery-grid\"] },\r\n  ],\r\n\r\n  components: [\r\n    { id: \"pds-tabstrip\", name: \"Tab Strip\", selectors: [\"pds-tabstrip\"] },\r\n    { id: \"pds-drawer\", name: \"Drawer\", selectors: [\"pds-drawer\"] },\r\n    { id: \"pds-upload\", name: \"Upload\", selectors: [\"pds-upload\"] },\r\n  ],\r\n\r\n  // Layout utilities - patterns for structuring content\r\n  layoutPatterns: [\r\n    { id: \"grid\", name: \"Grid Container\", selectors: [\".grid\", \".demo-grid\"], description: \"CSS Grid layout container\" },\r\n    { id: \"grid-auto\", name: \"Auto-fit Grid\", selectors: [\".grid-auto-sm\", \".grid-auto-md\", \".grid-auto-lg\", \".grid-auto-xl\"], description: \"Responsive auto-fit grid\" },\r\n    { id: \"grid-cols\", name: \"Grid Columns\", selectors: [\".grid-cols-1\", \".grid-cols-2\", \".grid-cols-3\", \".grid-cols-4\", \".grid-cols-6\"], description: \"Fixed column grid\" },\r\n    { id: \"flex\", name: \"Flex Container\", selectors: [\".flex\", \".flex-wrap\"], description: \"Flexbox layout container\" },\r\n    { id: \"container\", name: \"Container\", selectors: [\".container\"], description: \"Centered max-width container\" },\r\n    { id: \"media-grid\", name: \"Media Grid\", selectors: [\".media-grid\"], description: \"Grid for media elements\" },\r\n  ],\r\n\r\n  utilities: [\r\n    \".btn-group\", \r\n    \".demo-grid\", \r\n    \".color-scale\", \r\n    \".gap-*\", \r\n    \".items-*\", \r\n    \".justify-*\",\r\n    \".border-gradient\",\r\n    \".border-gradient-primary\",\r\n    \".border-gradient-accent\",\r\n    \".border-gradient-secondary\",\r\n    \".border-gradient-soft\",\r\n    \".border-gradient-medium\",\r\n    \".border-gradient-strong\",\r\n    \".border-glow\",\r\n    \".border-glow-sm\",\r\n    \".border-glow-lg\",\r\n    \".border-gradient-glow\",\r\n    \".border-glow-*\"\r\n  ],\r\n\r\n  styles: {\r\n    typography: [\"headings\", \"body\", \"code\"],\r\n    icons: { source: \"svg\", sets: [\"core\", \"brand\"] },\r\n    interactive: [\"focus\", \"hover\", \"active\"],\r\n  },\r\n};\r\n\r\n// Safe matches with try/catch for invalid selectors or environments without .matches\r\nfunction tryMatches(el, selector) {\r\n  if (!el || !selector) return false;\r\n  try {\r\n    return el.matches(selector);\r\n  } catch (e) {\r\n    return false;\r\n  }\r\n}\r\n\r\nfunction safeClosest(el, selector) {\r\n  if (!el || !selector || !el.closest) return null;\r\n  try {\r\n    return el.closest(selector);\r\n  } catch (e) {\r\n    return null;\r\n  }\r\n}\r\n\r\n// Find component for an element using the ontology\r\nexport function findComponentForElement(startEl, { maxDepth = 5 } = {}) {\r\n  if (!startEl) return null;\r\n  if (startEl.closest && startEl.closest('.showcase-toc')) return null;\r\n\r\n  let current = startEl;\r\n  let depth = 0;\r\n\r\n  while (current && depth < maxDepth) {\r\n    depth++;\r\n\r\n    // never traverse past the showcase\r\n    if (current.tagName === 'DS-SHOWCASE') return null;\r\n\r\n    // skip the section wrapper and continue climbing\r\n    if (current.classList && current.classList.contains('showcase-section')) {\r\n      current = current.parentElement;\r\n      continue;\r\n    }\r\n\r\n    // 1) progressive enhancements\r\n    for (const sel of PDS.ontology.enhancements) {\r\n      if (tryMatches(current, sel)) {\r\n        return { element: current, componentType: 'enhanced-component', displayName: sel };\r\n      }\r\n    }\r\n\r\n    // 2) Fieldset role groups\r\n    if (current.tagName === 'FIELDSET') {\r\n      const role = current.getAttribute('role');\r\n      if (role === 'group' || role === 'radiogroup') {\r\n        return { element: current, componentType: 'form-group', displayName: role === 'radiogroup' ? 'radio group' : 'form group' };\r\n      }\r\n    }\r\n\r\n    // 3) label+input\r\n    if (current.tagName === 'LABEL') {\r\n      if (current.querySelector && current.querySelector('input,select,textarea')) {\r\n        return { element: current, componentType: 'form-control', displayName: 'label with input' };\r\n      }\r\n    }\r\n    const labelAncestor = current.closest ? current.closest('label') : null;\r\n    if (labelAncestor && labelAncestor.querySelector && labelAncestor.querySelector('input,select,textarea')) {\r\n      return { element: labelAncestor, componentType: 'form-control', displayName: 'label with input' };\r\n    }\r\n\r\n    // 4) primitives\r\n    for (const prim of PDS.ontology.primitives) {\r\n      // handle each selector safely, support wildcard class prefix like .icon-*\r\n      for (const sel of prim.selectors || []) {\r\n        const s = String(sel || '').trim();\r\n\r\n        // Wildcard class prefix handling (e.g., .icon-*)\r\n        if (s.includes('*')) {\r\n          // Only support simple class wildcard like .prefix-*\r\n          if (s.startsWith('.')) {\r\n            const prefix = s.slice(1).replace(/\\*/g, '');\r\n            if (current.classList && Array.from(current.classList).some((c) => c.startsWith(prefix))) {\r\n              return { element: current, componentType: 'pds-primitive', displayName: prim.name || prim.id };\r\n            }\r\n            // Also try to find an ancestor with such a class (but do not use closest with wildcard)\r\n            let ancestor = current.parentElement;\r\n            let levels = 0;\r\n            while (ancestor && levels < maxDepth) {\r\n              if (ancestor.classList && Array.from(ancestor.classList).some((c) => c.startsWith(prefix)) && ancestor.tagName !== 'DS-SHOWCASE') {\r\n                return { element: ancestor, componentType: 'pds-primitive', displayName: prim.name || prim.id };\r\n              }\r\n              ancestor = ancestor.parentElement;\r\n              levels++;\r\n            }\r\n            continue;\r\n          }\r\n          // unsupported wildcard pattern - skip\r\n          continue;\r\n        }\r\n\r\n        // Normal selector: try matches, then safeClosest\r\n        if (tryMatches(current, s)) {\r\n          return { element: current, componentType: 'pds-primitive', displayName: prim.name || prim.id };\r\n        }\r\n        const ancestor = safeClosest(current, s);\r\n        if (ancestor && ancestor.tagName !== 'DS-SHOWCASE') {\r\n          return { element: ancestor, componentType: 'pds-primitive', displayName: prim.name || prim.id };\r\n        }\r\n      }\r\n\r\n      // class prefix fallback for selectors that are like .icon-* written differently\r\n      if (current.classList) {\r\n        const clsList = Array.from(current.classList);\r\n        for (const s of prim.selectors || []) {\r\n          if (typeof s === 'string' && s.includes('*') && s.startsWith('.')) {\r\n            const prefix = s.slice(1).replace(/\\*/g, '');\r\n            if (clsList.some((c) => c.startsWith(prefix))) {\r\n              return { element: current, componentType: 'pds-primitive', displayName: prim.name || prim.id };\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // 4.5) layout patterns - check before going higher in tree\r\n    for (const layout of PDS.ontology.layoutPatterns || []) {\r\n      for (const sel of layout.selectors || []) {\r\n        const s = String(sel || '').trim();\r\n        \r\n        // Wildcard handling for gap-*, items-*, etc.\r\n        if (s.includes('*')) {\r\n          if (s.startsWith('.')) {\r\n            const prefix = s.slice(1).replace(/\\*/g, '');\r\n            if (current.classList && Array.from(current.classList).some((c) => c.startsWith(prefix))) {\r\n              return { element: current, componentType: 'layout-pattern', displayName: layout.name || layout.id };\r\n            }\r\n          }\r\n          continue;\r\n        }\r\n        \r\n        // Normal selector\r\n        if (tryMatches(current, s)) {\r\n          return { element: current, componentType: 'layout-pattern', displayName: layout.name || layout.id };\r\n        }\r\n        const ancestor = safeClosest(current, s);\r\n        if (ancestor && ancestor.tagName !== 'DS-SHOWCASE') {\r\n          return { element: ancestor, componentType: 'layout-pattern', displayName: layout.name || layout.id };\r\n        }\r\n      }\r\n    }\r\n\r\n    // 5) web components\r\n    if (current.tagName && current.tagName.includes('-')) {\r\n      return { element: current, componentType: 'web-component', displayName: current.tagName.toLowerCase() };\r\n    }\r\n\r\n    // 6) button/icon\r\n    if (current.tagName === 'BUTTON') {\r\n      const hasIcon = current.querySelector && current.querySelector('pds-icon');\r\n      return { element: current, componentType: 'button', displayName: hasIcon ? 'button with icon' : 'button' };\r\n    }\r\n    if (tryMatches(current, 'pds-icon') || (current.closest && current.closest('pds-icon'))) {\r\n      const el = tryMatches(current, 'pds-icon') ? current : current.closest('pds-icon');\r\n      return { element: el, componentType: 'icon', displayName: `pds-icon (${el.getAttribute && el.getAttribute('icon') || 'unknown'})` };\r\n    }\r\n\r\n    // 7) nav dropdown\r\n    if (tryMatches(current, 'nav[data-dropdown]') || (current.closest && current.closest('nav[data-dropdown]'))) {\r\n      const el = tryMatches(current, 'nav[data-dropdown]') ? current : current.closest('nav[data-dropdown]');\r\n      return { element: el, componentType: 'navigation', displayName: 'dropdown menu' };\r\n    }\r\n\r\n    // climb\r\n    current = current.parentElement;\r\n  }\r\n\r\n  return null;\r\n}\r\n\r\nexport function getAllSelectors() {\r\n  const s = [];\r\n  for (const p of PDS.ontology.primitives) s.push(...(p.selectors || []));\r\n  for (const c of PDS.ontology.components) s.push(...(c.selectors || []));\r\n  return Array.from(new Set(s));\r\n}\r\n\r\nexport default ontology;\r\n", "import { registry as pdsRegistry } from \"./pds-registry.js\";\n\n/**\n * Generator - A JS-config-first design system\n * Generates comprehensive CSS variables and styles from a minimal configuration\n */\nexport class Generator {\n  // Singleton instance\n  static #instance;\n\n  static get instance() {\n    return this.#instance;\n  }\n\n  // Private internal fields\n  #layers;\n  #stylesheets;\n  //#blobURLs;\n\n  constructor(options = {}) {\n    this.options = {\n      // All defaults should come from config, no hardcoded values\n      debug: false,\n      ...options,\n    };\n\n    // Ensure design is always present for internal access\n    if (!this.options.design) {\n      this.options.design = {};\n    }\n    if (this.options.debug) {\n      this.options.log?.(\"debug\", \"Generator options:\", this.options);\n    }\n\n    // Set singleton instance\n    Generator.#instance = this;\n\n    this.tokens = this.generateTokens();\n    if (this.options.debug) {\n      this.options.log?.(\"debug\", \"Generated tokens:\", this.tokens);\n    }\n\n    // NEW: Generate separate layers for modern architecture\n    this.#generateLayers();\n\n    // Only create browser-specific features if in browser environment\n    if (typeof CSSStyleSheet !== \"undefined\") {\n      this.#createConstructableStylesheets();\n      //this.#createBlobURLs();\n\n      // if (this.options.debug) {\n      //   this.options.log?.(\"debug\", \"[Generator] Created BLOB URLs:\", {\n      //     styles: this.#blobURLs?.styles,\n      //     primitives: this.#blobURLs?.primitives,\n      //   });\n      // }\n    } else {\n      if (this.options.debug) {\n        this.options.log?.(\n          \"debug\",\n          \"[Generator] Skipping browser features (CSSStyleSheet not available)\"\n        );\n      }\n    }\n  }\n\n  generateTokens() {\n    // Access design configuration from options.design\n    const config = this.options.design || {};\n\n    return {\n      colors: this.#generateColorTokens(config.colors || {}),\n      spacing: this.generateSpacingTokens(config.spatialRhythm || {}),\n      radius: this.#generateRadiusTokens(config.shape || {}),\n      borderWidths: this.#generateBorderWidthTokens(config.shape || {}),\n      typography: this.generateTypographyTokens(config.typography || {}),\n      shadows: this.#generateShadowTokens(config.layers || {}),\n      layout: this.#generateLayoutTokens(config.layout || {}),\n      transitions: this.#generateTransitionTokens(config.behavior || {}),\n      zIndex: this.#generateZIndexTokens(config.layers || {}),\n      icons: this.#generateIconTokens(config.icons || {}),\n    };\n  }\n\n  #generateColorTokens(colorConfig) {\n    const {\n      primary = \"#3b82f6\",\n      secondary = \"#64748b\", // REQUIRED for gray scale generation\n      accent = \"#ec4899\",\n      background = \"#ffffff\",\n      success = null,\n      warning = \"#FFBF00\",\n      danger = null,\n      info = null,\n      darkMode = {}, // Extract dark mode overrides\n    } = colorConfig;\n\n    const colors = {\n      // Generate color scales\n      primary: this.#generateColorScale(primary),\n      secondary: this.#generateColorScale(secondary),\n      accent: this.#generateColorScale(accent),\n\n      // Semantic colors - use provided or derive from primary/accent\n      success: this.#generateColorScale(\n        success || this.#deriveSuccessColor(primary)\n      ),\n      warning: this.#generateColorScale(warning || accent),\n      danger: this.#generateColorScale(\n        danger || this.#deriveDangerColor(primary)\n      ),\n      info: this.#generateColorScale(info || primary),\n\n      // Neutral grays derived from secondary color\n      gray: this.#generateGrayScale(secondary),\n\n      // Background-based surface colors for tasteful variations\n      surface: this.#generateBackgroundShades(background),\n    };\n\n    // Add adaptive fieldset colors to surface\n    colors.surface.fieldset = this.#generateFieldsetAdaptiveColors(\n      colors.surface\n    );\n\n    // Generate smart surface tokens with context-aware text, icons, shadows, and borders\n    colors.surfaceSmart = this.#generateSmartSurfaceTokens(colors.surface);\n\n    // Generate dark mode variants using darkMode overrides from config\n    colors.dark = this.#generateDarkModeColors(\n      colors,\n      background,\n      darkMode // Pass the darkMode object directly\n    );\n\n    // Generate smart tokens for dark mode surfaces too\n    if (colors.dark && colors.dark.surface) {\n      colors.dark.surfaceSmart = this.#generateSmartSurfaceTokens(\n        colors.dark.surface\n      );\n    }\n\n    // NEW: Generate interactive semantic tokens for buttons vs links/outlines\n    // Use purpose-specific shade selection for optimal contrast\n    colors.interactive = {\n      light: {\n        fill: this.#pickFillShadeForWhite(colors.primary, 4.5), // For button fills with white text\n        text: colors.primary[600], // For links/outlines on light backgrounds\n      },\n      dark: {\n        fill: this.#pickFillShadeForWhite(colors.dark.primary, 4.5), // For button fills with white text\n        text: this.#pickReadablePrimaryOnSurface(\n          colors.dark.primary,\n          colors.dark.surface.base,\n          4.5\n        ), // For links/outlines on dark backgrounds\n      },\n    };\n\n    return colors;\n  }\n\n  #generateColorScale(baseColor) {\n    const hsl = this.#hexToHsl(baseColor);\n    return {\n      50: this.#hslToHex(\n        hsl.h,\n        Math.max(hsl.s - 10, 10),\n        Math.min(hsl.l + 45, 95)\n      ),\n      100: this.#hslToHex(\n        hsl.h,\n        Math.max(hsl.s - 5, 15),\n        Math.min(hsl.l + 35, 90)\n      ),\n      200: this.#hslToHex(hsl.h, hsl.s, Math.min(hsl.l + 25, 85)),\n      300: this.#hslToHex(hsl.h, hsl.s, Math.min(hsl.l + 15, 75)),\n      400: this.#hslToHex(hsl.h, hsl.s, Math.min(hsl.l + 5, 65)),\n      500: baseColor, // Base color\n      600: this.#hslToHex(hsl.h, hsl.s, Math.max(hsl.l - 10, 25)),\n      700: this.#hslToHex(hsl.h, hsl.s, Math.max(hsl.l - 20, 20)),\n      800: this.#hslToHex(hsl.h, hsl.s, Math.max(hsl.l - 30, 15)),\n      900: this.#hslToHex(hsl.h, hsl.s, Math.max(hsl.l - 40, 10)),\n    };\n  }\n\n  #deriveSuccessColor(mainColor) {\n    // Generate a green success color by rotating the hue of the main color\n    const hsl = this.#hexToHsl(mainColor);\n    return this.#hslToHex(120, Math.max(hsl.s, 60), 45); // Green-ish success\n  }\n\n  #deriveDangerColor(mainColor) {\n    // Generate a red danger color by rotating the hue of the main color\n    const hsl = this.#hexToHsl(mainColor);\n    return this.#hslToHex(0, Math.max(hsl.s, 70), 50); // Red-ish danger\n  }\n\n  #generateGrayScale(supportingColor) {\n    // Generate gray scale based on supporting color for brand consistency\n    const hsl = this.#hexToHsl(supportingColor);\n    const baseHue = hsl.h;\n    const baseSat = Math.min(hsl.s, 10); // Keep it subtle\n\n    return {\n      50: this.#hslToHex(baseHue, baseSat, 98),\n      100: this.#hslToHex(baseHue, baseSat, 95),\n      200: this.#hslToHex(baseHue, baseSat, 88),\n      300: this.#hslToHex(baseHue, baseSat, 78),\n      400: this.#hslToHex(baseHue, baseSat, 60),\n      500: supportingColor, // Use the actual supporting color\n      600: this.#hslToHex(baseHue, Math.min(baseSat + 5, 15), 45),\n      700: this.#hslToHex(baseHue, Math.min(baseSat + 8, 18), 35),\n      800: this.#hslToHex(baseHue, Math.min(baseSat + 10, 20), 20),\n      900: this.#hslToHex(baseHue, Math.min(baseSat + 12, 22), 10),\n    };\n  }\n\n  #generateBackgroundShades(backgroundBase) {\n    const hsl = this.#hexToHsl(backgroundBase);\n\n    // Generate subtle variations of the background\n    return {\n      base: backgroundBase,\n      subtle: this.#hslToHex(hsl.h, Math.max(hsl.s, 2), Math.max(hsl.l - 2, 2)), // Very subtle darker\n      elevated: this.#hslToHex(\n        hsl.h,\n        Math.max(hsl.s, 3),\n        Math.max(hsl.l - 4, 5)\n      ), // Slightly darker for elevated surfaces\n      sunken: this.#hslToHex(hsl.h, Math.max(hsl.s, 4), Math.max(hsl.l - 6, 8)), // For input fields, subtle depth\n      overlay: this.#hslToHex(\n        hsl.h,\n        Math.max(hsl.s, 2),\n        Math.min(hsl.l + 2, 98)\n      ), // Slightly lighter for overlays\n      inverse: this.#generateSmartDarkBackground(backgroundBase), // Smart dark background\n      hover: `color-mix(in oklab, var(--color-surface-base) 92%, var(--color-text-primary) 8%);`,\n    };\n  }\n\n  #generateFieldsetAdaptiveColors(backgroundShades) {\n    // Generate fieldset backgrounds that are subtly different from each surface\n    return {\n      base: backgroundShades.subtle, // Subtle darker than base\n      subtle: backgroundShades.elevated, // Elevated from subtle\n      elevated: backgroundShades.sunken, // Sunken from elevated (creates contrast)\n      sunken: this.#darkenColor(backgroundShades.sunken, 0.05), // Slightly darker than sunken\n      overlay: backgroundShades.elevated, // Elevated from overlay\n    };\n  }\n\n  #darkenColor(hexColor, factor = 0.05) {\n    const hsl = this.#hexToHsl(hexColor);\n    const darkerLightness = Math.max(hsl.l - hsl.l * factor, 5);\n    return this.#hslToHex(hsl.h, hsl.s, darkerLightness);\n  }\n\n  #generateSmartDarkBackground(lightBackground) {\n    const hsl = this.#hexToHsl(lightBackground);\n\n    // If it's already a light color, create a smart dark version\n    if (hsl.l > 50) {\n      // Keep the same hue and saturation characteristics but make it dark\n      // Increase saturation slightly for richness in dark mode\n      const darkSaturation = Math.min(hsl.s + 5, 25);\n      const darkLightness = Math.max(12 - (hsl.l - 50) * 0.1, 8); // Darker for lighter source colors\n\n      return this.#hslToHex(hsl.h, darkSaturation, darkLightness);\n    } else {\n      // If the source is already dark, create a lighter version\n      const lightSaturation = Math.max(hsl.s - 10, 5);\n      const lightLightness = Math.min(85 + (50 - hsl.l) * 0.3, 95);\n\n      return this.#hslToHex(hsl.h, lightSaturation, lightLightness);\n    }\n  }\n\n  #generateDarkModeColors(\n    lightColors,\n    backgroundBase = \"#ffffff\",\n    overrides = {}\n  ) {\n    // Use custom dark background if provided, otherwise auto-generate\n    const darkBackgroundBase = overrides.background\n      ? overrides.background\n      : this.#generateSmartDarkBackground(backgroundBase);\n\n    const darkSurface = this.#generateBackgroundShades(darkBackgroundBase);\n\n    // Determine a readable primary text shade for outline/link on dark surfaces\n    const derivedPrimaryScale = overrides.primary\n      ? this.#generateColorScale(overrides.primary)\n      : this.#adjustColorsForDarkMode(lightColors.primary);\n\n    return {\n      surface: {\n        ...darkSurface,\n        fieldset: this.#generateDarkModeFieldsetColors(darkSurface),\n      },\n      // For primary colors, use override, or adjust light colors for dark mode (dimmed for accessibility)\n      primary: derivedPrimaryScale,\n      // Adjust other colors for dark mode, with optional overrides\n      secondary: overrides.secondary\n        ? this.#generateColorScale(overrides.secondary)\n        : this.#adjustColorsForDarkMode(lightColors.secondary),\n      accent: overrides.accent\n        ? this.#generateColorScale(overrides.accent)\n        : this.#adjustColorsForDarkMode(lightColors.accent),\n      // Regenerate grays if secondary override is provided (grays are derived from secondary)\n      gray: overrides.secondary\n        ? this.#generateGrayScale(overrides.secondary)\n        : lightColors.gray,\n      // Adjust semantic colors for dark mode\n      success: this.#adjustColorsForDarkMode(lightColors.success),\n      info: this.#adjustColorsForDarkMode(lightColors.info),\n      warning: this.#adjustColorsForDarkMode(lightColors.warning),\n      danger: this.#adjustColorsForDarkMode(lightColors.danger),\n    };\n  }\n\n  // -------------------------\n  // Color contrast helpers\n  // -------------------------\n  #hexToRgb(hex) {\n    const h = String(hex || \"\").replace(\"#\", \"\");\n    const full =\n      h.length === 3\n        ? h\n            .split(\"\")\n            .map((c) => c + c)\n            .join(\"\")\n        : h;\n    const num = parseInt(full, 16);\n    return { r: (num >> 16) & 255, g: (num >> 8) & 255, b: num & 255 };\n  }\n\n  #luminance(hex) {\n    const { r, g, b } = this.#hexToRgb(hex);\n    const srgb = [r / 255, g / 255, b / 255].map((v) =>\n      v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)\n    );\n    return 0.2126 * srgb[0] + 0.7152 * srgb[1] + 0.0722 * srgb[2];\n  }\n\n  #contrastRatio(aHex, bHex) {\n    const L1 = this.#luminance(aHex);\n    const L2 = this.#luminance(bHex);\n    const lighter = Math.max(L1, L2);\n    const darker = Math.min(L1, L2);\n    return (lighter + 0.05) / (darker + 0.05);\n  }\n\n  // Choose a readable 'on' color for a background: prefer white or black if they meet contrast target\n  #findReadableOnColor(bgHex, target = 4.5) {\n    if (!bgHex) return \"#000000\";\n    const white = \"#ffffff\";\n    const black = \"#000000\";\n    const cw = this.#contrastRatio(bgHex, white);\n    if (cw >= target) return white;\n    const cb = this.#contrastRatio(bgHex, black);\n    if (cb >= target) return black;\n\n    // Neither black nor white meets the target \u2014 pick the one with higher ratio\n    return cb > cw ? black : white;\n  }\n\n  // Convert hex color to rgba string\n  #rgbaFromHex(hex, alpha = 1.0) {\n    const { r, g, b } = this.#hexToRgb(hex);\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n  }\n\n  // Mix color toward target by a given factor (0 = original, 1 = target)\n  #mixTowards(sourceHex, targetHex, factor = 0.5) {\n    const src = this.#hexToRgb(sourceHex);\n    const tgt = this.#hexToRgb(targetHex);\n    const r = Math.round(src.r + (tgt.r - src.r) * factor);\n    const g = Math.round(src.g + (tgt.g - src.g) * factor);\n    const b = Math.round(src.b + (tgt.b - src.b) * factor);\n    return this.#rgbToHex(r, g, b);\n  }\n\n  // Convert RGB to hex\n  #rgbToHex(r, g, b) {\n    const toHex = (n) => {\n      const hex = Math.max(0, Math.min(255, Math.round(n))).toString(16);\n      return hex.length === 1 ? \"0\" + hex : hex;\n    };\n    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n  }\n\n  #generateDarkModeFieldsetColors(darkSurface) {\n    // In dark mode, fieldsets should be slightly lighter for contrast\n    return {\n      base: darkSurface.elevated, // Elevated from dark base\n      subtle: darkSurface.overlay, // Overlay from dark subtle\n      elevated: this.#lightenColor(darkSurface.elevated, 0.08), // Slightly lighter than elevated\n      sunken: darkSurface.elevated, // Elevated from sunken\n      overlay: this.#lightenColor(darkSurface.overlay, 0.05), // Slightly lighter than overlay\n    };\n  }\n\n  /**\n   * Pick a readable primary shade on a given surface background, targeting AA contrast.\n   * Returns the first shade that meets target from a preferred order; falls back to the best ratio.\n   */\n  #pickReadablePrimaryOnSurface(\n    primaryScale = {},\n    surfaceBg = \"#000000\",\n    target = 4.5\n  ) {\n    const order = [\"600\", \"700\", \"800\", \"500\", \"400\", \"900\", \"300\", \"200\"]; // preference for UI semantics\n    let best = { shade: null, color: null, ratio: 0 };\n    for (const key of order) {\n      const hex = primaryScale?.[key];\n      if (!hex || typeof hex !== \"string\") continue;\n      const r = this.#contrastRatio(hex, surfaceBg);\n      if (r > best.ratio) best = { shade: key, color: hex, ratio: r };\n      if (r >= target) return hex;\n    }\n    // If no shade meets target, return the highest contrast candidate\n    return best.color || primaryScale?.[\"600\"] || primaryScale?.[\"500\"];\n  }\n\n  // Pick a color scale shade that supports white text at AA\n  #pickFillShadeForWhite(scale = {}, target = 4.5) {\n    const order = [\"600\", \"700\", \"800\", \"500\", \"400\", \"900\"]; // typical UI fills\n    let best = { shade: null, color: null, ratio: 0 };\n    for (const key of order) {\n      const hex = scale?.[key];\n      if (!hex || typeof hex !== \"string\") continue;\n      const r = this.#contrastRatio(hex, \"#ffffff\");\n      if (r > best.ratio) best = { shade: key, color: hex, ratio: r };\n      if (r >= target) return hex;\n    }\n    return best.color || scale?.[\"600\"] || scale?.[\"500\"];\n  }\n\n  /**\n   * Generate smart surface tokens with context-aware colors for text, icons, shadows, and borders.\n   * Each surface variant gets its own semantic tokens that automatically adapt to the surface's luminance.\n   *\n   * @param {Object} surfaceShades - Object with surface color variants (base, subtle, elevated, etc.)\n   * @returns {Object} Smart tokens for each surface with text, icon, shadow, and border colors\n   */\n  #generateSmartSurfaceTokens(surfaceShades) {\n    const tokens = {};\n\n    Object.entries(surfaceShades).forEach(([key, bgColor]) => {\n      // Skip non-color values (like 'hover' which uses CSS functions)\n      if (!bgColor || typeof bgColor !== \"string\" || !bgColor.startsWith(\"#\")) {\n        return;\n      }\n\n      const isDark = this.#luminance(bgColor) < 0.5;\n\n      // Text colors with proper contrast ratios\n      const textPrimary = this.#findReadableOnColor(bgColor, 4.5); // WCAG AA\n      const textSecondary = this.#findReadableOnColor(bgColor, 3.0); // Relaxed for secondary\n      const textMuted = this.#mixTowards(textPrimary, bgColor, 0.4); // 40% toward background\n\n      // Icon color matches primary text for consistency\n      const icon = textPrimary;\n      const iconSubtle = textMuted;\n\n      // Context-aware shadows: light shadows on dark surfaces, dark shadows on light\n      // Light shadows need higher opacity to be visible on dark backgrounds\n      const shadowBase = isDark ? \"#ffffff\" : \"#000000\";\n      const shadowOpacity = isDark ? 0.25 : 0.1;\n      const shadowColor = this.#rgbaFromHex(shadowBase, shadowOpacity);\n\n      // Semi-transparent borders that work on any surface\n      const borderBase = isDark ? \"#ffffff\" : \"#000000\";\n      const borderOpacity = isDark ? 0.15 : 0.1;\n      const border = this.#rgbaFromHex(borderBase, borderOpacity);\n\n      tokens[key] = {\n        bg: bgColor,\n        text: textPrimary,\n        textSecondary: textSecondary,\n        textMuted: textMuted,\n        icon: icon,\n        iconSubtle: iconSubtle,\n        shadow: shadowColor,\n        border: border,\n        scheme: isDark ? \"dark\" : \"light\", // CSS color-scheme value\n      };\n    });\n\n    return tokens;\n  }\n\n  #lightenColor(hexColor, factor = 0.05) {\n    const hsl = this.#hexToHsl(hexColor);\n    const lighterLightness = Math.min(hsl.l + (100 - hsl.l) * factor, 95);\n    return this.#hslToHex(hsl.h, hsl.s, lighterLightness);\n  }\n\n  #adjustColorsForDarkMode(colorScale) {\n    // Create dimmed and inverted colors for dark mode\n    const dimmedScale = {};\n\n    // Invert the scale and apply dimming for better dark mode appearance\n    // For accessibility, mid-range colors (used for buttons/interactive elements) are more heavily dimmed\n    const mapping = {\n      50: { source: \"900\", dimFactor: 0.8 },\n      100: { source: \"800\", dimFactor: 0.8 },\n      200: { source: \"700\", dimFactor: 0.8 }, // Increased dimming\n      300: { source: \"600\", dimFactor: 0.8 }, // Increased dimming\n      400: { source: \"500\", dimFactor: 0.85 }, // Increased dimming\n      500: { source: \"400\", dimFactor: 0.85 }, // Increased dimming\n      600: { source: \"300\", dimFactor: 0.85 }, // Increased dimming (buttons use this!)\n      700: { source: \"200\", dimFactor: 0.85 }, // Increased dimming (button hover)\n      800: { source: \"100\", dimFactor: 0.95 }, // Less dimming for text\n      900: { source: \"50\", dimFactor: 0.95 }, // Less dimming for text\n    };\n\n    Object.entries(mapping).forEach(([key, config]) => {\n      const sourceColor = colorScale[config.source];\n      dimmedScale[key] = this.#dimColorForDarkMode(\n        sourceColor,\n        config.dimFactor\n      );\n    });\n\n    return dimmedScale;\n  }\n\n  #dimColorForDarkMode(hexColor, dimFactor = 0.8) {\n    const hsl = this.#hexToHsl(hexColor);\n\n    // Reduce saturation and lightness for dark mode, similar to image dimming\n    const dimmedSaturation = Math.max(hsl.s * dimFactor, 5);\n    const dimmedLightness = Math.max(hsl.l * dimFactor, 5);\n\n    return this.#hslToHex(hsl.h, dimmedSaturation, dimmedLightness);\n  }\n\n  /**\n   * Generate spacing tokens based on the provided configuration.\n   * @param {Object} spatialConfig\n   * @returns { String } CSS spacing tokens\n   */\n  generateSpacingTokens(spatialConfig) {\n    const {\n      baseUnit = 4,\n      scaleRatio = 1.25,\n      maxSpacingSteps = 12, // Trim to realistic range\n    } = spatialConfig;\n\n    // Validate and convert to numbers, with fallbacks\n    const validBaseUnit = Number.isFinite(Number(baseUnit))\n      ? Number(baseUnit)\n      : 4;\n    const validMaxSpacingSteps = Math.min(\n      Number.isFinite(Number(maxSpacingSteps)) ? Number(maxSpacingSteps) : 12,\n      12\n    );\n\n    const spacing = { 0: \"0\" };\n\n    // Generate simple 4px incremental spacing scale\n    // spacing-1: 4px, spacing-2: 8px, spacing-3: 12px, etc.\n    for (let i = 1; i <= validMaxSpacingSteps; i++) {\n      spacing[i] = `${validBaseUnit * i}px`;\n    }\n\n    return spacing;\n  }\n\n  #generateRadiusTokens(shapeConfig) {\n    const { radiusSize = \"medium\", customRadius = null } = shapeConfig;\n\n    // Accept either a custom value, an enum key (\"small\"), or an enum value (e.g., 4)\n    let baseRadius;\n    if (customRadius !== null && customRadius !== undefined) {\n      baseRadius = customRadius;\n    } else if (typeof radiusSize === \"number\") {\n      // Direct numeric value (including 0)\n      baseRadius = radiusSize;\n    } else if (typeof radiusSize === \"string\") {\n      // Enum key (e.g., \"none\", \"small\", \"medium\", \"large\", \"full\")\n      baseRadius = enums.RadiusSizes[radiusSize] ?? enums.RadiusSizes.medium;\n    } else {\n      baseRadius = enums.RadiusSizes.medium;\n    }\n\n    // Validate and convert baseRadius to a number\n    const validBaseRadius = Number.isFinite(Number(baseRadius))\n      ? Number(baseRadius)\n      : enums.RadiusSizes.medium;\n\n    return {\n      none: \"0\",\n      xs: `${\n        Number.isFinite(validBaseRadius * 0.25)\n          ? Math.round(validBaseRadius * 0.25)\n          : 0\n      }px`,\n      sm: `${\n        Number.isFinite(validBaseRadius * 0.5)\n          ? Math.round(validBaseRadius * 0.5)\n          : 0\n      }px`,\n      md: `${validBaseRadius}px`,\n      lg: `${\n        Number.isFinite(validBaseRadius * 1.5)\n          ? Math.round(validBaseRadius * 1.5)\n          : 0\n      }px`,\n      xl: `${\n        Number.isFinite(validBaseRadius * 2)\n          ? Math.round(validBaseRadius * 2)\n          : 0\n      }px`,\n      full: \"9999px\",\n    };\n  }\n\n  #generateBorderWidthTokens(shapeConfig) {\n    const { borderWidth = \"medium\" } = shapeConfig;\n\n    // Support string enum keys, numeric values, or default to medium\n    let baseBorderWidth;\n    if (typeof borderWidth === \"number\") {\n      baseBorderWidth = borderWidth;\n    } else if (typeof borderWidth === \"string\") {\n      baseBorderWidth =\n        enums.BorderWidths[borderWidth] ?? enums.BorderWidths.medium;\n    } else {\n      baseBorderWidth = enums.BorderWidths.medium;\n    }\n\n    // Generate a scale of border widths based on the enums\n    return {\n      hairline: `${enums.BorderWidths.hairline}px`,\n      thin: `${enums.BorderWidths.thin}px`,\n      medium: `${enums.BorderWidths.medium}px`,\n      thick: `${enums.BorderWidths.thick}px`,\n    };\n  }\n\n  generateTypographyTokens(typographyConfig) {\n    const {\n      fontFamilyHeadings = \"system-ui, -apple-system, sans-serif\",\n      fontFamilyBody = \"system-ui, -apple-system, sans-serif\",\n      fontFamilyMono = 'ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, monospace',\n      baseFontSize = 16,\n      fontScale = 1.25, // Use consistent 1.25x minor third ratio\n      fontWeightLight = enums.FontWeights.light,\n      fontWeightNormal = enums.FontWeights.normal,\n      fontWeightMedium = enums.FontWeights.medium,\n      fontWeightSemibold = enums.FontWeights.semibold,\n      fontWeightBold = enums.FontWeights.bold,\n      lineHeightTight = enums.LineHeights.tight,\n      lineHeightNormal = enums.LineHeights.normal,\n      lineHeightRelaxed = enums.LineHeights.relaxed,\n    } = typographyConfig;\n\n    // Validate numeric values to prevent NaN\n    const validBaseFontSize = Number.isFinite(Number(baseFontSize))\n      ? Number(baseFontSize)\n      : 16;\n    const validFontScale = Number.isFinite(Number(fontScale))\n      ? Number(fontScale)\n      : 1.25;\n\n    return {\n      fontFamily: {\n        headings: fontFamilyHeadings,\n        body: fontFamilyBody,\n        mono: fontFamilyMono,\n      },\n      fontSize: {\n        // Consistent modular scale using 1.25 ratio (minor third)\n        xs: `${Math.round(validBaseFontSize / Math.pow(validFontScale, 2))}px`, // 16 / 1.25\u00B2 = 10px\n        sm: `${Math.round(validBaseFontSize / validFontScale)}px`, // 16 / 1.25 = 13px\n        base: `${validBaseFontSize}px`, // 16px\n        lg: `${Math.round(validBaseFontSize * validFontScale)}px`, // 16 \u00D7 1.25 = 20px\n        xl: `${Math.round(validBaseFontSize * Math.pow(validFontScale, 2))}px`, // 16 \u00D7 1.25\u00B2 = 25px\n        \"2xl\": `${Math.round(\n          validBaseFontSize * Math.pow(validFontScale, 3)\n        )}px`, // 16 \u00D7 1.25\u00B3 = 31px\n        \"3xl\": `${Math.round(\n          validBaseFontSize * Math.pow(validFontScale, 4)\n        )}px`, // 16 \u00D7 1.25\u2074 = 39px\n        \"4xl\": `${Math.round(\n          validBaseFontSize * Math.pow(validFontScale, 5)\n        )}px`, // 16 \u00D7 1.25\u2075 = 49px\n      },\n      fontWeight: {\n        light: fontWeightLight?.toString() || \"300\",\n        normal: fontWeightNormal?.toString() || \"400\",\n        medium: fontWeightMedium?.toString() || \"500\",\n        semibold: fontWeightSemibold?.toString() || \"600\",\n        bold: fontWeightBold?.toString() || \"700\",\n      },\n      lineHeight: {\n        tight: lineHeightTight?.toString() || \"1.25\",\n        normal: lineHeightNormal?.toString() || \"1.5\",\n        relaxed: lineHeightRelaxed?.toString() || \"1.75\",\n      },\n    };\n  }\n\n  #generateShadowTokens(layersConfig) {\n    const {\n      baseShadowOpacity = 0.1,\n      shadowBlurMultiplier = 1,\n      shadowOffsetMultiplier = 1,\n    } = layersConfig;\n\n    const shadowColor = `rgba(0, 0, 0, ${baseShadowOpacity})`;\n    const lightShadowColor = `rgba(0, 0, 0, ${baseShadowOpacity * 0.5})`;\n\n    return {\n      sm: `0 ${1 * shadowOffsetMultiplier}px ${\n        2 * shadowBlurMultiplier\n      }px 0 ${lightShadowColor}`,\n      base: `0 ${1 * shadowOffsetMultiplier}px ${\n        3 * shadowBlurMultiplier\n      }px 0 ${shadowColor}, 0 ${1 * shadowOffsetMultiplier}px ${\n        2 * shadowBlurMultiplier\n      }px 0 ${lightShadowColor}`,\n      md: `0 ${4 * shadowOffsetMultiplier}px ${6 * shadowBlurMultiplier}px ${\n        -1 * shadowOffsetMultiplier\n      }px ${shadowColor}, 0 ${2 * shadowOffsetMultiplier}px ${\n        4 * shadowBlurMultiplier\n      }px ${-1 * shadowOffsetMultiplier}px ${lightShadowColor}`,\n      lg: `0 ${10 * shadowOffsetMultiplier}px ${15 * shadowBlurMultiplier}px ${\n        -3 * shadowOffsetMultiplier\n      }px ${shadowColor}, 0 ${4 * shadowOffsetMultiplier}px ${\n        6 * shadowBlurMultiplier\n      }px ${-2 * shadowOffsetMultiplier}px ${lightShadowColor}`,\n      xl: `0 ${20 * shadowOffsetMultiplier}px ${25 * shadowBlurMultiplier}px ${\n        -5 * shadowOffsetMultiplier\n      }px ${shadowColor}, 0 ${10 * shadowOffsetMultiplier}px ${\n        10 * shadowBlurMultiplier\n      }px ${-5 * shadowOffsetMultiplier}px ${lightShadowColor}`,\n      inner: `inset 0 ${2 * shadowOffsetMultiplier}px ${\n        4 * shadowBlurMultiplier\n      }px 0 ${lightShadowColor}`,\n    };\n  }\n\n  #generateLayoutTokens(layoutConfig) {\n    const {\n      maxWidth = 1200,\n      containerPadding = 16,\n      breakpoints = {\n        sm: 640,\n        md: 768,\n        lg: 1024,\n        xl: 1280,\n      },\n    } = layoutConfig;\n\n    return {\n      maxWidth: `${maxWidth}px`,\n      minHeight: \"100vh\",\n      containerPadding: `${containerPadding}px`,\n      breakpoints: {\n        sm: `${breakpoints.sm}px`,\n        md: `${breakpoints.md}px`,\n        lg: `${breakpoints.lg}px`,\n        xl: `${breakpoints.xl}px`,\n      },\n      // Semantic spacing tokens for large layouts\n      // Use these instead of numbered spacing beyond --spacing-12\n      pageMargin: \"120px\", // For page-level margins\n      sectionGap: \"160px\", // Between major page sections\n      containerGap: \"200px\", // Between container blocks\n      heroSpacing: \"240px\", // For hero/banner areas\n      footerSpacing: \"160px\", // Before footer sections\n    };\n  }\n\n  #generateTransitionTokens(behaviorConfig) {\n    const {\n      transitionSpeed = enums.TransitionSpeeds.normal,\n      animationEasing = enums.AnimationEasings[\"ease-out\"],\n    } = behaviorConfig;\n\n    // Handle both number values and string keys\n    let baseSpeed;\n    if (typeof transitionSpeed === \"number\") {\n      baseSpeed = transitionSpeed;\n    } else if (\n      typeof transitionSpeed === \"string\" &&\n      enums.TransitionSpeeds[transitionSpeed]\n    ) {\n      baseSpeed = enums.TransitionSpeeds[transitionSpeed];\n    } else {\n      baseSpeed = enums.TransitionSpeeds.normal;\n    }\n\n    // Transition variables should only contain duration, not easing\n    // This allows specific easing functions to be applied per property\n    return {\n      fast: `${Math.round(baseSpeed * 0.6)}ms`,\n      normal: `${baseSpeed}ms`,\n      slow: `${Math.round(baseSpeed * 1.4)}ms`,\n    };\n  }\n\n  #generateZIndexTokens(layersConfig) {\n    const { baseZIndex = 1000, zIndexStep = 10 } = layersConfig;\n\n    return {\n      dropdown: baseZIndex.toString(),\n      sticky: (baseZIndex + zIndexStep * 2).toString(),\n      fixed: (baseZIndex + zIndexStep * 3).toString(),\n      modal: (baseZIndex + zIndexStep * 4).toString(),\n      drawer: (baseZIndex + zIndexStep * 5).toString(), // Added drawer token\n      popover: (baseZIndex + zIndexStep * 6).toString(),\n      tooltip: (baseZIndex + zIndexStep * 7).toString(),\n      notification: (baseZIndex + zIndexStep * 8).toString(),\n    };\n  }\n\n  #generateIconTokens(iconConfig) {\n    const {\n      set = \"phosphor\",\n      weight = \"regular\",\n      defaultSize = 24,\n      sizes = {\n        xs: 16,\n        sm: 20,\n        md: 24,\n        lg: 32,\n        xl: 48,\n        \"2xl\": 64,\n      },\n      // Default path for dev/demo; static export places it at [static.root]/icons/pds-icons.svg\n      spritePath = \"/assets/pds/icons/pds-icons.svg\",\n    } = iconConfig;\n\n    return {\n      set,\n      weight,\n      defaultSize: `${defaultSize}px`,\n      sizes: Object.fromEntries(\n        Object.entries(sizes).map(([key, value]) => [key, `${value}px`])\n      ),\n      spritePath,\n    };\n  }\n\n  #generateColorVariables(colors) {\n    const chunks = [];\n\n    // Header\n    chunks.push(`  /* Colors */\\n`);\n\n    // Recursively emit color variables\n    const generateNestedColors = (obj, prefix = \"\") => {\n      Object.entries(obj).forEach(([key, value]) => {\n        if (typeof value === \"object\" && value !== null) {\n          generateNestedColors(value, `${prefix}${key}-`);\n        } else if (typeof value === \"string\") {\n          chunks.push(`  --color-${prefix}${key}: ${value};\\n`);\n        }\n      });\n    };\n\n    Object.entries(colors).forEach(([category, values]) => {\n      if (category === \"dark\") return; // handled elsewhere\n      if (category === \"surfaceSmart\") return; // handled below\n      if (category === \"interactive\") return; // handled below with semantic tokens\n      if (typeof values === \"object\" && values !== null) {\n        generateNestedColors(values, `${category}-`);\n      }\n    });\n\n    // Smart surface tokens\n    if (colors.surfaceSmart) {\n      chunks.push(`  /* Smart Surface Tokens (context-aware) */\\n`);\n      Object.entries(colors.surfaceSmart).forEach(([surfaceKey, tokens]) => {\n        chunks.push(`  --surface-${surfaceKey}-bg: ${tokens.bg};\\n`);\n        chunks.push(`  --surface-${surfaceKey}-text: ${tokens.text};\\n`);\n        chunks.push(\n          `  --surface-${surfaceKey}-text-secondary: ${tokens.textSecondary};\\n`\n        );\n        chunks.push(\n          `  --surface-${surfaceKey}-text-muted: ${tokens.textMuted};\\n`\n        );\n        chunks.push(`  --surface-${surfaceKey}-icon: ${tokens.icon};\\n`);\n        chunks.push(\n          `  --surface-${surfaceKey}-icon-subtle: ${tokens.iconSubtle};\\n`\n        );\n        chunks.push(`  --surface-${surfaceKey}-shadow: ${tokens.shadow};\\n`);\n        chunks.push(`  --surface-${surfaceKey}-border: ${tokens.border};\\n`);\n      });\n      chunks.push(`\\n`);\n    }\n\n    // Semantic text colors (light mode)\n    chunks.push(`  /* Semantic Text Colors */\\n`);\n    chunks.push(`  --color-text-primary: var(--color-gray-900);\\n`);\n    chunks.push(`  --color-text-secondary: var(--color-gray-600);\\n`);\n    chunks.push(`  --color-text-muted: var(--color-gray-600);\\n`);\n    chunks.push(`  --color-border: var(--color-gray-300);\\n`);\n    chunks.push(`  --color-input-bg: var(--color-surface-base);\\n`);\n    chunks.push(`  --color-input-disabled-bg: var(--color-gray-50);\\n`);\n    chunks.push(`  --color-input-disabled-text: var(--color-gray-500);\\n`);\n    chunks.push(`  --color-code-bg: var(--color-gray-100);\\n`);\n\n    // Interactive color tokens - separate shades for different purposes (light mode)\n    if (colors.interactive && colors.interactive.light) {\n      chunks.push(\n        `  /* Interactive Colors - optimized for specific use cases */\\n`\n      );\n      chunks.push(\n        `  --color-primary-fill: ${colors.interactive.light.fill}; /* For button backgrounds with white text */\\n`\n      );\n      chunks.push(\n        `  --color-primary-text: ${colors.interactive.light.text}; /* For links and outline buttons on light surfaces */\\n`\n      );\n    }\n\n    // Translucent surface tokens\n    chunks.push(`  /* Translucent Surface Tokens */\\n`);\n    chunks.push(\n      `  --color-surface-translucent-25: color-mix(in oklab, var(--color-surface-subtle) 25%, transparent 75%);\\n`\n    );\n    chunks.push(\n      `  --color-surface-translucent-50: color-mix(in oklab, var(--color-surface-subtle) 50%, transparent 50%);\\n`\n    );\n    chunks.push(\n      `  --color-surface-translucent-75: color-mix(in oklab, var(--color-surface-subtle) 75%, transparent 25%);\\n`\n    );\n\n    // Backdrop tokens (light mode)\n    chunks.push(\n      `   /* Backdrop tokens - used for modal dialogs, drawers, overlays */\\n\\n    --backdrop-bg: linear-gradient(\\n        135deg,\\n        rgba(255, 255, 255, 0.2),\\n        rgba(255, 255, 255, 0.1)\\n      );\\n    --backdrop-blur: 10px;\\n    --backdrop-saturate: 150%;\\n    --backdrop-brightness: 0.9;\\n    --backdrop-filter: blur(var(--backdrop-blur)) saturate(var(--backdrop-saturate)) brightness(var(--backdrop-brightness));\\n    --backdrop-opacity: 1;\\n    \\n    /* Legacy alias for backwards compatibility */\\n    --backdrop-background: var(--backdrop-bg);\\n    `\n    );\n\n    // Mesh gradients\n    chunks.push(this.#generateMeshGradients(colors));\n\n    return `${chunks.join(\"\")}\\n`;\n  }\n\n  #generateMeshGradients(colors) {\n    // Create subtle mesh gradients using color palette\n    const primary = colors.primary?.[500] || \"#3b82f6\";\n    const secondary = colors.secondary?.[500] || \"#8b5cf6\";\n    const accent = colors.accent?.[500] || \"#f59e0b\";\n\n    return /*css*/ `\n  /* Mesh Gradient Backgrounds */\n  --background-mesh-01: radial-gradient(at 27% 37%, color-mix(in oklab, ${primary} 25%, transparent) 0px, transparent 50%),\n    radial-gradient(at 97% 21%, color-mix(in oklab, ${secondary} 22%, transparent) 0px, transparent 50%),\n    radial-gradient(at 52% 99%, color-mix(in oklab, ${accent} 18%, transparent) 0px, transparent 50%),\n    radial-gradient(at 10% 29%, color-mix(in oklab, ${primary} 15%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-02: radial-gradient(at 40% 20%, color-mix(in oklab, ${secondary} 24%, transparent) 0px, transparent 50%),\n    radial-gradient(at 80% 0%, color-mix(in oklab, ${primary} 20%, transparent) 0px, transparent 50%),\n    radial-gradient(at 0% 50%, color-mix(in oklab, ${accent} 17%, transparent) 0px, transparent 50%),\n    radial-gradient(at 80% 100%, color-mix(in oklab, ${secondary} 15%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-03: radial-gradient(at 15% 50%, color-mix(in oklab, ${accent} 21%, transparent) 0px, transparent 50%),\n    radial-gradient(at 85% 30%, color-mix(in oklab, ${primary} 23%, transparent) 0px, transparent 50%),\n    radial-gradient(at 50% 80%, color-mix(in oklab, ${secondary} 18%, transparent) 0px, transparent 50%),\n    radial-gradient(at 90% 90%, color-mix(in oklab, ${accent} 16%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-04: radial-gradient(at 70% 15%, color-mix(in oklab, ${primary} 19%, transparent) 0px, transparent 50%),\n    radial-gradient(at 20% 80%, color-mix(in oklab, ${secondary} 22%, transparent) 0px, transparent 50%),\n    radial-gradient(at 90% 60%, color-mix(in oklab, ${accent} 17%, transparent) 0px, transparent 50%),\n    radial-gradient(at 30% 40%, color-mix(in oklab, ${primary} 16%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-05: radial-gradient(at 50% 50%, color-mix(in oklab, ${primary} 23%, transparent) 0px, transparent 50%),\n    radial-gradient(at 10% 10%, color-mix(in oklab, ${accent} 20%, transparent) 0px, transparent 50%),\n    radial-gradient(at 90% 10%, color-mix(in oklab, ${secondary} 18%, transparent) 0px, transparent 50%),\n    radial-gradient(at 50% 90%, color-mix(in oklab, ${accent} 15%, transparent) 0px, transparent 50%);\n    `;\n  }\n\n  #generateSpacingVariables(spacing) {\n    const lines = [\"  /* Spacing */\\n\"];\n    Object.entries(spacing).forEach(([key, value]) => {\n      // Validate the key and value before generating CSS\n      if (\n        key !== null &&\n        key !== undefined &&\n        key !== \"NaN\" &&\n        value !== undefined &&\n        !value.includes(\"NaN\")\n      ) {\n        lines.push(`  --spacing-${key}: ${value};\\n`);\n      }\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateRadiusVariables(radius) {\n    const lines = [\"  /* Border Radius */\\n\"];\n    Object.entries(radius).forEach(([key, value]) => {\n      lines.push(`  --radius-${key}: ${value};\\n`);\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateBorderWidthVariables(borderWidths) {\n    const lines = [\"  /* Border Widths */\\n\"];\n    Object.entries(borderWidths).forEach(([key, value]) => {\n      lines.push(`  --border-width-${key}: ${value};\\n`);\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateTypographyVariables(typography) {\n    const lines = [\"  /* Typography */\\n\"];\n    Object.entries(typography).forEach(([category, values]) => {\n      // Remove \"font\" prefix from category names and convert to kebab-case\n      // fontFamily -> family, fontSize -> size, fontWeight -> weight, lineHeight -> line-height\n      const cleanCategory = category\n        .replace(/^font/, \"\")\n        .replace(/^(.)/, (m) => m.toLowerCase())\n        .replace(/([A-Z])/g, \"-$1\")\n        .toLowerCase();\n\n      Object.entries(values).forEach(([key, value]) => {\n        // Convert camelCase keys to kebab-case\n        const kebabKey = key.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n        lines.push(`  --font-${cleanCategory}-${kebabKey}: ${value};\\n`);\n      });\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateShadowVariables(shadows) {\n    const lines = [\"  /* Shadows */\\n\"];\n    Object.entries(shadows).forEach(([key, value]) => {\n      lines.push(`  --shadow-${key}: ${value};\\n`);\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateLayoutVariables(layout) {\n    const lines = [\"  /* Layout */\\n\"];\n    Object.entries(layout).forEach(([key, value]) => {\n      // Convert camelCase keys to kebab-case\n      const kebabKey = key.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n\n      // Skip breakpoints object - it's used in JS but doesn't belong in CSS variables\n      // Breakpoints are used in @media queries, not as CSS custom properties\n      if (key === \"breakpoints\") {\n        return;\n      }\n\n      lines.push(`  --layout-${kebabKey}: ${value};\\n`);\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateTransitionVariables(transitions) {\n    const lines = [\"  /* Transitions */\\n\"];\n    Object.entries(transitions).forEach(([key, value]) => {\n      lines.push(`  --transition-${key}: ${value};\\n`);\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateZIndexVariables(zIndex) {\n    const lines = [\"  /* Z-Index */\\n\"];\n    Object.entries(zIndex).forEach(([key, value]) => {\n      lines.push(`  --z-${key}: ${value};\\n`);\n    });\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateIconVariables(icons) {\n    const lines = [\"  /* Icon System */\\n\"];\n    lines.push(`  --icon-set: ${icons.set};\\n`);\n    lines.push(`  --icon-weight: ${icons.weight};\\n`);\n    lines.push(`  --icon-size: ${icons.defaultSize};\\n`);\n\n    // Icon size scale\n    Object.entries(icons.sizes).forEach(([key, value]) => {\n      lines.push(`  --icon-size-${key}: ${value};\\n`);\n    });\n\n    return `${lines.join(\"\")}\\n`;\n  }\n\n  #generateDarkVariablesOnly(colors) {\n    if (!colors?.dark) return \"\";\n\n    const varLines = [];\n    const generateNested = (obj, prefix = \"\") => {\n      Object.entries(obj).forEach(([key, value]) => {\n        if (typeof value === \"object\" && value !== null) {\n          generateNested(value, `${prefix}${key}-`);\n        } else if (typeof value === \"string\") {\n          varLines.push(`  --color-${prefix}${key}: ${value};\\n`);\n        }\n      });\n    };\n\n    Object.entries(colors.dark).forEach(([category, values]) => {\n      if (category === \"surfaceSmart\") return;\n      if (typeof values === \"object\" && values !== null) {\n        generateNested(values, `${category}-`);\n      }\n    });\n\n    // Smart surface tokens\n    const smartLines = [];\n    if (colors.dark.surfaceSmart) {\n      smartLines.push(`  /* Smart Surface Tokens (dark mode, context-aware) */\\n`);\n      Object.entries(colors.dark.surfaceSmart).forEach(\n        ([surfaceKey, tokens]) => {\n          smartLines.push(`  --surface-${surfaceKey}-bg: ${tokens.bg};\\n`);\n          smartLines.push(`  --surface-${surfaceKey}-text: ${tokens.text};\\n`);\n          smartLines.push(\n            `  --surface-${surfaceKey}-text-secondary: ${tokens.textSecondary};\\n`\n          );\n          smartLines.push(\n            `  --surface-${surfaceKey}-text-muted: ${tokens.textMuted};\\n`\n          );\n          smartLines.push(`  --surface-${surfaceKey}-icon: ${tokens.icon};\\n`);\n          smartLines.push(\n            `  --surface-${surfaceKey}-icon-subtle: ${tokens.iconSubtle};\\n`\n          );\n          smartLines.push(`  --surface-${surfaceKey}-shadow: ${tokens.shadow};\\n`);\n          smartLines.push(`  --surface-${surfaceKey}-border: ${tokens.border};\\n`);\n        }\n      );\n      smartLines.push(`\\n`);\n    }\n\n    const semantic = `  --color-text-primary: var(--color-gray-100);\\n  --color-text-secondary: var(--color-gray-300);\\n  --color-text-muted: var(--color-gray-400);\\n  --color-border: var(--color-gray-700);\\n  --color-input-bg: var(--color-gray-800);\\n  --color-input-disabled-bg: var(--color-gray-900);\\n  --color-input-disabled-text: var(--color-gray-600);\\n  --color-code-bg: var(--color-gray-800);\\n`;\n\n    const backdrop = `  /* Backdrop tokens - dark mode */\\n  --backdrop-bg: linear-gradient(\\n      135deg,\\n      rgba(0, 0, 0, 0.6),\\n      rgba(0, 0, 0, 0.4)\\n    );\\n  --backdrop-blur: 10px;\\n  --backdrop-saturate: 120%;\\n  --backdrop-brightness: 0.7;\\n  --backdrop-filter: blur(var(--backdrop-blur)) saturate(var(--backdrop-saturate)) brightness(var(--backdrop-brightness));\\n  --backdrop-opacity: 1;\\n  \\n  /* Legacy alias for backwards compatibility */\\n  --backdrop-background: var(--backdrop-bg);\\n`;\n\n    const mesh = this.#generateMeshGradientsDark(colors);\n\n    // Return ONLY variables, no component rules\n    const body = [\n      ...varLines,\n      ...smartLines,\n      semantic,\n      backdrop,\n      mesh,\n    ].join(\"\");\n\n    return `html[data-theme=\"dark\"] {\\n${body}}\\n`;\n  }\n\n  // Generate ONLY dark mode variables for the tokens layer (no wrapper, no component rules)\n  #generateDarkVariablesForTokensLayer(colors) {\n    if (!colors?.dark) return \"\";\n\n    const varLines = [];\n    const generateNested = (obj, prefix = \"\") => {\n      Object.entries(obj).forEach(([key, value]) => {\n        if (typeof value === \"object\" && value !== null) {\n          generateNested(value, `${prefix}${key}-`);\n        } else if (typeof value === \"string\") {\n          varLines.push(`    --color-${prefix}${key}: ${value};\\n`);\n        }\n      });\n    };\n\n    Object.entries(colors.dark).forEach(([category, values]) => {\n      if (category === \"surfaceSmart\") return;\n      if (typeof values === \"object\" && values !== null) {\n        generateNested(values, `${category}-`);\n      }\n    });\n\n    // Smart surface tokens\n    const smartLines = [];\n    if (colors.dark.surfaceSmart) {\n      smartLines.push(\n        `    /* Smart Surface Tokens (dark mode, context-aware) */\\n`\n      );\n      Object.entries(colors.dark.surfaceSmart).forEach(\n        ([surfaceKey, tokens]) => {\n          smartLines.push(`    --surface-${surfaceKey}-bg: ${tokens.bg};\\n`);\n          smartLines.push(`    --surface-${surfaceKey}-text: ${tokens.text};\\n`);\n          smartLines.push(\n            `    --surface-${surfaceKey}-text-secondary: ${tokens.textSecondary};\\n`\n          );\n          smartLines.push(\n            `    --surface-${surfaceKey}-text-muted: ${tokens.textMuted};\\n`\n          );\n          smartLines.push(`    --surface-${surfaceKey}-icon: ${tokens.icon};\\n`);\n          smartLines.push(\n            `    --surface-${surfaceKey}-icon-subtle: ${tokens.iconSubtle};\\n`\n          );\n          smartLines.push(`    --surface-${surfaceKey}-shadow: ${tokens.shadow};\\n`);\n          smartLines.push(`    --surface-${surfaceKey}-border: ${tokens.border};\\n`);\n        }\n      );\n      smartLines.push(`\\n`);\n    }\n\n    // Interactive dark mode tokens\n    const interactiveLines = [];\n    if (colors.interactive && colors.interactive.dark) {\n      interactiveLines.push(\n        `    /* Interactive Colors - optimized for specific use cases (dark mode) */\\n`\n      );\n      interactiveLines.push(\n        `    --color-primary-fill: ${colors.interactive.dark.fill}; /* For button backgrounds with white text */\\n`\n      );\n      interactiveLines.push(\n        `    --color-primary-text: ${colors.interactive.dark.text}; /* For links and outline buttons on dark surfaces */\\n`\n      );\n    }\n\n    const semantic = [\n      `    --color-text-primary: var(--color-gray-100);\\n`,\n      `    --color-text-secondary: var(--color-gray-300);\\n`,\n      `    --color-text-muted: var(--color-gray-400);\\n`,\n      `    --color-border: var(--color-gray-700);\\n`,\n      `    --color-input-bg: var(--color-gray-800);\\n`,\n      `    --color-input-disabled-bg: var(--color-gray-900);\\n`,\n      `    --color-input-disabled-text: var(--color-gray-600);\\n`,\n      `    --color-code-bg: var(--color-gray-800);\\n`,\n      ...interactiveLines,\n    ].join(\"\");\n\n    const backdrop = `    /* Backdrop tokens - dark mode */\\n    --backdrop-bg: linear-gradient(\\n        135deg,\\n        rgba(0, 0, 0, 0.6),\\n        rgba(0, 0, 0, 0.4)\\n      );\\n    --backdrop-blur: 10px;\\n    --backdrop-saturate: 120%;\\n    --backdrop-brightness: 0.7;\\n    --backdrop-filter: blur(var(--backdrop-blur)) saturate(var(--backdrop-saturate)) brightness(var(--backdrop-brightness));\\n    --backdrop-opacity: 1;\\n    \\n    /* Legacy alias for backwards compatibility */\\n    --backdrop-background: var(--backdrop-bg);\\n`;\n\n    const mesh = this.#generateMeshGradientsDarkVariablesOnly(colors);\n\n    const content = [\n      ...varLines,\n      ...smartLines,\n      semantic,\n      backdrop,\n      mesh,\n    ].join(\"\");\n\n    return `\\n       html[data-theme=\"dark\"] {\\n${content}       }\\n`;\n  }\n\n  // Generate only mesh gradient variables for dark mode (for tokens layer)\n  #generateMeshGradientsDarkVariablesOnly(colors) {\n    // Create darker, more subtle mesh gradients for dark mode\n    const dark = colors.dark || colors;\n    const primary = dark.primary?.[400] || \"#60a5fa\";\n    const secondary = dark.secondary?.[400] || \"#a78bfa\";\n    const accent = dark.accent?.[400] || \"#fbbf24\";\n\n    return /*css*/`    /* Mesh Gradient Variables (Dark Mode) */\n    --background-mesh-01: radial-gradient(at 27% 37%, color-mix(in oklab, ${primary} 20%, transparent) 0px, transparent 50%),\n      radial-gradient(at 97% 21%, color-mix(in oklab, ${secondary} 16%, transparent) 0px, transparent 50%),\n      radial-gradient(at 52% 99%, color-mix(in oklab, ${accent} 13%, transparent) 0px, transparent 50%),\n      radial-gradient(at 10% 29%, color-mix(in oklab, ${primary} 10%, transparent) 0px, transparent 50%);\n    \n    --background-mesh-02: radial-gradient(at 40% 20%, color-mix(in oklab, ${secondary} 18%, transparent) 0px, transparent 50%),\n      radial-gradient(at 80% 0%, color-mix(in oklab, ${primary} 14%, transparent) 0px, transparent 50%),\n      radial-gradient(at 0% 50%, color-mix(in oklab, ${accent} 12%, transparent) 0px, transparent 50%),\n      radial-gradient(at 80% 100%, color-mix(in oklab, ${secondary} 10%, transparent) 0px, transparent 50%);\n    \n    --background-mesh-03: radial-gradient(at 15% 50%, color-mix(in oklab, ${accent} 15%, transparent) 0px, transparent 50%),\n      radial-gradient(at 85% 30%, color-mix(in oklab, ${primary} 17%, transparent) 0px, transparent 50%),\n      radial-gradient(at 50% 80%, color-mix(in oklab, ${secondary} 13%, transparent) 0px, transparent 50%),\n      radial-gradient(at 90% 90%, color-mix(in oklab, ${accent} 11%, transparent) 0px, transparent 50%);\n    \n    --background-mesh-04: radial-gradient(at 70% 15%, color-mix(in oklab, ${primary} 14%, transparent) 0px, transparent 50%),\n      radial-gradient(at 20% 80%, color-mix(in oklab, ${secondary} 16%, transparent) 0px, transparent 50%),\n      radial-gradient(at 90% 60%, color-mix(in oklab, ${accent} 12%, transparent) 0px, transparent 50%),\n      radial-gradient(at 30% 40%, color-mix(in oklab, ${primary} 11%, transparent) 0px, transparent 50%);\n    \n    --background-mesh-05: radial-gradient(at 50% 50%, color-mix(in oklab, ${primary} 17%, transparent) 0px, transparent 50%),\n      radial-gradient(at 10% 10%, color-mix(in oklab, ${accent} 14%, transparent) 0px, transparent 50%),\n      radial-gradient(at 90% 10%, color-mix(in oklab, ${secondary} 13%, transparent) 0px, transparent 50%),\n      radial-gradient(at 50% 90%, color-mix(in oklab, ${accent} 10%, transparent) 0px, transparent 50%);\n      `;\n  }\n\n  #generateMeshGradientsDark(colors) {\n    // Create darker, more subtle mesh gradients for dark mode\n    const dark = colors.dark || colors;\n    const primary = dark.primary?.[400] || \"#60a5fa\";\n    const secondary = dark.secondary?.[400] || \"#a78bfa\";\n    const accent = dark.accent?.[400] || \"#fbbf24\";\n\n    return /*css*/`\n  /* Mesh Gradient Backgrounds (Dark Mode) */\n  --background-mesh-01: radial-gradient(at 27% 37%, color-mix(in oklab, ${primary} 20%, transparent) 0px, transparent 50%),\n    radial-gradient(at 97% 21%, color-mix(in oklab, ${secondary} 16%, transparent) 0px, transparent 50%),\n    radial-gradient(at 52% 99%, color-mix(in oklab, ${accent} 13%, transparent) 0px, transparent 50%),\n    radial-gradient(at 10% 29%, color-mix(in oklab, ${primary} 10%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-02: radial-gradient(at 40% 20%, color-mix(in oklab, ${secondary} 18%, transparent) 0px, transparent 50%),\n    radial-gradient(at 80% 0%, color-mix(in oklab, ${primary} 14%, transparent) 0px, transparent 50%),\n    radial-gradient(at 0% 50%, color-mix(in oklab, ${accent} 12%, transparent) 0px, transparent 50%),\n    radial-gradient(at 80% 100%, color-mix(in oklab, ${secondary} 10%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-03: radial-gradient(at 15% 50%, color-mix(in oklab, ${accent} 15%, transparent) 0px, transparent 50%),\n    radial-gradient(at 85% 30%, color-mix(in oklab, ${primary} 17%, transparent) 0px, transparent 50%),\n    radial-gradient(at 50% 80%, color-mix(in oklab, ${secondary} 13%, transparent) 0px, transparent 50%),\n    radial-gradient(at 90% 90%, color-mix(in oklab, ${accent} 11%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-04: radial-gradient(at 70% 15%, color-mix(in oklab, ${primary} 14%, transparent) 0px, transparent 50%),\n    radial-gradient(at 20% 80%, color-mix(in oklab, ${secondary} 16%, transparent) 0px, transparent 50%),\n    radial-gradient(at 90% 60%, color-mix(in oklab, ${accent} 12%, transparent) 0px, transparent 50%),\n    radial-gradient(at 30% 40%, color-mix(in oklab, ${primary} 11%, transparent) 0px, transparent 50%);\n  \n  --background-mesh-05: radial-gradient(at 50% 50%, color-mix(in oklab, ${primary} 17%, transparent) 0px, transparent 50%),\n    radial-gradient(at 10% 10%, color-mix(in oklab, ${accent} 14%, transparent) 0px, transparent 50%),\n    radial-gradient(at 90% 10%, color-mix(in oklab, ${secondary} 13%, transparent) 0px, transparent 50%),\n    radial-gradient(at 50% 90%, color-mix(in oklab, ${accent} 10%, transparent) 0px, transparent 50%);\n    `;\n  }\n\n  // Generate dark mode component adjustments (for components layer)\n  #generateDarkModeComponentRules() {\n    const rules = /*css*/ `/* Alert dark mode adjustments */\nhtml[data-theme=\"dark\"] .alert-success {\n  background-color: var(--color-success-50);\n  border-color: var(--color-success-500);\n  color: var(--color-success-900);\n}\n\nhtml[data-theme=\"dark\"] .alert-info {\n  background-color: var(--color-info-50);\n  border-color: var(--color-info-500);\n  color: var(--color-info-900);\n}\n\nhtml[data-theme=\"dark\"] .alert-warning {\n  background-color: var(--color-warning-50);\n  border-color: var(--color-warning-500);\n  color: var(--color-warning-900);\n}\n\nhtml[data-theme=\"dark\"] .alert-danger,\nhtml[data-theme=\"dark\"] .alert-error {\n  background-color: var(--color-danger-50);\n  border-color: var(--color-danger-500);\n  color: var(--color-danger-900);\n}\n\n/* Dim images in dark mode */\nhtml[data-theme=\"dark\"] img, \nhtml[data-theme=\"dark\"] video {\n  opacity: 0.8;\n  transition: opacity var(--transition-normal);\n}\n\nhtml[data-theme=\"dark\"] img:hover, \nhtml[data-theme=\"dark\"] video:hover {\n  opacity: 1;\n}`;\n\n    return rules;\n  }\n\n  // If the config specifies options.backgroundMesh (1-5), apply the mesh to body.\n  // Mesh variables are always generated above; this just opts-in the body background.\n  #generateBodyBackgroundMeshRule() {\n    try {\n      const meshOption = this.options?.design?.options?.backgroundMesh;\n\n      if (this.options.debug) {\n        this.options.log?.(\n          \"debug\",\n          \"backgroundMesh check:\",\n\n          meshOption\n        );\n      }\n\n      const num = Number(meshOption);\n      if (!Number.isFinite(num) || num === 0) return \"\";\n      const idx = Math.max(1, Math.min(5, Math.floor(num)));\n      return `/* Optional background mesh applied from config */\\nbody {\\n  background: var(--background-mesh-0${idx});\\n  background-attachment: fixed;\\n}`;\n    } catch (e) {\n      if (this.options.debug) {\n        this.options.log?.(\n          \"error\",\n          \"Error in generateBodyBackgroundMeshRule:\",\n          e\n        );\n      }\n      return \"\";\n    }\n  }\n\n  // Conditionally generate a lightweight \".liquid-glass\" utility for frosted glass cards.\n  // Inspired by the referenced article, using gradients, borders, shadows, and backdrop-filter.\n  #generateLiquidGlassUtility() {\n    try {\n      if (!this.options?.design?.options?.liquidGlassEffects) return \"\";\n      // Use design tokens where possible so the effect adapts to the theme.\n      return /*css*/ `/* Liquid glass utility (opt-in via options.liquidGlassEffects) */\n.liquid-glass {\n  border-radius: var(--radius-lg);\n  /* Subtle translucent fill blended with surface */\n  background: color-mix(in oklab, var(--color-surface-subtle) 45%, transparent);\n\n  background-image: linear-gradient(\n    135deg,\n    rgba(255,255,255,0.35),\n    rgba(255,255,255,0.12)\n  );\n  /* Frosted glass blur + saturation */\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  backdrop-filter: blur(12px) saturate(140%);\n  /* Soft inner highlight and outer depth */\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.6),\n    inset 0 -40px 80px rgba(255,255,255,0.12),\n    0 10px 30px rgba(0,0,0,0.10);\n  /* Glossy border with slight light and dark edges */\n  border: 1px solid color-mix(in oklab, var(--color-primary-500) 22%, transparent);\n  outline: 1px solid color-mix(in oklab, #ffffff 18%, transparent);\n  outline-offset: -1px;\n}\n\nhtml[data-theme=\"dark\"] .liquid-glass {\n  background: color-mix(in oklab, var(--color-surface-inverse) 45%, transparent);\n  background-image: linear-gradient(\n    135deg,\n    color-mix(in oklab, var(--color-primary-300) 40%, transparent),\n    color-mix(in oklab, var(--color-surface-overlay) 48%, transparent)\n  );\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.12),\n    inset 0 -40px 80px rgba(0,0,0,0.55),\n    0 18px 38px rgba(0,0,0,0.65);\n  border: 1px solid color-mix(in oklab, var(--color-primary-300) 26%, transparent);\n  outline: 1px solid color-mix(in oklab, #ffffff 16%, transparent);\n}\n\n/* Fallback when backdrop-filter isn't supported */\n@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {\n  .liquid-glass {\n    /* Strengthen fill a bit to compensate for lack of blur */\n    background: color-mix(in oklab, var(--color-surface-subtle) 70%, rgba(255,255,255,0.4));\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.6),\n      0 10px 24px rgba(0,0,0,0.08);\n  }\n\n  html[data-theme=\"dark\"] .liquid-glass {\n    background: color-mix(in oklab, var(--color-surface-inverse) 70%, transparent);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.1),\n      0 18px 32px rgba(0,0,0,0.58);\n  }\n}\n`;\n    } catch {\n      return \"\";\n    }\n  }\n\n  // Generate border gradient utilities for WHOOP-style card outlines\n  // Creates reusable utilities for standard cards, gradient borders, and glow effects\n  #generateBorderGradientUtilities() {\n    return /*css*/ `/* ============================================================================\n   Border Gradient Utilities\n   Card outlines with gradient borders and glow effects\n   ============================================================================ */\n\n\n/* Gradient border utility - premium/promo card style */\n.border-gradient {\n  border: var(--border-width-medium) solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-primary-400),\n      var(--color-accent-400)\n    ) border-box;\n}\n\n/* Gradient border variants - different color combinations */\n.border-gradient-primary {\n  border: var(--border-width-medium) solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-primary-300),\n      var(--color-primary-600)\n    ) border-box;\n}\n\n.border-gradient-accent {\n  border: var(--border-width-medium) solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-accent-300),\n      var(--color-accent-600)\n    ) border-box;\n}\n\n.border-gradient-secondary {\n  border: var(--border-width-medium) solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-secondary-300),\n      var(--color-secondary-600)\n    ) border-box;\n}\n\n/* Gradient border with different strengths/thickness */\n.border-gradient-soft {\n  border: 1px solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-primary-400),\n      var(--color-accent-400)\n    ) border-box;\n}\n\n.border-gradient-medium {\n  border: 2px solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-primary-400),\n      var(--color-accent-400)\n    ) border-box;\n}\n\n.border-gradient-strong {\n  border: 3px solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(var(--gradient-angle, 135deg),\n      var(--color-primary-400),\n      var(--color-accent-400)\n    ) border-box;\n}\n\n/* Glow effect utility - for callouts and active states */\n.border-glow {\n  box-shadow: 0 0 12px var(--color-primary-500);\n}\n\n.border-glow-sm {\n  box-shadow: 0 0 6px var(--color-primary-500);\n}\n\n.border-glow-lg {\n  box-shadow: 0 0 20px var(--color-primary-500);\n}\n\n/* Combined gradient + glow for premium effects */\n.border-gradient-glow {\n  border: var(--border-width-medium) solid transparent;\n  background:\n    linear-gradient(var(--color-surface-base), var(--color-surface-base)) padding-box,\n    linear-gradient(135deg,\n      var(--color-primary-400),\n      var(--color-accent-400)\n    ) border-box;\n  box-shadow: 0 0 12px var(--color-primary-500);\n}\n\n/* Semantic glow variants */\n.border-glow-primary {\n  box-shadow: 0 0 12px var(--color-primary-500);\n}\n\n.border-glow-accent {\n  box-shadow: 0 0 12px var(--color-accent-500);\n}\n\n.border-glow-success {\n  box-shadow: 0 0 12px var(--color-success-500);\n}\n\n.border-glow-warning {\n  box-shadow: 0 0 12px var(--color-warning-500);\n}\n\n.border-glow-danger {\n  box-shadow: 0 0 12px var(--color-danger-500);\n}\n\n`;\n  }\n\n  // #generateLightModeCSS(colors) {\n  //   // Emit an explicit light theme block scoped to html[data-theme=\"light\"].\n  //   // We reuse the same color variable generation used for :root so consumers\n  //   // can rely on attribute-scoped tokens for both themes.\n  //   try {\n  //     const colorBlock = this.#generateColorVariables(colors || {});\n  //     return `html[data-theme=\"light\"] {\\n${colorBlock}}\\n\\n`;\n  //   } catch (ex) {\n  //     return \"\";\n  //   }\n  // }\n\n  // Legacy #generateBaseStyles() removed - all content moved to #generatePrimitivesLayer()\n\n  #generateSemanticHTMLStyles() {\n    const { layout = {} } = this.options.design;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n\n    // Note: We intentionally use :where() to minimize specificity of semantic element styles\n    // so applications can easily override them without resorting to !important.\n    return /*css*/ `/* Semantic HTML Elements (low-specificity via :where()) */\n\n:where(blockquote) {\n  margin: 0 0 var(--spacing-4) 0;\n  padding: var(--spacing-4) var(--spacing-6);\n  border-left: 4px solid var(--color-primary-500);\n  background-color: var(--color-surface-subtle);\n  border-radius: var(--radius-md);\n  font-style: italic;\n  color: var(--color-text-secondary);\n  \n  :where(p):last-child {\n    margin-bottom: 0;\n  }\n  \n  :where(cite) {\n    display: block;\n    margin-top: var(--spacing-2);\n    font-size: var(--font-size-sm);\n    font-style: normal;\n    color: var(--color-text-tertiary);\n    \n    &::before {\n      content: \"\u2014 \";\n    }\n  }\n}\n\n:where(hr) {\n  margin: var(--spacing-8) 0;\n  border: none;\n  border-top: 1px solid var(--color-border);\n  height: 0;\n}\n\n:where(dl) {\n  margin: 0 0 var(--spacing-4) 0;\n}\n\n:where(dt) {\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-primary);\n  margin-top: var(--spacing-3);\n  \n  &:first-child {\n    margin-top: 0;\n  }\n}\n\n:where(dd) {\n  margin: var(--spacing-1) 0 var(--spacing-3) var(--spacing-6);\n  color: var(--color-text-secondary);\n}\n\n:where(nav), :where(header), :where(footer) {\n  display: block;\n}\n\n:where(header), :where(footer) {\n  width: 100%;\n}\n\n:where(article), :where(section), :where(aside) {\n  display: block;\n  margin-bottom: var(--spacing-6);\n  \n  & > *:last-child {\n    margin-bottom: 0;\n  }\n}\n\n:where(mark) {\n  background-color: var(--color-warning-200);\n  color: var(--color-warning-900);\n  padding: 0 var(--spacing-1);\n  border-radius: var(--radius-sm);\n}\n\n:where(kbd) {\n  display: inline-block;\n  padding: var(--spacing-1) var(--spacing-2);\n  font-family: var(--font-family-mono);\n  font-size: var(--font-size-sm);\n  color: var(--color-text-primary);\n  background-color: var(--color-surface-elevated);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-sm);\n  box-shadow: 0 2px 0 0 var(--color-border);\n}\n\n:where(abbr[title]) {\n  text-decoration: underline dotted;\n  cursor: help;\n  text-decoration-thickness: 1px;\n}\n\n:where(time) {\n  font-variant-numeric: tabular-nums;\n}\n\n:where(address) {\n  font-style: normal;\n  line-height: var(--font-line-height-relaxed);\n  margin: 0 0 var(--spacing-4) 0;\n}\n\n:where(details):not(.accordion *) {\n  margin: 0 0 var(--spacing-2) 0;\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  background-color: var(--color-surface-base);\n  \n  &[open] :where(summary) {\n    border-bottom: 1px solid var(--color-border);\n    background-color: var(--color-surface-subtle);\n    \n    &::after {\n      transform: rotate(270deg);\n    }\n  }\n  \n  & > *:not(:where(summary)) {\n    padding: var(--spacing-4);\n  }\n}\n\n:where(summary) {\n  padding: var(--spacing-3) var(--spacing-4);\n  cursor: pointer;\n  border-radius: var(--radius-md);\n  font-weight: var(--font-weight-medium);\n  user-select: none;\n  list-style: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: background-color var(--transition-fast);\n  \n  &::-webkit-details-marker {\n    display: none;\n  }\n  \n  &::after {\n    content: \"\u203A\";\n    display: inline-block;\n    transform: rotate(90deg);\n    transition: transform var(--transition-fast);\n    font-size: var(--font-size-xl);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-text-secondary);\n  }\n  \n  &:hover {\n    background-color: var(--color-surface-subtle);\n  }\n}\n\n/* Dialog styles moved to #generateDialogStyles() */\n\n`;\n  }\n\n  #generateFormStyles() {\n    const {\n      gap,\n      inputPadding,\n      buttonPadding,\n      focusRingWidth,\n      focusRingOpacity,\n      borderWidthThin,\n      sectionSpacing,\n      buttonMinHeight,\n      inputMinHeight,\n    } = this.options.design;\n\n    const inputPaddingValue = inputPadding || 0.75;\n    const buttonPaddingValue = buttonPadding || 1.0;\n    const focusWidth = focusRingWidth || 3;\n    const borderWidth = borderWidthThin || 1;\n    const gapValue = gap || 1.0;\n    const sectionSpacingValue = sectionSpacing || 2.0;\n    const minButtonHeight = buttonMinHeight || 44;\n    const minInputHeight = inputMinHeight || 40;\n\n    return /*css*/ `/* Mobile-First Form Styles - Generated from Design Config */\nform {\n  margin: 0;\n  width: 100%;\n}\n\nfieldset {\n  margin: 0 0 var(--spacing-${\n    Number.isFinite(Math.round((gapValue * sectionSpacingValue) / 4))\n      ? Math.round((gapValue * sectionSpacingValue) / 4)\n      : 1\n  }) 0;\n  padding: var(--spacing-5);\n  width: 100%;\n  background-color: color-mix(in oklab, var(--color-surface-subtle) 50%, transparent 50%);\n  \n  /* Unified styling for radio groups and checkbox groups */\n  &[role=\"radiogroup\"],\n  &[role=\"group\"] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-2);\n    padding: 0;\n    background-color: transparent;\n    \n    label {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-3);\n      padding: var(--spacing-1) 0;\n      cursor: pointer;\n      min-height: auto;\n      border: none;\n      background: none;\n      font-weight: var(--font-weight-normal);\n      margin-bottom: 0;\n      \n      &:hover {\n        color: var(--color-primary-700);\n      }\n    }\n    \n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: static;\n      opacity: 1;\n      width: var(--spacing-5);\n      height: var(--spacing-5);\n      min-height: var(--spacing-5);\n      margin: 0;\n      cursor: pointer;\n      flex-shrink: 0;\n      accent-color: var(--color-primary-600);\n      appearance: auto;\n      -webkit-appearance: auto;\n      -moz-appearance: auto;\n      \n      &:focus {\n        outline: 2px solid var(--color-primary-500);\n        outline-offset: 2px;\n      }\n    }\n  }\n  \n}\n\n\n\n/* Nested legend scaling: reduce font-size for deeper sub-forms */\nfieldset > legend { font-size: var(--font-size-lg); }\nfieldset fieldset > legend { font-size: var(--font-size-base); }\nfieldset fieldset fieldset > legend { font-size: var(--font-size-sm); }\n\n.form-container {\n  display: grid;\n  gap: var(--spacing-6);\n  width: 100%;\n}\n\n.fields {\n  display: grid;\n  gap: var(--spacing-4);\n}\n\nlabel {\n  display: block;\n  margin-bottom: var(--spacing-3);\n  font-weight: var(--font-weight-medium);\n  color: var(--color-text-primary);\n  font-size: var(--font-size-sm);\n  line-height: var(--font-line-height-normal);\n}\n\n[data-label] {\n  display: block;\n  font-weight: var(--font-weight-medium);\n  color: var(--color-text-primary);\n  font-size: var(--font-size-sm);\n  margin-bottom: var(--spacing-2);\n}\n\n[data-open]{\n  [data-label]{\n    margin-bottom: 0;\n  }\n}\n\n.field-description {\n  font-size: var(--font-size-xs);\n  color: var(--color-text-secondary);\n  margin-top: var(--spacing-1);\n  line-height: var(--font-line-height-relaxed);\n}\n\ninput, textarea, select {\n  width: 100%;\n  min-height: ${minInputHeight}px;\n  padding: calc(var(--spacing-1) * ${inputPaddingValue}) var(--spacing-4);\n  border: ${borderWidth}px solid var(--color-border);\n  border-radius: var(--radius-md);\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-base);\n  line-height: var(--font-line-height-normal);\n  background-color: var(--color-input-bg);\n  color: var(--color-text-primary);\n  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);\n  touch-action: manipulation;\n  appearance: none;\n  -webkit-appearance: none;\n  \n  &:focus {\n    outline: none;\n    border-color: var(--color-primary-500);\n    box-shadow: 0 0 0 ${focusWidth}px color-mix(in oklab, var(--color-primary-500) ${Math.round(\n      (focusRingOpacity || 0.3) * 100\n    )}%, transparent);\n    background-color: var(--color-surface-base);\n  }\n  \n  &:disabled {\n    background-color: var(--color-input-disabled-bg);\n    color: var(--color-input-disabled-text);\n    border-color: var(--color-border);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n  \n  &:invalid {\n    border-color: var(--color-danger-500);\n    \n    &:focus {\n      box-shadow: 0 0 0 ${focusWidth}px color-mix(in oklab, var(--color-danger-500) ${Math.round(\n      (focusRingOpacity || 0.3) * 100\n    )}%, transparent);\n    }\n  }\n}\n\ninput[type=\"range\"] {\n  padding: 0;\n  background: transparent;\n  min-height: auto;\n}\n\n/* Make range visually match other inputs */\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  appearance: none;\n  height: var(--input-min-height, 40px); /* align control height with inputs */\n  width: 100%;\n}\n\n/* Track and thumb styling - using CSS nesting to reduce repetition */\ninput[type=\"range\"] {\n  /* WebKit track */\n  &::-webkit-slider-runnable-track {\n    height: var(--range-track-height, 8px);\n    background: var(--color-input-bg);\n    border-radius: var(--radius-full);\n  }\n\n  /* WebKit thumb */\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: var(--range-thumb-size, 28px);\n    height: var(--range-thumb-size, 28px);\n    margin-top: calc((var(--range-track-height, 8px) - var(--range-thumb-size, 28px)) / 2);\n    background: color-mix(in srgb, var(--color-primary-500) 15%, var(--color-surface-base));\n    border-radius: 50%;\n    box-shadow: var(--shadow-sm);\n    cursor: grab;\n    border: 1px solid color-mix(in srgb, var(--color-primary-500) 30%, var(--color-border));\n  }\n\n  /* Mozilla track */\n  &::-moz-range-track {\n    height: var(--range-track-height, 8px);\n    background: var(--color-input-bg);\n    border-radius: var(--radius-full);\n  }\n\n  /* Mozilla thumb */\n  &::-moz-range-thumb {\n    width: var(--range-thumb-size, 28px);\n    height: var(--range-thumb-size, 28px);\n    background: color-mix(in srgb, var(--color-primary-500) 15%, var(--color-surface-base));\n    border-radius: 50%;\n    box-shadow: var(--shadow-sm);\n    border: 1px solid color-mix(in srgb, var(--color-primary-500) 30%, var(--color-border));\n    transform: translateY(calc((var(--range-track-height, 8px) - var(--range-thumb-size, 28px)) / 2));\n  }\n\n  /* Hover and focus states for WebKit */\n  &:hover::-webkit-slider-thumb,\n  &:focus-visible::-webkit-slider-thumb {\n    cursor: grabbing;\n    background: var(--color-primary-500);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    border-color: var(--color-primary-600);\n  }\n\n  /* Active state for WebKit */\n  &:active::-webkit-slider-thumb {\n    background: var(--color-primary-600);\n  }\n\n  /* Hover and focus states for Mozilla */\n  &:hover::-moz-range-thumb,\n  &:focus-visible::-moz-range-thumb {\n    background: var(--color-primary-500);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    border-color: var(--color-primary-600);\n    cursor: grabbing;\n  }\n\n  /* Active state for Mozilla */\n  &:active::-moz-range-thumb {\n    background: var(--color-primary-600);\n  }\n}\n\n/* Focus style for container to match input focus */\n.range-container:focus-within {\n  border-color: var(--color-primary-500);  \n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary-500) 30%, transparent);\n}\n\ninput[type=\"range\"]:active::-moz-range-thumb {\n  background: var(--color-primary-600);\n}\n\ninput[type=\"color\"] {\n  -webkit-appearance: none;\n  padding: 0;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 0.75rem; /* your radius */\n  overflow: hidden; /* important */\n  cursor: pointer;\n\n  /* The wrapper */\n  &::-webkit-color-swatch-wrapper {\n    padding: 0;\n    border-radius: inherit;\n  }\n\n  /* The swatch (the actual color box) */\n  &::-webkit-color-swatch {\n    border: none;\n    border-radius: inherit;\n  }\n}\n\n/* Button-style checkbox inputs outside of fieldsets */\n.checkbox-container input[type=\"checkbox\"] {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n  padding: 0;\n  pointer-events: none;\n}\n\nlabel:has(input[type=\"checkbox\"]):not(fieldset label):not(label[data-toggle]),\ninput[type=\"checkbox\"] + label:not(fieldset label):not(label[data-toggle]) {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: calc(${minButtonHeight}px * 0.75);\n  padding: calc(var(--spacing-1) * ${\n    buttonPaddingValue * 0.6\n  }) calc(var(--spacing-4) * 0.85);\n  border: ${borderWidth}px solid var(--color-border);\n  border-radius: var(--radius-md);\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n  line-height: 1.2;\n  cursor: pointer;\n  transition: all var(--transition-fast);\n  text-decoration: none;\n  touch-action: manipulation;\n  user-select: none;\n  background-color: transparent;\n  color: var(--color-text-primary);\n  margin: 0;\n  flex: 0 1 auto;\n  white-space: nowrap;\n  \n  &:hover {\n    background-color: var(--color-surface-subtle);\n    border-color: var(--color-primary-500);\n  }\n}\n\nlabel:has(input[type=\"checkbox\"]:checked):not(fieldset label):not(label[data-toggle]),\ninput[type=\"checkbox\"]:checked + label:not(fieldset label):not(label[data-toggle]) {\n  background-color: color-mix(in oklab, var(--color-primary-500) 8%, transparent);\n  color: var(--color-primary-700);\n  border-color: var(--color-primary-500);\n  border-width: 2px;\n  font-weight: var(--font-weight-semibold);\n  \n  &:hover {\n    background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent);\n    border-color: var(--color-primary-600);\n  }\n}\n\nlabel:has(input[type=\"checkbox\"]:focus):not(fieldset label):not(label[data-toggle]),\ninput[type=\"checkbox\"]:focus + label:not(fieldset label):not(label[data-toggle]) {\n  outline: none;\n  box-shadow: 0 0 0 ${focusWidth}px color-mix(in oklab, var(--color-primary-500) ${Math.round(\n      (focusRingOpacity || 0.3) * 100\n    )}%, transparent);\n}\n\nlabel:has(input[type=\"checkbox\"]:disabled):not(fieldset label):not(label[data-toggle]),\ninput[type=\"checkbox\"]:disabled + label:not(fieldset label):not(label[data-toggle]) {\n  background-color: var(--color-input-disabled-bg);\n  color: var(--color-input-disabled-text);\n  border-color: var(--color-border);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\nlabel:has(input[type=\"checkbox\"]:checked:disabled):not(fieldset label):not(label[data-toggle]),\ninput[type=\"checkbox\"]:checked:disabled + label:not(fieldset label):not(label[data-toggle]) {\n  background-color: var(--color-input-disabled-bg);\n  color: var(--color-input-disabled-text);\n  border-color: var(--color-border);\n}\n\n/* Keep default checkbox/radio for inputs NOT in special containers */\ninput[type=\"checkbox\"]:not(fieldset input[type=\"checkbox\"]):not(.checkbox-container input[type=\"checkbox\"]),\ninput[type=\"radio\"]:not(fieldset input[type=\"radio\"]) {\n  width: var(--spacing-5);\n  height: var(--spacing-5);\n  min-height: var(--spacing-5);\n  margin-right: var(--spacing-2);\n  cursor: pointer;\n  position: static;\n  opacity: 1;\n  appearance: auto;\n  -webkit-appearance: auto;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n}\n\n/* Button-style radio and checkbox groups with .buttons class */\nfieldset[role=\"radiogroup\"].buttons,\nfieldset[role=\"group\"].buttons {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: var(--spacing-3);\n  \n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n    margin: 0;\n    padding: 0;\n    pointer-events: none;\n  }\n  \n  label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: calc(${minButtonHeight}px * 0.75);\n    padding: calc(var(--spacing-1) * ${\n      buttonPaddingValue * 0.6\n    }) calc(var(--spacing-4) * 0.85);\n    border: ${borderWidth}px solid var(--color-border);\n    border-radius: var(--radius-md);\n    font-family: var(--font-family-body);\n    font-size: var(--font-size-sm);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.2;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    text-decoration: none;\n    touch-action: manipulation;\n    user-select: none;\n    background-color: transparent;\n    color: var(--color-text-primary);\n    margin: 0;\n    flex: 0 1 auto;\n    white-space: nowrap;\n    \n    &:hover {\n      background-color: var(--color-surface-subtle);\n      border-color: var(--color-primary-500);\n      color: var(--color-text-primary);\n    }\n\n    &:has([disabled]){\n      pointer-events: none;\n    }\n  }\n  \n  label:has(input[type=\"radio\"]:checked),\n  label:has(input[type=\"checkbox\"]:checked) {\n    background-color: color-mix(in oklab, var(--color-primary-500) 8%, transparent);\n    border-color: var(--color-primary-500);\n    border-width: 2px;\n    font-weight: var(--font-weight-semibold);\n    \n    &:hover {\n      background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent);\n      border-color: var(--color-primary-600);\n    }\n  }\n  \n  label:has(input[type=\"radio\"]:focus),\n  label:has(input[type=\"checkbox\"]:focus) {\n    outline: none;\n    box-shadow: 0 0 0 ${focusWidth}px color-mix(in oklab, var(--color-primary-500) ${Math.round(\n      (focusRingOpacity || 0.3) * 100\n    )}%, transparent);\n  }\n  \n  label:has(input[type=\"radio\"]:disabled),\n  label:has(input[type=\"checkbox\"]:disabled) {\n    background-color: var(--color-input-disabled-bg);\n    color: var(--color-input-disabled-text);\n    border-color: var(--color-border);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n  \n  label:has(input[type=\"radio\"]:checked:disabled),\n  label:has(input[type=\"checkbox\"]:checked:disabled) {\n    background-color: var(--color-input-disabled-bg);\n    color: var(--color-input-disabled-text);\n    border-color: var(--color-border);\n  }\n}\n\n/* Toggle switches - enhanced checkboxes with data-toggle attribute */\nlabel[data-toggle] {\n  display: inline-flex;\n  align-items: normal;\n  gap: var(--spacing-3);\n  cursor: pointer;\n  user-select: none;\n  padding: 0;\n  background: transparent;\n  border: none;\n  min-height: auto;\n  font-weight: var(--font-weight-normal);\n\n  /* Hide the original checkbox in toggle switches */\n  input[type=\"checkbox\"] {\n    display: none;\n  }\n\n  /* Toggle switch container */\n  .toggle-switch {\n    position: relative;\n    display: inline-block;\n    width: 44px;\n    height: 24px;\n    background-color: var(--color-gray-300);\n    border-radius: var(--radius-full);\n    transition: background-color 200ms ease;\n    cursor: pointer;\n    flex-shrink: 0;\n  }\n\n  /* Toggle switch knob */\n  .toggle-knob {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 20px;\n    height: 20px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    transition: left 200ms ease;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  }\n\n  /* Toggle switch when checked - using :has() selector */\n  &:has(input[type=\"checkbox\"]:checked) .toggle-switch {\n    background-color: var(--color-primary-fill);\n  }\n  \n\n  /* Toggle knob when checked - always moves to the right */\n  &:has(input[type=\"checkbox\"]:checked) .toggle-knob {\n    left: 22px;\n  }\n\n  /* Focus state for toggle switch */\n  &:has(input[type=\"checkbox\"]:focus) .toggle-switch {\n    outline: 2px solid var(--color-primary-500);\n    outline-offset: 2px;\n  }\n\n  /* Focus visible state when label is focused via keyboard */\n  &:focus-visible .toggle-switch {\n    outline: 2px solid var(--color-primary-500);\n    outline-offset: 2px;\n  }\n\n  /* Remove default outline on label itself */\n  &:focus {\n    outline: none;\n  }\n\n  /* Disabled state */\n  &:has(input[type=\"checkbox\"]:disabled) {\n    cursor: not-allowed;\n    opacity: 0.6;\n\n    .toggle-switch {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n}\n\ninput[type=\"file\"] {\n  padding: var(--spacing-2) var(--spacing-4);\n  cursor: pointer;\n}\n\n/* Textareas */\ntextarea {\n  min-height: calc(var(--spacing-4) * 5);\n  padding: var(--spacing-3) var(--spacing-4);\n  resize: vertical;\n  line-height: var(--font-line-height-relaxed);\n}\n\n/* Select dropdowns */\nselect {\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right var(--spacing-2) center;\n  background-repeat: no-repeat;\n  background-size: 1.5em 1.5em;\n  padding-right: var(--spacing-8);\n}\n\n/* Button styling */\nbutton, .btn, input[type=\"submit\"], input[type=\"button\"], input[type=\"reset\"] {\n  display: inline-flex;\n  gap: var(--spacing-1);\n  align-items: center;\n  justify-content: center;\n  min-height: ${minButtonHeight}px;\n  padding: calc(var(--spacing-1) * ${buttonPaddingValue}) var(--spacing-6);\n  border: ${borderWidth}px solid transparent;\n  border-radius: var(--radius-md);\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-base);\n  font-weight: var(--font-weight-medium);\n  line-height: 1;\n  cursor: pointer;\n  transition: all var(--transition-fast);\n  text-decoration: none;\n  touch-action: manipulation;\n  user-select: none;\n  background-color: var(--color-surface-base);\n  color: var(--color-text-primary);\n  border-color: var(--color-border);\n  \n  /* Only apply generic hover to non-variant buttons */\n  &:hover:not(.btn-primary):not(.btn-secondary):not(.btn-outline) {\n    background-color: var(--color-surface-elevated);\n  }\n  \n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 ${focusWidth}px color-mix(in oklab, var(--color-primary-500) ${Math.round(\n      (focusRingOpacity || 0.3) * 100\n    )}%, transparent);\n  }\n  \n  &:disabled {\n    background-color: var(--color-input-disabled-bg);\n    color: var(--color-input-disabled-text);\n    border-color: var(--color-input-disabled-bg);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n}\n\n.btn-primary {\n  background-color: var(--color-primary-fill);\n  color: white;\n  border-color: var(--color-primary-fill);\n  \n  &:hover {\n    background-color: color-mix(in oklab, var(--color-primary-fill) 90%, black 10%);\n    border-color: color-mix(in oklab, var(--color-primary-fill) 90%, black 10%);\n    color: white;\n  }\n\n  &:active {\n    background-color: color-mix(in oklab, var(--color-primary-fill) 80%, black 20%);\n    border-color: color-mix(in oklab, var(--color-primary-fill) 80%, black 20%);\n    color: white;\n  }\n  \n  &:focus {\n    box-shadow: 0 0 0 ${focusWidth}px color-mix(in oklab, var(--color-primary-500) ${Math.round(\n      (focusRingOpacity || 0.3) * 100\n    )}%, transparent);\n  }\n  \n  &:disabled {\n    background-color: var(--color-input-disabled-bg);\n    color: var(--color-input-disabled-text);\n    border-color: var(--color-input-disabled-bg);\n  }\n}\n\n.btn-secondary {\n  background-color: var(--color-surface-base);\n  color: var(--color-text-primary);\n  border-color: var(--color-border);\n  \n  &:hover {\n    background-color: var(--color-surface-elevated);\n  }\n}\n\n.btn-outline {\n  background-color: transparent;\n  color: var(--color-primary-500);\n  border-color: var(--color-primary-500);\n  \n  &:hover {\n    background-color: var(--color-primary-500);\n    color: var(--color-primary-contrast, #ffffff);\n    border-color: var(--color-primary-500);\n\n    pds-icon {\n      color: var(--color-primary-contrast, #ffffff);\n    }\n  }\n\n  &:active {\n    background-color: color-mix(in oklab, var(--color-primary-500) 80%, black 20%);\n    border-color: color-mix(in oklab, var(--color-primary-500) 80%, black 20%);\n    color: var(--color-primary-contrast, #ffffff);\n\n    pds-icon {\n      color: var(--color-primary-contrast, #ffffff);\n    }\n  }\n  \n  &:disabled {\n    background-color: transparent;\n    color: var(--color-input-disabled-text);\n    border-color: var(--color-input-disabled-bg);\n  }\n}\n\n.btn-sm {\n  padding: var(--spacing-2) var(--spacing-4);\n  font-size: var(--font-size-sm);\n  min-height: calc(${minButtonHeight}px * 0.8);\n}\n\n.btn-xs {\n  padding: var(--spacing-1) var(--spacing-2);\n  font-size: var(--font-size-xs);\n  min-height: calc(${minButtonHeight}px * 0.6);\n}\n\n\n.btn-lg {\n  padding: var(--spacing-4) var(--spacing-8);\n  font-size: var(--font-size-lg);\n  min-height: calc(${minButtonHeight}px * 1.2);\n}\n\n/* Working/loading state for buttons */\nbutton.btn-working,\na.btn-working {\n  cursor: wait;\n  pointer-events: none;\n  opacity: 0.6;\n  \n  pds-icon:first-child {\n    animation: pds-spin 0.8s linear infinite;\n  }\n}\n\n@keyframes pds-spin {\n  to { transform: rotate(360deg); }\n}\n\n/* Skeleton loading animation */\n.skeleton {\n  background: linear-gradient(\n    90deg,\n    color-mix(in oklab, var(--color-surface-base) 92%, var(--color-text-primary) 8%) 0%,\n    color-mix(in oklab, var(--color-surface-base) 85%, var(--color-text-primary) 15%) 50%,\n    color-mix(in oklab, var(--color-surface-base) 92%, var(--color-text-primary) 8%) 100%\n  );\n  background-size: 200% 100%;\n  animation: pds-skeleton 1.5s ease-in-out infinite;\n  border-radius: var(--radius-sm);\n  \n  &::before {\n    content: '\\\\00a0';\n  }\n}\n\n@keyframes pds-skeleton {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* Form utility classes */\n.range-container {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-3);\n  width: 100%;\n  background: var(--color-input-bg);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  min-height: var(--input-min-height, 40px);\n  position: relative;\n\n  input[type=\"range\"] {\n    border: none;\n  }\n}\n\n.range-bubble {\n  position: absolute;\n  top: calc(-1 * (var(--range-thumb-size, 28px) + var(--spacing-2)));\n  transform: translateX(-50%);\n  min-width: calc(var(--range-thumb-size, 28px) * 0.8);\n  padding: var(--spacing-1) var(--spacing-2);\n  border-radius: var(--radius-md);\n  background: var(--color-surface-base);\n  color: var(--color-text-primary);\n  text-align: center;\n  font-size: var(--font-size-sm);\n  box-shadow: var(--shadow-md);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 150ms ease, transform 150ms ease;\n\n  &.visible {\n    opacity: 1;\n  }\n}\n\n/* Anchor bubble to the thumb position using left (set by enhancer)\n   and center with translateX(-50%). */\n\n/* Array field styling */\n.array-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4);\n  margin-bottom: var(--spacing-4);\n}\n\n.array-item {\n  position: relative;\n  padding: var(--spacing-4);\n  border: ${borderWidth}px solid var(--color-border);\n  border-radius: var(--radius-md);\n  background-color: var(--color-surface-base);\n\n  fieldset {\n    background-color: transparent;\n    margin-bottom: var(--spacing-3);\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n\n  .array-controls {\n    padding-top: var(--spacing-3);\n    border-top: ${borderWidth}px solid var(--color-border);\n    margin-top: var(--spacing-4);\n  }\n}\n\n.array-controls {\n  display: flex;\n  gap: var(--spacing-2);\n  margin-top: var(--spacing-3);\n  flex-wrap: wrap;\n\n  button {\n    padding: var(--spacing-2) var(--spacing-3);\n    font-size: var(--font-size-sm);\n    min-height: auto;\n  }\n}\n\n.range-value {\n  min-width: var(--spacing-16);\n  text-align: right;\n  font-weight: var(--font-weight-medium);\n  font-size: var(--font-size-sm);\n  color: var(--color-text-primary);\n}\n\n.checkbox-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-2);\n  flex-wrap: wrap;\n\n  input[type=\"checkbox\"],\n  input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n  }\n}\n\n`;\n  }\n\n  #generateTableStyles() {\n    const { layout = {} } = this.options.design;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n\n    return /*css*/ `/* Table Styles - Mobile First */\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 0 0 var(--spacing-6) 0;\n  background-color: var(--color-surface-base);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  font-size: var(--font-size-sm);\n  \n  @media (min-width: ${breakpoints.sm}px) {\n    font-size: var(--font-size-base);\n  }\n}\n\n.table-responsive {\n  @media (max-width: ${breakpoints.sm - 1}px) {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    margin: 0 0 var(--spacing-6) 0;\n    \n    table {\n      min-width: 600px;\n      margin: 0;\n    }\n  }\n}\n\nthead {\n  background-color: var(--color-surface-subtle);\n}\n\nth {\n  padding: var(--spacing-3) var(--spacing-4);\n  text-align: left;\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-text-primary);\n  border-bottom: 2px solid var(--color-border);\n}\n\ntd {\n  padding: var(--spacing-3) var(--spacing-4);\n  color: var(--color-text-secondary);\n  border-bottom: 1px solid var(--color-border);\n}\n\ntbody {\n  tr {\n    transition: background-color var(--transition-fast);\n    \n    &:hover {\n      background-color: var(--color-surface-subtle);\n    }\n    \n    &:last-child td {\n      border-bottom: none;\n    }\n  }\n}\n\n.table-striped {\n  tbody tr:nth-child(even) {\n    background-color: var(--color-surface-subtle);\n  }\n}\n\n.table-bordered {\n  border: 1px solid var(--color-border);\n  \n  th, td {\n    border: 1px solid var(--color-border);\n  }\n}\n\n.table-compact {\n  th, td {\n    padding: var(--spacing-2) var(--spacing-3);\n  }\n}\n\n`;\n  }\n\n  #generateAlertStyles() {\n    return /*css*/ `/* Alert/Notification Styles */\n\n/* Alias: .semantic-message shares alert base styles */\n.alert, .semantic-message {\n  padding: var(--spacing-4);\n  border-radius: var(--radius-md);\n  margin: 0 0 var(--spacing-4) 0;\n  border-left: 4px solid;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--spacing-3);\n  font-size: var(--font-size-sm);\n  line-height: var(--font-line-height-relaxed);\n  \n  & > *:last-child {\n    margin-bottom: 0;\n  }\n}\n/* Variants: success/info/warning/danger mapped to tokens */\n.alert-success, .semantic-message.success {\n  background-color: var(--color-success-50);\n  border-color: var(--color-success-600);\n  color: var(--color-success-900);\n}\n.alert-info, .semantic-message.info {\n  background-color: var(--color-info-50);\n  border-color: var(--color-info-600);\n  color: var(--color-info-900);\n}\n.alert-warning, .semantic-message.warning {\n  background-color: var(--color-warning-50);\n  border-color: var(--color-warning-600);\n  color: var(--color-warning-900);\n}\n.alert-danger,\n.alert-error,\n.semantic-message.danger {\n  background-color: var(--color-danger-50);\n  border-color: var(--color-danger-600);\n  color: var(--color-danger-900);\n}\n\n/* Semantic-message content defaults */\n.semantic-message strong { display: block; }\n.semantic-message p { margin: 0; font-size: var(--font-size-sm); }\n\n.alert-title {\n  font-weight: var(--font-weight-semibold);\n  margin: 0 0 var(--spacing-2) 0;\n  font-size: var(--font-size-base);\n}\n\n.alert-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  \n  pds-icon {\n    flex-shrink: 0;\n  }\n}\n\n.alert-dismissible {\n  padding-right: var(--spacing-12);\n  position: relative;\n}\n\n.alert-close {\n  position: absolute;\n  top: var(--spacing-3);\n  right: var(--spacing-3);\n  background: none;\n  border: none;\n  font-size: var(--font-size-xl);\n  line-height: 1;\n  opacity: 0.6;\n  cursor: pointer;\n  padding: var(--spacing-1);\n  transition: opacity var(--transition-fast);\n  \n  &:hover {\n    opacity: 1;\n  }\n}\n\n`;\n  }\n\n  #generateAccordionStyles() {\n    return /*css*/ `/* Accordion (details/summary) */\n\n.accordion {\n  --_acc-radius: var(--radius-md);\n  --_acc-border: 1px solid var(--color-border);\n  --_acc-bg: var(--color-surface-base);\n\n  details {\n    border: var(--_acc-border);\n    border-radius: var(--_acc-radius);\n    background: var(--_acc-bg);\n    margin: 0 0 var(--spacing-3) 0;\n\n    &[open] {\n      & > summary::after {\n        transform: rotate(45deg);\n      }\n\n      &::details-content {\n        block-size: auto;\n      }\n    }\n\n    /* Modern approach: animate block-size with ::details-content */\n    &::details-content {\n      block-size: 0;\n      overflow: hidden;\n      transition: block-size var(--transition-normal) ease, content-visibility var(--transition-normal);\n      transition-behavior: allow-discrete;\n    }\n\n    /* Content padding (works for both approaches) */\n    & > :not(summary) > * {\n      padding-inline: var(--spacing-4);\n      padding-block: var(--spacing-3);\n    }\n  }\n\n  summary {\n    cursor: pointer;\n    padding: var(--spacing-3) var(--spacing-4);\n    list-style: none;\n    outline: none;\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-2);\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    /* Chevron indicator */\n    &::after {\n      content: \"\";\n      margin-inline-start: auto;\n      inline-size: 0.7em;\n      block-size: 0.7em;\n      border-inline-end: 2px solid currentColor;\n      border-block-end: 2px solid currentColor;\n      transform: rotate(-45deg);\n      transition: transform var(--transition-normal);\n    }\n  }\n}\n\n/* Fallback: grid trick for browsers without ::details-content support */\n@supports not selector(::details-content) {\n  .accordion details {\n    & > :not(summary) {\n      display: grid;\n      grid-template-rows: 0fr;\n      transition: grid-template-rows var(--transition-normal) ease;\n      overflow: hidden;\n\n      & > * {\n        min-block-size: 0;\n      }\n    }\n\n    &[open] > :not(summary) {\n      grid-template-rows: 1fr;\n    }\n  }\n}\n`;\n  }\n\n  // Legacy #generateToastStyles() removed - was empty/unused\n\n  #generateBadgeStyles() {\n    return /*css*/ `/* Badge/Pill Styles */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-1) var(--spacing-2);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-semibold);\n  line-height: 1;\n  border-radius: var(--radius-full);\n  white-space: nowrap;\n  vertical-align: middle;\n  background-color: var(--color-gray-200);\n  color: var(--color-gray-800);\n  border-radius: var(--radius-full);\n}\n\n.badge-primary {\n  background-color: var(--color-primary-600);\n  color: white;\n}\n\n.badge-secondary {\n  background-color: var(--color-secondary-600);\n  color: white;\n}\n\n.badge-success {\n  background-color: var(--color-success-600);\n  color: white;\n}\n\n.badge-info {\n  background-color: var(--color-info-600);\n  color: white;\n}\n\n.badge-warning {\n  background-color: var(--color-warning-600);\n  color: white;\n}\n\n.badge-danger {\n  background-color: var(--color-danger-600);\n  color: white;\n}\n\n.badge-outline {\n  background-color: transparent;\n  border: 1px solid currentColor;\n\n  &.badge-primary {\n    color: var(--color-text-primary);\n  }\n\n  &.badge-secondary {\n    color: var(--color-secondary-600);\n  }\n\n  &.badge-success {\n    color: var(--color-success-600);\n  }\n\n  &.badge-info {\n    color: var(--color-info-600);\n  }\n\n  &.badge-warning {\n    color: var(--color-warning-600);\n  }\n\n  &.badge-danger {\n    color: var(--color-danger-600);\n  }\n}\n\n.badge-sm {\n  padding: 2px var(--spacing-1);\n  font-size: 10px;\n}\n\n.badge-lg {\n  padding: var(--spacing-2) var(--spacing-3);\n  font-size: var(--font-size-sm);\n}\n\n.pill {\n  padding: var(--spacing-1) var(--spacing-3);\n  border-radius: var(--radius-full);\n}\n\n`;\n  }\n\n  #generateDialogStyles() {\n    const { layout = {}, behavior = {} } = this.options.design;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n\n    return /*css*/ `/* ============================================================================\n   Dialog Primitive\n   Native <dialog> element with PDS integration\n   ============================================================================ */\n\n/* Dialog base styles */\ndialog {\n  position: fixed;\n  inset: 0;\n  max-width: min(600px, calc(100vw - var(--spacing-8)));\n  max-height: calc(100vh - var(--spacing-8));\n  margin: auto;\n  padding: 0;\n  border: none;\n  border-radius: var(--radius-lg);\n  \n  /* Surface styling - elevated overlay */\n  background-color: var(--surface-overlay-bg);\n  color: var(--surface-overlay-text);\n  box-shadow: 0 8px 32px var(--surface-overlay-shadow);\n  \n  /* Smooth transitions */\n  opacity: 0;\n  scale: 0.95;\n  transition: \n    opacity 0.2s ease,\n    scale 0.2s ease,\n    overlay 0.2s ease allow-discrete,\n    display 0.2s ease allow-discrete;\n  \n  /* Overflow handling */\n  overflow: hidden;\n}\n\n/* Open state */\ndialog[open] {\n  opacity: 1;\n  scale: 1;\n}\n\n/* Starting style for smooth open animation */\n@starting-style {\n  dialog[open] {\n    opacity: 0;\n    scale: 0.95;\n  }\n}\n\n/* Backdrop styling */\ndialog::backdrop {\n  background: var(--backdrop-bg);\n  backdrop-filter: var(--backdrop-filter);\n  opacity: 0;\n  transition: \n    opacity 0.2s ease,\n    overlay 0.2s ease allow-discrete,\n    display 0.2s ease allow-discrete;\n}\n\ndialog[open]::backdrop {\n  opacity: var(--backdrop-opacity, 1);\n}\n\n@starting-style {\n  dialog[open]::backdrop {\n    opacity: 0;\n  }\n}\n\n/* Form structure - use flexbox instead of contents */\ndialog form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  margin: 0;\n}\n\n/* Dialog fields - to open pds-jsonform subforms */\n.dialog-field {\n    margin-top: var(--spacing-3);\n}\n\n/* Dialog header */\ndialog {\n  header,\n  form > header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--spacing-4);\n    padding: var(--spacing-6);\n    border-bottom: 1px solid var(--surface-overlay-border);\n    flex-shrink: 0;   \n\n    h2,\n    h3 {\n      margin: 0;\n      font-size: var(--font-size-lg);\n      font-weight: var(--font-weight-semibold);\n      color: var(--surface-overlay-text);\n      flex: 1;\n    }\n\n    /* Close button in header */\n    button[value=\"cancel\"],\n    .dialog-close {\n      background: none;\n      border: none;\n      padding: var(--spacing-2);\n      border-radius: var(--radius-sm);\n      cursor: pointer;\n      color: var(--surface-overlay-icon);\n      transition: background-color var(--transition-fast);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      &:hover {\n        background-color: var(--color-surface-subtle);\n      }\n\n      &:focus-visible {\n        outline: 2px solid var(--color-focus-ring);\n        outline-offset: 2px;\n      }\n    }\n  }\n\n  /* Dialog body - scrollable content */\n  article,\n  form > article,\n  .dialog-body {\n    flex: 1;\n    padding: var(--spacing-6);\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  /* Dialog footer - actions */\n  footer,\n  form > footer {\n    display: flex;\n    flex-direction: row;\n    gap: var(--spacing-3);\n    justify-content: flex-end;\n    align-items: center;\n    padding: var(--spacing-6);\n    border-top: 1px solid var(--surface-overlay-border);\n    flex-shrink: 0;\n  }\n}\n\n/* Dialog size modifiers */\ndialog.dialog-sm {\n  max-width: min(400px, calc(100vw - var(--spacing-8)));\n}\n\ndialog.dialog-lg {\n  max-width: min(800px, calc(100vw - var(--spacing-8)));\n}\n\ndialog.dialog-xl {\n  max-width: min(1200px, calc(100vw - var(--spacing-8)));\n}\n\ndialog.dialog-full {\n  max-width: calc(100vw - var(--spacing-8));\n  max-height: calc(100vh - var(--spacing-8));\n}\n\n/* Mobile responsiveness */\n@media (max-width: ${breakpoints.sm - 1}px) {\n  dialog {\n    max-width: 100vw;\n    max-height: 100vh;\n    border-radius: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    margin: 0;\n  }\n  \n  dialog header,\n  dialog form > header,\n  dialog article,\n  dialog form > article,\n  dialog footer,\n  dialog form > footer {\n    padding: var(--spacing-4);\n  }\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  dialog,\n  dialog::backdrop {\n    transition-duration: 0.01s !important;\n  }\n}\n\n`;\n  }\n\n  #generateTabStripStyles() {\n    const { layout = {} } = this.options.design;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n\n    return /*css*/ `/* Tab Strip Component */\n\n/* Tab navigation */\n\npds-tabstrip {\n  margin-top: var(--spacing-6);\n\n  & > nav {\n    display: flex;\n    gap: var(--spacing-1);\n    border-bottom: 2px solid var(--color-border);\n    margin-bottom: var(--spacing-6);\n    position: relative;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* IE/Edge */\n\n    &::-webkit-scrollbar {\n      display: none; /* Chrome/Safari */\n    }\n\n    /* Tab links */\n    & > a {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: var(--spacing-2);\n      padding: var(--spacing-3) var(--spacing-4);\n      font-family: var(--font-family-body);\n      font-size: var(--font-size-base);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-text-secondary);\n      text-decoration: none;\n      white-space: nowrap;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      transition: color var(--transition-fast);\n      border-bottom: 2px solid transparent;\n      margin-bottom: -2px; /* Overlap the nav border */\n\n      &:hover {\n        color: var(--color-text-primary);\n        background-color: var(--color-surface-hover);\n      }\n\n      &:focus-visible {\n        outline: var(--focus-ring-width, 2px) solid var(--color-primary-500);\n        outline-offset: -2px;\n        border-radius: var(--radius-sm);\n        z-index: 1;\n      }\n\n      /* Active tab */\n      &[aria-current=\"page\"] {\n        color: var(--color-primary-600);\n        font-weight: var(--font-weight-semibold);\n        border-bottom-color: var(--color-primary-600);\n\n        &:hover {\n          color: var(--color-primary-700);\n          border-bottom-color: var(--color-primary-700);\n          background-color: var(--color-primary-50);\n        }\n      }\n    }\n  }\n\n  /* Tab panel */\n  & > pds-tabpanel {\n    display: block;\n    margin-top: var(--spacing-4);\n\n    &[data-tabpanel] {\n      animation: tabFadeIn var(--transition-normal) ease-out;\n      padding: var(--spacing-4) 0;\n\n      &[hidden] {\n        display: none;\n      }\n    }\n  }\n}\n\n@keyframes tabFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Mobile responsive */\n@media (max-width: ${breakpoints.sm - 1}px) {\n  pds-tabstrip > nav {\n    gap: var(--spacing-1);\n  }\n\n  pds-tabstrip > nav > a {\n    padding: var(--spacing-2) var(--spacing-3);\n    font-size: var(--font-size-sm);\n  }\n\n  pds-tabstrip > pds-tabpanel[data-tabpanel] {\n    padding: var(--spacing-3) 0;\n  }\n}\n\n`;\n  }\n\n  #generateScrollbarStyles() {\n    return /*css*/ `/* Custom Scrollbars */\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n  \n  &-track {\n    background: transparent;\n  }\n  \n  &-thumb {\n    background: var(--color-secondary-300);\n    border-radius: var(--radius-full);\n    border: 3px solid transparent;\n    background-clip: padding-box;\n    transition: background-color var(--transition-fast);\n    \n    &:hover {\n      background: var(--color-secondary-400);\n      border: 2px solid transparent;\n      background-clip: padding-box;\n    }\n    \n    &:active {\n      background: var(--color-secondary-500);\n      border: 2px solid transparent;\n      background-clip: padding-box;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      background: var(--color-secondary-600);\n      \n      &:hover {\n        background: var(--color-secondary-500);\n      }\n      \n      &:active {\n        background: var(--color-secondary-400);\n      }\n    }\n  }\n}\n\n* {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-secondary-300) transparent;\n  \n  @media (prefers-color-scheme: dark) {\n    scrollbar-color: var(--color-secondary-600) transparent;\n  }\n}\n\n/* Hover effect for scrollable containers */\n*:hover {\n  scrollbar-color: var(--color-secondary-400) transparent;\n}\n\n@media (prefers-color-scheme: dark) {\n  *:hover {\n    scrollbar-color: var(--color-secondary-500) transparent;\n  }\n}\n\n`;\n  }\n\n  #generateIconStyles() {\n    const { a11y = {} } = this.options.design;\n    const minTouchTarget =\n      a11y.minTouchTarget || enums.TouchTargetSizes.standard;\n\n    return /*css*/ `/* Icon System */\n\npds-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  vertical-align: middle;\n  pointer-events: none;\n}\n\n/* Icon size utilities */\n.icon-xs,\npds-icon[size=\"xs\"] {\n  width: var(--icon-size-xs);\n  height: var(--icon-size-xs);\n}\n\n.icon-sm,\npds-icon[size=\"sm\"] {\n  width: var(--icon-size-sm);\n  height: var(--icon-size-sm);\n}\n\n.icon-md,\npds-icon[size=\"md\"] {\n  width: var(--icon-size-md);\n  height: var(--icon-size-md);\n}\n\n.icon-lg,\npds-icon[size=\"lg\"] {\n  width: var(--icon-size-lg);\n  height: var(--icon-size-lg);\n}\n\n.icon-xl,\npds-icon[size=\"xl\"] {\n  width: var(--icon-size-xl);\n  height: var(--icon-size-xl);\n}\n\n.icon-2xl,\npds-icon[size=\"2xl\"] {\n  width: var(--icon-size-2xl);\n  height: var(--icon-size-2xl);\n}\n\n/* Icon color utilities */\n.icon-primary,\npds-icon.primary {\n  color: var(--color-primary-600);\n}\n\n.icon-secondary,\npds-icon.secondary {\n  color: var(--color-secondary-600);\n}\n\n.icon-accent,\npds-icon.accent {\n  color: var(--color-accent-600);\n}\n\n.icon-success,\npds-icon.success {\n  color: var(--color-success-600);\n}\n\n.icon-warning,\npds-icon.warning {\n  color: var(--color-warning-600);\n}\n\n.icon-danger,\npds-icon.danger {\n  color: var(--color-danger-600);\n}\n\n.icon-info,\npds-icon.info {\n  color: var(--color-info-600);\n}\n\n.icon-muted,\npds-icon.muted {\n  color: var(--color-text-muted);\n}\n\n.icon-subtle,\npds-icon.subtle {\n  color: var(--color-text-subtle);\n}\n\n/* Icon with text combinations */\n.icon-text {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-2);\n}\n\n.icon-text-start {\n  flex-direction: row;\n}\n\n.icon-text-end {\n  flex-direction: row-reverse;\n}\n\n/* Button icon utilities */\nbutton, a {\n  pds-icon {\n    flex-shrink: 0;\n  }\n\n  &.icon-only {\n    padding: var(--spacing-2);\n    min-width: ${minTouchTarget}px;\n    width: ${minTouchTarget}px;\n    height: ${minTouchTarget}px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n/* Icon in inputs */\n.input-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  pds-icon {\n    position: absolute;\n    left: var(--spacing-3);\n    color: var(--color-text-muted);\n    pointer-events: none;\n    width: var(--icon-size-md);\n    height: var(--icon-size-md);\n  }\n\n  input {\n    padding-left: calc(var(--icon-size-md) + var(--spacing-6));\n    width: 100%;\n  }\n}\n\n.input-icon-end {\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  pds-icon {\n    position: absolute;\n    left: unset;\n    right: var(--spacing-3);\n    color: var(--color-text-muted);\n    pointer-events: none;\n    width: var(--icon-size-md);\n    height: var(--icon-size-md);\n  }\n\n  input {\n    padding-left: var(--spacing-4);\n    padding-right: calc(var(--icon-size-md) + var(--spacing-6));\n    width: 100%;\n  }\n}\n\n`;\n  }\n\n  #generateDropdownStyles() {\n    return /*css*/ `/* Dropdown Component */\n\n/* Basic dropdown host */\nnav[data-dropdown] {\n  position: relative;\n  display: inline-block;\n  padding: 0;\n\n  menu {\n    position: absolute;\n    list-style: none;\n    padding: var(--spacing-2);\n    margin: 0;\n    background: var(--color-surface-overlay);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n    box-shadow: var(--shadow-lg);\n    top: 100%;\n    bottom: auto;\n    left: 0;\n    right: auto;\n    margin-top: var(--spacing-2);\n    --dropdown-transition-duration: var(--transition-fast, 160ms);\n    min-width: max(100%, var(--dropdown-min-width, 12rem));\n    width: max-content;\n    opacity: 0;\n    scale: 0.95;\n    visibility: hidden;\n    display: none;\n    pointer-events: none;\n    transform-origin: top center;\n    z-index: var(--z-dropdown, 1050);\n    max-height: min(60vh, 24rem);\n    overflow-y: auto;\n    transition:\n      opacity var(--dropdown-transition-duration) ease,\n      scale var(--dropdown-transition-duration) ease,\n      visibility 0s linear var(--dropdown-transition-duration),\n      display 0s linear var(--dropdown-transition-duration);\n    transition-behavior: allow-discrete;\n  }\n\n  menu[aria-hidden=\"false\"] {\n    display: block;\n    opacity: 1;\n    scale: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transition:\n      opacity var(--dropdown-transition-duration) ease,\n      scale var(--dropdown-transition-duration) ease,\n      visibility 0s linear 0s,\n      display 0s linear 0s;\n  }\n\n  li {\n    padding: var(--spacing-1) 0;\n\n    & + li {\n      border-top: 1px solid var(--color-border);\n      margin-top: var(--spacing-2);\n    }\n\n    &:has(> hr) {\n      border-top: none;\n      margin-top: 0;\n      padding: 0;\n\n      & + li {\n        border-top: none;\n        margin-top: 0;\n      }\n    }\n\n    & > hr {\n      border: none;\n      border-top: 3px solid var(--color-border);\n      margin: var(--spacing-2) 0;\n    }\n  }\n\n  a {\n    display: flex;\n    color: var(--color-text-primary);\n    text-decoration: none;\n    align-items: center;\n    gap: var(--spacing-2);\n\n    &.danger {\n      color: var(--color-danger-600);\n    }\n  }\n\n  &.align-right,\n  &[data-align=\"right\"],\n  &[data-align=\"end\"],\n  &[data-dropdown-align=\"right\"],\n  &[data-dropdown-align=\"end\"] {\n    menu {\n      left: auto;\n      right: 0;\n    }\n  }\n\n  &[data-mode=\"up\"],\n  &[data-dropdown-direction=\"up\"] {\n    menu {\n      top: auto;\n      bottom: 100%;\n      margin-top: 0;\n      margin-bottom: var(--spacing-2);\n      transform-origin: bottom center;\n    }\n  }\n\n  &[data-mode=\"down\"],\n  &[data-dropdown-direction=\"down\"] {\n    menu {\n      top: 100%;\n      bottom: auto;\n      margin-top: var(--spacing-2);\n      margin-bottom: 0;\n      transform-origin: top center;\n    }\n  }\n\n  &[data-mode=\"auto\"] menu {\n    top: 100%;\n    bottom: auto;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    menu {\n      transition-duration: 0.01s !important;\n    }\n  }\n}\n\n@starting-style {\n  nav[data-dropdown] menu[aria-hidden=\"false\"] {\n    opacity: 0;\n    scale: 0.95;\n  }\n}\n`;\n  }\n\n  #generateLayoutUtilities() {\n    const { layout = {} } = this.options.design;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n\n    const gridSystem = layout.gridSystem || {};\n    const columns = gridSystem.columns || [1, 2, 3, 4, 6];\n    const autoFitBreakpoints = gridSystem.autoFitBreakpoints || {\n      sm: \"150px\",\n      md: \"250px\",\n      lg: \"350px\",\n      xl: \"450px\",\n    };\n\n    const sections = [\n      /*css*/ `\n/* ============================================================================\n   Layout Utilities\n   Modern grid and flex system for building responsive layouts\n   ============================================================================ */\n\n/* Container */\n.container {\n  display: block;\n  width: 100%;\n  max-width: ${layout.containerMaxWidth || \"1400px\"};\n  margin: 0 auto;\n  padding: ${layout.containerPadding || \"var(--spacing-6)\"};\n}\n\n/* Grid System */\n.grid {\n  display: grid;\n  gap: var(--spacing-4);\n}\n\n`,\n    ];\n\n    // Generate fixed column grids\n    for (const col of columns) {\n      sections.push(\n        `.grid-cols-${col} { grid-template-columns: repeat(${col}, 1fr); }\\n`\n      );\n    }\n\n    sections.push(\"\\n/* Auto-fit grids (responsive) */\\n\");\n    // Generate auto-fit responsive grids\n    for (const [name, minWidth] of Object.entries(autoFitBreakpoints)) {\n      sections.push(\n        `.grid-auto-${name} { grid-template-columns: repeat(auto-fit, minmax(${minWidth}, 1fr)); }\\n`\n      );\n    }\n\n    // Generate gap utilities\n\n    sections.push(\n      /*css*/ `\n/* Gap utilities */\n.gap-0 { gap: 0; }\n.gap-xs { gap: var(--spacing-1); }\n.gap-sm { gap: var(--spacing-2); }\n.gap-md { gap: var(--spacing-4); }\n.gap-lg { gap: var(--spacing-6); }\n.gap-xl { gap: var(--spacing-8); }\n\n`\n    );\n\n    sections.push(\n      /*css*/ `\n/* Flexbox System */\n.flex {\n  display: flex;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n/* Flex alignment */\n.items-start { align-items: flex-start; }\n.items-center { align-items: center; }\n.items-end { align-items: flex-end; }\n.items-stretch { align-items: stretch; }\n.items-baseline { align-items: baseline; }\n\n.justify-start { justify-content: flex-start; }\n.justify-center { justify-content: center; }\n.justify-end { justify-content: flex-end; }\n.justify-between { justify-content: space-between; }\n.justify-around { justify-content: space-around; }\n.justify-evenly { justify-content: space-evenly; }\n\n/* Responsive helpers */\n@media (max-width: ${breakpoints.md - 1}px) {\n  .mobile-stack { flex-direction: column; }\n  .mobile-stack > * { width: 100%; }\n}\n\n/* ============================================================================\n   Backdrop Utilities\n   Reusable backdrop layer for modal components (dialogs, drawers, overlays)\n   ============================================================================ */\n\n/* Base backdrop class for modal overlays */\n.backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--backdrop-bg);\n  backdrop-filter: var(--backdrop-filter);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease;\n  z-index: var(--z-modal, 1040);\n\n  &.active {\n    opacity: var(--backdrop-opacity, 1);\n    pointer-events: auto;\n  }\n\n  /* Backdrop variants */\n  &-light {\n    --backdrop-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2));\n    --backdrop-brightness: 1.1;\n  }\n\n  &-dark {\n    --backdrop-bg: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n    --backdrop-brightness: 0.6;\n  }\n\n  &-blur-sm {\n    --backdrop-blur: 5px;\n  }\n\n  &-blur-md {\n    --backdrop-blur: 10px;\n  }\n\n  &-blur-lg {\n    --backdrop-blur: 20px;\n  }\n}\n`\n    );\n\n    return sections.join(\"\");\n  }\n\n  #generateMediaUtilities() {\n    return /*css*/ `/* Media Element Utilities */\n\n/* Gallery images */\n.img-gallery {\n  width: 100%;\n  height: auto;\n  aspect-ratio: 1;\n  object-fit: cover;\n  border-radius: var(--radius-sm);\n}\n\n/* Responsive images with different radius sizes */\n.img-rounded-sm { border-radius: var(--radius-sm); }\n.img-rounded-md { border-radius: var(--radius-md); }\n.img-rounded-lg { border-radius: var(--radius-lg); }\n.img-rounded-xl { border-radius: var(--radius-xl); }\n.img-rounded-full { border-radius: var(--radius-full); }\n\n/* Inline images */\n.img-inline {\n  display: inline;\n  vertical-align: middle;\n  border-radius: var(--radius-xs);\n  margin: 0 var(--spacing-1);\n  max-width: 60px;\n  height: auto;\n}\n\n/* Video specific utilities */\n.video-responsive {\n  width: 100%;\n  max-width: 600px;\n  height: auto;\n  border-radius: var(--radius-md);\n}\n\n/* Figure utilities */\n.figure-responsive {\n  width: 100%;\n  height: auto;\n}\n\n`;\n  }\n\n  #generateMediaQueries() {\n    const { layout = {}, a11y = {} } = this.options.design;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n    const minTouchTarget =\n      a11y.minTouchTarget || enums.TouchTargetSizes.standard;\n\n    return /*css*/ `/* Mobile-First Responsive Design */\n\n/* Small devices (${breakpoints.sm}px and up) */\n@media (min-width: ${breakpoints.sm}px) {\n  .sm\\\\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }\n  .sm\\\\:flex-row { flex-direction: row; }\n  .sm\\\\:text-sm { font-size: var(--font-size-sm); }\n  .sm\\\\:p-6 { padding: var(--spacing-6); }\n  .sm\\\\:gap-6 { gap: var(--spacing-6); }\n  .sm\\\\:hidden { display: none; }\n  .sm\\\\:block { display: block; }\n}\n\n/* Medium devices (${breakpoints.md}px and up) */\n@media (min-width: ${breakpoints.md}px) {\n  .md\\\\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }\n  .md\\\\:text-lg { font-size: var(--font-size-lg); }\n  .md\\\\:p-8 { padding: var(--spacing-8); }\n  .md\\\\:gap-8 { gap: var(--spacing-8); }\n  .md\\\\:flex-row { flex-direction: row; }\n  .md\\\\:w-1\\\\/2 { width: 50%; }\n  .md\\\\:w-1\\\\/3 { width: 33.333333%; }\n  .md\\\\:hidden { display: none; }\n  .md\\\\:block { display: block; }\n}\n\n/* Large devices (${breakpoints.lg}px and up) */\n@media (min-width: ${breakpoints.lg}px) {\n  .lg\\\\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }\n  .lg\\\\:text-xl { font-size: var(--font-size-xl); }\n  .lg\\\\:p-12 { padding: var(--spacing-12); }\n  .lg\\\\:gap-12 { gap: var(--spacing-12); }\n  .lg\\\\:w-1\\\\/4 { width: 25%; }\n  .lg\\\\:hidden { display: none; }\n  .lg\\\\:block { display: block; }\n}\n\n/* Touch device optimizations */\n@media (hover: none) and (pointer: coarse) {\n  /* Touch devices - larger touch targets for interactive elements */\n  button, a, select, textarea,\n  input:not([type=\"radio\"]):not([type=\"checkbox\"]) {\n    min-height: ${minTouchTarget}px;\n    min-width: ${minTouchTarget}px;\n  }\n  \n  /* Radio and checkbox inputs: keep reasonable size but ensure label tap area is large */\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    /* Keep native size - labels provide the touch target */\n    min-height: unset;\n    min-width: unset;\n  }\n  \n  /* Ensure labels with radio/checkbox have adequate touch targets */\n  /* Exclude button-style fieldsets which already have proper sizing */\n  label:has(input[type=\"radio\"]):not(fieldset.buttons label),\n  label:has(input[type=\"checkbox\"]):not(fieldset.buttons label),\n  fieldset[role=\"radiogroup\"]:not(.buttons) label,\n  fieldset[role=\"group\"]:not(.buttons) label {\n    min-height: ${minTouchTarget}px;\n    display: inline-flex;\n    align-items: center;\n    padding: var(--spacing-2) 0;\n  }\n  \n  /* Disable hover effects\n   on touch devices */\n  .card {\n    &:hover {\n      box-shadow: var(--shadow-base);\n    }\n  }\n  \n  a {\n    &:hover {\n      color: var(--color-primary-600);\n    }\n  }\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n/* High contrast mode */\n@media (prefers-contrast: high) {\n  :root {\n    --color-primary-600: #0000ff;\n    --color-primary-700: #0000cc;\n  }\n  \n  button, input, textarea, select {\n    border-width: 2px;\n  }\n}\n\n/* Print styles */\n@media print {\n  *, *::before, *::after {\n    background: transparent !important;\n    color: black !important;\n    box-shadow: none !important;\n  }\n  \n  a, a:visited {\n    text-decoration: underline;\n  }\n  \n  button {\n    display: none;\n  }\n  \n  .mobile-hidden, .desktop-hidden {\n    display: block !important;\n  }\n}\n\n`;\n  }\n\n  // Utility methods for color manipulation\n  #hexToHsl(hex) {\n    const r = parseInt(hex.slice(1, 3), 16) / 255;\n    const g = parseInt(hex.slice(3, 5), 16) / 255;\n    const b = parseInt(hex.slice(5, 7), 16) / 255;\n\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n    let h,\n      s,\n      l = (max + min) / 2;\n\n    if (max === min) {\n      h = s = 0;\n    } else {\n      const d = max - min;\n      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n      switch (max) {\n        case r:\n          h = (g - b) / d + (g < b ? 6 : 0);\n          break;\n        case g:\n          h = (b - r) / d + 2;\n          break;\n        case b:\n          h = (r - g) / d + 4;\n          break;\n      }\n      h /= 6;\n    }\n\n    return { h: h * 360, s: s * 100, l: l * 100 };\n  }\n\n  #hslToHex(h, s, l) {\n    h = h / 360;\n    s = s / 100;\n    l = l / 100;\n\n    const hue2rgb = (p, q, t) => {\n      if (t < 0) t += 1;\n      if (t > 1) t -= 1;\n      if (t < 1 / 6) return p + (q - p) * 6 * t;\n      if (t < 1 / 2) return q;\n      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\n      return p;\n    };\n\n    let r, g, b;\n\n    if (s === 0) {\n      r = g = b = l;\n    } else {\n      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n      const p = 2 * l - q;\n      r = hue2rgb(p, q, h + 1 / 3);\n      g = hue2rgb(p, q, h);\n      b = hue2rgb(p, q, h - 1 / 3);\n    }\n\n    const toHex = (c) => {\n      const hex = Math.round(c * 255).toString(16);\n      return hex.length === 1 ? \"0\" + hex : hex;\n    };\n\n    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n  }\n\n  // Method to get current tokens (useful for debugging)\n  getTokens() {\n    return this.tokens;\n  }\n\n  // Method to export CSS (useful for build processes)\n  exportCSS() {\n    return this.layeredCSS;\n  }\n\n  // ========================================================================\n  // LAYER SEPARATION ARCHITECTURE (Best Practices 2025)\n  // ========================================================================\n\n  /**\n   * Generate separate CSS layers: tokens, primitives, components, utilities\n   * Following the cascade layers pattern from the best practices document\n   */\n  #generateLayers() {\n    this.#layers = {\n      tokens: this.#generateTokensLayer(),\n      primitives: this.#generatePrimitivesLayer(),\n      components: this.#generateComponentsLayer(),\n      utilities: this.#generateUtilitiesLayer(),\n    };\n\n    if (this.options.debug) {\n      this.options.log?.(\"debug\", \"[Generator] Layer sizes:\", {\n        tokens: `${(this.#layers.tokens.length / 1024).toFixed(2)} KB`,\n        primitives: `${(this.#layers.primitives.length / 1024).toFixed(2)} KB`,\n        components: `${(this.#layers.components.length / 1024).toFixed(2)} KB`,\n        utilities: `${(this.#layers.utilities.length / 1024).toFixed(2)} KB`,\n      });\n    }\n  }\n\n  #generateTokensLayer() {\n    const {\n      colors,\n      spacing,\n      radius,\n      borderWidths,\n      typography,\n      shadows,\n      layout,\n      transitions,\n      zIndex,\n      icons,\n    } = this.tokens;\n\n    const sections = [\n      /*css*/ `@layer tokens {\n       :root {\n          ${this.#generateColorVariables(colors)}\n          ${this.#generateSpacingVariables(spacing)}\n          ${this.#generateRadiusVariables(radius)}\n          ${this.#generateBorderWidthVariables(borderWidths)}\n          ${this.#generateTypographyVariables(typography)}\n          ${this.#generateShadowVariables(shadows)}\n          ${this.#generateLayoutVariables(layout)}\n          ${this.#generateTransitionVariables(transitions)}\n          ${this.#generateZIndexVariables(zIndex)}\n          ${this.#generateIconVariables(icons)}\n       }\n       ${this.#generateDarkVariablesForTokensLayer(colors)}\n    }`,\n    ];\n\n    // Important: emit a non-layered dark variables block so that manual\n    // html[data-theme=\"dark\"] wins even if the page has older, unlayered\n    // PDS CSS loaded. Unlayered declarations outrank layered ones in the\n    // cascade; this small non-layered override ensures correct theming.\n    sections.push(\n      `\\n/* Non-layered dark variables fallback (ensures attribute wins) */\\n`\n    );\n    sections.push(this.#generateDarkVariablesOnly(colors));\n\n    return sections.join(\"\");\n  }\n\n  #generatePrimitivesLayer() {\n    const { advanced = {}, a11y = {}, layout = {} } = this.options.design;\n    const tabSize = advanced.tabSize || enums.TabSizes.standard;\n    const minTouchTarget =\n      a11y.minTouchTarget || enums.TouchTargetSizes.standard;\n    const breakpoints = layout.breakpoints || {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    };\n\n    // Primitives = baseline UA-reset + token-driven styles for native elements\n    // No component classes, only element selectors with :where() for zero specificity\n    return /*css*/ `@layer primitives {\n  /* Base HTML reset */\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n\n  :where(html) {\n    interpolate-size: allow-keywords;\n    font-family: var(--font-family-body);\n    font-size: var(--font-size-base);\n    line-height: var(--font-line-height-normal);\n    color: var(--color-text-primary);\n    background-color: var(--color-surface-base);\n    -webkit-text-size-adjust: 100%;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    tab-size: ${tabSize};\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);\n  }\n\n  :where(dialog){\n    background-color: transparent;\n    min-width: 320px;\n    border: none;\n  }\n\n  :where(body) {\n    margin: 0;\n    padding: 0;\n    scroll-behavior: smooth;\n    min-height: 100vh;\n    min-height: var(--layout-min-height, 100vh);\n    overflow-x: hidden;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  :where(body.drawer-open) {\n    /* overflow: hidden; */\n    /* scrollbar-gutter: stable; */\n  }\n\n  /* Button primitives */\n  :where(button) {\n    all: unset;\n    box-sizing: border-box;\n    font: inherit;\n    color: var(--color-primary-contrast, white);\n    background: var(--color-primary-600);\n    padding: var(--spacing-2) var(--spacing-4);\n    border: 0;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: opacity var(--transition-fast), background-color var(--transition-fast);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--spacing-2);\n    font-weight: var(--font-weight-medium);\n    line-height: 1.5;\n    min-height: ${minTouchTarget}px;\n    touch-action: manipulation;\n    user-select: none;\n  }\n\n  :where(button):hover:not(:disabled) {\n    opacity: 0.9;\n    background-color: var(--color-primary-700);\n  }\n\n  :where(button):focus-visible {\n    outline: 2px solid var(--color-primary-500);\n    outline-offset: 2px;\n  }\n\n  :where(button):disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  :where(button):active:not(:disabled) {\n    transform: scale(0.98);\n  }\n\n  /* Input primitives */\n  :where(input:not([type=\"radio\"]):not([type=\"checkbox\"]):not([type=\"range\"]):not([type=\"color\"])),\n  :where(select),\n  :where(textarea) {\n    font: inherit;\n    color: var(--color-text-primary);\n    background: var(--color-input-bg);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-md);\n    padding: var(--spacing-2) var(--spacing-3);\n    min-height: 40px;\n    width: 100%;\n    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\n    appearance: none;\n  }\n\n  :where(input):focus-visible,\n  :where(select):focus-visible,\n  :where(textarea):focus-visible {\n    outline: none;\n    border-color: var(--color-primary-500);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary-500) 30%, transparent);\n  }\n\n  :where(input):disabled,\n  :where(select):disabled,\n  :where(textarea):disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    background-color: var(--color-input-disabled-bg);\n  }\n\n  /* Harmonized placeholder styling */\n  :where(input)::placeholder,\n  :where(textarea)::placeholder,\n  :where(pds-richtext)::placeholder {\n    color: var(--color-text-muted);\n    opacity: 1;\n    font-weight: var(--font-weight-normal);\n  }\n\n  :where(textarea) {\n    min-height: 80px;\n    resize: vertical;\n  }\n\n  /* Link primitives */\n  :where(a) {\n    color: var(--color-primary-600);\n    text-decoration: underline;\n    text-underline-offset: 0.2em;\n    transition: opacity var(--transition-fast);\n  }\n\n  :where(a):hover {\n    opacity: 0.8;\n  }\n\n  :where(a):focus-visible {\n    outline: 2px solid var(--color-primary-500);\n    outline-offset: 2px;\n    border-radius: var(--radius-sm);\n  }\n\n  /* Form primitives */\n  :where(label) {\n    display: block;\n    font-weight: var(--font-weight-medium);\n    margin-bottom: var(--spacing-2);\n    color: var(--color-text-primary);\n    font-size: var(--font-size-sm);\n  }\n\n  /* Checkbox enhancement - visually hide native input but keep accessible\n     Excludes button-style checkboxes in fieldsets and special containers */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]) input[type=\"checkbox\"]) {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n  }\n\n  /* Style label container for checkbox */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"])) {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--spacing-2);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    padding-left: calc(var(--spacing-5) + var(--spacing-3));\n  }\n\n  /* Custom checkbox box using PDS tokens - works with or without span wrapper */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"])::before) {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: var(--spacing-5);\n    height: var(--spacing-5);\n    border: var(--border-width-md) solid var(--color-border);\n    border-radius: var(--radius-sm);\n    background: var(--color-surface-base);\n    transition: all var(--transition-fast);\n    flex-shrink: 0;\n  }\n\n  /* Checkmark */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]:checked)::after) {\n    content: \"\";\n    position: absolute;\n    left: var(--spacing-2);\n    top: 50%;\n    transform: translateY(-60%) rotate(45deg);\n    width: var(--spacing-1-5);\n    height: var(--spacing-3);\n    border: solid var(--color-primary-contrast, white);\n    border-width: 0 2px 2px 0;\n  }\n\n  /* Checked state */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]:checked)::before) {\n    background: var(--color-primary-600);\n    border-color: var(--color-primary-600);\n  }\n\n  /* Focus styles for accessibility */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]:focus)::before) {\n    outline: 2px solid var(--color-primary-500);\n    outline-offset: 2px;\n  }\n\n  /* Hover effects */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]:not(:disabled)):hover::before) {\n    border-color: var(--color-primary-600);\n    background: var(--color-surface-subtle);\n  }\n\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]:checked:not(:disabled)):hover::before) {\n    background: var(--color-primary-700);\n    border-color: var(--color-primary-700);\n  }\n\n  /* Disabled state */\n  :where(label:not(fieldset label, .checkbox-container label, [data-toggle]):has(input[type=\"checkbox\"]:disabled)) {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  :where(fieldset) {\n    border: none;\n    padding: var(--spacing-4);\n    margin: 0 0 var(--spacing-4) 0;\n    background-color: var(--color-surface-subtle);\n  }\n\n  :where(legend) {\n    display: block;\n    font-weight: var(--font-weight-semibold);\n    padding: 0;\n    color: var(--color-text-primary);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-text-primary);\n    margin: 0 0 var(--spacing-3) 0;\n    border: none;\n    line-height: var(--font-line-height-tight);\n    font-size: var(--font-size-lg);\n    background: transparent; /* avoid browser default notch behavior */\n    width: auto;\n    box-sizing: border-box;\n  }\n\n  \n  /* List primitives */\n  :where(ul, ol) {\n    padding-left: var(--spacing-6);\n    margin: var(--spacing-3) 0;\n  }\n\n  :where(li) {\n    margin: var(--spacing-1) 0;\n  }\n\n  /* Typography primitives */\n  :where(h1, h2, h3, h4, h5, h6) {\n    font-family: var(--font-family-headings);\n    font-weight: var(--font-weight-bold);\n    line-height: var(--font-line-height-tight);\n    margin: var(--spacing-4) 0 var(--spacing-3) 0;\n    color: var(--color-text-primary);\n    word-wrap: break-word;\n    hyphens: auto;\n    overflow-wrap: break-word;\n  }\n\n  /* Mobile-first heading sizes */\n  :where(h1) { font-size: var(--font-size-2xl); }\n  :where(h2) { font-size: var(--font-size-xl); }\n  :where(h3) { font-size: var(--font-size-lg); }\n  :where(h4) { font-size: var(--font-size-base); }\n  :where(h5) { font-size: var(--font-size-sm); }\n  :where(h6) { font-size: var(--font-size-xs); }\n\n  /* Scale up on larger screens */\n  @media (min-width: ${breakpoints.sm}px) {\n    :where(h1) { font-size: var(--font-size-3xl); }\n    :where(h2) { font-size: var(--font-size-2xl); }\n    :where(h3) { font-size: var(--font-size-xl); }\n    :where(h4) { font-size: var(--font-size-lg); }\n    :where(h5) { font-size: var(--font-size-base); }\n    :where(h6) { font-size: var(--font-size-sm); }\n  }\n\n  :where(p) {\n    margin: var(--spacing-3) 0;\n    line-height: var(--font-line-height-relaxed);\n    color: var(--color-text-primary);\n  }\n\n  /* Code primitives */\n  :where(code) {\n    font-family: var(--font-family-mono, monospace);\n    font-size: 0.9em;\n    background: var(--color-surface-muted);\n    padding: 0.2em 0.4em;\n    border-radius: var(--radius-sm);\n    color: var(--color-text-primary);\n  }\n\n  :where(pre) {\n    font-family: var(--font-family-mono, monospace);\n    background: var(--color-surface-muted);\n    padding: var(--spacing-4);\n    border-radius: var(--radius-md);\n    overflow-x: auto;\n    margin: var(--spacing-4) 0;\n  }\n\n  :where(pre code) {\n    background: none;\n    padding: 0;\n  }\n\n  /* Media primitives */\n  :where(img, video) {\n    max-width: 100%;\n    height: auto;\n    border-radius: var(--radius-sm);\n  }\n\n  :where(figure) {\n    margin: 0 0 var(--spacing-6) 0;\n  }\n\n  :where(figcaption) {\n    margin-top: var(--spacing-3);\n    font-size: var(--font-size-sm);\n    color: var(--color-text-secondary);\n    line-height: var(--font-line-height-relaxed);\n  }\n\n  \n  :where([hidden]) {\n    display: none !important;\n  }\n}\n\n`;\n  }\n\n  #generateComponentsLayer() {\n    return `@layer components {\\n\n${this.#generateSemanticHTMLStyles()}\n\n${this.#generateFormStyles()}\n\n${this.#generateAlertStyles()}\n\n${this.#generateBadgeStyles()}\n\n${this.#generateDialogStyles()}\n\n${this.#generateAccordionStyles()}\n\n${this.#generateDropdownStyles()}\n\n${this.#generateTabStripStyles()}\n\n${this.#generateTableStyles()}\n\n/* Card component */\n\n.card {\n  background: var(--color-surface-base);\n  border-radius: var(--radius-md);\n  padding: var(--spacing-4);\n\n  &-elevated {\n    background: var(--color-surface-elevated);\n    box-shadow: var(--shadow-md);\n  }\n\n  &-outlined,\n  &-basic {\n    background: var(--color-surface-base);\n    border: 1px solid var(--color-border);\n  }\n\n  &-interactive:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-lg);\n    transition: transform var(--transition-fast), box-shadow var(--transition-fast);\n  }\n}\n\n${this.#generateScrollbarStyles()}\n\n${this.#generateDarkModeComponentRules()}\n\n}\\n`;\n  }\n\n  #generateUtilitiesLayer() {\n    return /*css*/ `@layer utilities {\\n\n${this.#generateIconStyles()}\n\n${this.#generateLayoutUtilities()}\n\n/* Optional utilities/features controlled by config options */\n/* - Body background mesh rule (applies one of the generated mesh vars) */\n/* - Liquid glass utility class */\n${this.#generateBodyBackgroundMeshRule()}\n${this.#generateLiquidGlassUtility()}\n\n${this.#generateBorderGradientUtilities()}\n\n/* Surface utilities */\n\n.surface {\n  background-color: var(--color-surface-base);\n}\n\n.surface-subtle {\n  background-color: var(--color-surface-subtle);\n}\n\n.surface-elevated {\n  background-color: var(--color-surface-elevated);\n}\n\n.surface-sunken {\n  background-color: var(--color-surface-sunken);\n}\n\n.surface-overlay {\n  background-color: var(--color-surface-overlay);\n}\n\n/* Translucent semantic variants */\n.surface-translucent {\n  background-color: var(--color-surface-translucent-50);\n}\n\n.surface-translucent-25 {\n  background-color: var(--color-surface-translucent-25);\n}\n\n.surface-translucent-50 {\n  background-color: var(--color-surface-translucent-50);\n}\n\n.surface-translucent-75 {\n  background-color: var(--color-surface-translucent-75);\n}\n\n/* Legacy utility retained for backwards compatibility (opinionated overlay) */\n.surface-overlay {\n  padding: var(--spacing-4);\n  background-color: var(--color-surface-overlay);\n  box-shadow: var(--shadow-lg);\n  border-radius: var(--radius-md);\n}\n\n\n/* Inverse surface (dark) using PDS tokens; text/icons inherit currentColor */\n.surface-inverse {\n  background-color: var(--color-surface-inverse);\n  /* Ensure foregrounds inside use the correct smart-surface tokens */\n  color: var(--surface-inverse-text);\n  --color-text-primary: var(--surface-inverse-text);\n  --color-text-secondary: var(--surface-inverse-text-secondary);\n  --color-text-muted: var(--surface-inverse-text-muted);\n  /* Ensure code/pre and other muted surfaces have contrast on inverse */\n  --color-surface-muted: rgba(255, 255, 255, 0.08);\n  /* Optional: adjust borders/shadows if utilities/components read these */\n  --color-border: var(--surface-inverse-border);\n\n  pds-icon {\n    color: var(--surface-inverse-icon);\n  }\n}\n\n/* Shadow utilities */\n.shadow-sm {\n  box-shadow: var(--shadow-sm);\n}\n\n.shadow-base, .shadow {\n  box-shadow: var(--shadow-base);\n}\n\n.shadow-md {\n  box-shadow: var(--shadow-md);\n}\n\n.shadow-lg {\n  box-shadow: var(--shadow-lg);\n}\n\n.shadow-xl {\n  box-shadow: var(--shadow-xl);\n}\n\n.shadow-inner {\n  box-shadow: var(--shadow-inner);\n}\n\n.shadow-none {\n  box-shadow: none;\n}\n\n.text-muted {\n  color: var(--color-text-muted);\n}\n\n\n${this.#generateMediaUtilities()}\n\n${this.#generateMediaQueries()}\n\n}\\n`;\n  }\n\n  /**\n   * Create constructable stylesheets for each layer\n   */\n  #createConstructableStylesheets() {\n    this.#stylesheets = {\n      tokens: new CSSStyleSheet(),\n      primitives: new CSSStyleSheet(),\n      components: new CSSStyleSheet(),\n      utilities: new CSSStyleSheet(),\n    };\n    this.#updateConstructableStylesheets();\n  }\n\n  #updateConstructableStylesheets() {\n    this.#stylesheets.tokens.replaceSync(this.#layers.tokens);\n    this.#stylesheets.primitives.replaceSync(this.#layers.primitives);\n    this.#stylesheets.components.replaceSync(this.#layers.components);\n    this.#stylesheets.utilities.replaceSync(this.#layers.utilities);\n  }\n\n  // /**\n  //  * Create BLOB URLs for live injection\n  //  */\n  // #createBlobURLs() {\n  //   this.#blobURLs = {};\n  //   this.#recreateBlobURLs();\n  // }\n\n  // #recreateBlobURLs() {\n  //   // Safety check\n  //   if (!this.#layers) {\n  //     this.options.log?.(\n  //       \"error\",\n  //       \"[Generator] Cannot create BLOB URLs: layers not generated\"\n  //     );\n  //     return;\n  //   }\n\n  //   // Revoke old URLs\n  //   if (this.#blobURLs) {\n  //     Object.values(this.#blobURLs).forEach((url) => {\n  //       if (url) URL.revokeObjectURL(url);\n  //     });\n  //   }\n\n  //   // Create new BLOB URLs for each layer\n  //   this.#blobURLs.tokens = this.#createBlobURL(this.#layers.tokens);\n  //   this.#blobURLs.primitives = this.#createBlobURL(this.#layers.primitives);\n  //   this.#blobURLs.components = this.#createBlobURL(this.#layers.components);\n  //   this.#blobURLs.utilities = this.#createBlobURL(this.#layers.utilities);\n\n  //   // Combined styles (layers already have @layer wrappers, just concatenate)\n  //   const combined = `${this.#layers.tokens}\\n${this.#layers.primitives}\\n${\n  //     this.#layers.components\n  //   }\\n${this.#layers.utilities}`;\n  //   this.#blobURLs.styles = this.#createBlobURL(combined);\n\n  //   if (this.options.debug) {\n  //     this.options.log?.(\n  //       \"debug\",\n  //       \"[Generator] Created BLOB URL for combined styles:\",\n  //       this.#blobURLs.styles\n  //     );\n  //   }\n  // }\n\n  // #createBlobURL(css) {\n  //   const blob = new Blob([css], { type: \"text/css\" });\n  //   return URL.createObjectURL(blob);\n  // }\n\n  // ========================================================================\n  // PUBLIC GETTERS FOR LAYER ACCESS\n  // ========================================================================\n\n  // CSS strings (raw)\n  get tokensCSS() {\n    return this.#layers?.tokens || \"\";\n  }\n  get primitivesCSS() {\n    return this.#layers?.primitives || \"\";\n  }\n  get componentsCSS() {\n    return this.#layers?.components || \"\";\n  }\n  get utilitiesCSS() {\n    return this.#layers?.utilities || \"\";\n  }\n  get layeredCSS() {\n    if (!this.#layers) return \"\";\n    // Each layer already has @layer wrapper, just concatenate\n    return `${this.#layers.tokens}\\n${this.#layers.primitives}\\n${\n      this.#layers.components\n    }\\n${this.#layers.utilities}`;\n  }\n\n  /**\n   * Get a complete compiled representation of the design system state.\n   * This provides structured access to all generated tokens, scales, layers, and metadata.\n   * Linked to ontology and enums for introspection and tooling.\n   *\n   * @returns {Object} Compiled design system state with tokens, layers, metadata, and references\n   */\n  get compiled() {\n    return {\n      // Core token groups - the source data used to generate CSS\n      tokens: {\n        colors: this.tokens.colors,\n        spacing: this.tokens.spacing,\n        radius: this.tokens.radius,\n        borderWidths: this.tokens.borderWidths,\n        typography: this.tokens.typography,\n        shadows: this.tokens.shadows,\n        layout: this.tokens.layout,\n        transitions: this.tokens.transitions,\n        zIndex: this.tokens.zIndex,\n        icons: this.tokens.icons,\n      },\n\n      // Layer information - CSS content and metadata\n      layers: {\n        tokens: {\n          css: this.#layers?.tokens || \"\",\n          size: this.#layers?.tokens?.length || 0,\n          sizeKB: ((this.#layers?.tokens?.length || 0) / 1024).toFixed(2),\n        },\n        primitives: {\n          css: this.#layers?.primitives || \"\",\n          size: this.#layers?.primitives?.length || 0,\n          sizeKB: ((this.#layers?.primitives?.length || 0) / 1024).toFixed(2),\n        },\n        components: {\n          css: this.#layers?.components || \"\",\n          size: this.#layers?.components?.length || 0,\n          sizeKB: ((this.#layers?.components?.length || 0) / 1024).toFixed(2),\n        },\n        utilities: {\n          css: this.#layers?.utilities || \"\",\n          size: this.#layers?.utilities?.length || 0,\n          sizeKB: ((this.#layers?.utilities?.length || 0) / 1024).toFixed(2),\n        },\n        combined: {\n          css: this.layeredCSS,\n          size: this.layeredCSS?.length || 0,\n          sizeKB: ((this.layeredCSS?.length || 0) / 1024).toFixed(2),\n        },\n      },\n\n      // Configuration snapshot - what was used to generate this state\n      config: {\n        design: this.options.design || {},\n        preset: this.options.preset || null,\n        debug: this.options.debug || false,\n      },\n\n      // Runtime capabilities and environment\n      capabilities: {\n        constructableStylesheets: typeof CSSStyleSheet !== \"undefined\",\n        blobURLs: typeof Blob !== \"undefined\" && typeof URL !== \"undefined\",\n        shadowDOM: typeof ShadowRoot !== \"undefined\",\n      },\n\n      // References to design system metadata\n      references: {\n        // Link to ontology for component/primitive definitions\n        ontology: typeof ontology !== \"undefined\" ? ontology : null,\n        // Link to enums for valid values\n        enums: typeof enums !== \"undefined\" ? enums : null,\n      },\n\n      // Computed metadata about the generated design system\n      meta: {\n        generatedAt: new Date().toISOString(),\n        totalSize:\n          (this.#layers?.tokens?.length || 0) +\n          (this.#layers?.primitives?.length || 0) +\n          (this.#layers?.components?.length || 0) +\n          (this.#layers?.utilities?.length || 0),\n        totalSizeKB: (\n          ((this.#layers?.tokens?.length || 0) +\n            (this.#layers?.primitives?.length || 0) +\n            (this.#layers?.components?.length || 0) +\n            (this.#layers?.utilities?.length || 0)) /\n          1024\n        ).toFixed(2),\n        layerCount: 4,\n        tokenGroups: Object.keys(this.tokens).length,\n      },\n\n      // Introspection helpers - methods to query the compiled state\n      helpers: {\n        /**\n         * Get all color scales as a flat array\n         */\n        getColorScales: () => {\n          const scales = [];\n          const colors = this.tokens.colors;\n          for (const [name, scale] of Object.entries(colors)) {\n            if (typeof scale === \"object\" && scale !== null) {\n              scales.push({ name, scale });\n            }\n          }\n          return scales;\n        },\n\n        /**\n         * Get a specific color scale by name\n         */\n        getColorScale: (name) => {\n          return this.tokens.colors[name] || null;\n        },\n\n        /**\n         * Get all spacing values as an array\n         */\n        getSpacingValues: () => {\n          return Object.entries(this.tokens.spacing).map(([key, value]) => ({\n            key,\n            value,\n          }));\n        },\n\n        /**\n         * Get typography configuration\n         */\n        getTypography: () => {\n          return this.tokens.typography;\n        },\n\n        /**\n         * Get the CSS for a specific layer\n         */\n        getLayerCSS: (layer) => {\n          const validLayers = [\n            \"tokens\",\n            \"primitives\",\n            \"components\",\n            \"utilities\",\n          ];\n          if (!validLayers.includes(layer)) {\n            throw new Error(\n              `Invalid layer: ${layer}. Must be one of ${validLayers.join(\n                \", \"\n              )}`\n            );\n          }\n          return this.#layers?.[layer] || \"\";\n        },\n\n        /**\n         * Check if a specific enum value is used in the current configuration\n         */\n        usesEnumValue: (enumGroup, value) => {\n          const config = this.options.design || {};\n          // Simple check - can be expanded for more sophisticated detection\n          const configStr = JSON.stringify(config);\n          return configStr.includes(value);\n        },\n      },\n    };\n  }\n\n  // Constructable stylesheets (browser only)\n  get tokensStylesheet() {\n    return this.#stylesheets?.tokens;\n  }\n  get primitivesStylesheet() {\n    return this.#stylesheets?.primitives;\n  }\n  get componentsStylesheet() {\n    return this.#stylesheets?.components;\n  }\n  get utilitiesStylesheet() {\n    return this.#stylesheets?.utilities;\n  }\n\n  // // BLOB URLs (browser only)\n  // get tokensBlobURL() {\n  //   return this.#blobURLs?.tokens;\n  // }\n  // get primitivesBlobURL() {\n  //   return this.#blobURLs?.primitives;\n  // }\n  // get componentsBlobURL() {\n  //   return this.#blobURLs?.components;\n  // }\n  // get utilitiesBlobURL() {\n  //   return this.#blobURLs?.utilities;\n  // }\n  // get stylesBlobURL() {\n  //   return this.#blobURLs?.styles;\n  // }\n\n  /**\n   * Generate CSS module files for export\n   * Returns object with filename => content\n   */\n  getCSSModules() {\n    return {\n      \"pds-tokens.css.js\": this.#generateCSSModule(\n        \"tokens\",\n        this.#layers.tokens\n      ),\n      \"pds-primitives.css.js\": this.#generateCSSModule(\n        \"primitives\",\n        this.#layers.primitives\n      ),\n      \"pds-components.css.js\": this.#generateCSSModule(\n        \"components\",\n        this.#layers.components\n      ),\n      \"pds-utilities.css.js\": this.#generateCSSModule(\n        \"utilities\",\n        this.#layers.utilities\n      ),\n      \"pds-styles.css.js\": this.#generateCSSModule(\"styles\", this.layeredCSS),\n    };\n  }\n\n  #generateCSSModule(name, css) {\n    // Escape backticks and backslashes in CSS\n    const escapedCSS = css\n      .replace(/\\\\/g, \"\\\\\\\\\")\n      .replace(/`/g, \"\\\\`\")\n      .replace(/\\$/g, \"\\\\$\");\n\n    return `// Pure Design System - ${name}\n// Auto-generated - do not edit directly\n\nexport const ${name} = new CSSStyleSheet();\n${name}.replaceSync(\\`${escapedCSS}\\`);\n\nexport const ${name}CSS = \\`${escapedCSS}\\`;\n`;\n  }\n\n  /**\n   * Static method to apply styles to document\n   * Creates a link element with BLOB URL\n   * @param {Generator} [generator] - Optional Generator instance (defaults to singleton)\n   */\n  static applyStyles(generator) {\n    // Use provided generator or singleton instance\n    const target = generator || Generator.instance;\n\n    // Validate parameter\n    if (!target || typeof target !== \"object\") {\n      console.error(\"[Generator] applyStyles requires a generator object or active singleton\");\n      return;\n    }\n\n    // Preferred: apply layered CSS so tokens + primitives + components + utilities\n    // are available in light DOM (ensures primitives like :where(button):active apply)\n    const cssText = target.layeredCSS || target.css || \"\";\n    if (!cssText) {\n      target.options?.log?.(\n        \"warn\",\n        \"[Generator] No CSS available on designer to apply\"\n      );\n      return;\n    }\n\n    // Install/update runtime styles atomically to avoid flicker caused by\n    // creating/removing <link> or swapping blob URLs.\n    Generator.installRuntimeStyles(cssText);\n    // if (designer && designer.#blobURLs && designer.options?.debug) {\n    //   designer.options?.log?.(\n    //     \"debug\",\n    //     \"[Generator] Applied live styles via in-place stylesheet\"\n    //   );\n    // }\n  }\n\n  /**\n   * Install runtime styles for PDS using constructable stylesheets when\n   * available, otherwise update a single <style id=\"pds-runtime-stylesheet\">.\n   * This approach reduces flicker and avoids link/blob swapping.\n   */\n  static installRuntimeStyles(cssText) {\n    //console.log(cssText);\n    try {\n      if (typeof document === \"undefined\") return; // server-side guard\n\n      // Preferred: constructable stylesheet (fast, atomic)\n      if (\n        typeof CSSStyleSheet !== \"undefined\" &&\n        \"adoptedStyleSheets\" in Document.prototype\n      ) {\n        const sheet = new CSSStyleSheet();\n        // replaceSync is synchronous and atomic for the stylesheet\n        sheet.replaceSync(cssText);\n\n        // Tag it so we can keep existing non-PDS sheets\n        sheet._pds = true;\n\n        const others = (document.adoptedStyleSheets || []).filter(\n          (s) => s._pds !== true\n        );\n        document.adoptedStyleSheets = [...others, sheet];\n\n        // Keep a reference\n        Generator.__pdsRuntimeSheet = sheet;\n        return;\n      }\n\n      // Fallback: single <style> element in the document head\n      const styleId = \"pds-runtime-stylesheet\";\n      let el = document.getElementById(styleId);\n      if (!el) {\n        el = document.createElement(\"style\");\n        el.id = styleId;\n        el.type = \"text/css\";\n        const head = document.head || document.getElementsByTagName(\"head\")[0];\n        if (head) head.appendChild(el);\n        else document.documentElement.appendChild(el);\n      }\n\n      // Update the stylesheet content in place\n      el.textContent = cssText;\n    } catch (err) {\n      // No access to config here in static method, fall back to console\n      console.warn(\"Generator.installRuntimeStyles failed:\", err);\n    }\n  }\n}\n\n// ============================================================================\n// PDS ADOPTER - Helper for web components\n// ============================================================================\n\n/**\n * Adopt primitives stylesheet into a shadow root\n * This is the primary method components should use\n *\n * @param {ShadowRoot} shadowRoot - The shadow root to adopt into\n * @param {CSSStyleSheet[]} additionalSheets - Additional component-specific stylesheets\n * @returns {Promise<void>}\n *\n * @example\n * // In your web component:\n * import { PDS } from 'pure-ds';\n *\n * async connectedCallback() {\n *   this.attachShadow({ mode: 'open' });\n *\n *   const componentStyles = new CSSStyleSheet();\n *   componentStyles.replaceSync(`...your styles...`);\n *\n *   await PDS.adoptPrimitives(this.shadowRoot, [componentStyles]);\n * }\n */\nexport async function adoptPrimitives(shadowRoot, additionalSheets = []) {\n  try {\n    // Get primitives stylesheet (live or static)\n    const primitives = await PDS.registry.getStylesheet(\"primitives\");\n\n    // Adopt primitives + additional sheets\n    shadowRoot.adoptedStyleSheets = [primitives, ...additionalSheets];\n\n    if (PDS.registry.isLive) {\n      const componentName =\n        shadowRoot.host?.tagName?.toLowerCase() || \"unknown\";\n    }\n  } catch (error) {\n    const componentName = shadowRoot.host?.tagName?.toLowerCase() || \"unknown\";\n    // No access to config in this context, fall back to console\n    console.error(\n      `[PDS Adopter] <${componentName}> failed to adopt primitives:`,\n      error\n    );\n    // Continue with just additional sheets as fallback\n    shadowRoot.adoptedStyleSheets = additionalSheets;\n  }\n}\n\n/**\n * Adopt multiple layers into a shadow root\n * For complex components that need more than just primitives\n *\n * @param {ShadowRoot} shadowRoot - The shadow root to adopt into\n * @param {string[]} layers - Array of layer names to adopt (e.g., ['tokens', 'primitives', 'components'])\n * @param {CSSStyleSheet[]} additionalSheets - Additional component-specific stylesheets\n * @returns {Promise<void>}\n */\nexport async function adoptLayers(\n  shadowRoot,\n  layers = [\"primitives\"],\n  additionalSheets = []\n) {\n  try {\n    // Get all requested stylesheets\n    const stylesheets = await Promise.all(\n      layers.map(async (layer) => {\n        // In live mode, get stylesheets directly from the Generator singleton\n        if (Generator.instance) {\n          switch (layer) {\n            case \"tokens\":\n              return Generator.instance.tokensStylesheet;\n            case \"primitives\":\n              return Generator.instance.primitivesStylesheet;\n            case \"components\":\n              return Generator.instance.componentsStylesheet;\n            case \"utilities\":\n              return Generator.instance.utilitiesStylesheet;\n            default:\n              // Fall through to registry for unknown layers or static fallback\n              break;\n          }\n        }\n        return pdsRegistry.getStylesheet(layer);\n      })\n    );\n\n    // Filter out any null results\n    const validStylesheets = stylesheets.filter((sheet) => sheet !== null);\n\n    // Adopt all layers + additional sheets\n    shadowRoot.adoptedStyleSheets = [...validStylesheets, ...additionalSheets];\n\n    if (PDS.registry.isLive) {\n      const componentName =\n        shadowRoot.host?.tagName?.toLowerCase() || \"unknown\";\n    }\n  } catch (error) {\n    const componentName = shadowRoot.host?.tagName?.toLowerCase() || \"unknown\";\n    // No access to config in this context, fall back to console\n    console.error(\n      `[PDS Adopter] <${componentName}> failed to adopt layers:`,\n      error\n    );\n    // Continue with just additional sheets as fallback\n    shadowRoot.adoptedStyleSheets = additionalSheets;\n  }\n}\n\n/**\n * Create a component-specific stylesheet from CSS string\n * Helper to create constructable stylesheets\n *\n * @param {string} css - CSS string\n * @returns {CSSStyleSheet}\n */\nexport function createStylesheet(css) {\n  const sheet = new CSSStyleSheet();\n  sheet.replaceSync(css);\n  return sheet;\n}\n\n\nimport { enums } from \"./pds-enums.js\";\nimport { ontology } from \"./pds-ontology.js\";\n", "import { enums } from \"./pds-enums.js\";\n\n/**\n * Design system presets - pre-configured themes for quick starts.\n * Expose as an object keyed by preset id.\n */\nexport const presets = {\n  \"ocean-breeze\": {\n    id: \"ocean-breeze\",\n    name: \"Ocean Breeze\",\n    tags: [\"playful\"],\n    description:\n      \"Fresh and calming ocean-inspired palette with professional undertones\",\n    options: {\n      liquidGlassEffects: true,\n      backgroundMesh: 3,\n    },\n    colors: {\n      primary: \"#0891b2\",\n      secondary: \"#64748b\",\n      accent: \"#06b6d4\",\n      background: \"#f0f9ff\",\n      darkMode: {\n        background: \"#0c1821\",\n        secondary: \"#94a3b8\",\n        primary: \"#0891b2\", // Tailwind cyan-600 as base - generates darker 600 shade\n      },\n    },\n    typography: {\n      baseFontSize: 17,\n      fontScale: 1.5, // More dramatic scale for breathing room\n      fontFamilyHeadings:\n        'system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\n      fontFamilyBody:\n        'system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\n    },\n    spatialRhythm: {\n      baseUnit: 6, // More spacious\n      scaleRatio: 1.2,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.xxlarge, // Soft, flowing\n    },\n  },\n  \"midnight-steel\": {\n    id: \"midnight-steel\",\n    name: \"Midnight Steel\",\n    description:\n      \"Bold industrial aesthetic with sharp contrasts and urban edge\",\n    colors: {\n      primary: \"#3b82f6\",\n      secondary: \"#52525b\",\n      accent: \"#f59e0b\",\n      background: \"#fafaf9\",\n      darkMode: {\n        background: \"#18181b\",\n        secondary: \"#71717a\",\n        primary: \"#3b82f6\", // Tailwind blue-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.333,\n      fontFamilyHeadings:\n        \"'IBM Plex Sans', system-ui, -apple-system, sans-serif\",\n      fontFamilyBody: \"'Inter', system-ui, -apple-system, sans-serif\",\n      fontWeightSemibold: 600,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.small, // Crisp corporate edges\n      borderWidth: enums.BorderWidths.thin,\n    },\n  },\n  \"neural-glow\": {\n    id: \"neural-glow\",\n    name: \"Neural Glow\",\n    description:\n      \"AI-inspired with vibrant purple-blue gradients and futuristic vibes\",\n    colors: {\n      primary: \"#8b5cf6\",\n      secondary: \"#6366f1\",\n      accent: \"#ec4899\",\n      background: \"#faf5ff\",\n      darkMode: {\n        background: \"#0f0a1a\",\n        secondary: \"#818cf8\",\n        primary: \"#8b5cf6\", // Tailwind violet-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.618, // Golden ratio for futuristic feel\n      fontFamilyHeadings: \"'Space Grotesk', system-ui, sans-serif\",\n      fontFamilyBody: \"'Space Grotesk', system-ui, sans-serif\",\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.5,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.xlarge, // Smooth, modern\n      borderWidth: enums.BorderWidths.medium,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n    },\n  },\n  \"paper-and-ink\": {\n    id: \"paper-and-ink\",\n    name: \"Paper & Ink\",\n    tags: [\"app\", \"featured\"],\n    description: \"Ultra-minimal design with focus on typography and whitespace\",\n    colors: {\n      primary: \"#171717\",\n      secondary: \"#737373\",\n      accent: \"#525252\",\n      background: \"#ffffff\",\n      darkMode: {\n        background: \"#0a0a0a\",\n        secondary: \"#a3a3a3\",\n        primary: \"#737373\", // Tailwind gray-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 18, // Readable, print-like\n      fontScale: 1.333, // Perfect fourth\n      fontFamilyHeadings: \"'Helvetica Neue', 'Arial', sans-serif\",\n      fontFamilyBody: \"'Georgia', 'Times New Roman', serif\",\n      fontWeightNormal: 400,\n      fontWeightBold: 700,\n    },\n    spatialRhythm: {\n      baseUnit: 4, // Tight, compact\n      scaleRatio: 1.2,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.none, // Sharp editorial\n      borderWidth: enums.BorderWidths.thin,\n    },\n  },\n  \"sunset-paradise\": {\n    id: \"sunset-paradise\",\n    name: \"Sunset Paradise\",\n    description: \"Warm tropical colors evoking golden hour by the beach\",\n    options: {\n      liquidGlassEffects: true,\n      backgroundMesh: 2,\n    },\n    colors: {\n      primary: \"#ea580c\", // Darker orange for better light mode contrast\n      secondary: \"#d4a373\",\n      accent: \"#fb923c\",\n      background: \"#fffbeb\",\n      darkMode: {\n        background: \"#1a0f0a\",\n        secondary: \"#c9a482\",\n        // Ensure sufficient contrast for primary-filled components with white text in dark mode\n        primary: \"#f97316\", // Tailwind orange-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.5,\n      fontFamilyHeadings: \"'Quicksand', 'Comfortaa', sans-serif\",\n      fontFamilyBody: \"'Quicksand', 'Comfortaa', sans-serif\",\n    },\n    spatialRhythm: {\n      baseUnit: 6, // Relaxed, vacation vibes\n      scaleRatio: 1.5,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.xxlarge, // Playful, rounded\n      borderWidth: enums.BorderWidths.medium,\n    },\n  },\n  \"retro-wave\": {\n    id: \"retro-wave\",\n    name: \"Retro Wave\",\n    description: \"Nostalgic 80s-inspired palette with neon undertones\",\n    colors: {\n      primary: \"#c026d3\", // Darker fuchsia for better light mode contrast\n      secondary: \"#a78bfa\",\n      accent: \"#22d3ee\",\n      background: \"#fef3ff\",\n      darkMode: {\n        background: \"#1a0a1f\",\n        secondary: \"#c4b5fd\",\n        // Deepen primary for dark mode to meet AA contrast with white text\n        primary: \"#d946ef\", // Tailwind fuchsia-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 15,\n      fontScale: 1.5,\n      fontFamilyHeadings: \"'Orbitron', 'Impact', monospace\",\n      fontFamilyBody: \"'Courier New', 'Courier', monospace\",\n      fontWeightBold: 700,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.none, // Sharp geometric 80s\n      borderWidth: enums.BorderWidths.thick, // Bold borders\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.instant, // Snappy retro feel\n    },\n  },\n  \"forest-canopy\": {\n    id: \"forest-canopy\",\n    name: \"Forest Canopy\",\n    description: \"Natural earth tones with organic, calming green hues\",\n    colors: {\n      primary: \"#059669\",\n      secondary: \"#78716c\",\n      accent: \"#84cc16\",\n      background: \"#f0fdf4\",\n      darkMode: {\n        background: \"#0a1410\",\n        secondary: \"#a8a29e\",\n        primary: \"#10b981\", // Tailwind emerald-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.414, // Square root of 2, organic growth\n      fontFamilyHeadings: \"'Merriweather Sans', 'Arial', sans-serif\",\n      fontFamilyBody: \"'Merriweather', 'Georgia', serif\",\n    },\n    spatialRhythm: {\n      baseUnit: 6,\n      scaleRatio: 1.3,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.medium, // Natural, organic curves\n      borderWidth: enums.BorderWidths.thin,\n    },\n  },\n  \"ruby-elegance\": {\n    id: \"ruby-elegance\",\n    name: \"Ruby Elegance\",\n    description: \"Sophisticated palette with rich ruby reds and warm accents\",\n    colors: {\n      primary: \"#dc2626\",\n      secondary: \"#9ca3af\",\n      accent: \"#be123c\",\n      background: \"#fef2f2\",\n      darkMode: {\n        background: \"#1b0808\",\n        secondary: \"#d1d5db\",\n        primary: \"#ef4444\", // Tailwind red-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 17,\n      fontScale: 1.5,\n      fontFamilyHeadings: \"'Playfair Display', 'Georgia', serif\",\n      fontFamilyBody: \"'Crimson Text', 'Garamond', serif\",\n      fontWeightNormal: 400,\n      fontWeightSemibold: 600,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.333,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.small, // Subtle elegance\n      borderWidth: enums.BorderWidths.thin,\n    },\n  },\n  \"desert-dawn\": {\n    id: \"desert-dawn\",\n    name: \"Desert Dawn\",\n    description:\n      \"Sun-baked neutrals with grounded terracotta and cool oasis accents\",\n    colors: {\n      primary: \"#b45309\", // terracotta\n      secondary: \"#a8a29e\", // warm gray\n      accent: \"#0ea5a8\", // oasis teal\n      background: \"#fcf6ef\",\n      darkMode: {\n        background: \"#12100e\",\n        secondary: \"#d1d5db\",\n        // Deepen primary in dark to keep white text AA-compliant\n        primary: \"#f59e0b\", // Tailwind amber-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.414,\n      fontFamilyHeadings:\n        \"'Source Sans Pro', system-ui, -apple-system, sans-serif\",\n      fontFamilyBody: \"'Source Serif Pro', Georgia, serif\",\n    },\n    spatialRhythm: {\n      baseUnit: 6,\n      scaleRatio: 1.3,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.medium,\n      borderWidth: enums.BorderWidths.medium,\n    },\n  },\n  \"contrast-pro\": {\n    id: \"contrast-pro\",\n    name: \"Contrast Pro\",\n    description: \"Accessibility-first, high-contrast UI with assertive clarity\",\n    colors: {\n      primary: \"#1f2937\", // slate-800\n      secondary: \"#111827\", // gray-900\n      accent: \"#eab308\", // amber-500\n      background: \"#ffffff\",\n      darkMode: {\n        background: \"#0b0f14\",\n        secondary: \"#9ca3af\",\n        // Use a lighter primary in dark mode to ensure outline/link text\n        // has strong contrast against the very-dark surface. The generator\n        // will still pick appropriate darker fill shades for buttons so\n        // white-on-fill contrast is preserved.\n        primary: \"#9ca3af\", // Tailwind gray-400 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 17,\n      fontScale: 1.2,\n      fontFamilyHeadings:\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n      fontFamilyBody:\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n      fontWeightBold: 700,\n    },\n    spatialRhythm: {\n      baseUnit: 3, // compact, data-dense\n      scaleRatio: 1.2,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.small,\n      borderWidth: enums.BorderWidths.thick,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n      focusRingWidth: 4,\n    },\n  },\n  \"pastel-play\": {\n    id: \"pastel-play\",\n    name: \"Pastel Play\",\n    description:\n      \"Playful pastels with soft surfaces and friendly rounded shapes\",\n    colors: {\n      primary: \"#db2777\", // raspberry\n      secondary: \"#a78bfa\", // lavender\n      accent: \"#34d399\", // mint\n      background: \"#fff7fa\",\n      darkMode: {\n        background: \"#1a1016\",\n        secondary: \"#c4b5fd\",\n        primary: \"#ec4899\", // Tailwind pink-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.333,\n      fontFamilyHeadings: \"'Nunito', system-ui, -apple-system, sans-serif\",\n      fontFamilyBody: \"'Nunito', system-ui, -apple-system, sans-serif\",\n      lineHeightRelaxed: enums.LineHeights.relaxed,\n    },\n    spatialRhythm: {\n      baseUnit: 6, // comfy\n      scaleRatio: 1.4,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.xxlarge,\n      borderWidth: enums.BorderWidths.thin,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.slow,\n      animationEasing: enums.AnimationEasings[\"ease-out\"],\n    },\n  },\n  \"brutalist-tech\": {\n    id: \"brutalist-tech\",\n    name: \"Brutalist Tech\",\n    description:\n      \"Stark grayscale with engineered accents and unapologetically bold structure\",\n    colors: {\n      primary: \"#111111\",\n      secondary: \"#4b5563\",\n      accent: \"#06b6d4\", // cyan signal\n      background: \"#f8fafc\",\n      darkMode: {\n        background: \"#0b0b0b\",\n        secondary: \"#9ca3af\",\n        // Set a chromatic primary in dark mode to ensure both:\n        // - outline/link contrast on dark surface, and\n        // - sufficient button fill contrast against white text.\n        // Cyan signal aligns with preset accent and produces high-contrast dark fills.\n        primary: \"#06b6d4\", // Tailwind cyan-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 15,\n      fontScale: 1.25,\n      fontFamilyHeadings:\n        \"'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace\",\n      fontFamilyBody: \"'Inter', system-ui, -apple-system, sans-serif\",\n      letterSpacingTight: -0.02,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.none,\n      borderWidth: enums.BorderWidths.thick,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.instant,\n    },\n  },\n  \"zen-garden\": {\n    id: \"zen-garden\",\n    name: \"Zen Garden\",\n    description:\n      \"Soft botanicals with contemplative spacing and balanced motion\",\n    colors: {\n      primary: \"#3f6212\", // deep olive\n      secondary: \"#6b7280\", // neutral leaf shadow\n      accent: \"#7c3aed\", // iris bloom\n      background: \"#f7fbef\",\n      darkMode: {\n        background: \"#0d130a\",\n        secondary: \"#a3a3a3\",\n        primary: \"#84cc16\", // Tailwind lime-500 - optimized mid-tone\n      },\n    },\n    typography: {\n      baseFontSize: 17,\n      fontScale: 1.414,\n      fontFamilyHeadings: \"'Merriweather', Georgia, serif\",\n      fontFamilyBody: \"'Noto Sans', system-ui, -apple-system, sans-serif\",\n    },\n    spatialRhythm: {\n      baseUnit: 6, // airy\n      scaleRatio: 1.35,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.large,\n      borderWidth: enums.BorderWidths.medium,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.normal,\n      animationEasing: enums.AnimationEasings.ease,\n    },\n  },\n  \"fitness-pro\": {\n    id: \"fitness-pro\",\n    name: \"Fitness Pro\",\n    tags: [\"app\", \"featured\"],\n    description:\n      \"Health and fitness tracking aesthetic with data-driven dark surfaces and vibrant accent rings\",\n    options: {\n      liquidGlassEffects: true,\n      backgroundMesh: 2,\n    },\n    colors: {\n      primary: \"#e91e63\", // vibrant pink-magenta for data highlights\n      secondary: \"#78909c\", // cool gray for secondary data\n      accent: \"#ab47bc\", // purple accent for premium features\n      background: \"#fafafa\",\n      darkMode: {\n        background: \"#1a1d21\", // deep charcoal like WHOOP\n        secondary: \"#78909c\",\n        primary: \"#0a4ca4\",\n      },\n    },\n    typography: {\n      baseFontSize: 15,\n      fontScale: 1.25,\n      fontFamilyHeadings:\n        \"'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyBody:\n        \"'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontWeightNormal: 400,\n      fontWeightMedium: 500,\n      fontWeightSemibold: 600,\n      fontWeightBold: 700,\n      lineHeightNormal: enums.LineHeights.tight,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n      containerPadding: 1.25,\n      sectionSpacing: 2.5,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.large, // smooth cards and buttons\n      borderWidth: enums.BorderWidths.thin,\n    },\n    layers: {\n      shadowDepth: \"medium\",\n      blurMedium: 12,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n      animationEasing: enums.AnimationEasings[\"ease-out\"],\n      focusRingWidth: 2,\n    },\n  },\n  \"travel-market\": {\n    id: \"travel-market\",\n    name: \"Travel Market\",\n    description:\n      \"Hospitality marketplace design with clean cards, subtle shadows, and trust-building neutrals\",\n    options: {\n      liquidGlassEffects: true,\n      backgroundMesh: 3,\n    },\n    colors: {\n      primary: \"#d93251\", // Darker coral red for better contrast (was #ff385c)\n      secondary: \"#717171\", // neutral gray for text\n      accent: \"#144990\", // teal for experiences/verified\n      background: \"#ffffff\",\n      darkMode: {\n        background: \"#222222\",\n        secondary: \"#b0b0b0\",\n        primary: \"#ff5a7a\", // Lighter for dark mode\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.2,\n      fontFamilyHeadings:\n        \"'Circular', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyBody:\n        \"'Circular', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontWeightNormal: 400,\n      fontWeightMedium: 500,\n      fontWeightSemibold: 600,\n      fontWeightBold: 700,\n      lineHeightRelaxed: enums.LineHeights.relaxed,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n      containerMaxWidth: 1440,\n      containerPadding: 1.5,\n      sectionSpacing: 3.0,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.medium,\n      borderWidth: enums.BorderWidths.thin,\n    },\n    layers: {\n      shadowDepth: \"light\",\n      blurLight: 8,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.normal,\n      animationEasing: enums.AnimationEasings[\"ease-in-out\"],\n      hoverOpacity: 0.9,\n    },\n  },\n  \"mobility-app\": {\n    id: \"mobility-app\",\n    name: \"Mobility App\",\n    tags: [\"app\", \"featured\"],\n    description:\n      \"On-demand service platform with bold typography, map-ready colors, and action-driven UI\",\n    options: {\n      liquidGlassEffects: true,\n      backgroundMesh: 0,\n    },\n    colors: {\n      primary: \"#000000\", // Uber-inspired black for trust and sophistication\n      secondary: \"#545454\", // mid-gray for secondary elements\n      accent: \"#06c167\", // green for success/confirmation\n      background: \"#f6f6f6\",\n      darkMode: {\n        background: \"#0f0f0f\",\n        secondary: \"#8a8a8a\",\n        primary: \"#06c167\", // Use bright green for dark mode buttons (was white)\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.3,\n      fontFamilyHeadings:\n        \"'UberMove', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyBody:\n        \"'UberMove', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontWeightNormal: 400,\n      fontWeightMedium: 500,\n      fontWeightSemibold: 600,\n      fontWeightBold: 700,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n      buttonPadding: 1.25,\n      inputPadding: 1.0,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.small, // subtle, professional\n      borderWidth: enums.BorderWidths.medium,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n      animationEasing: enums.AnimationEasings[\"ease-out\"],\n      focusRingWidth: 3,\n    },\n    a11y: {\n      minTouchTarget: enums.TouchTargetSizes.comfortable,\n      focusStyle: enums.FocusStyles.ring,\n    },\n  },\n  \"fintech-secure\": {\n    id: \"fintech-secure\",\n    name: \"Fintech Secure\",\n    description:\n      \"Financial services app UI with trust-building blues, precise spacing, and security-first design\",\n    options: {\n      liquidGlassEffects: false,\n      backgroundMesh: 0,\n    },\n    colors: {\n      primary: \"#0a2540\", // deep navy for trust and security\n      secondary: \"#425466\", // slate for secondary content\n      accent: \"#00d4ff\", // bright cyan for CTAs\n      background: \"#f7fafc\",\n      darkMode: {\n        background: \"#0a1929\",\n        secondary: \"#8796a5\",\n        primary: \"#00d4ff\",\n      },\n    },\n    typography: {\n      baseFontSize: 16,\n      fontScale: 1.25,\n      fontFamilyHeadings:\n        \"'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyBody:\n        \"'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyMono:\n        \"'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace\",\n      fontWeightNormal: 400,\n      fontWeightMedium: 500,\n      fontWeightSemibold: 600,\n      fontWeightBold: 700,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n      containerMaxWidth: 1280,\n      sectionSpacing: 2.5,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.medium,\n      borderWidth: enums.BorderWidths.thin,\n    },\n    layers: {\n      shadowDepth: \"light\",\n      blurLight: 6,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n      animationEasing: enums.AnimationEasings[\"ease-in-out\"],\n      focusRingWidth: 3,\n      focusRingOpacity: 0.4,\n    },\n    a11y: {\n      minTouchTarget: enums.TouchTargetSizes.standard,\n      focusStyle: enums.FocusStyles.ring,\n    },\n  },\n  \"social-feed\": {\n    id: \"social-feed\",\n    name: \"Social Feed\",\n    tags: [\"app\", \"featured\"],\n    description:\n      \"Content-first social platform with minimal chrome, bold actions, and vibrant media presentation\",\n    options: {\n      liquidGlassEffects: true,\n      backgroundMesh: 4,\n    },\n    colors: {\n      primary: \"#1877f2\", // social blue for links and primary actions\n      secondary: \"#65676b\", // neutral gray for secondary text\n      accent: \"#fe2c55\", // vibrant pink-red for likes/hearts\n      background: \"#ffffff\",\n      darkMode: {\n        background: \"#18191a\",\n        secondary: \"#b0b3b8\",\n        primary: \"#2d88ff\",\n      },\n    },\n    typography: {\n      baseFontSize: 15,\n      fontScale: 1.2,\n      fontFamilyHeadings:\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n      fontFamilyBody:\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n      fontWeightNormal: 400,\n      fontWeightMedium: 500,\n      fontWeightSemibold: 600,\n      fontWeightBold: 700,\n      lineHeightNormal: enums.LineHeights.relaxed,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.25,\n      containerMaxWidth: 680,\n      sectionSpacing: 1.5,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.medium,\n      borderWidth: enums.BorderWidths.thin,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n      animationEasing: enums.AnimationEasings[\"ease-out\"],\n      hoverOpacity: 0.85,\n    },\n  },\n  \"enterprise-dash\": {\n    id: \"enterprise-dash\",\n    tags: [\"app\", \"featured\"],\n    name: \"Enterprise Dashboard\",\n    description:\n      \"Data-dense business intelligence app interface with organized hierarchy and professional polish\",\n    options: {\n      liquidGlassEffects: false,\n      backgroundMesh: 2,\n    },\n    colors: {\n      primary: \"#0066cc\", // corporate blue for primary actions\n      secondary: \"#5f6368\", // neutral gray for text and chrome\n      accent: \"#1a73e8\", // bright blue for highlights\n      background: \"#ffffff\",\n      success: \"#34a853\",\n      warning: \"#fbbc04\",\n      danger: \"#ea4335\",\n      darkMode: {\n        background: \"#202124\",\n        secondary: \"#9aa0a6\",\n        primary: \"#8ab4f8\",\n      },\n    },\n    typography: {\n      baseFontSize: 14,\n      fontScale: 1.2,\n      fontFamilyHeadings:\n        \"'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyBody:\n        \"'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n      fontFamilyMono: \"'Roboto Mono', ui-monospace, Consolas, monospace\",\n      fontWeightNormal: 400,\n      fontWeightMedium: 500,\n      fontWeightSemibold: 600,\n      fontWeightBold: 700,\n      lineHeightNormal: enums.LineHeights.tight,\n    },\n    spatialRhythm: {\n      baseUnit: 4,\n      scaleRatio: 1.2,\n      containerMaxWidth: 1600,\n      containerPadding: 1.5,\n      sectionSpacing: 2.0,\n    },\n    shape: {\n      radiusSize: enums.RadiusSizes.small,\n      borderWidth: enums.BorderWidths.thin,\n    },\n    layers: {\n      shadowDepth: \"light\",\n      blurLight: 4,\n    },\n    behavior: {\n      transitionSpeed: enums.TransitionSpeeds.fast,\n      animationEasing: enums.AnimationEasings[\"ease-in-out\"],\n      focusRingWidth: 2,\n    },\n    layout: {\n      densityCompact: 0.85,\n      gridColumns: 12,\n    },\n  }\n  \n};\n\n/**\n * Default configuration for the Pure Design System.\n * This file defines the default settings for colors, typography,\n * spatial rhythm, layers, shape, behavior, layout, advanced options,\n * accessibility, components, and icons.\n */\n// Default configuration moved into presets as the canonical \"default\" entry\npresets.default = {\n  id: \"default\",\n  name: \"Default\",\n  tags: [\"app\", \"featured\"],\n  description: \"Fresh and modern design system with balanced aesthetics and usability\",\n  options: {\n    liquidGlassEffects: true,\n    backgroundMesh: 4,\n  },\n  \n  form: {\n    options: {\n      widgets: {\n        booleans: \"toggle\",      // 'toggle' | 'checkbox'\n        numbers: \"input\",        // 'input' | 'range'\n        selects: \"standard\",     // 'standard' | 'dropdown'\n      },\n      layouts: {\n        fieldsets: \"default\",    // 'default' | 'flex' | 'grid' | 'accordion' | 'tabs' | 'card'\n        arrays: \"default\",       // 'default' | 'compact'\n      },\n      enhancements: {\n        icons: true,             // Enable icon-enhanced inputs\n        datalists: true,         // Enable datalist autocomplete\n        rangeOutput: true,       // Use .range-output for ranges\n      },\n      validation: {\n        showErrors: true,        // Show validation errors inline\n        validateOnChange: false, // Validate on every change vs on submit\n      },\n    }\n  },\n  colors: {\n    // Palette - base colors that generate entire color palettes\n    primary: \"#0e7490\", // Darker cyan for better contrast\n    secondary: \"#a99b95\", // REQUIRED: Secondary/neutral color for gray scale generation\n    accent: \"#e54271\", // Accent color (pink red)\n    background: \"#e7e6de\", // Base background color for light mode\n\n    // Dark mode overrides - specify custom dark theme colors\n    darkMode: {\n      background: \"#16171a\", // Custom dark mode background (cool blue-gray)\n      secondary: \"#8b9199\", // Optional: custom dark grays (uses light secondary if omitted)\n      primary: \"#06b6d4\", // Tailwind cyan-500 - optimized mid-tone\n      // accent: null,       // Optional: override accent color for dark mode\n    },\n\n    // Semantic colors (auto-generated from primary if not specified)\n    success: null, // Auto-generated green from primary if null\n    warning: \"#B38600\", // Warning color (defaults to accent if null)\n    danger: null, // Auto-generated red from primary if null\n    info: null, // Defaults to primary color if null\n\n    // Advanced color options\n    gradientStops: 3,\n    elevationOpacity: 0.05,\n  },\n\n  typography: {\n    // Essential typography settings (exposed in simple form)\n    baseFontSize: 16,\n    fontScale: 1.2, // Multiplier for heading size generation (1.2 = minor third)\n    fontFamilyHeadings:\n      'system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\n    fontFamilyBody: 'system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\n    fontFamilyMono:\n      'ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, monospace',\n\n    // Advanced typography options (exposed in advanced form)\n    fontWeightLight: enums.FontWeights.light,\n    fontWeightNormal: enums.FontWeights.normal,\n    fontWeightMedium: enums.FontWeights.medium,\n    fontWeightSemibold: enums.FontWeights.semibold,\n    fontWeightBold: enums.FontWeights.bold,\n    lineHeightTight: enums.LineHeights.tight,\n    lineHeightNormal: enums.LineHeights.normal,\n    lineHeightRelaxed: enums.LineHeights.relaxed,\n    letterSpacingTight: -0.025,\n    letterSpacingNormal: 0,\n    letterSpacingWide: 0.025,\n  },\n\n  spatialRhythm: {\n    // Essential spacing setting (exposed in simple form)\n    baseUnit: 4, // Base spacing unit in pixels (typically 16 = 1rem)\n\n    // Advanced spacing options\n    scaleRatio: 1.25,\n    maxSpacingSteps: 32,\n    containerMaxWidth: 1200,\n    containerPadding: 1.0,\n    inputPadding: 0.75,\n    buttonPadding: 1.0,\n    sectionSpacing: 2.0,\n  },\n\n  layers: {\n    shadowDepth: \"medium\",\n    blurLight: 4,\n    blurMedium: 8,\n    blurHeavy: 16,\n    zIndexBase: 0,\n    zIndexDropdown: 1000,\n    zIndexSticky: 1020,\n    zIndexFixed: 1030,\n    zIndexModal: 1040,\n    zIndexPopover: 1050,\n    zIndexTooltip: 1060,\n    zIndexNotification: 1070,\n  },\n\n  shape: {\n    radiusSize: enums.RadiusSizes.large,\n    borderWidth: enums.BorderWidths.medium,\n    customRadius: null,\n  },\n\n  behavior: {\n    transitionSpeed: enums.TransitionSpeeds.normal,\n    animationEasing: enums.AnimationEasings[\"ease-out\"],\n    customTransitionSpeed: null,\n    customEasing: null,\n    focusRingWidth: 3,\n    focusRingOpacity: 0.3,\n    hoverOpacity: 0.8,\n  },\n\n  layout: {\n    gridColumns: 12,\n    gridGutter: 1.0,\n    breakpoints: {\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    },\n    densityCompact: 0.8,\n    densityNormal: 1.0,\n    densityComfortable: 1.2,\n    buttonMinHeight: enums.TouchTargetSizes.standard,\n    inputMinHeight: 40,\n\n    // Layout utility system\n    utilities: {\n      grid: true,\n      flex: true,\n      spacing: true,\n      container: true,\n    },\n\n    gridSystem: {\n      columns: [1, 2, 3, 4, 6],\n      autoFitBreakpoints: {\n        sm: \"150px\",\n        md: \"250px\",\n        lg: \"350px\",\n        xl: \"450px\",\n      },\n      enableGapUtilities: true,\n    },\n\n    containerMaxWidth: \"1400px\",\n    containerPadding: \"var(--spacing-6)\",\n  },\n\n  advanced: {\n    linkStyle: enums.LinkStyles.inline,\n    colorDerivation: \"hsl\",\n  },\n\n  a11y: {\n    minTouchTarget: enums.TouchTargetSizes.standard,\n    prefersReducedMotion: true,\n    focusStyle: enums.FocusStyles.ring,\n  },\n\n  icons: {\n    set: \"phosphor\", // https://phosphoricons.com/\n    weight: \"regular\",\n    defaultSize: 24,\n    sizes: {\n      xs: 16,\n      sm: 20,\n      md: 24,\n      lg: 32,\n      xl: 48,\n      \"2xl\": 64,\n    },\n    include: {\n      navigation: [\n        \"arrow-left\",\n        \"arrow-right\",\n        \"arrow-up\",\n        \"arrow-down\",\n        \"arrow-counter-clockwise\",\n        \"caret-left\",\n        \"caret-right\",\n        \"caret-down\",\n        \"caret-up\",\n        \"x\",\n        \"list\",\n        \"list-dashes\",\n        \"dots-three-vertical\",\n        \"dots-three\",\n        \"house\",\n        \"gear\",\n        \"magnifying-glass\",\n        \"funnel\",\n        \"tabs\",\n        \"sidebar\",\n      ],\n      actions: [\n        \"plus\",\n        \"minus\",\n        \"check\",\n        \"trash\",\n        \"pencil\",\n        \"floppy-disk\",\n        \"copy\",\n        \"download\",\n        \"upload\",\n        \"share\",\n        \"link\",\n        \"eye\",\n        \"eye-slash\",\n        \"heart\",\n        \"star\",\n        \"bookmark\",\n        \"note-pencil\",\n        \"cursor-click\",\n        \"clipboard\",\n        \"magic-wand\",\n        \"sparkle\",\n      ],\n      communication: [\n        \"envelope\",\n        \"bell\",\n        \"bell-ringing\",\n        \"bell-simple\",\n        \"chat-circle\",\n        \"phone\",\n        \"paper-plane-tilt\",\n        \"user\",\n        \"users\",\n        \"user-gear\",\n        \"at\",\n      ],\n      content: [\n        \"image\",\n        \"file\",\n        \"file-text\",\n        \"file-css\",\n        \"file-js\",\n        \"folder\",\n        \"folder-open\",\n        \"book-open\",\n        \"camera\",\n        \"video-camera\",\n        \"play\",\n        \"pause\",\n        \"microphone\",\n        \"brackets-curly\",\n        \"code\",\n        \"folder-simple\",\n        \"grid-four\",\n        \"briefcase\",\n        \"chart-line\",\n        \"chart-bar\",\n        \"database\",\n        \"map-pin\"\n      ],\n      status: [\n        \"info\",\n        \"warning\",\n        \"check-circle\",\n        \"x-circle\",\n        \"question\",\n        \"shield\",\n        \"shield-check\",\n        \"shield-warning\",\n        \"lock\",\n        \"lock-open\",\n        \"fingerprint\",\n        \"circle-notch\"\n      ],\n      time: [\"calendar\", \"clock\", \"timer\", \"hourglass\"],\n      commerce: [\n        \"shopping-cart\",\n        \"credit-card\",\n        \"currency-dollar\",\n        \"tag\",\n        \"receipt\",\n        \"storefront\",\n      ],\n      formatting: [\n        \"text-align-left\",\n        \"text-align-center\",\n        \"text-align-right\",\n        \"text-b\",\n        \"text-italic\",\n        \"text-underline\",\n        \"list-bullets\",\n        \"list-numbers\",\n        \"text-aa\",\n      ],\n      system: [\n        \"cloud\",\n        \"cloud-arrow-up\",\n        \"cloud-arrow-down\",\n        \"desktop\",\n        \"device-mobile\",\n        \"globe\",\n        \"wifi-high\",\n        \"battery-charging\",\n        \"sun\",\n        \"moon\",\n        \"moon-stars\",\n        \"palette\",\n        \"rocket\",\n        \"feather\",\n        \"square\",\n        \"circle\",\n        \"squares-four\",\n        \"lightning\",\n        \"wrench\",\n      ],\n    },\n    // Default sprite path for internal/dev use. For consumer apps, icons are exported to\n    // [config.static.root]/icons/pds-icons.svg and components should consume from there.\n    spritePath: \"public/assets/pds/icons/pds-icons.svg\",\n  },\n\n  gap: 4,\n\n  debug: false,\n};\n// Note: presets is now a stable object keyed by id\n\n/**\n * Default logging method - can be overridden at config root level\n * This is exported separately so it can be added to the root config object\n * @param {string} level - log level: 'log', 'warn', 'error', 'debug', 'info'\n * @param {string} message - primary message to log\n * @param {...any} data - additional data to log\n */\nexport function defaultLog(level = \"log\", message, ...data) {\n  // Access debug from 'this' context when called as method, or check for common locations\n  const debug = this?.debug || this?.design?.debug || false;\n  \n  if (debug || level === \"error\" || level === \"warn\") {\n    const method = console[level] || console.log;\n    if (data.length > 0) {\n      method(message, ...data);\n    } else {\n      method(message);\n    }\n  }\n}\n", "export const config = {\r\n  //debug: true,\r\n  mode: \"live\",\r\n  preset: \"default\",\r\n  \r\n  static: {\r\n    root: \"public/assets/pds/\",\r\n  },\r\n\r\n  autoDefine: {\r\n    predefine: [\"pds-icon\", \"pds-drawer\", \"pds-toaster\"]\r\n  },\r\n\r\n  log(level, message, ...data) {\r\n    console[level](message, ...data);\r\n  },\r\n};\r\n", "import { render, html } from \"lit\";\r\nimport { config } from \"../../../pds.config.js\"\r\n\r\n/**\r\n * Get the current page title for dialogs\r\n */\r\nfunction getPageTitle() {\r\n  return document.title || \r\n         document.querySelector('h1')?.textContent || \r\n         'Application';\r\n}\r\n\r\n/**\r\n * Create a PDS-compliant dialog with proper semantic structure\r\n * @param {string|TemplateResult} message - Message content (string or Lit template)\r\n * @param {Object} options - Dialog options\r\n * @returns {Promise} Resolves with result when dialog closes\r\n */\r\nexport async function ask(message, options = {}) {\r\n  \r\n  const defaults = {\r\n    title: \"Confirm\",\r\n    type: \"confirm\", // 'alert', 'confirm', 'custom'\r\n    buttons: {\r\n      ok: { name: \"OK\", primary: true },\r\n      cancel: { name: \"Cancel\", cancel: true },\r\n    },\r\n  };\r\n  \r\n  options = { ...defaults, ...options };\r\n  \r\n  return new Promise((resolve) => {\r\n    // Create native dialog element\r\n    const dialog = document.createElement(\"dialog\");\r\n    \r\n    if(config.options?.liquidGlassEffects)\r\n      dialog.classList.add(\"liquid-glass\");\r\n    \r\n    // Add optional CSS classes\r\n    if (options.size) {\r\n      dialog.classList.add(`dialog-${options.size}`); // dialog-sm, dialog-lg, dialog-xl\r\n    }\r\n    if (options.type) {\r\n      dialog.classList.add(`dialog-${options.type}`);\r\n    }\r\n    if (options.class) {\r\n      if (Array.isArray(options.class)) {\r\n        dialog.classList.add(...options.class);\r\n      } else {\r\n        dialog.classList.add(options.class);\r\n      }\r\n    }\r\n\r\n    // Build button elements\r\n    const buttons = Object.entries(options.buttons).map(([code, obj]) => {\r\n      const btnClass = obj.primary ? \"btn-primary btn-sm\" : \"btn-outline btn-sm\";\r\n      const btnType = obj.cancel ? \"button\" : \"submit\";\r\n      return `<button type=\"${btnType}\" class=\"${btnClass}\" value=\"${code}\">${obj.name}</button>`;\r\n    });\r\n\r\n    // Create PDS-compliant dialog structure\r\n    // When useForm is true, don't wrap in a form - let the content provide the form\r\n    if (options.useForm) {\r\n      dialog.innerHTML = /*html*/ `\r\n        <header>\r\n          <h2>${options.title}</h2>\r\n        </header>\r\n        \r\n        <article id=\"msg-container\"></article>\r\n      `;\r\n      \r\n      // Render message content first\r\n      const article = dialog.querySelector(\"#msg-container\");\r\n      if (typeof message === \"object\" && message._$litType$) {\r\n        render(message, article);\r\n      } else if (typeof message === \"string\") {\r\n        article.textContent = message;\r\n      } else {\r\n        render(message, article);\r\n      }\r\n      \r\n      // Wait for content to render, then find the form and add buttons to it\r\n      requestAnimationFrame(() => {\r\n        const form = dialog.querySelector(\"form\");\r\n        if (form) {\r\n          const footer = document.createElement(\"footer\");\r\n          footer.innerHTML = buttons.join(\"\");\r\n          form.appendChild(footer);\r\n        }\r\n      });\r\n    } else {\r\n      dialog.innerHTML = /*html*/ `\r\n        <form method=\"dialog\">\r\n          <header>\r\n            <h2>${options.title}</h2>\r\n          </header>\r\n          \r\n          <article id=\"msg-container\"></article>\r\n          \r\n          <footer>\r\n            ${buttons.join(\"\")}\r\n          </footer>\r\n        </form>\r\n      `;\r\n\r\n      // Render message content\r\n      const article = dialog.querySelector(\"#msg-container\");\r\n      if (typeof message === \"object\" && message._$litType$) {\r\n        render(message, article);\r\n      } else if (typeof message === \"string\") {\r\n        article.textContent = message;\r\n      } else {\r\n        render(message, article);\r\n      }\r\n    }\r\n\r\n    // Handle cancel button clicks\r\n    dialog.addEventListener(\"click\", (e) => {\r\n      const btn = e.target.closest('button[value=\"cancel\"]');\r\n      if (btn) {\r\n        dialog.close();\r\n        resolve(false);\r\n      }\r\n    });\r\n\r\n    // Wait for form to exist before adding submit listener\r\n    const setupFormListener = () => {\r\n      const form = dialog.querySelector(\"form\");\r\n      if (form) {\r\n        form.addEventListener(\"submit\", (event) => {\r\n          event.preventDefault();\r\n          \r\n          let result;\r\n          if (options.useForm && event.submitter.value === \"ok\") {\r\n            console.log(\"Found form:\", form);\r\n            console.log(\"Form elements:\", form ? Array.from(form.elements) : \"no form\");\r\n            result = new FormData(form);\r\n            console.log(\"FormData entries:\", Array.from(result.entries()));\r\n          } else {\r\n            result = (event.submitter.value === \"ok\");\r\n          }\r\n\r\n          dialog.close();\r\n          resolve(result);\r\n        });\r\n      } else {\r\n        // Form doesn't exist yet, wait and try again\r\n        requestAnimationFrame(setupFormListener);\r\n      }\r\n    };\r\n    \r\n    setupFormListener();\r\n\r\n    // Handle dialog close event\r\n    dialog.addEventListener(\"close\", () => {\r\n      // Small delay to allow exit animation\r\n      setTimeout(() => dialog.remove(), 200);\r\n    });\r\n\r\n    // Append to body and show\r\n    document.body.appendChild(dialog);\r\n\r\n    // Call optional rendered callback\r\n    if (typeof options.rendered === \"function\") {\r\n      options.rendered(dialog);\r\n    }\r\n\r\n    // Show the dialog as modal\r\n    dialog.showModal();\r\n  });\r\n}\r\n\r\n/**\r\n * Show an alert dialog\r\n * @param {string|TemplateResult} message - Alert message\r\n * @param {Object} options - Optional dialog options\r\n * @returns {Promise}\r\n */\r\nexport async function alert(message, options = {}) {\r\n  const defaults = {\r\n    title: getPageTitle(),\r\n    type: \"alert\",\r\n    buttons: {\r\n      ok: { name: \"OK\", primary: true },\r\n    },\r\n  };\r\n\r\n  return ask(message, { ...defaults, ...options });\r\n}\r\n\r\n/**\r\n * Show a confirmation dialog\r\n * @param {string|TemplateResult} message - Confirmation message\r\n * @param {Object} options - Optional dialog options\r\n * @returns {Promise<boolean>}\r\n */\r\nexport async function confirm(message, options = {}) {\r\n  const defaults = {\r\n    title: \"Confirm Action\",\r\n    type: \"confirm\",\r\n    buttons: {\r\n      ok: { name: \"Confirm\", primary: true },\r\n      cancel: { name: \"Cancel\", cancel: true },\r\n    },\r\n  };\r\n\r\n  return ask(message, { ...defaults, ...options });\r\n}\r\n", "/**\r\n * PDSQuery - Smart query engine for the Pure Design System\r\n * \r\n * Interprets natural language questions and maps them to PDS runtime data\r\n * structures (tokens, components, utilities, patterns) using keyword matching,\r\n * intent detection, and semantic scoring.\r\n * \r\n * @example\r\n * const query = new PDSQuery(PDS);\r\n * const results = await query.search(\"what is the focus border color on inputs?\");\r\n * // Returns array of scored results with text, value, icon, category\r\n */\r\n\r\nexport class PDSQuery {\r\n  constructor(pds) {\r\n    this.pds = pds;\r\n    \r\n    // Keyword dictionaries for intent detection\r\n    this.intents = {\r\n      color: ['color', 'colours', 'shade', 'tint', 'hue', 'foreground', 'background', 'text', 'fill', 'bg', 'fg'],\r\n      spacing: ['spacing', 'space', 'gap', 'padding', 'margin', 'distance', 'rhythm'],\r\n      typography: ['font', 'text', 'type', 'typography', 'heading', 'body', 'size', 'weight', 'family'],\r\n      border: ['border', 'outline', 'stroke', 'edge', 'frame'],\r\n      radius: ['radius', 'rounded', 'corner', 'curve', 'round'],\r\n      shadow: ['shadow', 'elevation', 'depth', 'glow', 'drop-shadow'],\r\n      component: ['component', 'element', 'widget'],\r\n      utility: ['utility', 'class', 'helper', 'css'],\r\n      layout: ['layout', 'container', 'grid', 'flex', 'group', 'arrange', 'organize'],\r\n      pattern: ['pattern', 'example', 'template', 'structure'],\r\n      interaction: ['hover', 'focus', 'active', 'disabled', 'pressed', 'selected', 'checked'],\r\n    };\r\n\r\n    // Entity/element keywords\r\n    this.entities = {\r\n      button: ['button', 'btn', 'cta'],\r\n      input: ['input', 'field', 'textbox', 'text-field', 'form-control'],\r\n      card: ['card', 'panel'],\r\n      badge: ['badge', 'pill', 'tag', 'chip'],\r\n      surface: ['surface', 'background', 'layer', 'container'],\r\n      icon: ['icon', 'svg', 'glyph', 'symbol'],\r\n      link: ['link', 'anchor', 'hyperlink'],\r\n      nav: ['nav', 'navigation', 'menu'],\r\n      modal: ['modal', 'dialog', 'popup', 'overlay'],\r\n      drawer: ['drawer', 'sidebar', 'panel'],\r\n      tab: ['tab', 'tabstrip'],\r\n      toast: ['toast', 'notification', 'alert', 'message'],\r\n    };\r\n\r\n    // Question patterns\r\n    this.questionWords = ['what', 'which', 'how', 'where', 'when', 'show', 'find', 'get', 'give', 'tell'];\r\n  }\r\n\r\n  /**\r\n   * Main search entry point\r\n   * @param {string} query - Natural language question\r\n   * @returns {Promise<Array>} Array of results with text, value, icon, category, score\r\n   */\r\n  async search(query) {\r\n    if (!query || query.length < 2) return [];\r\n\r\n    const normalized = query.toLowerCase().trim();\r\n    const tokens = this.tokenize(normalized);\r\n    \r\n    // Detect intent and entities from query\r\n    const context = this.analyzeQuery(tokens, normalized);\r\n    \r\n    // Generate results from multiple strategies\r\n    const results = [];\r\n    \r\n    // Strategy 1: Direct token/color queries\r\n    if (context.intents.has('color')) {\r\n      results.push(...this.queryColors(context, normalized));\r\n    }\r\n\r\n    // Strategy 2: Utility class queries\r\n    if (context.intents.has('utility') || context.intents.has('border') || \r\n        context.intents.has('layout') || normalized.includes('class')) {\r\n      results.push(...this.queryUtilities(context, normalized));\r\n    }\r\n\r\n    // Strategy 3: Component queries\r\n    if (context.intents.has('component') || context.entities.size > 0) {\r\n      results.push(...this.queryComponents(context, normalized));\r\n    }\r\n\r\n    // Strategy 4: Pattern/layout queries  \r\n    if (context.intents.has('layout') || context.intents.has('pattern')) {\r\n      results.push(...this.queryPatterns(context, normalized));\r\n    }\r\n\r\n    // Strategy 5: Typography queries\r\n    if (context.intents.has('typography')) {\r\n      results.push(...this.queryTypography(context, normalized));\r\n    }\r\n\r\n    // Strategy 6: Spacing queries\r\n    if (context.intents.has('spacing')) {\r\n      results.push(...this.querySpacing(context, normalized));\r\n    }\r\n\r\n    // Deduplicate by value, keeping highest score\r\n    const seen = new Map();\r\n    for (const result of results) {\r\n      const key = result.value;\r\n      if (!seen.has(key) || seen.get(key).score < result.score) {\r\n        seen.set(key, result);\r\n      }\r\n    }\r\n\r\n    // Sort by score descending, limit to top 10\r\n    return Array.from(seen.values())\r\n      .sort((a, b) => b.score - a.score)\r\n      .slice(0, 10);\r\n  }\r\n\r\n  /**\r\n   * Tokenize and normalize query string\r\n   */\r\n  tokenize(text) {\r\n    return text.toLowerCase()\r\n      .replace(/[?!.]/g, '')\r\n      .split(/\\s+/)\r\n      .filter(t => t.length > 0);\r\n  }\r\n\r\n  /**\r\n   * Analyze query to extract intents and entities\r\n   */\r\n  analyzeQuery(tokens, fullText) {\r\n    const context = {\r\n      intents: new Set(),\r\n      entities: new Set(),\r\n      modifiers: new Set(),\r\n      isQuestion: false,\r\n      tokens,\r\n      fullText\r\n    };\r\n\r\n    // Check if it's a question\r\n    context.isQuestion = this.questionWords.some(qw => tokens.includes(qw));\r\n\r\n    // Match intents\r\n    for (const [intent, keywords] of Object.entries(this.intents)) {\r\n      if (keywords.some(kw => tokens.includes(kw) || fullText.includes(kw))) {\r\n        context.intents.add(intent);\r\n      }\r\n    }\r\n\r\n    // Match entities\r\n    for (const [entity, keywords] of Object.entries(this.entities)) {\r\n      if (keywords.some(kw => tokens.includes(kw) || fullText.includes(kw))) {\r\n        context.entities.add(entity);\r\n      }\r\n    }\r\n\r\n    // Extract interaction modifiers\r\n    if (tokens.includes('hover') || fullText.includes('hover')) context.modifiers.add('hover');\r\n    if (tokens.includes('focus') || fullText.includes('focus')) context.modifiers.add('focus');\r\n    if (tokens.includes('active') || fullText.includes('active')) context.modifiers.add('active');\r\n    if (tokens.includes('disabled') || fullText.includes('disabled')) context.modifiers.add('disabled');\r\n\r\n    return context;\r\n  }\r\n\r\n  /**\r\n   * Query color tokens and surfaces\r\n   */\r\n  queryColors(context, query) {\r\n    const results = [];\r\n    const compiled = this.pds.compiled;\r\n    \r\n    if (!compiled?.tokens?.colors) return results;\r\n\r\n    const colors = compiled.tokens.colors;\r\n    const entities = Array.from(context.entities);\r\n    const modifiers = Array.from(context.modifiers);\r\n\r\n    // Specific color + element queries: \"focus border color on inputs\"\r\n    if (modifiers.includes('focus') && context.intents.has('border') && entities.includes('input')) {\r\n      results.push({\r\n        text: 'Focus border color: var(--color-primary-500)',\r\n        value: '--color-primary-500',\r\n        icon: 'palette',\r\n        category: 'Color Token',\r\n        score: 100,\r\n        cssVar: 'var(--color-primary-500)',\r\n        description: 'Primary color used for focus states on form inputs'\r\n      });\r\n    }\r\n\r\n    // Foreground on surface queries\r\n    if ((query.includes('foreground') || query.includes('text')) && \r\n        (query.includes('surface') || context.entities.has('surface'))) {\r\n      results.push({\r\n        text: 'Text on surface: var(--surface-text)',\r\n        value: '--surface-text',\r\n        icon: 'palette',\r\n        category: 'Surface Token',\r\n        score: 95,\r\n        cssVar: 'var(--surface-text)',\r\n        description: 'Default text color for current surface'\r\n      });\r\n      results.push({\r\n        text: 'Secondary text: var(--surface-text-secondary)',\r\n        value: '--surface-text-secondary',\r\n        icon: 'palette',\r\n        category: 'Surface Token',\r\n        score: 90,\r\n        cssVar: 'var(--surface-text-secondary)',\r\n        description: 'Secondary/muted text on surface'\r\n      });\r\n    }\r\n\r\n    // Generic color scale queries\r\n    if (query.includes('primary') || query.includes('accent') || query.includes('secondary')) {\r\n      const scale = query.includes('primary') ? 'primary' : \r\n                   query.includes('accent') ? 'accent' : 'secondary';\r\n      \r\n      for (const shade of [500, 600, 700]) {\r\n        const varName = `--color-${scale}-${shade}`;\r\n        results.push({\r\n          text: `${scale.charAt(0).toUpperCase() + scale.slice(1)} ${shade}: var(${varName})`,\r\n          value: varName,\r\n          icon: 'palette',\r\n          category: 'Color Scale',\r\n          score: 80 - (shade - 500) / 100,\r\n          cssVar: `var(${varName})`,\r\n          description: `${scale} color scale shade ${shade}`\r\n        });\r\n      }\r\n    }\r\n\r\n    // Button color queries\r\n    if (entities.includes('button') && context.intents.has('color')) {\r\n      const modifier = modifiers[0];\r\n      if (modifier) {\r\n        results.push({\r\n          text: `Button ${modifier} fill: var(--${modifier === 'hover' ? 'primary' : 'primary'}-fill-${modifier})`,\r\n          value: `--primary-fill-${modifier}`,\r\n          icon: 'palette',\r\n          category: 'Interactive Token',\r\n          score: 92,\r\n          description: `Button background color in ${modifier} state`\r\n        });\r\n      } else {\r\n        results.push({\r\n          text: 'Button fill: var(--primary-fill)',\r\n          value: '--primary-fill',\r\n          icon: 'palette',\r\n          category: 'Interactive Token',\r\n          score: 88,\r\n          description: 'Default button background color'\r\n        });\r\n      }\r\n    }\r\n\r\n    return results;\r\n  }\r\n\r\n  /**\r\n   * Query utility classes\r\n   */\r\n  queryUtilities(context, query) {\r\n    const results = [];\r\n    const ontology = this.pds.ontology;\r\n\r\n    if (!ontology?.utilities) return results;\r\n\r\n    const utilities = ontology.utilities;\r\n\r\n    // Border utilities\r\n    if (context.intents.has('border')) {\r\n      const borderUtils = utilities.filter(u => \r\n        u.includes('border') || u.includes('outline')\r\n      );\r\n      \r\n      borderUtils.forEach(util => {\r\n        let score = 80;\r\n        if (query.includes('gradient') && util.includes('gradient')) score = 95;\r\n        if (query.includes('glow') && util.includes('glow')) score = 95;\r\n        \r\n        results.push({\r\n          text: `${util} - Border utility class`,\r\n          value: util,\r\n          icon: 'code',\r\n          category: 'Utility Class',\r\n          score,\r\n          code: `<div class=\"${util}\">...</div>`,\r\n          description: this.describeUtility(util)\r\n        });\r\n      });\r\n    }\r\n\r\n    // Layout utilities\r\n    if (context.intents.has('layout')) {\r\n      const layoutUtils = utilities.filter(u =>\r\n        u.includes('flex') || u.includes('grid') || u.includes('items-') || \r\n        u.includes('justify-') || u.includes('gap-')\r\n      );\r\n\r\n      layoutUtils.forEach(util => {\r\n        results.push({\r\n          text: `${util} - Layout utility`,\r\n          value: util,\r\n          icon: 'layout',\r\n          category: 'Utility Class',\r\n          score: 85,\r\n          code: `<div class=\"${util}\">...</div>`,\r\n          description: this.describeUtility(util)\r\n        });\r\n      });\r\n    }\r\n\r\n    // Button group utilities\r\n    if (query.includes('group') && context.entities.has('button')) {\r\n      results.push({\r\n        text: '.btn-group - Group buttons together',\r\n        value: '.btn-group',\r\n        icon: 'code',\r\n        category: 'Utility Class',\r\n        score: 90,\r\n        code: `<div class=\"btn-group\">\\n  <button class=\"btn-primary\">One</button>\\n  <button class=\"btn-primary\">Two</button>\\n</div>`,\r\n        description: 'Container for grouped buttons with connected styling'\r\n      });\r\n    }\r\n\r\n    return results;\r\n  }\r\n\r\n  /**\r\n   * Query components\r\n   */\r\n  queryComponents(context, query) {\r\n    const results = [];\r\n    const ontology = this.pds.ontology;\r\n\r\n    if (!ontology?.components && !ontology?.primitives) return results;\r\n\r\n    // Search custom components\r\n    if (ontology.components) {\r\n      ontology.components.forEach(comp => {\r\n        const matchScore = this.scoreMatch(query, comp.name + ' ' + comp.id);\r\n        if (matchScore > 50) {\r\n          results.push({\r\n            text: `<${comp.id}> - ${comp.name}`,\r\n            value: comp.id,\r\n            icon: 'brackets-curly',\r\n            category: 'Web Component',\r\n            score: matchScore,\r\n            code: `<${comp.id}></${comp.id}>`,\r\n            description: comp.description || `${comp.name} web component`\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    // Search primitives (native HTML elements with PDS styling)\r\n    if (ontology.primitives) {\r\n      ontology.primitives.forEach(prim => {\r\n        const matchScore = this.scoreMatch(query, prim.name + ' ' + prim.id);\r\n        if (matchScore > 50) {\r\n          const selector = prim.selectors?.[0] || prim.id;\r\n          results.push({\r\n            text: `${selector} - ${prim.name}`,\r\n            value: prim.id,\r\n            icon: 'tag',\r\n            category: 'Primitive',\r\n            score: matchScore - 5,\r\n            code: this.generatePrimitiveExample(prim),\r\n            description: prim.description || `${prim.name} primitive element`\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    // Icon-specific queries\r\n    if (query.includes('icon') && (query.includes('only') || query.includes('button'))) {\r\n      results.push({\r\n        text: 'Icon-only button: <button class=\"btn-icon\">',\r\n        value: 'btn-icon',\r\n        icon: 'star',\r\n        category: 'Pattern',\r\n        score: 95,\r\n        code: `<button class=\"btn-icon btn-primary\">\\n  <pds-icon icon=\"heart\"></pds-icon>\\n</button>`,\r\n        description: 'Button with only an icon, no text label'\r\n      });\r\n    }\r\n\r\n    return results;\r\n  }\r\n\r\n  /**\r\n   * Query layout patterns\r\n   */\r\n  queryPatterns(context, query) {\r\n    const results = [];\r\n    const ontology = this.pds.ontology;\r\n\r\n    if (!ontology?.layoutPatterns) return results;\r\n\r\n    ontology.layoutPatterns.forEach(pattern => {\r\n      const matchScore = this.scoreMatch(query, pattern.name + ' ' + pattern.id + ' ' + (pattern.description || ''));\r\n      if (matchScore > 50) {\r\n        const selector = pattern.selectors?.[0] || `.${pattern.id}`;\r\n        results.push({\r\n          text: `${pattern.name} - ${pattern.description || 'Layout pattern'}`,\r\n          value: pattern.id,\r\n          icon: 'layout',\r\n          category: 'Layout Pattern',\r\n          score: matchScore,\r\n          code: `<div class=\"${selector.replace('.', '')}\">\\n  <!-- content -->\\n</div>`,\r\n          description: pattern.description || pattern.name\r\n        });\r\n      }\r\n    });\r\n\r\n    // Container queries\r\n    if (query.includes('container') || query.includes('group')) {\r\n      results.push({\r\n        text: 'Card - Container for grouping content',\r\n        value: 'card',\r\n        icon: 'layout',\r\n        category: 'Primitive',\r\n        score: 88,\r\n        code: `<article class=\"card\">\\n  <header>\\n    <h3>Title</h3>\\n  </header>\\n  <p>Content...</p>\\n</article>`,\r\n        description: 'Card container with optional header, body, and footer'\r\n      });\r\n\r\n      results.push({\r\n        text: 'Section - Semantic container for grouping',\r\n        value: 'section',\r\n        icon: 'layout',\r\n        category: 'Pattern',\r\n        score: 85,\r\n        code: `<section>\\n  <h2>Section Title</h2>\\n  <!-- content -->\\n</section>`,\r\n        description: 'Semantic section element for content grouping'\r\n      });\r\n    }\r\n\r\n    return results;\r\n  }\r\n\r\n  /**\r\n   * Query typography tokens\r\n   */\r\n  queryTypography(context, query) {\r\n    const results = [];\r\n    const compiled = this.pds.compiled;\r\n\r\n    if (!compiled?.tokens?.typography) return results;\r\n\r\n    const typo = compiled.tokens.typography;\r\n\r\n    if (query.includes('heading') || query.includes('title')) {\r\n      results.push({\r\n        text: 'Heading font: var(--font-family-heading)',\r\n        value: '--font-family-heading',\r\n        icon: 'text-aa',\r\n        category: 'Typography Token',\r\n        score: 85,\r\n        cssVar: 'var(--font-family-heading)',\r\n        description: 'Font family for headings'\r\n      });\r\n    }\r\n\r\n    if (query.includes('body') || query.includes('text')) {\r\n      results.push({\r\n        text: 'Body font: var(--font-family-body)',\r\n        value: '--font-family-body',\r\n        icon: 'text-aa',\r\n        category: 'Typography Token',\r\n        score: 85,\r\n        cssVar: 'var(--font-family-body)',\r\n        description: 'Font family for body text'\r\n      });\r\n    }\r\n\r\n    return results;\r\n  }\r\n\r\n  /**\r\n   * Query spacing tokens\r\n   */\r\n  querySpacing(context, query) {\r\n    const results = [];\r\n    const compiled = this.pds.compiled;\r\n\r\n    if (!compiled?.tokens?.spacing) return results;\r\n\r\n    const spacing = compiled.tokens.spacing;\r\n    \r\n    // Show common spacing values\r\n    for (const [key, value] of Object.entries(spacing)) {\r\n      if (['2', '4', '6', '8'].includes(key)) {\r\n        results.push({\r\n          text: `Spacing ${key}: var(--spacing-${key})`,\r\n          value: `--spacing-${key}`,\r\n          icon: 'ruler',\r\n          category: 'Spacing Token',\r\n          score: 75,\r\n          cssVar: `var(--spacing-${key})`,\r\n          description: `Spacing value: ${value}`\r\n        });\r\n      }\r\n    }\r\n\r\n    return results;\r\n  }\r\n\r\n  /**\r\n   * Calculate match score between query and target text\r\n   */\r\n  scoreMatch(query, target) {\r\n    const queryLower = query.toLowerCase();\r\n    const targetLower = target.toLowerCase();\r\n    \r\n    let score = 0;\r\n\r\n    // Exact match\r\n    if (queryLower === targetLower) return 100;\r\n\r\n    // Contains full query\r\n    if (targetLower.includes(queryLower)) score += 80;\r\n\r\n    // Word overlap\r\n    const queryWords = this.tokenize(queryLower);\r\n    const targetWords = this.tokenize(targetLower);\r\n    const overlap = queryWords.filter(w => targetWords.includes(w)).length;\r\n    score += (overlap / queryWords.length) * 40;\r\n\r\n    // Starts with\r\n    if (targetLower.startsWith(queryLower)) score += 20;\r\n\r\n    return Math.min(100, score);\r\n  }\r\n\r\n  /**\r\n   * Generate example code for a primitive\r\n   */\r\n  generatePrimitiveExample(primitive) {\r\n    const selector = primitive.selectors?.[0] || primitive.id;\r\n    \r\n    if (selector.includes('button') || primitive.id === 'button') {\r\n      return '<button class=\"btn-primary\">Click me</button>';\r\n    }\r\n    if (selector.includes('card') || primitive.id === 'card') {\r\n      return '<article class=\"card\">\\n  <h3>Title</h3>\\n  <p>Content</p>\\n</article>';\r\n    }\r\n    if (selector.includes('badge') || primitive.id === 'badge') {\r\n      return '<span class=\"badge\">New</span>';\r\n    }\r\n    \r\n    return `<${selector}>Content</${selector}>`;\r\n  }\r\n\r\n  /**\r\n   * Describe utility class purpose\r\n   */\r\n  describeUtility(utilClass) {\r\n    if (utilClass.includes('border-gradient')) return 'Apply animated gradient border effect';\r\n    if (utilClass.includes('border-glow')) return 'Apply glowing border effect';\r\n    if (utilClass.includes('flex')) return 'Flexbox container utility';\r\n    if (utilClass.includes('grid')) return 'Grid container utility';\r\n    if (utilClass.includes('gap-')) return 'Set gap between flex/grid children';\r\n    if (utilClass.includes('items-')) return 'Align items in flex container';\r\n    if (utilClass.includes('justify-')) return 'Justify content in flex container';\r\n    if (utilClass === '.btn-group') return 'Group buttons with connected styling';\r\n    \r\n    return 'Utility class for styling';\r\n  }\r\n}\r\n", "export function isObject(item) {\r\n  return item && typeof item === 'object' && !Array.isArray(item);\r\n}\r\n\r\nexport function deepMerge(target, source) {\r\n    const output = { ...target };\r\n    if (isObject(target) && isObject(source)) {\r\n      Object.keys(source).forEach(key => {\r\n        if (isObject(source[key])) {\r\n          if (!(key in target))\r\n            Object.assign(output, { [key]: source[key] });\r\n          else\r\n            output[key] = deepMerge(target[key], source[key]);\r\n        } else {\r\n          Object.assign(output, { [key]: source[key] });\r\n        }\r\n      });\r\n    }\r\n    return output;\r\n  }", "export const enhancerMetadata = [\r\n  {\r\n    selector: \"nav[data-dropdown]\",\r\n    description:\r\n      \"Enhances a nav element with data-dropdown to function as a dropdown menu.\",\r\n    demoHtml: `\r\n      <nav data-dropdown>\r\n        <button class=\"btn-primary\">Menu</button>\r\n        <menu>\r\n          <li><a href=\"#\">Item 1</a></li>\r\n          <li><a href=\"#\">Item 2</a></li>\r\n        </menu>\r\n      </nav>\r\n    `.trim(),\r\n  },\r\n  {\r\n    selector: \"label[data-toggle]\",\r\n    description: \"Creates a toggle switch element from a checkbox.\",\r\n    demoHtml: `\r\n      <label data-toggle>\r\n        <input type=\"checkbox\">\r\n        <span data-label>Enable notifications</span>\r\n      </label>\r\n    `.trim(),\r\n  },\r\n  {\r\n    selector: 'input[type=\"range\"]',\r\n    description: \"Enhances range inputs with an attached <output>.\",\r\n    demoHtml: `\r\n      <label class=\"range-output\">\r\n        <span data-label>Volume</span>\r\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"40\">\r\n      </label>\r\n    `.trim(),\r\n  },\r\n  {\r\n    selector: \"form [required]\",\r\n    description:\r\n      \"Enhances required form fields using an asterisk in the label.\",\r\n    demoHtml: `\r\n      <form action'#\" method=\"post\">\r\n      <label>\r\n        <span>Field Label</span>\r\n        <input type=\"text\" required>\r\n      </label>\r\n        <nav class=\"form-actions\">\r\n          <button type=\"submit\" class=\"btn-primary\">Submit</button>\r\n        </nav>\r\n      </form>\r\n    `.trim(),\r\n  },\r\n  {\r\n    selector: \"fieldset[role=group][data-open]\",\r\n    description:\r\n      \"Enhances a checkbox/radio group to be open (have a way to add and remove items).\",\r\n    demoHtml: `\r\n      <fieldset role=\"group\" data-open>\r\n        <label>\r\n          <span data-label>Test</span>\r\n          <input value=\"lala\" name=\"test1\" type=\"radio\" />\r\n        </label>\r\n      </fieldset>\r\n    `.trim(),\r\n  },\r\n  {\r\n    selector: \"button, a[class*='btn-']\",\r\n    description:\r\n      \"Automatically manages spinner icon for buttons with .btn-working class\",\r\n    demoHtml: `\r\n      <button class=\"btn-primary btn-working\">\r\n        <span>Saving</span>\r\n      </button>\r\n    `.trim(),\r\n  },\r\n];\r\n", "import { enhancerMetadata } from \"./pds-enhancer-metadata.js\";\r\n\r\nfunction enhanceDropdown(elem) {\r\n  if (elem.dataset.enhancedDropdown) return;\r\n  elem.dataset.enhancedDropdown = \"true\";\r\n  const menu = elem.querySelector(\"menu\");\r\n  if (!menu) return;\r\n\r\n  const trigger =\r\n    elem.querySelector(\"[data-dropdown-toggle]\") ||\r\n    elem.querySelector(\"button\");\r\n\r\n  if (trigger && !trigger.hasAttribute(\"type\")) {\r\n    trigger.setAttribute(\"type\", \"button\");\r\n  }\r\n\r\n  if (!menu.id) {\r\n    menu.id = `dropdown-${Math.random().toString(36).slice(2, 9)}`;\r\n  }\r\n\r\n  menu.setAttribute(\"role\", menu.getAttribute(\"role\") || \"menu\");\r\n  if (!menu.hasAttribute(\"aria-hidden\")) {\r\n    menu.setAttribute(\"aria-hidden\", \"true\");\r\n  }\r\n\r\n  if (trigger) {\r\n    trigger.setAttribute(\"aria-haspopup\", \"true\");\r\n    trigger.setAttribute(\"aria-controls\", menu.id);\r\n    trigger.setAttribute(\"aria-expanded\", \"false\");\r\n  }\r\n\r\n  const resolveDirection = () => {\r\n    const mode = (elem.getAttribute(\"data-mode\") || \"auto\").toLowerCase();\r\n    if (mode === \"up\" || mode === \"down\") return mode;\r\n    const rect = elem.getBoundingClientRect();\r\n    const spaceBelow = Math.max(0, window.innerHeight - rect.bottom);\r\n    const spaceAbove = Math.max(0, rect.top);\r\n    return spaceAbove > spaceBelow ? \"up\" : \"down\";\r\n  };\r\n\r\n  const openMenu = () => {\r\n    elem.dataset.dropdownDirection = resolveDirection();\r\n    menu.setAttribute(\"aria-hidden\", \"false\");\r\n    trigger?.setAttribute(\"aria-expanded\", \"true\");\r\n  };\r\n\r\n  const closeMenu = () => {\r\n    menu.setAttribute(\"aria-hidden\", \"true\");\r\n    trigger?.setAttribute(\"aria-expanded\", \"false\");\r\n  };\r\n\r\n  const toggleMenu = () => {\r\n    if (menu.getAttribute(\"aria-hidden\") === \"false\") {\r\n      closeMenu();\r\n    } else {\r\n      openMenu();\r\n    }\r\n  };\r\n\r\n  trigger?.addEventListener(\"click\", (event) => {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    toggleMenu();\r\n  });\r\n\r\n  document.addEventListener(\"click\", (event) => {\r\n    if (!elem.contains(event.target)) {\r\n      closeMenu();\r\n    }\r\n  });\r\n\r\n  elem.addEventListener(\"keydown\", (event) => {\r\n    if (event.key === \"Escape\") {\r\n      closeMenu();\r\n      trigger?.focus();\r\n    }\r\n  });\r\n\r\n  elem.addEventListener(\"focusout\", (event) => {\r\n    if (!event.relatedTarget || !elem.contains(event.relatedTarget)) {\r\n      closeMenu();\r\n    }\r\n  });\r\n}\r\n\r\nfunction enhanceToggle(elem) {\r\n  if (elem.dataset.enhancedToggle) return;\r\n  elem.dataset.enhancedToggle = \"true\";\r\n  const checkbox = elem.querySelector('input[type=\"checkbox\"]');\r\n  if (!checkbox) return;\r\n\r\n  if (!elem.hasAttribute(\"tabindex\")) {\r\n    elem.setAttribute(\"tabindex\", \"0\");\r\n  }\r\n\r\n  elem.setAttribute(\"role\", \"switch\");\r\n  elem.setAttribute(\"aria-checked\", checkbox.checked ? \"true\" : \"false\");\r\n\r\n  const toggleSwitch = document.createElement(\"span\");\r\n  toggleSwitch.className = \"toggle-switch\";\r\n  toggleSwitch.setAttribute(\"role\", \"presentation\");\r\n  toggleSwitch.setAttribute(\"aria-hidden\", \"true\");\r\n  const knob = document.createElement(\"span\");\r\n  knob.className = \"toggle-knob\";\r\n  toggleSwitch.appendChild(knob);\r\n  elem.insertBefore(toggleSwitch, checkbox.nextSibling);\r\n\r\n  const updateAria = () => {\r\n    elem.setAttribute(\"aria-checked\", checkbox.checked ? \"true\" : \"false\");\r\n  };\r\n\r\n  const toggle = () => {\r\n    if (checkbox.disabled) return;\r\n    checkbox.checked = !checkbox.checked;\r\n    updateAria();\r\n    checkbox.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n  };\r\n\r\n  elem.addEventListener(\"click\", (event) => {\r\n    event.preventDefault();\r\n    toggle();\r\n  });\r\n\r\n  elem.addEventListener(\"keydown\", (event) => {\r\n    if (event.key === \" \" || event.key === \"Enter\") {\r\n      event.preventDefault();\r\n      toggle();\r\n    }\r\n  });\r\n\r\n  checkbox.addEventListener(\"change\", updateAria);\r\n}\r\n\r\nfunction enhanceRange(elem) {\r\n  if (elem.dataset.enhancedRange) return;\r\n\r\n  const label = elem.closest(\"label\");\r\n  const hasRangeOutputClass = label?.classList.contains(\"range-output\");\r\n\r\n  const inputId =\r\n    elem.id || `range-${Math.random().toString(36).substring(2, 11)}`;\r\n  const outputId = `${inputId}-output`;\r\n  elem.id = inputId;\r\n\r\n  if (hasRangeOutputClass) {\r\n    const labelSpan = label.querySelector(\"span\");\r\n    if (labelSpan && !labelSpan.classList.contains(\"range-output-wrapper\")) {\r\n      const wrapper = document.createElement(\"span\");\r\n      wrapper.className = \"range-output-wrapper\";\r\n      wrapper.style.display = \"flex\";\r\n      wrapper.style.justifyContent = \"space-between\";\r\n      wrapper.style.alignItems = \"center\";\r\n\r\n      const textSpan = document.createElement(\"span\");\r\n      textSpan.textContent = labelSpan.textContent;\r\n      wrapper.appendChild(textSpan);\r\n\r\n      const output = document.createElement(\"output\");\r\n      output.id = outputId;\r\n      output.setAttribute(\"for\", inputId);\r\n      output.style.color =\r\n        \"var(--surface-text-secondary, var(--color-text-secondary))\";\r\n      output.style.fontSize = \"0.875rem\";\r\n      output.textContent = elem.value;\r\n      wrapper.appendChild(output);\r\n\r\n      labelSpan.textContent = \"\";\r\n      labelSpan.appendChild(wrapper);\r\n\r\n      const updateOutput = () => {\r\n        output.textContent = elem.value;\r\n      };\r\n      elem.addEventListener(\"input\", updateOutput);\r\n    }\r\n  } else {\r\n    let container = elem.closest(\".range-container\");\r\n    if (!container) {\r\n      container = document.createElement(\"div\");\r\n      container.className = \"range-container\";\r\n      elem.parentNode?.insertBefore(container, elem);\r\n      container.appendChild(elem);\r\n    }\r\n    container.style.position = \"relative\";\r\n\r\n    const bubble = document.createElement(\"output\");\r\n    bubble.id = outputId;\r\n    bubble.setAttribute(\"for\", inputId);\r\n    bubble.className = \"range-bubble\";\r\n    bubble.setAttribute(\"aria-live\", \"polite\");\r\n    container.appendChild(bubble);\r\n\r\n    const updateBubble = () => {\r\n      const min = parseFloat(elem.min) || 0;\r\n      const max = parseFloat(elem.max) || 100;\r\n      const value = parseFloat(elem.value);\r\n      const pct = (value - min) / (max - min);\r\n      bubble.style.left = `calc(${pct * 100}% )`;\r\n      bubble.textContent = String(value);\r\n    };\r\n    const show = () => bubble.classList.add(\"visible\");\r\n    const hide = () => bubble.classList.remove(\"visible\");\r\n    elem.addEventListener(\"input\", updateBubble);\r\n    elem.addEventListener(\"pointerdown\", show);\r\n    elem.addEventListener(\"pointerup\", hide);\r\n    elem.addEventListener(\"pointerleave\", hide);\r\n    elem.addEventListener(\"focus\", show);\r\n    elem.addEventListener(\"blur\", hide);\r\n    updateBubble();\r\n  }\r\n\r\n  elem.dataset.enhancedRange = \"1\";\r\n}\r\n\r\nfunction enhanceRequired(elem) {\r\n  const label = elem.closest(\"label\");\r\n  if (!label) return;\r\n  if (label.querySelector(\".required-asterisk\")) return;\r\n\r\n  const asterisk = document.createElement(\"span\");\r\n  asterisk.classList.add(\"required-asterisk\");\r\n  asterisk.textContent = \"*\";\r\n  asterisk.style.marginLeft = \"4px\";\r\n  label.querySelector(\"span\").appendChild(asterisk);\r\n\r\n  const form = elem.closest(\"form\");\r\n  if (form && !form.querySelector(\".required-legend\")) {\r\n    const legend = document.createElement(\"div\");\r\n    legend.classList.add(\"required-legend\", \"pill\", \"pill-outline\");\r\n    legend.style.fontSize = \"0.9em\";\r\n    legend.style.marginBottom = \"8px\";\r\n    legend.textContent = \"* Required fields\";\r\n    form.insertBefore(\r\n      legend,\r\n      form.querySelector(\".form-actions\") || form.lastElementChild\r\n    );\r\n  }\r\n}\r\n\r\nfunction enhanceOpenGroup(elem) {\r\n  if (elem.dataset.enhancedOpenGroup) return;\r\n  elem.dataset.enhancedOpenGroup = \"true\";\r\n\r\n  elem.classList.add(\"flex\", \"flex-wrap\", \"buttons\");\r\n\r\n  const addInput = document.createElement(\"input\");\r\n  addInput.type = \"text\";\r\n  addInput.placeholder = \"Add item...\";\r\n  addInput.classList.add(\"input-text\", \"input-sm\");\r\n  addInput.style.width = \"auto\";\r\n  const firstInput = elem.querySelector(\r\n    'input[type=\"radio\"], input[type=\"checkbox\"]'\r\n  );\r\n\r\n  elem.appendChild(addInput);\r\n  addInput.addEventListener(\"keydown\", (event) => {\r\n    if (event.key === \"Enter\" || event.key === \"Tab\") {\r\n      const value = addInput.value.trim();\r\n      if (value) {\r\n        event.preventDefault();\r\n\r\n        const type = firstInput.type === \"radio\" ? \"radio\" : \"checkbox\";\r\n        const id = `open-group-${Math.random()\r\n          .toString(36)\r\n          .substring(2, 11)}`;\r\n        const label = document.createElement(\"label\");\r\n\r\n        const span = document.createElement(\"span\");\r\n        span.setAttribute(\"data-label\", \"\");\r\n        span.textContent = value;\r\n\r\n        const input = document.createElement(\"input\");\r\n        input.type = type;\r\n        input.name =\r\n          firstInput.name || elem.getAttribute(\"data-name\") || \"open-group\";\r\n        input.value = value;\r\n        input.id = id;\r\n\r\n        label.appendChild(span);\r\n        label.appendChild(input);\r\n\r\n        elem.insertBefore(label, addInput);\r\n        addInput.value = \"\";\r\n      }\r\n    } else if (event.key === \"Backspace\" && addInput.value === \"\") {\r\n      event.preventDefault();\r\n      const labels = elem.querySelectorAll(\"label\");\r\n      if (labels.length > 0) {\r\n        const lastLabel = labels[labels.length - 1];\r\n        lastLabel.remove();\r\n      }\r\n    }\r\n  });\r\n}\r\n\r\nfunction enhanceButtonWorking(elem) {\r\n  if (elem.dataset.enhancedBtnWorking) return;\r\n  elem.dataset.enhancedBtnWorking = \"true\";\r\n\r\n  let originalIcon = null;\r\n  let addedIcon = false;\r\n\r\n  const observer = new MutationObserver((mutations) => {\r\n    mutations.forEach((mutation) => {\r\n      if (mutation.attributeName === \"class\") {\r\n        const hasWorking = elem.classList.contains(\"btn-working\");\r\n        const icon = elem.querySelector(\"pds-icon\");\r\n\r\n        if (hasWorking) {\r\n          if (icon) {\r\n            if (!originalIcon) {\r\n              originalIcon = icon.getAttribute(\"icon\");\r\n            }\r\n            icon.setAttribute(\"icon\", \"circle-notch\");\r\n          } else {\r\n            const newIcon = document.createElement(\"pds-icon\");\r\n            newIcon.setAttribute(\"icon\", \"circle-notch\");\r\n            newIcon.setAttribute(\"size\", \"sm\");\r\n            elem.insertBefore(newIcon, elem.firstChild);\r\n            addedIcon = true;\r\n          }\r\n        } else if (mutation.oldValue?.includes(\"btn-working\")) {\r\n          if (icon) {\r\n            if (addedIcon) {\r\n              icon.remove();\r\n              addedIcon = false;\r\n            } else if (originalIcon) {\r\n              icon.setAttribute(\"icon\", originalIcon);\r\n              originalIcon = null;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  observer.observe(elem, {\r\n    attributes: true,\r\n    attributeFilter: [\"class\"],\r\n    attributeOldValue: true,\r\n  });\r\n}\r\n\r\nconst enhancerRunners = new Map([\r\n  [\"nav[data-dropdown]\", enhanceDropdown],\r\n  [\"label[data-toggle]\", enhanceToggle],\r\n  ['input[type=\"range\"]', enhanceRange],\r\n  [\"form [required]\", enhanceRequired],\r\n  [\"fieldset[role=group][data-open]\", enhanceOpenGroup],\r\n  [\"button, a[class*='btn-']\", enhanceButtonWorking],\r\n]);\r\n\r\nexport const defaultPDSEnhancers = enhancerMetadata.map((meta) => ({\r\n  ...meta,\r\n  run: enhancerRunners.get(meta.selector) || (() => {}),\r\n}));\r\n\r\nexport const defaultPDSEnhancerMetadata = enhancerMetadata;\r\n", "const DEFAULT_SEGMENT = \"pds\";\r\nconst URL_PATTERN = /^([a-z][a-z0-9+\\-.]*:)?\\/\\//i;\r\nconst DRIVE_PATTERN = /^[a-z]:/i;\r\n\r\nfunction ensureTrailingSlash(value = \"\") {\r\n  return value.endsWith(\"/\") ? value : `${value}/`;\r\n}\r\n\r\nfunction appendSegmentIfMissing(input = \"\", segment = DEFAULT_SEGMENT) {\r\n  const trimmed = input.replace(/\\/+$/, \"\");\r\n  const regex = new RegExp(`(?:^|\\/)${segment}$`, \"i\");\r\n  if (regex.test(trimmed)) {\r\n    return trimmed;\r\n  }\r\n  return `${trimmed}/${segment}`;\r\n}\r\n\r\nfunction stripLeadingDotSlash(value) {\r\n  return value.replace(/^\\.\\/+/, \"\");\r\n}\r\n\r\nfunction stripDriveLetter(value) {\r\n  if (DRIVE_PATTERN.test(value)) {\r\n    return value.replace(DRIVE_PATTERN, \"\").replace(/^\\/+/, \"\");\r\n  }\r\n  return value;\r\n}\r\n\r\nfunction stripPublicPrefix(value) {\r\n  if (value.startsWith(\"public/\")) {\r\n    return value.substring(\"public/\".length);\r\n  }\r\n  return value;\r\n}\r\n\r\n/**\r\n * Resolve the public asset root URL for PDS static assets based on the consumer config.\r\n * Falls back to \"/assets/pds/\" when no root is provided. Automatically appends the\r\n * \"pds\" segment when the provided root omits it.\r\n *\r\n * @param {object} config - Unified PDS configuration.\r\n * @param {{ defaultRoot?: string, segment?: string }} [options]\r\n * @returns {string} Normalized URL (always ends with a trailing slash).\r\n */\r\nexport function resolvePublicAssetURL(config, options = {}) {\r\n  const segment = options.segment || DEFAULT_SEGMENT;\r\n  const defaultRoot = options.defaultRoot || `/assets/${segment}/`;\r\n  const candidate =\r\n    (config?.public && config.public?.root) ||\r\n    (config?.static && config.static?.root) ||\r\n    null;\r\n\r\n  if (!candidate || typeof candidate !== \"string\") {\r\n    return ensureTrailingSlash(defaultRoot);\r\n  }\r\n\r\n  let normalized = candidate.trim();\r\n  if (!normalized) {\r\n    return ensureTrailingSlash(defaultRoot);\r\n  }\r\n\r\n  normalized = normalized.replace(/\\\\/g, \"/\");\r\n  normalized = appendSegmentIfMissing(normalized, segment);\r\n  normalized = ensureTrailingSlash(normalized);\r\n\r\n  if (URL_PATTERN.test(normalized)) {\r\n    return normalized;\r\n  }\r\n\r\n  normalized = stripLeadingDotSlash(normalized);\r\n  normalized = stripDriveLetter(normalized);\r\n\r\n  if (normalized.startsWith(\"/\")) {\r\n    return ensureTrailingSlash(normalized);\r\n  }\r\n\r\n  normalized = stripPublicPrefix(normalized);\r\n\r\n  if (!normalized.startsWith(\"/\")) {\r\n    normalized = `/${normalized}`;\r\n  }\r\n\r\n  normalized = normalized.replace(/\\/+/g, (match, offset) =>\r\n    offset === 0 ? match : \"/\"\r\n  );\r\n\r\n  return ensureTrailingSlash(normalized);\r\n}\r\n\r\n/**\r\n * Extract the raw public root candidate from config for reuse in Node-side helpers.\r\n * @param {object} config\r\n * @returns {string|null}\r\n */\r\nexport function getPublicRootCandidate(config) {\r\n  if (config?.public?.root) return config.public.root;\r\n  if (config?.static?.root) return config.static.root;\r\n  return null;\r\n}\r\n\r\nexport const __internal = {\r\n  ensureTrailingSlash,\r\n  appendSegmentIfMissing,\r\n  stripLeadingDotSlash,\r\n  stripDriveLetter,\r\n  stripPublicPrefix,\r\n  URL_PATTERN,\r\n  DEFAULT_SEGMENT,\r\n};\r\n", "/**\n * Font Loading Utility\n * Automatically loads fonts from Google Fonts when they're not available in the browser\n */\n\n/**\n * Checks if a font is available in the browser\n * @param {string} fontName - The name of the font to check\n * @returns {boolean} True if the font is available\n */\nfunction isFontAvailable(fontName) {\n  // Clean up font name (remove quotes and extra spacing)\n  const cleanName = fontName.replace(/['\"]/g, '').trim();\n  \n  // System fonts that are always available\n  const systemFonts = [\n    'system-ui',\n    '-apple-system',\n    'sans-serif',\n    'serif',\n    'monospace',\n    'cursive',\n    'fantasy',\n    'ui-sans-serif',\n    'ui-serif',\n    'ui-monospace',\n    'ui-rounded'\n  ];\n  \n  if (systemFonts.includes(cleanName.toLowerCase())) {\n    return true;\n  }\n  \n  // Use canvas-based detection\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  \n  if (!context) return false;\n  \n  const testString = 'mmmmmmmmmmlli'; // Characters with varying widths\n  const testSize = '72px';\n  const baselineFont = 'monospace';\n  \n  // Measure with baseline font\n  context.font = `${testSize} ${baselineFont}`;\n  const baselineWidth = context.measureText(testString).width;\n  \n  // Measure with test font\n  context.font = `${testSize} \"${cleanName}\", ${baselineFont}`;\n  const testWidth = context.measureText(testString).width;\n  \n  return baselineWidth !== testWidth;\n}\n\n/**\n * Extracts the primary font name from a font-family string\n * @param {string} fontFamily - Font family string (e.g., \"Roboto, sans-serif\")\n * @returns {string} The primary font name\n */\nfunction extractPrimaryFont(fontFamily) {\n  if (!fontFamily) return null;\n  \n  // Split by comma and get first font\n  const fonts = fontFamily.split(',').map(f => f.trim());\n  const primaryFont = fonts[0];\n  \n  // Remove quotes\n  return primaryFont.replace(/['\"]/g, '').trim();\n}\n\n/**\n * Loads a Google Font dynamically\n * @param {string} fontFamily - The font family to load (can be comma-separated list)\n * @param {Object} options - Loading options\n * @param {number[]} options.weights - Font weights to load (default: [400, 500, 600, 700])\n * @param {boolean} options.italic - Whether to include italic variants (default: false)\n * @returns {Promise<void>}\n */\nexport async function loadGoogleFont(fontFamily, options = {}) {\n  if (!fontFamily) {\n    return Promise.resolve();\n  }\n  \n  const {\n    weights = [400, 500, 600, 700],\n    italic = false\n  } = options;\n  \n  const primaryFont = extractPrimaryFont(fontFamily);\n  \n  if (!primaryFont) {\n    return Promise.resolve();\n  }\n  \n  // Check if font is already available\n  if (isFontAvailable(primaryFont)) {\n    return Promise.resolve();\n  }\n  \n  // Check if font link already exists\n  const encodedFont = encodeURIComponent(primaryFont);\n  const existingLink = document.querySelector(\n    `link[href*=\"fonts.googleapis.com\"][href*=\"${encodedFont}\"]`\n  );\n  \n  if (existingLink) {\n    console.log(`Font \"${primaryFont}\" is already loading or loaded`);\n    return Promise.resolve();\n  }\n  \n  console.log(`Loading font \"${primaryFont}\" from Google Fonts...`);\n  \n  return new Promise((resolve, reject) => {\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    \n    // Build Google Fonts URL with specified weights\n    const weightsParam = italic \n      ? `ital,wght@0,${weights.join(';0,')};1,${weights.join(';1,')}`\n      : `wght@${weights.join(';')}`;\n    \n    link.href = `https://fonts.googleapis.com/css2?family=${encodedFont}:${weightsParam}&display=swap`;\n    \n    // Add a data attribute for easy identification\n    link.setAttribute('data-font-loader', primaryFont);\n    \n    link.onload = () => {\n      console.log(`Successfully loaded font \"${primaryFont}\"`);\n      resolve();\n    };\n    \n    link.onerror = () => {\n      console.warn(`Failed to load font \"${primaryFont}\" from Google Fonts`);\n      reject(new Error(`Failed to load font: ${primaryFont}`));\n    };\n    \n    document.head.appendChild(link);\n    \n    // Set a timeout to prevent hanging indefinitely\n    setTimeout(() => {\n      if (!isFontAvailable(primaryFont)) {\n        console.warn(`Font \"${primaryFont}\" did not load within timeout`);\n      }\n      resolve(); // Resolve anyway to not block the application\n    }, 5000);\n  });\n}\n\n/**\n * Loads fonts for all font families in a typography config\n * @param {Object} typographyConfig - Typography configuration object\n * @returns {Promise<void>}\n */\nexport async function loadTypographyFonts(typographyConfig) {\n  if (!typographyConfig) {\n    return Promise.resolve();\n  }\n  \n  const fontFamilies = new Set();\n  \n  // Collect all font families from the config\n  if (typographyConfig.fontFamilyHeadings) {\n    fontFamilies.add(typographyConfig.fontFamilyHeadings);\n  }\n  if (typographyConfig.fontFamilyBody) {\n    fontFamilies.add(typographyConfig.fontFamilyBody);\n  }\n  if (typographyConfig.fontFamilyMono) {\n    fontFamilies.add(typographyConfig.fontFamilyMono);\n  }\n  \n  // Load all fonts in parallel\n  const loadPromises = Array.from(fontFamilies).map(fontFamily => \n    loadGoogleFont(fontFamily).catch(err => {\n      console.warn(`Could not load font: ${fontFamily}`, err);\n      // Don't fail the whole operation if one font fails\n    })\n  );\n  \n  await Promise.all(loadPromises);\n}\n\n/**\n * Removes previously loaded Google Fonts\n * @param {string} fontName - Optional font name to remove. If not specified, removes all.\n */\nexport function unloadGoogleFont(fontName = null) {\n  const selector = fontName \n    ? `link[data-font-loader=\"${fontName}\"]`\n    : 'link[data-font-loader]';\n  \n  const links = document.querySelectorAll(selector);\n  links.forEach(link => link.remove());\n  \n  if (fontName) {\n    console.log(`Unloaded font \"${fontName}\"`);\n  } else {\n    console.log(`Unloaded ${links.length} font(s)`);\n  }\n}\n", "/// <reference path=\"./pds.d.ts\" />\n\n/**\n * Public PDS runtime object exported to consumers.\n *\n * This object exposes the core runtime building blocks for the Pure Design System.\n * It intentionally provides a small, stable surface area so consuming apps can:\n * - programmatically generate design system artifacts (via `Generator`),\n * - adopt styles into Shadow DOM (via `adoptLayers` / `adoptPrimitives`),\n * - query runtime mode and obtain constructable stylesheets (via `registry`).\n *\n * Common events in the PDS ecosystem (emitted by other packages/components):\n * - `design-updated` \u2014 emitted by the designer component when the in-memory design changes (detail: { config }).\n * - `pds-generated` \u2014 emitted by the PDS configurator when generation completes (detail: { modules, meta }).\n * - `pds-error` \u2014 emitted by the PDS configurator when generation fails (detail: Error).\n *\n * Error handling notes:\n * - Methods that perform dynamic imports (e.g. `adoptLayers` via the registry) may log and return fallbacks\n *   rather than throwing; consumers should check return values (e.g. null) and listen for `pds-error` in UI flows.\n * - `createStylesheet(css)` will throw synchronously if the provided CSS cannot be parsed by the browser's\n *   `CSSStyleSheet.replaceSync()` \u2014 callers should guard invalid input or wrap calls in try/catch.\n *\n * @typedef {Object} PDSAPI\n * @property {typeof import(\"./pds-core/pds-generator.js\").Generator} Generator - Generator class to produce design system assets\n * @property {import(\"./pds-core/pds-registry.js\").PDSRegistry} registry - Singleton runtime registry for live/static mode\n * @property {any} ontology - Ontology helpers and metadata for components\n * @property {(shadowRoot: ShadowRoot, layers?: string[], additionalSheets?: CSSStyleSheet[]) => Promise<void>} adoptLayers - Adopt multiple layers into a ShadowRoot. May log errors and fallback to additionalSheets when static imports fail.\n * @property {(shadowRoot: ShadowRoot, additionalSheets?: CSSStyleSheet[]) => Promise<void>} adoptPrimitives - Adopt primitives layer into a ShadowRoot. Designed as a convenience for components.\n * @property {(css:string) => CSSStyleSheet} createStylesheet - Create a constructable stylesheet from CSS text. @throws {DOMException} on invalid CSS in some browsers.\n * @property {() => boolean} isLiveMode - Returns true when running in live/designer-backed mode\n * @property {(el: Element) => import(\"./pds-core/pds-ontology.js\").ComponentDef | null} findComponentForElement - Helper to find a component definition for a DOM element\n */\n\n/**\n * Workspace for the Pure Design System runtime API\n * PDS is now an EventTarget so consumers can subscribe to a single, consistent\n * event bus instead of listening on window/document or individual elements.\n */\nclass PDSBase extends EventTarget {}\n/** @type {PDSAPI & PDSBase} */\nconst PDS = new PDSBase();\n\n// State properties\nPDS.initializing = false;\nPDS.currentPreset = null;\n\nimport {\n  Generator,\n  adoptLayers,\n  adoptPrimitives,\n  createStylesheet,\n} from \"./pds-core/pds-generator.js\";\nimport { registry } from \"./pds-core/pds-registry.js\";\nimport ontology from \"./pds-core/pds-ontology.js\";\nimport { findComponentForElement } from \"./pds-core/pds-ontology.js\";\nimport { presets, defaultLog } from \"./pds-core/pds-config.js\";\nimport { enums } from \"./pds-core/pds-enums.js\";\nimport { ask } from \"./common/ask.js\";\nimport { PDSQuery } from \"./pds-core/pds-query.js\";\nimport * as common from \"./common/common.js\";\nimport { defaultPDSEnhancers } from \"./pds-core/pds-enhancers.js\";\nimport { resolvePublicAssetURL } from \"./pds-core/pds-paths.js\";\n\n// Font loading utilities\nimport { loadTypographyFonts } from \"./common/font-loader.js\";\n\n/** Generator class \u2014 use to programmatically create design system assets from a config */\nPDS.Generator = Generator;\n\n/** Singleton runtime registry. Use `registry.setLiveMode()` to enable live mode or `registry.setStaticMode()` for static assets */\nPDS.registry = registry;\n\n/** Ontology and metadata about components and tokens */\nPDS.ontology = ontology;\n\n/** Adopt a set of layered stylesheets into a ShadowRoot */\nPDS.adoptLayers = adoptLayers;\n\n/** Convenience to adopt only primitives into a ShadowRoot */\nPDS.adoptPrimitives = adoptPrimitives;\n\n/** Create a constructable CSSStyleSheet from a CSS string */\nPDS.createStylesheet = createStylesheet;\n\n/** Return true when running inside a live/designer-backed environment */\nPDS.isLiveMode = isLiveMode;\n() => registry.isLiv\nPDS.enums = enums;\n\nPDS.ask = ask;\n\n// Expose common utilities (deepMerge, isObject, etc.)\nPDS.common = common;\n\n// Expose presets object directly\nPDS.presets = presets;\n\n/** Find a component definition (ontology) for a given DOM element */\nPDS.findComponentForElement = findComponentForElement;\n\n/** \n * Smart query interface for design system questions\n * @param {string} question - Natural language query about tokens, components, utilities, or patterns\n * @returns {Promise<Array>} Array of results with text, value, icon, category, code examples\n * @example\n * const results = await PDS.query(\"what is the focus border color on inputs?\");\n * const results = await PDS.query(\"how do I create an icon-only button?\");\n */\nPDS.query = async function(question) {\n  const queryEngine = new PDSQuery(PDS);\n  return await queryEngine.search(question);\n};\n\nfunction __emitPDSReady(detail) {\n  const hasCustomEvent = typeof CustomEvent === \"function\";\n\n  try {\n    const readyEvent = hasCustomEvent\n      ? new CustomEvent(\"pds:ready\", { detail })\n      : new Event(\"pds:ready\");\n    PDS.dispatchEvent(readyEvent);\n  } catch (e) {}\n\n  if (typeof document !== \"undefined\") {\n    if (hasCustomEvent) {\n      const eventOptions = { detail, bubbles: true, composed: true };\n      try {\n        document.dispatchEvent(new CustomEvent(\"pds:ready\", eventOptions));\n      } catch (e) {}\n      try {\n        document.dispatchEvent(new CustomEvent(\"pds-ready\", eventOptions));\n      } catch (e) {}\n    } else {\n      try {\n        document.dispatchEvent(new Event(\"pds:ready\"));\n      } catch (e) {}\n      try {\n        document.dispatchEvent(new Event(\"pds-ready\"));\n      } catch (e) {}\n    }\n  }\n}\n\n/** Current configuration (set after PDS.start() completes) - read-only, frozen after initialization */\nObject.defineProperty(PDS, \"currentConfig\", {\n  value: null,\n  writable: true,\n  enumerable: true,\n  configurable: false,\n});\n\n/** \n * Compiled design system state - provides structured access to all generated tokens, \n * layers, and metadata. Available in live mode when a generator is active.\n * Returns the generator's compiled representation or null if not in live mode.\n * \n * Structure includes:\n * - tokens: All generated token groups (colors, spacing, typography, etc.)\n * - layers: CSS content and metadata for each layer (tokens, primitives, components, utilities)\n * - config: Configuration snapshot used to generate the current state\n * - capabilities: Runtime environment capabilities\n * - references: Links to ontology and enums for introspection\n * - meta: Computed metadata about the design system\n * - helpers: Utility methods to query the compiled state\n */\nObject.defineProperty(PDS, \"compiled\", {\n  get() {\n    // Only available in live mode when we have a generator\n    if (PDS.registry?.isLive && Generator.instance) {\n      return Generator.instance.compiled;\n    }\n    return null;\n  },\n  enumerable: true,\n  configurable: false,\n});\n\n// Always expose PDS on the window in browser contexts so consumers can access it in both live and static modes\nif (typeof window !== \"undefined\") {\n  // @ts-ignore\n  window.PDS = PDS;\n}\n\n// ---------------------------------------------------------------------------\n// FOUC Prevention: Add pds-ready class when PDS is fully initialized in live mode\n// This works in conjunction with CSS injected by the live() function\nif (typeof document !== \"undefined\") {\n  PDS.addEventListener(\"pds:ready\", (event) => {\n    const mode = event.detail?.mode;\n    if (mode) {\n      // Add mode-specific class (pds-live or pds-static)\n      document.documentElement.classList.add(`pds-${mode}`);\n      \n      // Only add pds-ready class in live mode for FOUC prevention\n      if (mode === \"live\") {\n        document.documentElement.classList.add(\"pds-ready\");\n      }\n    }\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Theme management (centralized on PDS.theme)\n// Consumers may read/write `PDS.theme` with values: 'system' | 'light' | 'dark'\n// Setting the property persists to localStorage (when available), updates\n// document.documentElement[data-theme] to an explicit 'light'|'dark' value\n// and emits a `pds:theme:changed` event. Reading the property returns the\n// raw stored preference (or null if none).\n\n// Private module-level variables for theme management\nconst __themeStorageKey = \"pure-ds-theme\";\nlet __themeMQ = null;\nlet __themeMQListener = null;\n\n// Private: Apply resolved theme to document\nfunction __applyResolvedTheme(raw) {\n  try {\n    if (typeof document === \"undefined\") return;\n    let resolved = \"light\";\n    if (!raw) {\n      // No stored preference: use OS preference\n      const prefersDark =\n        typeof window !== \"undefined\" &&\n        window.matchMedia &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n      resolved = prefersDark ? \"dark\" : \"light\";\n    } else if (raw === \"system\") {\n      const prefersDark =\n        typeof window !== \"undefined\" &&\n        window.matchMedia &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n      resolved = prefersDark ? \"dark\" : \"light\";\n    } else {\n      resolved = raw;\n    }\n    document.documentElement.setAttribute(\"data-theme\", resolved);\n  } catch (e) {}\n}\n\n// Private: Setup system theme change listener when needed\nfunction __setupSystemListenerIfNeeded(raw) {\n  try {\n    // Remove any existing listener first\n    if (__themeMQ && __themeMQListener) {\n      try {\n        if (typeof __themeMQ.removeEventListener === \"function\")\n          __themeMQ.removeEventListener(\"change\", __themeMQListener);\n        else if (typeof __themeMQ.removeListener === \"function\")\n          __themeMQ.removeListener(__themeMQListener);\n      } catch (e) {}\n      __themeMQ = null;\n      __themeMQListener = null;\n    }\n\n    if (\n      raw === \"system\" &&\n      typeof window !== \"undefined\" &&\n      window.matchMedia\n    ) {\n      const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n      const listener = (e) => {\n        const isDark = e?.matches === undefined ? mq.matches : e.matches;\n        try {\n          const newTheme = isDark ? \"dark\" : \"light\";\n          document.documentElement.setAttribute(\"data-theme\", newTheme);\n          PDS.dispatchEvent(\n            new CustomEvent(\"pds:theme:changed\", {\n              detail: { theme: newTheme, source: \"system\" },\n            })\n          );\n        } catch (ex) {}\n      };\n      __themeMQ = mq;\n      __themeMQListener = listener;\n      if (typeof mq.addEventListener === \"function\")\n        mq.addEventListener(\"change\", listener);\n      else if (typeof mq.addListener === \"function\") mq.addListener(listener);\n    }\n  } catch (e) {}\n}\n\nObject.defineProperty(PDS, \"theme\", {\n  get() {\n    try {\n      if (typeof window === \"undefined\") return null;\n      return localStorage.getItem(__themeStorageKey) || null;\n    } catch (e) {\n      return null;\n    }\n  },\n  set(value) {\n    try {\n      if (typeof window === \"undefined\") return;\n      if (value === null || value === undefined) {\n        localStorage.removeItem(__themeStorageKey);\n      } else {\n        localStorage.setItem(__themeStorageKey, value);\n      }\n\n      // Apply resolved (light/dark) value to document\n      __applyResolvedTheme(value);\n      // Setup system change listener only when 'system' is selected\n      __setupSystemListenerIfNeeded(value);\n\n      // Emit a notification with the raw preference (value may be 'system')\n      PDS.dispatchEvent(\n        new CustomEvent(\"pds:theme:changed\", {\n          detail: { theme: value, source: \"api\" },\n        })\n      );\n    } catch (e) {}\n  },\n});\n\n// ----------------------------------------------------------------------------\n// Default Enhancers \u2014 first-class citizens alongside AutoDefiner\n// ----------------------------------------------------------------------------\n/**\n * Default DOM enhancers shipped with PDS. These are lightweight progressive\n * enhancements that can be applied to vanilla markup. Consumers can override\n * or add to these via the `enhancers` option of PDS.start({ mode }).\n */\nPDS.defaultEnhancers = defaultPDSEnhancers;\n\n/**\n * Validate a design configuration for accessibility sanity checks.\n * Currently validates color contrast for primary buttons and base surface text\n * in both light and dark themes.\n *\n * @param {object} designConfig - A full or partial PDS config object\n * @param {object} [options]\n * @param {number} [options.minContrast=4.5] - Minimum contrast ratio for normal text\n * @returns {{ ok: boolean, issues: Array<{path:string, message:string, ratio:number, min:number, context?:string}> }}\n */\nfunction validateDesign(designConfig = {}, options = {}) {\n  const MIN = Number(options.minContrast || 4.5);\n\n  // Local helpers (keep public; no dependency on private Generator methods)\n  const hexToRgb = (hex) => {\n    const h = String(hex || \"\").replace(\"#\", \"\");\n    const full =\n      h.length === 3\n        ? h\n            .split(\"\")\n            .map((c) => c + c)\n            .join(\"\")\n        : h;\n    const num = parseInt(full || \"0\", 16);\n    return { r: (num >> 16) & 255, g: (num >> 8) & 255, b: num & 255 };\n  };\n  const luminance = (hex) => {\n    const { r, g, b } = hexToRgb(hex);\n    const srgb = [r / 255, g / 255, b / 255].map((v) =>\n      v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)\n    );\n    return 0.2126 * srgb[0] + 0.7152 * srgb[1] + 0.0722 * srgb[2];\n  };\n  const contrast = (a, b) => {\n    if (!a || !b) return 0;\n    const L1 = luminance(a);\n    const L2 = luminance(b);\n    const lighter = Math.max(L1, L2);\n    const darker = Math.min(L1, L2);\n    return (lighter + 0.05) / (darker + 0.05);\n  };\n\n  const issues = [];\n  try {\n    // Build tokens from the candidate config\n    const gen = new PDS.Generator({ design: structuredClone(designConfig) });\n    const c = gen.tokens.colors;\n\n    // Light theme checks - use computed interactive tokens\n    const light = {\n      surfaceBg: c.surface?.base,\n      surfaceText: c.gray?.[900] || \"#000000\",\n      primaryFill: c.interactive?.light?.fill || c.primary?.[600],\n      primaryText: c.interactive?.light?.text || c.primary?.[600],\n    };\n\n    // Primary button (light): check button fill with white text\n    const lightBtnRatio = contrast(light.primaryFill, \"#ffffff\");\n    if (lightBtnRatio < MIN) {\n      issues.push({\n        path: \"/colors/primary\",\n        message: `Primary button contrast too low in light theme (${lightBtnRatio.toFixed(\n          2\n        )} < ${MIN}). Choose a darker primary.`,\n        ratio: lightBtnRatio,\n        min: MIN,\n        context: \"light/btn-primary\",\n      });\n    }\n\n    // Surface text (light): text vs surface base\n    const lightTextRatio = contrast(light.surfaceBg, light.surfaceText);\n    if (lightTextRatio < MIN) {\n      issues.push({\n        path: \"/colors/background\",\n        message: `Base text contrast on surface (light) is too low (${lightTextRatio.toFixed(\n          2\n        )} < ${MIN}). Adjust background or secondary (gray).`,\n        ratio: lightTextRatio,\n        min: MIN,\n        context: \"light/surface-text\",\n      });\n    }\n\n    // Primary text for outline/link: check link text on surface\n    const lightOutlineRatio = contrast(light.primaryText, light.surfaceBg);\n    if (lightOutlineRatio < MIN) {\n      issues.push({\n        path: \"/colors/primary\",\n        message: `Primary text on surface is too low for outline/link styles (light) (${lightOutlineRatio.toFixed(\n          2\n        )} < ${MIN}). Choose a darker primary or lighter surface.`,\n        ratio: lightOutlineRatio,\n        min: MIN,\n        context: \"light/outline\",\n      });\n    }\n\n    // Dark theme checks - use computed interactive tokens\n    const d = c.dark;\n    if (d) {\n      const dark = {\n        surfaceBg: d.surface?.base || c.surface?.inverse,\n        primaryFill: c.interactive?.dark?.fill || d.primary?.[600],\n        primaryText: c.interactive?.dark?.text || d.primary?.[600],\n      };\n      \n      // Primary button (dark): check button fill with white text\n      const darkBtnRatio = contrast(dark.primaryFill, \"#ffffff\");\n      if (darkBtnRatio < MIN) {\n        issues.push({\n          path: \"/colors/darkMode/primary\",\n          message: `Primary button contrast too low in dark theme (${darkBtnRatio.toFixed(\n            2\n          )} < ${MIN}). Override darkMode.primary or pick a brighter hue.`,\n          ratio: darkBtnRatio,\n          min: MIN,\n          context: \"dark/btn-primary\",\n        });\n      }\n\n      // Outline/link style in dark: check link text on dark surface\n      const darkOutlineRatio = contrast(dark.primaryText, dark.surfaceBg);\n      if (darkOutlineRatio < MIN) {\n        issues.push({\n          path: \"/colors/darkMode/primary\",\n          message: `Primary text on surface is too low for outline/link styles (dark) (${darkOutlineRatio.toFixed(\n            2\n          )} < ${MIN}). Override darkMode.primary/background.`,\n          ratio: darkOutlineRatio,\n          min: MIN,\n          context: \"dark/outline\",\n        });\n      }\n    }\n  } catch (err) {\n    issues.push({\n      path: \"/\",\n      message: `Validation failed: ${String(err?.message || err)}`,\n      ratio: 0,\n      min: 0,\n    });\n  }\n\n  return { ok: issues.length === 0, issues };\n}\n\n/** Expose validator on the public API */\nPDS.validateDesign = validateDesign;\n\n/**\n * Validate multiple design configurations at once.\n * Useful for build-time enforcement of preset compliance.\n *\n * @param {Array<object>} designs - Array of design configs; items may include an optional `name` property.\n * @param {object} [options] - Options forwarded to validateDesign (e.g., { minContrast })\n * @returns {{ ok: boolean, results: Array<{ name?: string, ok: boolean, issues: Array<{path:string, message:string, ratio:number, min:number, context?:string}> }> }}\n */\nfunction validateDesigns(designs = [], options = {}) {\n  const results = [];\n\n  const list = Array.isArray(designs)\n    ? designs\n    : designs && typeof designs === \"object\"\n    ? Object.values(designs)\n    : [];\n\n  for (const item of list) {\n    let name;\n    let configToValidate = null;\n\n    // Accept a few shapes:\n    // - string => treat as preset id/name\n    // - { preset, design?, name? } => resolve preset then merge overrides\n    // - full config object (legacy) => validate directly\n    if (typeof item === \"string\") {\n      const id = String(item).toLowerCase();\n      const found =\n        presets?.[id] ||\n        Object.values(presets || {}).find(\n          (p) =>\n            __slugify(p.name) === id ||\n            String(p.name || \"\").toLowerCase() === id\n        );\n      if (!found) {\n        results.push({\n          name: item,\n          ok: false,\n          issues: [\n            {\n              path: \"/\",\n              message: `Preset not found: ${item}`,\n              ratio: 0,\n              min: 0,\n            },\n          ],\n        });\n        continue;\n      }\n      name = found.name || id;\n      configToValidate = structuredClone(found);\n    } else if (item && typeof item === \"object\") {\n      name = item.name || item.preset || undefined;\n      if (\"preset\" in item || \"design\" in item) {\n        const effectivePreset = String(item.preset || \"default\").toLowerCase();\n        const found =\n          presets?.[effectivePreset] ||\n          Object.values(presets || {}).find(\n            (p) =>\n              __slugify(p.name) === effectivePreset ||\n              String(p.name || \"\").toLowerCase() === effectivePreset\n          );\n        if (!found) {\n          results.push({\n            name,\n            ok: false,\n            issues: [\n              {\n                path: \"/\",\n                message: `Preset not found: ${item.preset}`,\n                ratio: 0,\n                min: 0,\n              },\n            ],\n          });\n          continue;\n        }\n        let base = structuredClone(found);\n        if (item.design && typeof item.design === \"object\") {\n          base = __deepMerge(base, structuredClone(item.design));\n        }\n        configToValidate = base;\n      } else {\n        // Assume a full config object\n        configToValidate = item;\n      }\n    }\n\n    if (!configToValidate) {\n      results.push({\n        name,\n        ok: false,\n        issues: [\n          { path: \"/\", message: \"Invalid design entry\", ratio: 0, min: 0 },\n        ],\n      });\n      continue;\n    }\n\n    const { ok, issues } = validateDesign(configToValidate, options);\n    results.push({ name, ok, issues });\n  }\n\n  return { ok: results.every((r) => r.ok), results };\n}\n\n/** Expose batch validator on the public API */\nPDS.validateDesigns = validateDesigns;\n\n/**\n * Initialize PDS in live mode with the given configuration (new unified shape).\n * Typically invoked via PDS.start({ mode: 'live', ... }).\n *\n * Shape:\n * PDS.start({\n *   mode: 'live',\n *   preset?: string,\n *   design?: object,\n *   autoDefine?: {\n *     baseURL?: string,\n *     predefine?: string[],\n *     mapper?: (tag:string)=>string|undefined|null, // return undefined/null/false to let PDS default mapper handle it\n *     // plus any AutoDefiner flags: scanExisting, observeShadows, patchAttachShadow, debounceMs, onError\n *   },\n *   // runtime flags (optional)\n *   applyGlobalStyles?: boolean,\n *   manageTheme?: boolean,\n *   themeStorageKey?: string,\n *   preloadStyles?: boolean,\n *   criticalLayers?: string[]\n * })\n *\n * @param {object} config - The PDS configuration object (unified shape)\n * @returns {Promise<{generator: Generator, config: object, theme: string, autoDefiner?: any}>}\n *\n * @example\n * await PDS.start({ mode: 'live',\n *   preset: 'paper-and-ink',\n *   design: { colors: { accent: '#FF4081' } },\n *   autoDefine: { predefine: ['pds-icon'] }\n * });\n */\n// Internal: resolve theme and set html[data-theme], return resolvedTheme and storedTheme\nfunction __resolveThemeAndApply({ manageTheme, themeStorageKey }) {\n  let resolvedTheme = \"light\";\n  let storedTheme = null;\n  if (manageTheme && typeof window !== \"undefined\") {\n    // Read raw preference (may be null, 'system', 'light', 'dark') using provided storage key\n    try {\n      storedTheme = localStorage.getItem(themeStorageKey) || null;\n    } catch (e) {\n      storedTheme = null;\n    }\n\n    // Apply the resolved theme and ensure system listener exists when needed\n    try {\n      __applyResolvedTheme(storedTheme);\n      __setupSystemListenerIfNeeded(storedTheme);\n    } catch (e) {}\n\n    // Compute explicit resolvedTheme to return\n    if (storedTheme) {\n      if (storedTheme === \"system\") {\n        const prefersDark =\n          window.matchMedia &&\n          window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n        resolvedTheme = prefersDark ? \"dark\" : \"light\";\n      } else {\n        resolvedTheme = storedTheme;\n      }\n    } else {\n      const prefersDark =\n        window.matchMedia &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n      resolvedTheme = prefersDark ? \"dark\" : \"light\";\n    }\n  }\n  return { resolvedTheme, storedTheme };\n}\n\n// Internal: deep merge utility (arrays replace; objects merge)\nfunction __deepMerge(target = {}, source = {}) {\n  if (!source || typeof source !== \"object\") return target;\n  const out = Array.isArray(target) ? [...target] : { ...target };\n  for (const [key, value] of Object.entries(source)) {\n    if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      out[key] = __deepMerge(\n        out[key] && typeof out[key] === \"object\" ? out[key] : {},\n        value\n      );\n    } else {\n      out[key] = value;\n    }\n  }\n  return out;\n}\n\n// Internal: create a slug for matching names like \"Paper & Ink\" -> \"paper-and-ink\"\nfunction __slugify(str = \"\") {\n  return String(str)\n    .toLowerCase()\n    .replace(/&/g, \" and \")\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n}\n\n// Internal: recursively remove functions from an object to make it cloneable\nfunction __stripFunctions(obj) {\n  if (obj === null || obj === undefined) return obj;\n  if (typeof obj === \"function\") return undefined;\n  if (typeof obj !== \"object\") return obj;\n  \n  if (Array.isArray(obj)) {\n    return obj.map(item => __stripFunctions(item)).filter(item => item !== undefined);\n  }\n  \n  const result = {};\n  for (const key in obj) {\n    if (obj.hasOwnProperty(key)) {\n      const value = obj[key];\n      if (typeof value !== \"function\") {\n        const stripped = __stripFunctions(value);\n        if (stripped !== undefined) {\n          result[key] = stripped;\n        }\n      }\n    }\n  }\n  return result;\n}\n\nconst __ABSOLUTE_URL_PATTERN__ = /^[a-z][a-z0-9+\\-.]*:\\/\\//i;\nconst __MODULE_URL__ = (() => {\n  try {\n    return import.meta.url;\n  } catch (e) {\n    return undefined;\n  }\n})();\n\nfunction __ensureAbsoluteAssetURL(value, options = {}) {\n  if (!value || __ABSOLUTE_URL_PATTERN__.test(value)) {\n    return value;\n  }\n\n  const { preferModule = true } = options;\n\n  const tryModule = () => {\n    if (!__MODULE_URL__) return null;\n    try {\n      return new URL(value, __MODULE_URL__).href;\n    } catch (e) {\n      return null;\n    }\n  };\n\n  const tryWindow = () => {\n    if (typeof window === \"undefined\" || !window.location?.origin) {\n      return null;\n    }\n    try {\n      return new URL(value, window.location.origin).href;\n    } catch (e) {\n      return null;\n    }\n  };\n\n  const resolved = preferModule\n    ? tryModule() || tryWindow()\n    : tryWindow() || tryModule();\n\n  return resolved || value;\n}\n\nconst __ensureTrailingSlash = (value) =>\n  typeof value === \"string\" && value.length && !value.endsWith(\"/\")\n    ? `${value}/`\n    : value;\n\nconst __MODULE_DEFAULT_ASSET_ROOT__ = (() => {\n  if (!__MODULE_URL__) return undefined;\n  try {\n    const parsed = new URL(__MODULE_URL__);\n    if (/\\/public\\/assets\\/js\\//.test(parsed.pathname)) {\n      return new URL(\"../pds/\", __MODULE_URL__).href;\n    }\n  } catch (e) {\n    return undefined;\n  }\n  return undefined;\n})();\n\nfunction __resolveRuntimeAssetRoot(config) {\n  const hasCustomRoot = Boolean(config?.public?.root || config?.static?.root);\n  let candidate = resolvePublicAssetURL(config);\n\n  if (!hasCustomRoot && __MODULE_DEFAULT_ASSET_ROOT__) {\n    candidate = __MODULE_DEFAULT_ASSET_ROOT__;\n  }\n\n  return __ensureTrailingSlash(__ensureAbsoluteAssetURL(candidate));\n}\n\n// Internal: normalize first-arg config to a full generator config and extract enhancers if provided inline\nfunction __normalizeInitConfig(inputConfig = {}, options = {}) {\n  // If caller passed a plain design config (legacy), keep as-is\n  const hasDesignKeys =\n    typeof inputConfig === \"object\" &&\n    (\"colors\" in inputConfig ||\n      \"typography\" in inputConfig ||\n      \"spatialRhythm\" in inputConfig ||\n      \"shape\" in inputConfig ||\n      \"behavior\" in inputConfig ||\n      \"layout\" in inputConfig ||\n      \"advanced\" in inputConfig ||\n      \"a11y\" in inputConfig ||\n      \"components\" in inputConfig ||\n      \"icons\" in inputConfig);\n\n  // Extract potential inline enhancers from config; prefer inline over options\n  let inlineEnhancers = inputConfig && inputConfig.enhancers;\n  if (inlineEnhancers && !Array.isArray(inlineEnhancers)) {\n    // If an object was provided, convert to array of values\n    inlineEnhancers = Object.values(inlineEnhancers);\n  }\n  const enhancers = inlineEnhancers ?? options.enhancers ?? [];\n\n  // New API: { preset?: string, design?: object }\n  const presetId = inputConfig && inputConfig.preset;\n  const designOverrides = inputConfig && inputConfig.design;\n\n  const hasNewShape =\n    \"preset\" in (inputConfig || {}) ||\n    \"design\" in (inputConfig || {}) ||\n    \"enhancers\" in (inputConfig || {});\n\n  let generatorConfig;\n  let presetInfo = null;\n\n  if (hasNewShape) {\n    // Always resolve a preset; default if none provided\n    const effectivePreset = String(presetId || \"default\").toLowerCase();\n    const found =\n      presets?.[effectivePreset] ||\n      Object.values(presets || {}).find(\n        (p) =>\n          __slugify(p.name) === effectivePreset ||\n          String(p.name || \"\").toLowerCase() === effectivePreset\n      );\n    if (!found)\n      throw new Error(`PDS preset not found: \"${presetId || \"default\"}\"`);\n\n    presetInfo = {\n      id: found.id || __slugify(found.name),\n      name: found.name || found.id || String(effectivePreset),\n    };\n\n    // Merge preset with design overrides\n    let mergedDesign = structuredClone(found);\n    if (designOverrides && typeof designOverrides === \"object\") {\n      // Strip functions before cloning to avoid DataCloneError\n      const cloneableDesign = __stripFunctions(designOverrides);\n      mergedDesign = __deepMerge(mergedDesign, structuredClone(cloneableDesign));\n    }\n    \n    // Build structured config with design nested\n    // Exclude runtime-specific properties that shouldn't be passed to Generator\n    const { \n      mode, autoDefine, applyGlobalStyles, manageTheme, \n      themeStorageKey, preloadStyles, criticalLayers, \n      preset: _preset, design: _design, enhancers: _enhancers,\n      log: userLog,  // Extract log if provided at root\n      ...otherProps \n    } = inputConfig;\n    \n    generatorConfig = {\n      ...otherProps, // Keep only generator-relevant properties\n      design: mergedDesign,\n      preset: presetInfo.name,\n      // Add log method at root level (use user's or default)\n      log: userLog || defaultLog,\n    };\n  } else if (hasDesignKeys) {\n    // Back-compat: treat the provided object as the full design, wrap it\n    // Extract log before cloning to avoid DataCloneError\n    const { log: userLog, ...designConfig } = inputConfig;\n    generatorConfig = {\n      design: structuredClone(designConfig),\n      log: userLog || defaultLog,\n    };\n  } else {\n    // Nothing recognizable: use default preset\n    const foundDefault =\n      presets?.[\"default\"] ||\n      Object.values(presets || {}).find((p) => __slugify(p.name) === \"default\");\n    if (!foundDefault) throw new Error(\"PDS default preset not available\");\n    presetInfo = {\n      id: foundDefault.id || \"default\",\n      name: foundDefault.name || \"Default\",\n    };\n    generatorConfig = {\n      design: structuredClone(foundDefault),\n      preset: presetInfo.name,\n      log: defaultLog,\n    };\n  }\n\n  return { generatorConfig, enhancers, presetInfo };\n}\n\n// Internal: setup AutoDefiner and run enhancers\nasync function __setupAutoDefinerAndEnhancers(options) {\n  const {\n    autoDefineBaseURL = \"/auto-define/\",\n    autoDefinePreload = [],\n    autoDefineMapper = null,\n    enhancers = [],\n    // New: raw overrides for AutoDefiner config (scanExisting, observeShadows, etc.)\n    autoDefineOverrides = null,\n    autoDefinePreferModule = true,\n  } = options;\n\n  // // Warn if assets not present (best-effort)\n  // try {\n  //   if (typeof window !== \"undefined\") {\n  //     const response = await fetch(`${autoDefineBaseURL}pds-icon.js`, {\n  //       method: \"HEAD\",\n  //     });\n  //     if (!response.ok) {\n  //       // No config available in this context, using console\n  //       console.warn(\"\u26A0\uFE0F PDS components not found in auto-define directory.\");\n  //     }\n  //   }\n  // } catch {}\n\n  // Merge defaults with user enhancers (user overrides by selector)\n  const mergedEnhancers = (() => {\n    const map = new Map();\n    (PDS.defaultEnhancers || []).forEach((e) => map.set(e.selector, e));\n    (enhancers || []).forEach((e) => map.set(e.selector, e));\n    return Array.from(map.values());\n  })();\n\n  // Setup AutoDefiner in browser context (it already observes shadow DOMs)\n  let autoDefiner = null;\n  if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n    // Dynamically import AutoDefiner to avoid Node/CJS interop at build time\n    let AutoDefinerCtor = null;\n    try {\n      const mod = await import(\"pure-web/auto-definer\");\n      AutoDefinerCtor =\n        mod?.AutoDefiner || mod?.default?.AutoDefiner || mod?.default || null;\n    } catch (e) {\n      // No config available in this context, using console\n      console.warn(\"AutoDefiner not available:\", e?.message || e);\n    }\n\n    const defaultMapper = (tag) => {\n      switch (tag) {\n        case \"pds-tabpanel\":\n          return \"pds-tabstrip.js\";\n        default:\n          return `${tag}.js`;\n      }\n    };\n\n    // Respect user overrides but never allow them to overwrite our mapper wrapper.\n    const { mapper: _overrideMapperIgnored, ...restAutoDefineOverrides } =\n      autoDefineOverrides && typeof autoDefineOverrides === \"object\"\n        ? autoDefineOverrides\n        : {};\n\n    const normalizedBaseURL = autoDefineBaseURL\n      ? __ensureTrailingSlash(\n          __ensureAbsoluteAssetURL(autoDefineBaseURL, {\n            preferModule: autoDefinePreferModule,\n          })\n        )\n      : autoDefineBaseURL;\n\n    const autoDefineConfig = {\n      baseURL: normalizedBaseURL,\n      predefine: autoDefinePreload,\n      scanExisting: true,\n      observeShadows: true,\n      patchAttachShadow: true,\n      debounceMs: 16,\n      enhancers: mergedEnhancers,\n      onError: (tag, err) => {\n        if (typeof tag === \"string\" && tag.startsWith(\"pds-\")) {\n          // No config available in this context, using console\n          console.warn(\n            `\u26A0\uFE0F PDS component <${tag}> not found. Assets may not be installed.`\n          );\n        } else {\n          console.error(`\u274C Auto-define error for <${tag}>:`, err);\n        }\n      },\n      // Apply all user overrides except mapper so we can still wrap it\n      ...restAutoDefineOverrides,\n      mapper: (tag) => {\n        // If already defined, do nothing\n        if (customElements.get(tag)) return null;\n\n        // If a custom mapper exists, let it try first; if it returns a non-value, fallback to default\n        if (typeof autoDefineMapper === \"function\") {\n          try {\n            const mapped = autoDefineMapper(tag);\n            if (mapped === undefined) {\n              return defaultMapper(tag);\n            }\n            return mapped;\n          } catch (e) {\n            // Be resilient: if custom mapper throws, fall back to default\n            console.warn(\n              \"Custom autoDefine.mapper error; falling back to default:\",\n              e?.message || e\n            );\n            return defaultMapper(tag);\n          }\n        }\n\n        // No custom mapper provided \u2014 use default\n        return defaultMapper(tag);\n      },\n    };\n\n    if (AutoDefinerCtor) {\n      autoDefiner = new AutoDefinerCtor(autoDefineConfig);\n      if (\n        autoDefinePreload.length > 0 &&\n        typeof AutoDefinerCtor.define === \"function\"\n      ) {\n        await AutoDefinerCtor.define(...autoDefinePreload, {\n          baseURL: autoDefineBaseURL,\n          mapper: autoDefineConfig.mapper,\n          onError: autoDefineConfig.onError,\n        });\n      }\n    }\n  }\n  // Rely on AutoDefiner to run enhancers across light and shadow DOMs\n\n  return { autoDefiner };\n}\n\nasync function live(config) {\n  if (!config || typeof config !== \"object\") {\n    throw new Error(\n      \"PDS.start({ mode: 'live', ... }) requires a valid configuration object\"\n    );\n  }\n\n  // FOUC Prevention: Use constructable stylesheet for synchronous, immediate effect\n  if (typeof document !== \"undefined\" && document.adoptedStyleSheets) {\n    const css = /*css*/`\n          html { opacity: 0; }\n          html.pds-ready { opacity: 1; transition: opacity 0.3s ease-in; }\n        `\n    try {\n      // Check if we've already added the FOUC prevention sheet\n      const hasFoucSheet = document.adoptedStyleSheets.some(sheet => sheet._pdsFouc);\n      if (!hasFoucSheet) {\n        const foucSheet = new CSSStyleSheet();\n        foucSheet.replaceSync(css);\n        foucSheet._pdsFouc = true;\n        document.adoptedStyleSheets = [foucSheet, ...document.adoptedStyleSheets];\n      }\n    } catch (e) {\n      // Fallback for browsers that don't support constructable stylesheets\n      // No config available here, using console\n      console.warn(\"Constructable stylesheets not supported, using <style> tag fallback:\", e);\n      const existingFoucStyle = document.head.querySelector(\"style[data-pds-fouc]\");\n      if (!existingFoucStyle) {\n        const foucStyle = document.createElement(\"style\");\n        foucStyle.setAttribute(\"data-pds-fouc\", \"\");\n        foucStyle.textContent = css;\n        document.head.insertBefore(foucStyle, document.head.firstChild);\n      }\n    }\n  }\n\n  // PDS is exposed on window at module init for both modes\n\n  // Extract runtime flags directly from unified config\n  let applyGlobalStyles = config.applyGlobalStyles ?? true;\n  let manageTheme = config.manageTheme ?? true;\n  let themeStorageKey = config.themeStorageKey ?? \"pure-ds-theme\";\n  let preloadStyles = config.preloadStyles ?? false;\n  let criticalLayers = config.criticalLayers ?? [\"tokens\", \"primitives\"];\n\n  // New unified shape: autoDefine inside the first argument\n  const cfgAuto = (config && config.autoDefine) || null;\n  if (cfgAuto && typeof cfgAuto === \"object\") {\n    // no-op here; resolved below for __setupAutoDefinerAndEnhancers\n  }\n\n  try {\n    // 1) Handle theme preference\n    const { resolvedTheme, storedTheme } = __resolveThemeAndApply({\n      manageTheme,\n      themeStorageKey,\n    });\n\n    // 2) Normalize first-arg API: support { preset, design, enhancers }\n    const normalized = __normalizeInitConfig(config, {});\n    const userEnhancers = normalized.enhancers;\n    // Extract log function before cloning to avoid DataCloneError\n    const { log: logFn, ...configToClone } = normalized.generatorConfig;\n    const generatorConfig = structuredClone(configToClone);\n    // Add log back after cloning\n    generatorConfig.log = logFn;\n    if (manageTheme) {\n      generatorConfig.theme = resolvedTheme;\n    }\n\n    const generator = new PDS.Generator(generatorConfig);\n\n    // 3) Load fonts from Google Fonts if needed (before applying styles)\n    if (generatorConfig.design?.typography) {\n      try {\n        await loadTypographyFonts(generatorConfig.design.typography);\n      } catch (ex) {\n        generatorConfig?.log?.(\"warn\", \"Failed to load some fonts from Google Fonts:\", ex);\n        // Continue anyway - the system will fall back to default fonts\n      }\n    }\n\n    // 4) Preload critical styles synchronously to prevent flash\n    if (preloadStyles && typeof window !== \"undefined\" && document.head) {\n      try {\n        // Generate critical CSS layers synchronously\n        const criticalCSS = criticalLayers\n          .map((layer) => {\n            try {\n              return generator.css?.[layer] || \"\";\n            } catch (e) {\n              generatorConfig?.log?.(\n                \"warn\",\n                `Failed to generate critical CSS for layer \"${layer}\":`,\n                e\n              );\n              return \"\";\n            }\n          })\n          .filter((css) => css.trim())\n          .join(\"\\n\");\n\n        if (criticalCSS) {\n          // Remove any existing PDS critical styles\n          const existingCritical = document.head.querySelector(\n            \"style[data-pds-critical]\"\n          );\n          if (existingCritical) {\n            existingCritical.remove();\n          }\n\n          // Inject critical CSS as a <style> tag in head\n          const styleEl = document.createElement(\"style\");\n          styleEl.setAttribute(\"data-pds-critical\", \"\");\n          styleEl.textContent = criticalCSS;\n\n          // Insert early in head, but after charset/viewport if present\n          const insertAfter = document.head.querySelector(\n            'meta[charset], meta[name=\"viewport\"]'\n          );\n          if (insertAfter) {\n            insertAfter.parentNode.insertBefore(\n              styleEl,\n              insertAfter.nextSibling\n            );\n          } else {\n            document.head.insertBefore(styleEl, document.head.firstChild);\n          }\n        }\n      } catch (error) {\n        generatorConfig?.log?.(\"warn\", \"Failed to preload critical styles:\", error);\n        // Continue without critical styles - better than crashing\n      }\n    }\n\n    // Set the registry to live mode\n    PDS.registry.setLiveMode();\n\n    // Log preset info if available\n    if (normalized.presetInfo?.name) {\n      generatorConfig?.log?.(\"log\", `PDS live with preset \"${normalized.presetInfo.name}\"`);\n    } else {\n      generatorConfig?.log?.(\"log\", \"PDS live with custom config\");\n    }\n\n    // Apply styles globally if requested (default behavior)\n    if (applyGlobalStyles) {\n      await PDS.Generator.applyStyles();\n\n      // Clean up critical styles after adoptedStyleSheets are applied\n      if (typeof window !== \"undefined\") {\n        // Small delay to ensure adoptedStyleSheets have taken effect\n        setTimeout(() => {\n          // Remove any previously inlined critical/preload styles that were unlayered\n          const criticalStyle = document.head.querySelector(\n            \"style[data-pds-critical]\"\n          );\n          if (criticalStyle) criticalStyle.remove();\n\n          const preloadStyle = document.head.querySelector(\n            \"style[data-pds-preload]\"\n          );\n          if (preloadStyle) preloadStyle.remove();\n\n          // Remove legacy fallback runtime style tag if present\n          const legacyRuntime = document.getElementById(\n            \"pds-runtime-stylesheet\"\n          );\n          if (legacyRuntime) legacyRuntime.remove();\n        }, 100);\n      }\n    }\n\n    // Note: auto-define base URL is used internally; no globals are written\n\n    // Derive a sensible default AutoDefiner base for LIVE mode too when not provided.\n    // Use the normalized public asset root so live and static modes share the same directory layout.\n    const assetRootURL = __resolveRuntimeAssetRoot(config);\n\n    let derivedAutoDefineBaseURL;\n    if (cfgAuto && cfgAuto.baseURL) {\n      derivedAutoDefineBaseURL = __ensureTrailingSlash(\n        __ensureAbsoluteAssetURL(cfgAuto.baseURL, { preferModule: false })\n      );\n    } else {\n      derivedAutoDefineBaseURL = `${assetRootURL}components/`;\n    }\n\n    // 5) Set up AutoDefiner + run enhancers (defaults merged with user)\n    let autoDefiner = null;\n    try {\n      const res = await __setupAutoDefinerAndEnhancers({\n        autoDefineBaseURL: derivedAutoDefineBaseURL,\n        autoDefinePreload:\n          (cfgAuto && Array.isArray(cfgAuto.predefine) && cfgAuto.predefine) ||\n          [],\n        autoDefineMapper:\n          (cfgAuto && typeof cfgAuto.mapper === \"function\" && cfgAuto.mapper) ||\n          null,\n        enhancers: userEnhancers,\n        autoDefineOverrides: cfgAuto || null,\n        autoDefinePreferModule: !(cfgAuto && cfgAuto.baseURL),\n      });\n      autoDefiner = res.autoDefiner;\n    } catch (error) {\n      generatorConfig?.log?.(\"error\", \"\u274C Failed to initialize AutoDefiner/Enhancers:\", error);\n    }\n\n    // Determine resolved config to expose (generator stores input as options)\n    const resolvedConfig = generator?.options || generatorConfig;\n\n    // Expose current config as frozen read-only on PDS, preserving input shape\n    // Strip functions before cloning to avoid DataCloneError\n    const cloneableConfig = __stripFunctions(config);\n    PDS.currentConfig = Object.freeze({\n      mode: \"live\",\n      ...structuredClone(cloneableConfig),\n      design: structuredClone(normalized.generatorConfig.design),\n      preset: normalized.generatorConfig.preset,\n      theme: resolvedTheme,\n    });\n\n    // Emit event to notify that PDS is ready (unified)\n    __emitPDSReady({\n      mode: \"live\",\n      generator,\n      config: resolvedConfig,\n      theme: resolvedTheme,\n      autoDefiner,\n    });\n\n    return {\n      generator,\n      config: resolvedConfig,\n      theme: resolvedTheme,\n      autoDefiner,\n    };\n  } catch (error) {\n    // Emit error event\n    PDS.dispatchEvent(\n      new CustomEvent(\"pds:error\", {\n        detail: { error },\n      })\n    );\n    throw error;\n  }\n}\n\n/**\n * Start PDS given a unified configuration and an explicit mode.\n *\n * @param {object} config - Unified configuration\n * @param {('live'|'static')} [config.mode='live'] - Runtime mode selector\n * @returns {Promise<any>} Live returns { generator, config, theme, autoDefiner }; Static returns { config, theme, autoDefiner }\n */\nasync function start(config) {\n  const mode = (config && config.mode) || \"live\";\n  const { mode: _omit, ...rest } = config || {};\n  if (mode === \"static\") return staticInit(rest);\n  return live(rest);\n}\n\n/** Primary unified entry point */\nPDS.start = start;\n\n\n/**\n * Initialize PDS in static mode with the same unified configuration shape as live mode.\n *\n * Shape:\n * PDS.start({\n *   mode: 'static',\n *   preset?: string,\n *   design?: object,\n *   autoDefine?: {\n *     baseURL?: string,\n *     predefine?: string[],\n *     mapper?: (tag:string)=>string,\n *     // plus any AutoDefiner flags\n *   },\n *   // static/runtime flags (optional)\n *   applyGlobalStyles?: boolean,\n *   manageTheme?: boolean,\n *   themeStorageKey?: string,\n *   staticPaths?: Record<string,string>\n * })\n */\nasync function staticInit(config) {\n  if (!config || typeof config !== \"object\") {\n    throw new Error(\n      \"PDS.start({ mode: 'static', ... }) requires a valid configuration object\"\n    );\n  }\n\n  const applyGlobalStyles = config.applyGlobalStyles ?? true;\n  const manageTheme = config.manageTheme ?? true;\n  const themeStorageKey = config.themeStorageKey ?? \"pure-ds-theme\";\n  let staticPaths = config.staticPaths ?? {};\n  const assetRootURL = __resolveRuntimeAssetRoot(config);\n  const cfgAuto = (config && config.autoDefine) || null;\n  let autoDefineBaseURL;\n  if (cfgAuto && cfgAuto.baseURL) {\n    autoDefineBaseURL = __ensureTrailingSlash(\n      __ensureAbsoluteAssetURL(cfgAuto.baseURL, { preferModule: false })\n    );\n  } else {\n    autoDefineBaseURL = `${assetRootURL}components/`;\n  }\n  const autoDefinePreload =\n    (cfgAuto && Array.isArray(cfgAuto.predefine) && cfgAuto.predefine) || [];\n  const autoDefineMapper =\n    (cfgAuto && typeof cfgAuto.mapper === \"function\" && cfgAuto.mapper) || null;\n\n  try {\n    // 1) Theme\n    const { resolvedTheme } = __resolveThemeAndApply({\n      manageTheme,\n      themeStorageKey,\n    });\n\n    // Normalize first-arg to allow { preset, design, enhancers }\n    const normalized = __normalizeInitConfig(config, {});\n    const userEnhancers = normalized.enhancers;\n\n    // 2) Derive static asset URLs from the normalized public root\n    const baseStaticPaths = {\n      tokens: `${assetRootURL}styles/pds-tokens.css.js`,\n      primitives: `${assetRootURL}styles/pds-primitives.css.js`,\n      components: `${assetRootURL}styles/pds-components.css.js`,\n      utilities: `${assetRootURL}styles/pds-utilities.css.js`,\n      styles: `${assetRootURL}styles/pds-styles.css.js`,\n    };\n    staticPaths = { ...baseStaticPaths, ...staticPaths };\n\n    // 3) Static mode registry\n    PDS.registry.setStaticMode(staticPaths);\n\n    // 4) Apply global static styles if requested\n    if (applyGlobalStyles && typeof document !== \"undefined\") {\n      try {\n        // Always adopt from exported css.js modules so static mode loads from JS exports\n        const stylesSheet = await PDS.registry.getStylesheet(\"styles\");\n        if (stylesSheet) {\n          // Tag and adopt alongside existing non-PDS sheets\n          stylesSheet._pds = true;\n          const others = (document.adoptedStyleSheets || []).filter(\n            (s) => s._pds !== true\n          );\n          document.adoptedStyleSheets = [...others, stylesSheet];\n        }\n      } catch (e) {\n        // No config available in static mode, using console\n        console.warn(\"Failed to apply static styles:\", e);\n      }\n    }\n\n    // 5) AutoDefiner + Enhancers\n    let autoDefiner = null;\n    try {\n      const res = await __setupAutoDefinerAndEnhancers({\n        autoDefineBaseURL,\n        autoDefinePreload,\n        autoDefineMapper,\n        enhancers: userEnhancers,\n        autoDefineOverrides: cfgAuto || null,\n        autoDefinePreferModule: !(cfgAuto && cfgAuto.baseURL),\n      });\n      autoDefiner = res.autoDefiner;\n    } catch (error) {\n      // No config available in static mode, using console\n      console.error(\n        \"\u274C Failed to initialize AutoDefiner/Enhancers (static):\",\n        error\n      );\n    }\n\n    // Expose current config as frozen read-only on PDS, preserving input shape\n    // Strip functions before cloning to avoid DataCloneError\n    const cloneableConfig = __stripFunctions(config);\n    PDS.currentConfig = Object.freeze({\n      mode: \"static\",\n      ...structuredClone(cloneableConfig),\n      design: structuredClone(normalized.generatorConfig.design),\n      preset: normalized.generatorConfig.preset,\n      theme: resolvedTheme,\n    });\n\n    // 6) Emit ready event (unified)\n    __emitPDSReady({\n      mode: \"static\",\n      config: normalized.generatorConfig,\n      theme: resolvedTheme,\n      autoDefiner,\n    });\n    return {\n      config: normalized.generatorConfig,\n      theme: resolvedTheme,\n      autoDefiner,\n    };\n  } catch (error) {\n    PDS.dispatchEvent(new CustomEvent(\"pds:error\", { detail: { error } }));\n    throw error;\n  }\n}\n\n// Note: PDS.static is not exported. Use PDS.start({ mode: 'static', ... }).\n\n/**\n * Change the current theme programmatically.\n * This updates localStorage, the data-theme attribute, and regenerates styles if in live mode.\n *\n * @param {string} theme - Theme to apply: 'light', 'dark', or 'system'\n * @param {object} [options] - Optional settings\n * @param {string} [options.storageKey='pure-ds-theme'] - localStorage key for theme preference\n * @param {boolean} [options.persist=true] - Whether to save to localStorage\n * @returns {Promise<string>} The resolved theme ('light' or 'dark')\n */\nasync function setTheme(theme, options = {}) {\n  const { storageKey = \"pure-ds-theme\", persist = true } = options;\n\n  if (![\"light\", \"dark\", \"system\"].includes(theme)) {\n    throw new Error(\n      `Invalid theme \"${theme}\". Must be \"light\", \"dark\", or \"system\".`\n    );\n  }\n\n  if (typeof window === \"undefined\") {\n    return theme === \"system\" ? \"light\" : theme;\n  }\n\n  let resolvedTheme = theme;\n\n  // Resolve 'system' to actual preference\n  if (theme === \"system\") {\n    const prefersDark =\n      window.matchMedia &&\n      window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n    resolvedTheme = prefersDark ? \"dark\" : \"light\";\n  }\n\n  // Update data-theme attribute\n  document.documentElement.setAttribute(\"data-theme\", resolvedTheme);\n\n  // Persist to localStorage if requested\n  if (persist) {\n    localStorage.setItem(storageKey, theme);\n  }\n\n  // If we're in live mode, regenerate styles with new theme\n  if (PDS.registry.isLive && Generator.instance) {\n    try {\n      const currentGenerator = Generator.instance;\n      if (currentGenerator && currentGenerator.configure) {\n        // Update the generator's config with new theme\n        const newConfig = { ...currentGenerator.config, theme: resolvedTheme };\n        currentGenerator.configure(newConfig);\n\n        // Reapply styles\n        await PDS.Generator.applyStyles();\n      }\n    } catch (error) {\n      console.warn(\"Failed to update styles for new theme:\", error);\n    }\n  }\n\n  // Emit theme change event (unified)\n  PDS.dispatchEvent(\n    new CustomEvent(\"pds:theme:changed\", {\n      detail: {\n        theme: resolvedTheme,\n        requested: theme,\n        source: \"programmatic\",\n      },\n    })\n  );\n\n  return resolvedTheme;\n}\n\n/** Change the current theme programmatically */\nPDS.setTheme = setTheme;\n\n/**\n * Preload minimal CSS to prevent flash of unstyled content.\n * Call this BEFORE any DOM content is rendered for best results.\n * This is a lightweight alternative to full PDS.start({ mode: 'live' }) initialization.\n *\n * @param {object} config - Minimal PDS config (colors at minimum)\n * @param {object} [options] - Optional settings\n * @param {string} [options.theme] - Theme to generate for ('light', 'dark', or 'system')\n * @param {string[]} [options.layers=['tokens']] - Which CSS layers to preload\n * @returns {void}\n *\n * @example\n * ```html\n * <script type=\"module\">\n *   import { PDS } from 'pure-ds/pds-core';\n *   // Call immediately to prevent flash\n *   PDS.preloadCritical({ colors: { primary: '#007acc' } });\n * </script>\n * ```\n */\nfunction preloadCritical(config, options = {}) {\n  if (typeof window === \"undefined\" || !document.head || !config) {\n    return;\n  }\n\n  const { theme, layers = [\"tokens\"] } = options;\n\n  try {\n    // Resolve theme quickly\n    let resolvedTheme = theme || \"light\";\n    if (theme === \"system\" || !theme) {\n      const prefersDark =\n        window.matchMedia &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n      resolvedTheme = prefersDark ? \"dark\" : \"light\";\n    }\n\n    // Set theme attribute immediately\n    document.documentElement.setAttribute(\"data-theme\", resolvedTheme);\n\n    // Generate minimal CSS synchronously\n    // Normalize config to ensure design property exists\n    const tempConfig = config.design \n      ? { ...config, theme: resolvedTheme }\n      : { design: config, theme: resolvedTheme };\n    const tempGenerator = new PDS.Generator(tempConfig);\n\n    const criticalCSS = layers\n      .map((layer) => {\n        try {\n          return tempGenerator.css?.[layer] || \"\";\n        } catch (e) {\n          return \"\";\n        }\n      })\n      .filter((css) => css.trim())\n      .join(\"\\n\");\n\n    if (criticalCSS) {\n      // Remove any existing critical styles\n      const existing = document.head.querySelector(\"style[data-pds-preload]\");\n      if (existing) existing.remove();\n\n      // Inject immediately\n      const styleEl = document.createElement(\"style\");\n      styleEl.setAttribute(\"data-pds-preload\", \"\");\n      styleEl.textContent = criticalCSS;\n\n      // Insert as early as possible\n      document.head.insertBefore(styleEl, document.head.firstChild);\n    }\n  } catch (error) {\n    // Fail silently - better than blocking page load\n    // No config available in this context, using console\n    console.warn(\"PDS preload failed:\", error);\n  }\n}\n\n/** Preload minimal CSS to prevent flash of unstyled content */\nPDS.preloadCritical = preloadCritical;\n\n// Note: PDS object is not frozen to allow runtime properties like currentConfig\n// to be set during initialization. The config object itself is frozen for immutability.\n\nexport { PDS, validateDesign };\n", "let ctlNr = 1000;\n\n/**\n * Returns a contextual unique identifier with the given prefix\n * @param {String} prefix\n * @param {Number} radix\n * @returns { String} unique identifier\n */\nexport function getUniqueName(prefix = \"df\", radix = 16) {\n  return `${prefix}${(ctlNr++).toString(radix)}`;\n}\n\n/**\n * Generates an HTML NodeList by parsing the given HTML string\n * @param {String} html\n * @returns {NodeListOf<ChildNode>} DOM element\n */\nexport function parseHTML(html) {\n  return new DOMParser().parseFromString(html, \"text/html\").body.childNodes;\n}\n\n/**\n * Debounces events that occur repeatedly, such as resize and mousemove events.\n * @param {Function} fn\n */\nexport function debounce(fn) {\n  // This holds the requestAnimationFrame reference, so we can cancel it if we wish\n  let frame;\n\n  // The debounce function returns a new function that can receive a variable number of arguments\n  return (...params) => {\n    // If the frame variable has been defined, clear it now, and queue for next frame\n    if (frame) {\n      cancelAnimationFrame(frame);\n    }\n\n    // Queue our function call for the next frame\n    frame = requestAnimationFrame(() => {\n      // Call our function and pass any params we received\n      fn(...params);\n    });\n  };\n}\n\n/**\n * Throttles execution of any function\n * @param {Function} fn - Function to fire\n * @param {Number} timeoutMs - time in milliseconds to buffer all calls to fn.\n */\nexport function throttle(fn, timeoutMs = 100) {\n  let handle;\n  return function executedFunction(...args) {\n    const fire = () => {\n      clearTimeout(handle);\n      fn(...args);\n    };\n    clearTimeout(handle);\n    handle = setTimeout(fire, timeoutMs);\n  };\n}\n\n/**\n * Queues a call for when the main thread is free.\n * @param {Function} fn - the function to call\n */\nexport function enQueue(fn) {\n  setTimeout(fn, 0);\n}\n\n/**\n * Returns true if the given string is a valid URL.\n * @param {String} str\n * @returns { Boolean }\n */\nexport function isUrl(str) {\n  try {\n    if (typeof str !== \"string\") return false;\n    if (str.indexOf(\"\\n\") !== -1 || str.indexOf(\" \") !== -1) return false;\n    if (str.startsWith(\"#/\")) return false;\n    const newUrl = new URL(str, window.location.origin);\n    return newUrl.protocol === \"http:\" || newUrl.protocol === \"https:\";\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Opens a window and returns the handle.\n * @param {String} url\n * @param {Number} width\n * @param {Number} height\n * @returns window handle reference\n */\nexport function openCenteredWindow(url, width, height) {\n  const left = window.screen.width / 2 - width / 2;\n  const top = window.screen.height / 2 - height / 2;\n  return window.open(\n    url,\n    \"\",\n    `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=${width}, height=${height}, top=${top}, left=${left}`\n  );\n}\n\n/**\n * Input Template.\n * @type {string}\n */\nconst inputTemplate = /*html*/ `\n<label>\n  <span data-label></span>\n  <span class=\"placeholder\"></span>\n</label>`;\n\n/**\n * Enhance inputs having data-label attribute.\n *\n * @param {HTMLElement|Document|null} root On which root element we should apply it.\n */\nexport function enhanceInputWithLabel(input) {\n  const labelText = input.getAttribute(\"data-label\") ?? \"\";\n  if (labelText.length) {\n    const label = parseHTML(inputTemplate)[0];\n    const type = input.getAttribute(\"type\") || \"text\";\n    input.insertAdjacentElement(\"beforebegin\", label);\n    label.querySelector(\".placeholder\").replaceWith(input);\n    label.querySelector(\"span[data-label]\").textContent = labelText;\n    input.removeAttribute(\"data-label\");\n    input.setAttribute(\"type\", type);\n  }\n\n  const icon = input.getAttribute(\"data-icon\") || \"\";\n  if (icon) {\n    const iconColor = input.getAttribute(\"data-icon-color\") || \"\";\n    const iconSize = input.getAttribute(\"data-icon-size\") || \"\";\n    const iconHtml = /*html*/ `<svg-icon icon=\"${icon}\" color=\"${iconColor}\" size=\"${iconSize}\"></svg-icon>`;\n    input.insertAdjacentElement(\"afterend\", parseHTML(iconHtml)[0]);\n  }\n}\n\nlet uniqueNavId;\n/**\n * Enhances a <nav data-dropdown><button></button><menu></menu></nav> structure\n * to become a dropdown button.\n * @param {HTMLElement} nav\n * @returns {String} return value indicating the enhancement has been applied.\n */\nexport function enhanceNavDropdownButton(nav) {\n  const button = nav.querySelector(\"button\");\n  if (button.textContent.trim().length === 0) {\n    const span = document.createElement(\"span\");\n    span.innerHTML = \"&nbsp;\";\n    span.setAttribute(\"data-label\", \"\");\n    span.setAttribute(\"hidden\", \"\");\n    button.appendChild(span);\n  }\n  const menu = nav.querySelector(\"menu\");\n  menu.setAttribute(\"role\", \"menu\");\n  menu.setAttribute(\"hidden\", \"\");\n\n  uniqueNavId = getUniqueName(\"nav\");\n\n  nav.setAttribute(\"aria-controls\", uniqueNavId);\n  nav.setAttribute(\"aria-haspopup\", \"true\");\n  nav.setAttribute(\"aria-expanded\", \"false\");\n  menu.setAttribute(\"id\", uniqueNavId);\n  [...menu.children].forEach((li) => {\n    li.setAttribute(\"role\", \"menuitem\");\n  });\n\n  button.addEventListener(\"click\", () => {\n    const hidden = menu.hasAttribute(\"hidden\");\n    if (hidden) {\n      menu.removeAttribute(\"hidden\");\n\n      setTimeout(() => {\n        document.addEventListener(\n          \"click\",\n          (e) => {\n            if (!nav.contains(e.target)) button.click();\n          },\n          {\n            once: true,\n          }\n        );\n      }, 100);\n    } else menu.setAttribute(\"hidden\", \"\");\n  });\n  return \"nav\";\n}\n\n/**\n * Returns a string that displays the element in a CSS-type,\n * readable way, following CSS selector syntax.\n * @param {HTMLElement} element\n * @returns {String} human readable string that identifies the element.\n */\nexport function getElementSelector(element) {\n  const id = element.id ? \"#\" + element.id : \"\";\n  let cls = [...element.classList].join(\".\");\n  if (cls) cls = \".\" + cls;\n  return `${element.nodeName.toLowerCase()}${id}${cls}`;\n}\n\n/**\n * Enhances a regular grid to become a masonry grid\n * @param {HTMLElement} element\n */\nexport function enhanceMasonryGrid(element) {\n  element.style.setProperty(\"grid-auto-rows\", \"20px\");\n\n  addStyleSheet(/*css*/ `\n    .masonry {\n      opacity: 0;\n    }\n\n    .masonry-applied {\n      opacity: 1;\n      transition: opacity .2s ease\n    }\n    `);\n\n  const resizeGridItem = (item) => {\n    const rowHeight = parseInt(\n      window.getComputedStyle(element).getPropertyValue(\"grid-auto-rows\")\n    );\n    const rowGap = parseInt(\n      window.getComputedStyle(element).getPropertyValue(\"grid-row-gap\")\n    );\n    const content = item.querySelector(\":scope > *\") ?? item;\n    const rowSpan = Math.ceil(\n      (content.getBoundingClientRect().height + rowGap) / (rowHeight + rowGap)\n    );\n    item.style.gridRowEnd = \"span \" + rowSpan;\n  };\n\n  const resizeAllGridItems = () => {\n    try {\n      element.classList.remove(\"masonry-applied\");\n      for (const item of element.children) resizeGridItem(item);\n    } finally {\n      element.classList.add(\"masonry-applied\");\n    }\n  };\n\n  window.addEventListener(\"resize\", throttle(resizeAllGridItems, 100));\n  waitForImages(element).then(resizeAllGridItems);\n\n  return \"masonry\";\n}\n\n/**\n * Returns a Promise that resolves when all images in the given container have downloaded.\n */\nexport function waitForImages(container) {\n  const imgElements = container.querySelectorAll(\"img\");\n\n  const imgPromises = Array.from(imgElements).map((img) => {\n    return new Promise((resolve, reject) => {\n      const imgSrc = img.src;\n      const image = new Image();\n      image.onload = () => resolve(imgSrc);\n      image.onerror = (error) => reject(error);\n      image.src = imgSrc;\n    });\n  });\n  return Promise.all(imgPromises);\n}\n\n/**\n * Creates\n * @param {String} cssText\n * @returns {String} id of the style element\n */\nexport function addStyleSheet(cssText) {\n  const id = generateHash(cssText);\n  let styleElement = document.getElementById(id);\n  if (!styleElement) {\n    styleElement = document.createElement(\"style\");\n    styleElement.id = id;\n    styleElement.textContent = cssText;\n    document.querySelector(\"head\").appendChild(styleElement);\n  }\n  return id;\n}\n\n/**\n * Generates a hash that uniquely identifies a string\n * @param {String} str\n * @param {Number} seed\n * @returns {String }\n */\nexport function generateHash(str, seed = 0) {\n  let h1 = 0xdeadbeef ^ seed,\n    h2 = 0x41c6ce57 ^ seed;\n  for (let i = 0, ch; i < str.length; i++) {\n    ch = str.charCodeAt(i);\n    h1 = Math.imul(h1 ^ ch, 2654435761);\n    h2 = Math.imul(h2 ^ ch, 1597334677);\n  }\n  h1 =\n    Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^\n    Math.imul(h2 ^ (h2 >>> 13), 3266489909);\n  h2 =\n    Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^\n    Math.imul(h1 ^ (h1 >>> 13), 3266489909);\n  const hashNr = 4294967296 * (2097151 & h2) + (h1 >>> 0);\n  const radix = 16;\n  return `h${hashNr.toString(radix)}`;\n}\n\n/**\n * Enhance buttons with [data-prepend-icon] and [data-append-icon]\n * @param {HTMLButtonElement} button\n */\nexport function enhanceButtonWithIcon(button) {\n  [\"prepend\", \"append\"].forEach((position) => {\n    const icon = button.getAttribute(`data-${position}-icon`) ?? \"\";\n    if (icon) {\n      button.removeAttribute(`data-${position}-icon`);\n      button.classList.add(\"icon\", position === \"prepend\" ? \"left\" : \"right\");\n      const svgIcon = parseHTML(`<svg-icon icon=\"${icon}\"></svg-icon>`)[0];\n      button.insertBefore(svgIcon, button.childNodes[0]);\n    }\n    return \"icon-button\";\n  });\n}\n\n/**\n * Progressively enhances a range input into a social rating control\n * @param {HtmlElement} range input\n */\nexport function enhanceRangeStars(range) {\n  if (!(range instanceof HTMLInputElement) || range.type !== \"range\") return;\n\n  const inputTemplate = /*html*/ `<span class=\"stars-rating\">\n    <span class=\"placeholder\"></span>\n  </span>`;\n\n  range.classList.remove(\"stars-rating\");\n  const surroundingSpan = parseHTML(inputTemplate)[0];\n  range.insertAdjacentElement(\"beforebegin\", surroundingSpan);\n  surroundingSpan.querySelector(\".placeholder\").replaceWith(range);\n  range.max = range.max ?? 5;\n\n  range.id = range.id ?? getUniqueName();\n  surroundingSpan.style.setProperty(\"--max-value\", Number(range.max));\n\n  const output = parseHTML(\n    /*html*/ `<output for=\"${range.id}\" data-max=\"${range.max}\"></output>`\n  )[0];\n  surroundingSpan.appendChild(output);\n  const update = (value) => {\n    range.setAttribute(\"value\", value);\n    output.value = value;\n    output.setAttribute(\"data-stars\", \"\u2605\".repeat(parseInt(value)));\n  };\n  range.addEventListener(\"input\", (e) => {\n    update(e.target.value);\n  });\n\n  update(range.value);\n}\n\n/**\n * Gets a boolean value from a string or number\n * @param {Object} value\n * @returns { Boolean }\n */\nexport function toBoolean(value) {\n  if (typeof value === \"boolean\") return value;\n  if (typeof value === \"string\") return value.toLowerCase() === \"true\";\n  if (typeof value === \"number\") return value !== 0;\n  return false;\n}\n\n/**\n * Converts a CamelCased string to a string with individual words separated by spaces.\n * @param { String } text\n * @returns { String } converted string\n */\nexport function toWords(text) {\n  text = text.replace(/([A-Z])/g, \" $1\");\n  return text.charAt(0).toUpperCase() + text.slice(1);\n}\n\n/**\n * Converts kebab-case string into PascalCase\n * @param { String } text\n * @returns { String } CamelCased version of the input string\n */\nexport function kebabToPascal(text) {\n  return text\n    .split(\"-\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\"\");\n}\n", "import {\n  enQueue,\n  throttle,\n  isUrl,\n  openCenteredWindow,\n  parseHTML,\n} from \"./common\";\n\nconst cssClasses = {\n  result: \"ac-suggestion\",\n  item: \"ac-itm\",\n};\n\n/**\n * Generic Autocompletion class for enrichment of textboxes\n */\nexport class AutoComplete extends EventTarget {\n  constructor(parent, textInput, settings) {\n    super();\n    this.settings = {\n      emptyResultsText: \"\",\n      ...settings,\n    };\n    this.container = parent;\n    this.input = textInput;\n    this.input.setAttribute(\"autocomplete\", \"off\");\n    this.categories = settings.categories || {};\n    this.caches = new Map();\n\n    enQueue(this.attach.bind(this));\n  }\n\n  /**\n   * Connector logic to call on @focus events.\n   * Lit example:\n   * <input type=\"search\" @focus=${(e) => {AutoComplete.connect(e, this.autoComplete); }} />\n   *\n   * @param {*} event focus event\n   * @param {*} options AutoComplete options\n   */\n  static connect(event, options) {\n    const input = event.target;\n    if (!input._autoComplete) {\n      if (!options?.categories) throw Error(\"Missing autocomplete settings\");\n      input._autoComplete = new AutoComplete(input.parentNode, input, options);\n\n      if (event.type === \"focus\") {\n        setTimeout(() => {\n          input._autoComplete.focusHandler(event);\n        }, 100);\n      }\n    }\n    return input._autoComplete;\n  }\n\n  on(a, b) {\n    this.input.addEventListener(a, b);\n    return this;\n  }\n\n  attach() {\n    this.resultsDiv = document.createElement(\"div\");\n    this.resultsDiv.title = \"\"; // block\n    this.resultsDiv.classList.add(cssClasses.result);\n    \n    if(this.container.offsetWidth > 100)\n      this.resultsDiv.style.width = this.container.offsetWidth;\n\n    this.resultsDiv.addEventListener(\"mousedown\", this.resultClick.bind(this));\n    this.container.classList.add(\"ac-container\");\n    this.input.classList.add(\"ac-input\");\n    const inputStyle = getComputedStyle(this.input);\n    this.container.style.setProperty(\n      \"--ac-bg-default\",\n      inputStyle.backgroundColor\n    );\n    this.container.style.setProperty(\"--ac-color-default\", inputStyle.color);\n    const acc = getComputedStyle(this.input).accentColor;\n    if (acc !== \"auto\")\n      this.container.style.setProperty(\"--ac-accent-color\", acc);\n\n    (this.container?.shadowRoot ?? this.container).appendChild(this.resultsDiv);\n\n    this.controller().clear(\"attach\");\n\n    this.on(\n      \"input\",\n      throttle(\n        this.inputHandler.bind(this),\n        this.settings.throttleInputMs ?? 300\n      )\n    )\n      .on(\"focus\", this.focusHandler.bind(this))\n      .on(\"focusout\", this.blurHandler.bind(this))\n      .on(\"keyup\", this.keyUpHandler.bind(this))\n      .on(\"keydown\", this.keyDownHandler.bind(this));\n  }\n\n  controller() {\n    let c = this.internalController();\n\n    if (typeof this.settings.controller === \"function\")\n      c = this.settings.controller(this) ?? c;\n\n    return c;\n  }\n\n  internalController() {\n    return {\n      show: this.show.bind(this),\n      hide: this.hide.bind(this),\n      clear: this.clear.bind(this),\n      empty: () => {},\n    };\n  }\n\n  moveResult(add) {\n    this.controller().show();\n    let length = this.acItems.length;\n    this.rowIndex = this.rowIndex + add;\n\n    if (this.rowIndex <= 0) {\n      this.rowIndex = 0;\n    } else if (this.rowIndex > length - 1) {\n      this.rowIndex = 0;\n    }\n    for (const r of this.acItems) {\n      r.classList.remove(\"selected\");\n    }\n\n    let div = this.getSelectedDiv();\n    if (div) {\n      div.classList.add(\"selected\");\n      div.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n        inline: \"nearest\",\n      });\n    } else {\n      this.focusHandler({\n        target: this.input,\n      });\n    }\n  }\n\n  getSelectedDiv() {\n    return this.resultsDiv.querySelector(`div:nth-child(${this.rowIndex + 1})`);\n  }\n\n  // execute action\n  selectResult(div) {\n    div = div || this.getSelectedDiv();\n\n    if (div) {\n      let index = parseInt(div.getAttribute(\"data-index\"));\n      this.resultClicked = true;\n      let result = this.results[index];\n\n      let handlingCategory = this.categories[result.category] ?? {};\n      handlingCategory.action =\n        handlingCategory.action ?? this.setText.bind(this);\n\n      if (handlingCategory.newTab) {\n        this.tabWindow = openCenteredWindow(\"about:blank\");\n      }\n\n      let options = {\n        ...result,\n        search: this.input.value,\n      };\n\n      div.classList.add(\"ac-active\");\n\n      setTimeout(() => {\n        this.controller().hide(\"result-selected\");\n\n        if (options.action) {\n          options.action(options);\n        } else {\n          handlingCategory.action(options);\n          if (handlingCategory.newTab) {\n            if (options.url) {\n              this.tabWindow.location.href = options.url;\n            } else {\n              this.tabWindow.close();\n            }\n          }\n        }\n        var event = new Event(\"change\", { bubbles: true });\n        this.input.dispatchEvent(event);\n\n        this.controller().clear(\"result-selected\");\n\n        const ev = new Event(\"result-selected\");\n        ev.detail = options;\n        this.input.dispatchEvent(ev);\n      }, 0);\n    }\n  }\n\n  setText(options) {\n    if (this.container.autoCompleteInput) {\n      //this.control.autoCompleteInput.value = options.text;\n    } else {\n      this.container.value = options.text;\n    }\n    this.controller().hide(\"settext\");\n  }\n\n  resultClick(event) {\n    this.selectResult(event.target.closest(`.${cssClasses.item}`));\n  }\n\n  blurHandler() {\n    setTimeout(() => {\n      if (!this.resultClicked) this.controller().clear(\"blurred\");\n\n      this.resultClicked = false;\n    }, 100);\n  }\n\n  clear() {\n    if (this.settings.debug) return;\n\n    if (!this.resultsDiv) return;\n    this.resultsDiv.innerHTML = \"\";\n    this.controller().hide(\"clear\");\n\n    if (this.cacheTmr) clearTimeout(this.cacheTmr);\n\n    this.cacheTmr = setTimeout(() => {\n      this.caches.clear();\n    }, 60 * 1000 * 5); // 5 minutes\n  }\n\n  show() {\n    // check dropDown/dropUp\n\n    if (!this.resultsDiv.classList.contains(\"ac-active\")) {\n      const viewBounds = this.getViewBounds();\n\n      this.resultsDiv.style.position = \"absolute\";\n\n      if(viewBounds.rect.width > 100)\n        this.resultsDiv.style.width = `${viewBounds.rect.width}px`;\n\n      this.settings.direction = this.settings.direction ?? viewBounds.suggestedDirection;\n      this.resultsDiv.setAttribute(\"data-direction\", this.settings.direction);\n\n      if (this.settings.direction === \"up\") {\n        this.resultsDiv.style.top = \"unset\";\n        this.resultsDiv.style.bottom = `${viewBounds.rect.height + 20}px`;\n        this.rowIndex = this.acItems.length;\n      } else {\n        this.resultsDiv.style.bottom = \"unset\";\n        this.resultsDiv.style.top = `${viewBounds.rect.height}px`;\n        this.rowIndex = -1;\n      }\n      this.resultsDiv.style.maxWidth = \"unset\";\n      this.resultsDiv.classList.toggle(\"ac-active\", true);\n    }\n  }\n\n  getViewBounds() {\n    const rect = this.input.getBoundingClientRect();\n\n    return {\n      rect,\n      suggestedDirection:\n        rect.top + rect.height + 500 > window.innerHeight ? \"up\" : \"down\",\n    };\n  }\n\n  hide() {\n    this.resultsDiv.classList.toggle(\"ac-active\", false);\n  }\n\n  empty() {\n    this.resultsDiv.innerHTML = `<div class=\"ac-empty\">${this.settings.emptyResultsText}</div>`;\n    this.controller().show();\n  }\n\n  inputHandler(e) {\n    if (this.cacheTmr) clearTimeout(this.cacheTmr);\n\n    let options = {\n      search: e.target.value,\n      categories: this.categories,\n    };\n\n    this.container.classList.add(\"search-running\");\n\n    this.getItems(options, e).then((r) => {\n      this.controller().clear(\"new-results\");\n      this.resultsHandler(r, options);\n      this.container.classList.remove(\"search-running\");\n    });\n  }\n\n  keyDownHandler(e) {\n    switch (e.key) {\n      case \"Enter\":\n        e.stopPropagation();\n        e.preventDefault();\n        break;\n      case \"ArrowDown\":\n        enQueue(this.moveResult(1));\n        break;\n      case \"ArrowUp\":\n        enQueue(this.moveResult(-1));\n        break;\n    }\n  }\n\n  keyUpHandler(e) {\n    switch (e.key) {\n      case \"Escape\":\n        this.controller().hide(\"escape\");\n        break;\n      case \"Enter\":\n        if (this.getSelectedDiv()) {\n          this.container.preventEnter = true;\n          e.stopPropagation();\n          e.preventDefault();\n          this.selectResult();\n          setTimeout(() => {\n            this.container.preventEnter = false;\n          }, 10);\n        }\n\n        break;\n      default:\n        //this.toggle();\n        break;\n    }\n  }\n\n  focusHandler(e) {\n    this.controller().clear(\"focus\");\n    let value = e.target.value;\n    this.suggest(value, e);\n  }\n\n  /**\n   * Shows suggestion box\n   * @param {string} value - String to suggest results for\n   */\n  suggest(value, e) {\n    this.input.focus();\n\n    const options = {\n      suggest: true,\n      search: value || \"\",\n      categories: this.categories,\n    };\n    this.getItems(options, e).then((r) => {\n      this.input.dispatchEvent(\n        new CustomEvent(\"show-results\", {\n          detail: {\n            results: r,\n          },\n        })\n      );\n\n      this.resultsHandler(r, options);\n    });\n  }\n\n  // Sort results based on static (integer) or dynamic (function) sortIndex in category.\n  sort(r, options) {\n    return r.sort((a, b) => {\n      const aCat = options.categories[a.category];\n      const bCat = options.categories[b.category];\n      const aIndex =\n        typeof aCat.sortIndex === \"function\"\n          ? aCat.sortIndex(options)\n          : aCat.sortIndex ?? 0;\n      const bIndex =\n        typeof bCat.sortIndex === \"function\"\n          ? bCat.sortIndex(options)\n          : bCat.sortIndex ?? 0;\n      return bIndex > aIndex ? 1 : -1;\n    });\n  }\n\n  resultsHandler(r, options) {\n    this.results = r;\n    this.rowIndex = -1;\n    let index = 0;\n\n    const singleItemTemplate = (catHandler, i) => {\n      return /*html*/ `\n      <div title=\"${i.tooltip || \"\"}\" data-index=\"${index}\" class=\"${`${\n        cssClasses.item\n      } cat-${i.category} ${i.class ?? \"\"}`.trim()}\">\n        ${this.handleImageOrIcon(i)}\n        <span class=\"text\">${this.formatResultItem(\n          i,\n          options,\n          catHandler\n        )}</span>\n        ${\n          !this.settings.hideCategory\n            ? `<span class=\"category\">${i.category || \"\"}</span>`\n            : \"\"\n        }\n      </div>`;\n    };\n\n    r.forEach((i) => {\n      let catHandler = options.categories[i.category] || {};\n      if (i.element) {\n        this.resultsDiv.appendChild(i.element);\n      } else {\n        i = typeof i === \"string\" ? { text: i } : i;\n        this.resultsDiv.appendChild(\n          parseHTML(singleItemTemplate(catHandler, i))[0]\n        );\n      }\n\n      index++;\n    });\n    if (r.length) {\n      this.acItems = this.resultsDiv.querySelectorAll(\".ac-itm\");\n      this.controller().show();\n    } else if (options.search.length) this.controller().empty();\n  }\n\n  handleImageOrIcon(i) {\n    if (i.image) {\n      return /*html*/ `<img src=\"${i.image}\"/>`;\n    }\n\n    if(typeof(this.settings.iconHandler) === \"function\") \n      return this.settings.iconHandler(i);\n\n    return /*html*/ `<svg-icon icon=\"${i.icon}\"></svg-icon>`;\n  }\n\n  formatResultItem(item, options, catHandler) {\n    const i = typeof item === \"string\" ? { text: item } : item;\n    let result = i.text;\n\n    if (options.search) {\n      result = result.replace(\"%search%\", options.search);\n      i.description = i.description?.replace(\"%search%\", options.search);\n    }\n\n    result = this.highlight(result, options.search);\n\n    if (i.description) {\n      result = `<div>${result}</div><small>${i.description}</small>`;\n    }\n\n    if (catHandler.format) {\n      result = catHandler.format({\n        item: i,\n        result: result,\n        options: options,\n      });\n    }\n    return result;\n  }\n\n  highlight(str, find) {\n    var reg = new RegExp(\"(\" + find + \")\", \"gi\");\n    return str.replace(reg, '<span class=\"txt-hl\">$1</span>');\n  }\n\n  async getItems(options, e) {\n    if (this.aborter) {\n      this.aborter.abort();\n    }\n\n    let cache = this.caches.get(options.search);\n    if (cache) return cache;\n\n    const prop = this.settings.map;\n\n    const normalizeItem = (i) => {\n      if (typeof i === \"string\") i = { text: i };\n\n      return i;\n    };\n\n    const map = (list) => {\n      if (!prop) {\n        return list.map((i) => {\n          return normalizeItem(i);\n        });\n      }\n      return list.map((i) => {\n        return { text: i[prop] };\n      });\n    };\n\n    const max = (list) => {\n      if (this.settings.max && this.settings.max > 0) {\n        list.length = this.settings.max;\n      }\n      return list;\n    };\n\n    // Create a new AbortController instance\n    this.aborter = new AbortController();\n    this.aborterSignal = this.aborter.signal;\n\n    return new Promise((resolve) => {\n      const internalResolve = (data) => {\n        data = this.sort(data, options);\n\n        if (this.settings.cache !== false)\n          this.caches.set(options.search, data);\n\n        resolve(data);\n      };\n\n      if (isUrl(this.items)) {\n        if (this.settings.minlength > 0) {\n          if (\n            !options.search ||\n            options.search.length < this.settings.minlength\n          ) {\n            internalResolve([]);\n            return;\n          }\n        }\n        let url = this.formatSearch(this.items, options);\n        fetch(url).then((x) => {\n          if (x.status === 200) {\n            x.json().then((items) => {\n              items = map(items);\n\n              internalResolve(\n                max(\n                  items.filter((i) => {\n                    return this.isMatch(options, i);\n                  })\n                )\n              );\n            });\n            return;\n          }\n          throw Error(`HTTP error ${x.status} - ${url}`);\n        });\n      } else if (Array.isArray(this.items)) {\n        let simple = true;\n\n        this.items = this.items.map((i) => {\n          if (typeof i === \"string\") {\n            return { text: i };\n          }\n          simple = false;\n          return i;\n        });\n        if (simple) {\n          this.container.classList.add(\"simple\");\n        }\n        internalResolve(max(map(this.items)));\n      } else if (typeof this.items === \"function\") {\n        options.control = this.container;\n        let ar = Promise.resolve(this.items(options, e));\n        ar.then((ar) => {\n          ar = ar.map((i) => {\n            return normalizeItem(i);\n          });\n\n          ar = map(ar);\n\n          internalResolve(ar);\n        });\n      } else {\n        return internalResolve(\n          Promise.resolve(this.items.apply(this, options))\n        );\n      }\n    });\n  }\n\n  async items(options) {\n    let arr = [];\n    options.results = [];\n    options.signal = this.aborterSignal;\n\n    for (var c in options.categories) {\n      let catHandler = options.categories[c];\n      catHandler.trigger =\n        catHandler.trigger ??\n        (() => {\n          return true;\n        });\n      options.results = arr;\n\n      if (catHandler.trigger(options)) {\n        let catResults = [];\n        try {\n          catResults = await catHandler.getItems(options);\n        } catch (ex) {\n          console.warn(`Error loading items for omniBox category '${c}'.`, ex);\n        }\n\n        arr = arr.concat(\n          catResults.map((i) => {\n            i.category = c;\n            return i;\n          })\n        );\n      }\n    }\n\n    return arr;\n  }\n\n  formatSearch(url, options) {\n    if (url.indexOf(\"%search%\")) {\n      return url.replace(\"%search%\", options.search || \"\");\n    }\n\n    return url + \"?\" + this.createQueryParam(options);\n  }\n\n  createQueryParam(options) {\n    let suggest = options.suggest ? \"&suggest=true\" : \"\";\n    return `q=${options.text}${suggest}`;\n  }\n\n  isMatch(options, i) {\n    if (i.text?.indexOf(\"%search%\") >= 0) return true;\n\n    return options.search\n      ? i.text?.toLowerCase().indexOf(options.search.toLowerCase()) >= 0\n      : options.suggest;\n  }\n\n  static textFilter(options, propertyName) {\n    return function (i) {\n      if (!options.search) return true;\n\n      if (i.hidden) return false;\n\n      const prop = propertyName ? i[propertyName] : i;\n      const isMatch = prop.match(new RegExp(options.search, \"gi\"));\n\n      if (isMatch) return isMatch;\n\n      if (i.config?.tags) {\n        return i.config.tags.some((tag) => {\n          return tag.match(new RegExp(options.search, \"gi\"));\n        });\n      }\n    };\n  }\n}\n", "/**\r\n * Convert a raw PDS token object into a Figma-friendly token structure.\r\n *\r\n * - Input:  your PDS JSON (colors, spacing, radius, typography, shadows, layout, transitions, zIndex, icons, ...)\r\n * - Output: deeply equivalent tree where every primitive leaf becomes:\r\n *           { value: ..., type: \"color\" | \"dimension\" | \"fontSize\" | ... }\r\n *\r\n * This targets Figma / Dev Mode / Tokens Studio style where:\r\n *   - leaf tokens have `value` and `type`\r\n *   - groups remain nested\r\n */\r\nexport function figmafyTokens(rawTokens) {\r\n  function detectType(path, key, value) {\r\n    const root = path[0];\r\n\r\n    // 1) Root-level heuristics\r\n    if (root === \"colors\") {\r\n      // Treat scheme as mode string, not color\r\n      if (key === \"scheme\") return \"string\";\r\n      return \"color\";\r\n    }\r\n\r\n    if (root === \"spacing\" || root === \"radius\" || root === \"borderWidths\") {\r\n      return \"dimension\";\r\n    }\r\n\r\n    if (root === \"typography\") {\r\n      const group = path[1];\r\n      if (group === \"fontFamily\") return \"fontFamily\";\r\n      if (group === \"fontSize\") return \"fontSize\";\r\n      if (group === \"fontWeight\") return \"fontWeight\";\r\n      if (group === \"lineHeight\") return \"lineHeight\";\r\n      return \"string\";\r\n    }\r\n\r\n    if (root === \"shadows\") {\r\n      return \"shadow\";\r\n    }\r\n\r\n    if (root === \"layout\") {\r\n      // maxWidth, breakpoints, pageMargin, etc. \u2192 dimensions\r\n      return \"dimension\";\r\n    }\r\n\r\n    if (root === \"transitions\") {\r\n      // e.g. \"90ms\"\r\n      return \"duration\";\r\n    }\r\n\r\n    if (root === \"zIndex\") {\r\n      // dropdown, modal, etc.\r\n      return \"number\";\r\n    }\r\n\r\n    if (root === \"icons\") {\r\n      // defaultSize & sizes.* are dimensions, the rest config strings\r\n      if (key === \"defaultSize\" || path.includes(\"sizes\")) {\r\n        return \"dimension\";\r\n      }\r\n      return \"string\";\r\n    }\r\n\r\n    // 2) Generic heuristics (fallbacks)\r\n    if (typeof value === \"number\") {\r\n      return \"number\";\r\n    }\r\n\r\n    if (typeof value === \"string\") {\r\n      // duration: \"150ms\"\r\n      if (/^\\d+(\\.\\d+)?ms$/.test(value)) return \"duration\";\r\n\r\n      // dimension: \"16px\", \"1.5rem\", \"100%\", etc.\r\n      if (/^\\d+(\\.\\d+)?(px|rem|em|vh|vw|%)$/.test(value)) return \"dimension\";\r\n\r\n      // color: hex, rgb/rgba/hsl/hsla/oklab/etc.\r\n      if (\r\n        /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(value) ||\r\n        /^(rgb|rgba|hsl|hsla|oklab|lab)\\(/.test(value)\r\n      ) {\r\n        return \"color\";\r\n      }\r\n    }\r\n\r\n    // If we don't know, leave it typeless so tools can decide\r\n    return undefined;\r\n  }\r\n\r\n  function isPlainObject(x) {\r\n    return x !== null && typeof x === \"object\" && !Array.isArray(x);\r\n  }\r\n\r\n  function walk(node, path = []) {\r\n    if (node == null) return node;\r\n\r\n    // Arrays: map recursively (rare in your current structure, but safe)\r\n    if (Array.isArray(node)) {\r\n      return node.map((item, index) => walk(item, path.concat(String(index))));\r\n    }\r\n\r\n    // Objects: either a nested group or already a token\r\n    if (isPlainObject(node)) {\r\n      // If it already looks like a token leaf, keep it as-is\r\n      if (\r\n        Object.prototype.hasOwnProperty.call(node, \"value\") &&\r\n        (Object.prototype.hasOwnProperty.call(node, \"type\") ||\r\n          Object.keys(node).length === 1)\r\n      ) {\r\n        return node;\r\n      }\r\n\r\n      const result = {};\r\n      for (const [key, value] of Object.entries(node)) {\r\n        result[key] = walk(value, path.concat(key));\r\n      }\r\n      return result;\r\n    }\r\n\r\n    // Primitive leaf \u2192 convert to { value, type? }\r\n    const key = path[path.length - 1] ?? \"\";\r\n    const type = detectType(path, key, node);\r\n\r\n    let value = node;\r\n\r\n    // Normalize numbers for zIndex & other numeric tokens\r\n    if (type === \"number\" && typeof value === \"string\") {\r\n      const num = Number(value);\r\n      if (!Number.isNaN(num)) {\r\n        value = num;\r\n      }\r\n    }\r\n\r\n    // Return leaf token\r\n    if (type) {\r\n      return { value, type };\r\n    }\r\n    return { value };\r\n  }\r\n\r\n  return walk(rawTokens, []);\r\n}\r\n\r\n/*\r\nUsage example:\r\n\r\nimport { figmafyTokens } from './figmafyTokens.mjs';\r\nimport rawPdsTokens from './design-tokens.pds.json' assert { type: 'json' };\r\n\r\nconst figmaTokens = figmafyTokens(rawPdsTokens);\r\n\r\n// Now:\r\n/// - write figmaTokens to design-tokens.figma.json\r\n/// - or feed it directly to Tokens Studio / Figma Dev Mode tooling.\r\n*/\r\n", "import { LitElement, html, nothing } from \"../../../src/js/lit.js\";\n//import { config } from \"../config\";\nimport { Generator } from \"../../../src/js/pds-core/pds-generator.js\";\nimport { presets } from \"../../../src/js/pds-core/pds-config.js\";\nimport { PDS, validateDesign } from \"../../../src/js/pds.js\";\nimport { deepMerge } from \"../../../src/js/common/common.js\";\nimport { loadTypographyFonts } from \"../../../src/js/common/font-loader.js\";\nimport { AutoComplete } from \"pure-web/ac\";\nimport { figmafyTokens } from \"./figma-export.js\";\nconst STORAGE_KEY = \"pure-ds-config\";\n\n\n\nasync function toast(message, options = {}) {\n  let toaster = document.querySelector(\"#global-toaster\");\n  if (!toaster) {\n    toaster = document.createElement(\"pds-toaster\");\n    toaster.id = \"global-toaster\";\n    document.body.appendChild(toaster);\n    await customElements.whenDefined(\"pds-toaster\");\n  }\n\n  return toaster.toast(message, options);\n}\n\ncustomElements.define(\n  \"pds-config-form\",\n  class extends LitElement {\n    #tmr;\n    #lastDesignEmit = 0;\n    #scheduledDesignEmit = null;\n    #scheduledApply = null;\n    #designEmitDelay = 500; // ms throttle\n\n    static properties = {\n      config: { type: Object, state: true },\n      schema: { type: Object, state: true },\n      mode: { type: String },\n      inspectorMode: { type: Boolean, state: true },\n      formValues: { type: Object, state: true }, // Filtered values for the form\n      validationIssues: { type: Array, state: true }, // Accessibility/design issues from PDS.validateDesign\n      formKey: { type: Number, state: true }, // Force form re-render\n      showInspector: { type: Boolean, attribute: \"show-inspector\" }, // Show/hide Code Inspector button\n      showPresetSelector: { type: Boolean, attribute: \"show-preset-selector\" }, // Show/hide Preset selector\n      showThemeSelector: { type: Boolean, attribute: \"show-theme-selector\" }, // Show/hide Theme selector\n    };\n\n    createRenderRoot() {\n      return this; // Disable shadow DOM\n    }\n\n    connectedCallback() {\n      super.connectedCallback();\n      this.formKey = 0;\n      this._validationToastId = null;\n\n      this.mode = \"simple\";\n      this.inspectorMode = false;\n\n      // Boolean attributes: when present they're true, when absent they're false\n      // No need to set defaults - Lit handles boolean attributes correctly\n\n      this.config = this.loadConfig();\n\n      // Listen for inspector deactivation requests from the unified PDS bus\n      this._inspectorDeactivateHandler = () => {\n        if (this.inspectorMode) {\n          this.inspectorMode = false;\n          this.dispatchInspectorModeChange();\n        }\n      };\n      PDS.addEventListener(\n        \"pds:inspector:deactivate\",\n        this._inspectorDeactivateHandler\n      );\n\n      // Let PDS manage the theme: apply the resolved theme and enable system listener\n      try {\n        PDS._applyResolvedTheme(PDS.theme);\n        PDS._setupSystemListenerIfNeeded(PDS.theme);\n      } catch (ex) {\n        /* ignore if document not available or other errors */\n      }\n\n      this.updateForm();\n\n      // Apply host-level CSS variable overrides from the default design config\n      // so the designer UI doesn't visually change when user edits are applied\n      // elsewhere (these variables remain fixed for the designer element).\n      this.applyDefaultHostVariables();\n      // Defer initial validation until after the form has rendered\n      this._initialValidationScheduled = false;\n      this._loadingToastShown = false;\n    }\n\n    disconnectedCallback() {\n      super.disconnectedCallback();\n      if (this._inspectorDeactivateHandler) {\n        PDS.removeEventListener(\n          \"pds:inspector:deactivate\",\n          this._inspectorDeactivateHandler\n        );\n        this._inspectorDeactivateHandler = null;\n      }\n    }\n\n    /**\n     * Apply CSS custom properties to the designer host derived from\n     * the default preset. This locks spacing and typography variables\n     * for the configurator UI so it remains stable while editing.\n     */\n    applyDefaultHostVariables() {\n      try {\n        const baseConfig = structuredClone(presets.default);\n        const tmpDesigner = new Generator({ design: baseConfig });\n\n        // Spacing tokens (keys are numeric strings 1..N)\n        const spacing = tmpDesigner.generateSpacingTokens(\n          baseConfig.spatialRhythm || {}\n        );\n        Object.entries(spacing).forEach(([key, val]) => {\n          try {\n            this.style.setProperty(`--spacing-${key}`, val);\n          } catch (e) {\n            /* ignore per-property failures */\n          }\n        });\n\n        // Also expose base unit explicitly (px) so consumers can read it directly\n        const baseUnitValue =\n          (baseConfig.spatialRhythm && baseConfig.spatialRhythm.baseUnit) || 16;\n        this.style.setProperty(\"--base-unit\", `${baseUnitValue}px`);\n\n        // Typography tokens\n        const typography = tmpDesigner.generateTypographyTokens(\n          baseConfig.typography || {}\n        );\n        if (typography.fontSize) {\n          Object.entries(typography.fontSize).forEach(([k, v]) => {\n            this.style.setProperty(`--font-size-${k}`, v);\n          });\n        }\n        // Also expose the numeric baseFontSize explicitly\n        const baseFontSizeValue =\n          (baseConfig.typography && baseConfig.typography.baseFontSize) || 16;\n        this.style.setProperty(\"--base-font-size\", `${baseFontSizeValue}px`);\n        if (typography.fontFamily) {\n          Object.entries(typography.fontFamily).forEach(([k, v]) => {\n            this.style.setProperty(`--font-family-${k}`, v);\n          });\n        }\n        if (typography.lineHeight) {\n          Object.entries(typography.lineHeight).forEach(([k, v]) => {\n            this.style.setProperty(`--font-lineHeight-${k}`, v);\n          });\n        }\n\n        console.debug(\"pds-config-form: applied default host CSS variables\");\n      } catch (ex) {\n        console.warn(\n          \"pds-config-form: failed to apply default host variables\",\n          ex\n        );\n      }\n    }\n\n    updateForm() {\n      this.schema = null; // Reset schema to show loading state\n      fetch(`/assets/data/auto-design-${this.mode}.json`)\n        .then((response) => response.json())\n        .then((data) => {\n          this.schema = data;\n          // Sync form values to current config filtered by schema\n          this.formValues = this.filterConfigForSchema(this.config);\n          // Force form re-render if needed\n          this.formKey = (this.formKey || 0) + 1;\n        })\n        .catch((ex) => {\n          console.warn(\"Failed to load schema:\", ex);\n        });\n    }\n\n    // --- Storage helpers: preset + overrides ---\n    // Deep equality for primitives/arrays/objects\n    _isEqual(a, b) {\n      if (a === b) return true;\n      if (typeof a !== typeof b) return false;\n      if (a && b && typeof a === \"object\") {\n        if (Array.isArray(a)) {\n          if (!Array.isArray(b) || a.length !== b.length) return false;\n          for (let i = 0; i < a.length; i++)\n            if (!this._isEqual(a[i], b[i])) return false;\n          return true;\n        }\n        const aKeys = Object.keys(a);\n        const bKeys = Object.keys(b);\n        if (aKeys.length !== bKeys.length) {\n          // lengths can differ but still be equal when we only compare a -> b; we will compare per-key below\n        }\n        for (const k of new Set([...aKeys, ...bKeys])) {\n          if (!this._isEqual(a[k], b[k])) return false;\n        }\n        return true;\n      }\n      return false;\n    }\n\n    _deepDiff(base, target) {\n      // Return only properties in target that differ from base\n      if (this._isEqual(base, target)) return undefined;\n      if (\n        base &&\n        target &&\n        typeof base === \"object\" &&\n        typeof target === \"object\" &&\n        !Array.isArray(base) &&\n        !Array.isArray(target)\n      ) {\n        const out = {};\n        const keys = new Set([...Object.keys(target)]);\n        for (const k of keys) {\n          const d = this._deepDiff(base[k], target[k]);\n          if (d !== undefined) out[k] = d;\n        }\n        return Object.keys(out).length ? out : undefined;\n      }\n      // For arrays or primitives, return the target if not equal\n      return this._isEqual(base, target) ? undefined : target;\n    }\n\n    _resolvePresetBase(presetId) {\n      const id = String(presetId || \"default\").toLowerCase();\n      const preset = presets?.[id] || presets?.[\"default\"];\n      return preset\n        ? JSON.parse(JSON.stringify(preset))\n        : JSON.parse(JSON.stringify(presets.default));\n    }\n\n    loadConfig() {\n      const stored = localStorage.getItem(STORAGE_KEY);\n      if (stored) {\n        try {\n          const parsed = JSON.parse(stored);\n          // New shape: { preset?: string, design?: object }\n          if (parsed && (\"preset\" in parsed || \"design\" in parsed)) {\n            const presetId = parsed.preset || \"default\";\n            const base = this._resolvePresetBase(presetId);\n            const full = deepMerge(base, parsed.design || {});\n            this._stored = { preset: presetId, design: parsed.design || {} };\n            this._legacy = false;\n            return full;\n          }\n          // Legacy: merged full config\n          const merged = deepMerge(config.design, parsed);\n          this._stored = null;\n          this._legacy = true;\n          return merged;\n        } catch (e) {\n          console.warn(\"Failed to parse stored config, using defaults\", e);\n        }\n      }\n      this._stored = { preset: \"default\", design: {} };\n      this._legacy = false;\n      return JSON.parse(JSON.stringify(this._resolvePresetBase(\"default\")));\n    }\n\n    saveConfig() {\n      try {\n        // Determine baseline: preset base if known, else default\n        const presetId = (this._stored && this._stored.preset) || \"default\";\n        const base = this._resolvePresetBase(presetId);\n        const overrides = this._deepDiff(base, this.config) || {};\n        const toStore = { preset: presetId, design: overrides };\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(toStore));\n        this._stored = toStore;\n        this._legacy = false;\n      } catch (e) {\n        console.warn(\"Failed to save config: \", e);\n      }\n    }\n\n    updated(changedProps) {\n      if (changedProps.has(\"schema\")) {\n        // When schema changes (mode switch), update form values\n        this.formValues = this.filterConfigForSchema(this.config);\n\n        const delay = this._initialValidationScheduled ? 50 : 150;\n        this._initialValidationScheduled = true;\n        setTimeout(() => {\n          try {\n            this.applyStyles(true);\n          } catch (ex) {\n            console.warn(\"Delayed applyStyles failed:\", ex);\n          }\n        }, delay);\n      }\n    }\n\n    async applyStyles(useUserConfig = false) {\n      // Runtime baseline: if using user config, build from preset base + overrides; else default\n      let baseConfig = structuredClone(presets.default);\n      if (useUserConfig && this.config) {\n        const presetId = (this._stored && this._stored.preset) || \"default\";\n        const presetBase = this._resolvePresetBase(presetId);\n        baseConfig = deepMerge(presetBase, this.config);\n      }\n\n      // Load fonts from Google Fonts if needed (before validation and style generation)\n      if (baseConfig.typography) {\n        try {\n          await loadTypographyFonts(baseConfig.typography);\n        } catch (ex) {\n          console.warn(\"Failed to load some fonts from Google Fonts:\", ex);\n          // Continue anyway - the system will fall back to default fonts\n        }\n      }\n\n      // Validate before generating/applying styles\n      try {\n        const v = validateDesign(baseConfig);\n        if (!v.ok) {\n          this.validationIssues = v.issues;\n          if (!this._validationToastId) {\n            const summary = v.issues\n              .slice(0, 3)\n              .map((i) => `\u2022 ${i.message}`)\n              .join(\"\\n\");\n            this._validationToastId = toast(\n              `Design has accessibility issues. Fix before applying.\\n${summary}`,\n              { type: \"error\", persistent: true }\n            );\n          }\n          return; // Do not apply invalid styles\n        }\n        // Clear any existing persistent error toast\n        this.validationIssues = [];\n        if (this._validationToastId) {\n          document\n            .querySelector(\"#global-toaster\")\n            ?.dismissToast(this._validationToastId);\n          this._validationToastId = null;\n        }\n      } catch (ex) {\n        console.warn(\"Validation failed unexpectedly:\", ex);\n      }\n\n      // Pass explicit theme option (from PDS.theme) separately so\n      // configs remain theme-agnostic while Generator can emit the correct\n      // scoping (html[data-theme] vs prefers-color-scheme).\n      const storedTheme = PDS.theme || null;\n\n      const generatorOptions = { design: structuredClone(baseConfig) };\n      if (storedTheme) generatorOptions.theme = storedTheme;\n\n      this.generator = new Generator(generatorOptions);\n      Generator.applyStyles();\n\n      // Let PDS ensure document html[data-theme] reflects persisted preference\n      try {\n        PDS._applyResolvedTheme(PDS.theme);\n        PDS._setupSystemListenerIfNeeded(PDS.theme);\n      } catch (ex) {\n        /* ignore in non-browser environments */\n      }\n\n      // Emit design-updated in a throttled manner with the actual designer\n      this.scheduleDesignUpdatedEmit({\n        config: baseConfig,\n        designer: this.generator,\n      });\n    }\n\n    /**\n     * Centralized throttled emitter for the `design-updated` event.\n     * Accepts an object with { config, designer } to include in the event detail.\n     */\n    scheduleDesignUpdatedEmit(detail) {\n      const now = Date.now();\n\n      const emitNow = () => {\n        this.#lastDesignEmit = Date.now();\n        // Clear any scheduled timer\n        if (this.#scheduledDesignEmit) {\n          clearTimeout(this.#scheduledDesignEmit);\n          this.#scheduledDesignEmit = null;\n        }\n\n        PDS.dispatchEvent(\n          new CustomEvent(\"pds:design:updated\", {\n            detail,\n          })\n        );\n      };\n\n      if (now - this.#lastDesignEmit >= this.#designEmitDelay) {\n        // Enough time has passed \u2014 emit immediately\n        emitNow();\n        return;\n      }\n\n      // Otherwise schedule a trailing emit (only one scheduled at a time)\n      if (!this.#scheduledDesignEmit) {\n        const delay = this.#designEmitDelay - (now - this.#lastDesignEmit);\n        this.#scheduledDesignEmit = setTimeout(() => {\n          this.#scheduledDesignEmit = null;\n          emitNow();\n        }, delay);\n      }\n    }\n\n    toggleInspectorMode() {\n      this.inspectorMode = !this.inspectorMode;\n      this.dispatchInspectorModeChange();\n\n      toast(\n        this.inspectorMode\n          ? \"Code Inspector active - click any element in the showcase to view its code\"\n          : \"Code Inspector deactivated\",\n        { type: \"info\", duration: 3000 }\n      );\n    }\n\n    dispatchInspectorModeChange() {\n      // Dispatch event to notify showcase (unified)\n      PDS.dispatchEvent(\n        new CustomEvent(\"pds:inspector:mode:changed\", {\n          detail: { active: this.inspectorMode },\n        })\n      );\n    }\n\n    // Flatten nested config to dot-notation for pds-jsonform\n    flattenConfig(obj, prefix = \"\") {\n      const flattened = {};\n      for (const [key, value] of Object.entries(obj)) {\n        // Use JSON Pointer format with / separator\n        const newKey = prefix ? `${prefix}/${key}` : `/${key}`;\n        if (value && typeof value === \"object\" && !Array.isArray(value)) {\n          Object.assign(flattened, this.flattenConfig(value, newKey));\n        } else {\n          flattened[newKey] = value;\n        }\n      }\n      return flattened;\n    }\n\n    // Get schema property paths in JSON Pointer format for pds-jsonform\n    getSchemaProperties(schema, prefix = \"\") {\n      const paths = new Set();\n      if (!schema || !schema.properties) return paths;\n\n      for (const [key, value] of Object.entries(schema.properties)) {\n        const jsonPointerPath = prefix ? `${prefix}/${key}` : `/${key}`;\n        paths.add(jsonPointerPath);\n\n        if (value.type === \"object\" && value.properties) {\n          const nested = this.getSchemaProperties(value, jsonPointerPath);\n          nested.forEach((p) => paths.add(p));\n        }\n      }\n      return paths;\n    }\n\n    // Filter config values to only include those that exist in the current schema\n    filterConfigForSchema(config) {\n      if (!config) {\n        return {};\n      }\n\n      if (!this.schema) {\n        // If schema isn't loaded yet, return full flattened config\n        return this.flattenConfig(config);\n      }\n\n      const validPaths = this.getSchemaProperties(this.schema);\n      const flattened = this.flattenConfig(config);\n      const filtered = {};\n\n      for (const [key, value] of Object.entries(flattened)) {\n        if (validPaths.has(key) && value !== null && value !== undefined) {\n          filtered[key] = value;\n        }\n      }\n\n      return filtered;\n    }\n\n    handleFormChange = (event) => {\n      // Get values from the pds-jsonform's serialize method or from event detail\n      let values;\n      let changedField = null;\n\n      // Capture which field changed for smart scrolling\n      if (event.type === \"pw:value-change\" && event.detail) {\n        changedField = event.detail.name;\n      }\n\n      if (event.detail && event.detail.json) {\n        // pw:serialize event provides { json, formData, valid, issues }\n        values = event.detail.json;\n      } else {\n        // pw:value-change event - get values directly from the form element\n        const form =\n          event.currentTarget?.tagName?.toUpperCase() === \"PDS-JSONFORM\"\n            ? event.currentTarget\n            : this.querySelector(\"pds-jsonform\");\n\n        if (form) {\n          // Use getValuesFlat() to get JSON Pointer formatted keys\n          values = form.getValuesFlat?.() || form.values || {};\n        } else {\n          console.warn(\"No form element found in form change event\", event);\n          return;\n        }\n      }\n\n      console.log(\"Form values received:\", values);\n\n      // Convert flattened dot-notation or JSON-pointer keys to nested structure\n      // e.g., { \"colors.primary\": \"#123\" } => { colors: { primary: \"#123\" } }\n      // and { \"/colors/primary\": \"#123\" } => { colors: { primary: \"#123\" } }\n      const nestedValues = {};\n      const unescapePointer = (seg) =>\n        seg.replace(/~1/g, \"/\").replace(/~0/g, \"~\");\n\n      for (const [key, value] of Object.entries(values)) {\n        if (!key) continue;\n\n        if (key.startsWith(\"/\")) {\n          // JSON Pointer style\n          const raw = key.replace(/^\\//, \"\");\n          const parts = raw.split(\"/\").map(unescapePointer);\n          let current = nestedValues;\n          for (let i = 0; i < parts.length - 1; i++) {\n            const p = parts[i];\n            if (!current[p] || typeof current[p] !== \"object\") current[p] = {};\n            current = current[p];\n          }\n          current[parts[parts.length - 1]] = value;\n        } else if (key.includes(\".\")) {\n          const parts = key.split(\".\");\n          let current = nestedValues;\n          for (let i = 0; i < parts.length - 1; i++) {\n            if (!current[parts[i]] || typeof current[parts[i]] !== \"object\")\n              current[parts[i]] = {};\n            current = current[parts[i]];\n          }\n          current[parts[parts.length - 1]] = value;\n        } else {\n          nestedValues[key] = value;\n        }\n      }\n\n      console.log(\"Nested values:\", nestedValues);\n\n      // Validate candidate config before persisting/applying\n      const candidate = deepMerge(structuredClone(this.config), nestedValues);\n      const validation = PDS.validateDesign(candidate);\n      if (!validation.ok) {\n        this.validationIssues = validation.issues;\n        // Show persistent toaster once\n        if (!this._validationToastId) {\n          const summary = validation.issues\n            .slice(0, 3)\n            .map((i) => `\u2022 ${i.message}`)\n            .join(\"\\n\");\n          this._validationToastId = toast(\n            `Design has accessibility issues. Fix before saving.\\n${summary}`,\n            { type: \"error\" }\n          );\n        }\n        return; // Do not persist or apply invalid config\n      }\n\n      this.validationIssues = [];\n      // Clear persistent toast if present\n      try {\n        if (this._validationToastId) {\n          document\n            .querySelector(\"#global-toaster\")\n            ?.dismissToast(this._validationToastId);\n          this._validationToastId = null;\n        }\n      } catch {}\n      // Accept new config and persist\n      this.config = candidate;\n      console.log(\"Updated (persisted) config (not applied):\", this.config);\n      this.saveConfig();\n\n      // Emit event for showcase to scroll to relevant section\n      if (changedField) {\n        console.log(\n          \"\uD83D\uDD14 Emitting design-field-changed event for field:\",\n          changedField\n        );\n        PDS.dispatchEvent(\n          new CustomEvent(\"pds:design:field:changed\", {\n            detail: {\n              field: changedField,\n              config: this.config,\n            },\n          })\n        );\n      }\n      // Debounce applying styles using the user-edited config so the showcase\n      // receives the actual runtime CSS generated from user edits. We still\n      // persist immediately, but only apply (and emit) the styles at most once\n      // per #designEmitDelay to avoid excessive recalculation.\n      try {\n        if (this.#scheduledApply) {\n          clearTimeout(this.#scheduledApply);\n          this.#scheduledApply = null;\n        }\n        this.#scheduledApply = setTimeout(() => {\n          this.#scheduledApply = null;\n          this.applyStyles(true); // apply with user config and emit\n        }, this.#designEmitDelay);\n      } catch (ex) {\n        console.warn(\"Failed to schedule applyStyles with user config:\", ex);\n      }\n    };\n\n    handleReset = async () => {\n      const result = await PDS.ask(\n        \"Reset to default configuration? This will clear your saved settings.\"\n      );\n\n      if (result) {\n        // Migrate to new storage shape: preset 'default' with no overrides\n        this._stored = { preset: \"default\", design: {} };\n        const base = this._resolvePresetBase(\"default\");\n        this.config = JSON.parse(JSON.stringify(base));\n        this.formValues = this.filterConfigForSchema(this.config); // Update form values\n        this.formKey = (this.formKey || 0) + 1; // Increment to force form update\n        this.saveConfig();\n        this.applyStyles(true);\n\n        toast(\"Configuration reset to defaults\", {\n          type: \"info\",\n          duration: 2000,\n        });\n      }\n    };\n\n    applyPreset = async (preset) => {\n      const result = await PDS.ask(\n        `Load \"${preset.name}\" preset? This will replace your current settings.`\n      );\n\n      if (result) {\n        // Build from preset only (no default baseline); store as preset + overrides {}\n        const presetConfig = JSON.parse(JSON.stringify(preset));\n        const validationResult = PDS.validateDesign(presetConfig);\n        if (!validationResult.ok) {\n          this.validationIssues = validationResult.issues;\n          if (!this._validationToastId) {\n            const summary = validationResult.issues\n              .slice(0, 3)\n              .map((i) => `\u2022 ${i.message}`)\n              .join(\"\\n\");\n            this._validationToastId = toast(\n              `Preset \"${preset.name}\" has accessibility issues \u2014 not applied.\\n${summary}`,\n              { type: \"error\", persistent: true }\n            );\n          }\n          return;\n        }\n\n        this.validationIssues = [];\n        // Clear any persistent error toast if present\n        try {\n          if (this._validationToastId) {\n            document\n              .querySelector(\"#global-toaster\")\n              ?.dismissToast(this._validationToastId);\n            this._validationToastId = null;\n          }\n        } catch {}\n        this.config = presetConfig;\n        this._stored = {\n          preset: (preset.id || preset.name || \"\").toLowerCase(),\n          design: {},\n        };\n        this.formValues = this.filterConfigForSchema(this.config);\n        this.saveConfig();\n        this.applyStyles(true);\n\n        toast(`\"${preset.name}\" preset loaded successfully!`, {\n          type: \"success\",\n          duration: 3000,\n        });\n      }\n    };\n\n    handleThemeChange(e) {\n      try {\n        const value = e.target.value;\n        // Update centralized theme via PDS (this persists + applies + sets up listeners)\n        PDS.theme = value;\n\n        // Apply immediately and emit styles using the user config (keep config separate)\n        this.applyStyles(true);\n\n        toast(`Theme set to ${value}`, { type: \"info\", duration: 1200 });\n      } catch (ex) {\n        console.warn(\"Failed to change theme:\", ex);\n      }\n    }\n\n    handleDownload = (format) => {\n      let content, filename, mimeType;\n\n      switch (format) {\n        case \"css\":\n          content = this.generator.layeredCSS;\n          filename = \"pure-ds.css\";\n          mimeType = \"text/css\";\n          break;\n\n        case \"config\":\n          content = `// Pure Design System Configuration\n// Generated: ${new Date().toISOString()}\n\nimport { PDS } from 'pure-ds';\n\nexport const pdsConfig = ${JSON.stringify(this.config, null, 2)};\n`;\n          filename = \"pds.config.js\";\n          mimeType = \"text/javascript\";\n          break;\n\n        case \"tokens\":\n          const tokens = figmafyTokens(this.generator.generateTokens());\n          content = JSON.stringify(tokens, null, 2);\n          filename = \"design-tokens.json\";\n          mimeType = \"application/json\";\n          break;\n      }\n\n      const blob = new Blob([content], { type: mimeType });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = filename;\n      a.click();\n      URL.revokeObjectURL(url);\n    };\n\n    render() {\n      if (!this.schema) {\n        if (!this._loadingToastShown) {\n          this._loadingToastShown = true;\n          setTimeout(() => {\n            try {\n              toast(\"Loading schema...\", { duration: 1000 });\n            } catch {}\n          }, 250);\n        }\n        return nothing;\n      }\n      return html`\n        <div class=\"designer-container\">\n          <div class=\"designer-toolbar\">\n            <label data-toggle id=\"mode-toggle\">\n              <input\n                type=\"checkbox\"\n                .checked=${this.mode === \"advanced\"}\n                @change=${(e) => {\n                  this.mode = e.target.checked ? \"advanced\" : \"simple\";\n                  this.updateForm();\n                }}\n              /><span\n                >${this.mode === \"advanced\"\n                  ? \"Switch to Basic Mode\"\n                  : \"Switch to Advanced Mode\"}</span\n              >\n            </label>\n\n            ${this.showInspector\n              ? html`\n                  <button\n                    class=\"inspector-toggle ${this.inspectorMode\n                      ? \"active\"\n                      : \"\"}\"\n                    @click=${this.toggleInspectorMode}\n                    title=\"${this.inspectorMode\n                      ? \"Deactivate\"\n                      : \"Activate\"} Code Inspector\"\n                  >\n                    <pds-icon\n                      icon=\"${this.inspectorMode ? \"eye-slash\" : \"code\"}\"\n                      size=\"sm\"\n                    ></pds-icon>\n                    <span\n                      >${this.inspectorMode\n                        ? \"Inspector Active\"\n                        : \"Code Inspector\"}</span\n                    >\n                  </button>\n                `\n              : nothing}\n            ${this.showThemeSelector\n              ? html`\n                  <fieldset\n                    role=\"radiogroup\"\n                    aria-label=\"Theme\"\n                    class=\"theme-select buttons\"\n                  >\n                    <legend>Theme</legend>\n                    ${(() => {\n                      const stored = PDS.theme || null;\n                      const selected = stored || \"system\";\n                      return html`\n                        <label>\n                          <input\n                            type=\"radio\"\n                            name=\"theme\"\n                            value=\"system\"\n                            @change=${this.handleThemeChange}\n                            .checked=${selected === \"system\"}\n                          />\n                          <span\n                            ><pds-icon icon=\"moon-stars\"></pds-icon>\n                            System</span\n                          >\n                        </label>\n                        <label>\n                          <input\n                            type=\"radio\"\n                            name=\"theme\"\n                            value=\"light\"\n                            @change=${this.handleThemeChange}\n                            .checked=${selected === \"light\"}\n                          />\n                          <span><pds-icon icon=\"sun\"></pds-icon> Light</span>\n                        </label>\n                        <label>\n                          <input\n                            type=\"radio\"\n                            name=\"theme\"\n                            value=\"dark\"\n                            @change=${this.handleThemeChange}\n                            .checked=${selected === \"dark\"}\n                          />\n                          <span><pds-icon icon=\"moon\"></pds-icon> Dark</span>\n                        </label>\n                      `;\n                    })()}\n                  </fieldset>\n                `\n              : nothing}\n            ${this.showPresetSelector\n              ? html`\n                  <fieldset>\n                    <legend>Preset</legend>\n                    <div class=\"input-icon\">\n                      <pds-icon icon=\"magnifying-glass\"></pds-icon>\n                      <input\n                        @focus=${(e) =>\n                          AutoComplete.connect(\n                            e,\n                            this.presetAutoCompleteSettings\n                          )}\n                        id=\"preset-search\"\n                        type=\"search\"\n                        placeholder=\"Start typing to search all presets...\"\n                        autocomplete=\"off\"\n                      />\n                    </div>\n                  </fieldset>\n                `\n              : nothing}\n          </div>\n\n          <div class=\"designer-form-container\">\n            <pds-jsonform\n              .jsonSchema=${this.schema}\n              .uiSchema=${this._designerUiSchema()}\n              .values=${this.formValues || {}}\n              hide-reset\n              hide-submit\n              @pw:value-change=${this.handleFormChange}\n              @pw:serialize=${this.handleFormChange}\n            >\n            </pds-jsonform>\n          </div>\n\n          <div class=\"designer-actions\">\n            <nav data-dropdown>\n              <button class=\"btn-primary\" style=\"width: 100%;\">\n                <pds-icon icon=\"download\" size=\"sm\"></pds-icon>\n                <span>Download</span>\n                <pds-icon icon=\"caret-down\" size=\"sm\"></pds-icon>\n              </button>\n\n              <menu>\n                <li>\n                  <a\n                    href=\"#\"\n                    @click=${(e) => {\n                      e.preventDefault();\n                      this.handleDownload(\"css\");\n                    }}\n                  >\n                    <pds-icon icon=\"file-css\" size=\"sm\"></pds-icon>\n                    <span>CSS File</span>\n                  </a>\n                </li>\n\n                <li>\n                  <a\n                    href=\"#\"\n                    @click=${(e) => {\n                      e.preventDefault();\n                      this.handleDownload(\"config\");\n                    }}\n                  >\n                    <pds-icon icon=\"file-js\" size=\"sm\"></pds-icon>\n                    <span>Config File</span>\n                  </a>\n                </li>\n\n                <li>\n                  <a\n                    href=\"#\"\n                    @click=${(e) => {\n                      e.preventDefault();\n                      this.handleDownload(\"tokens\");\n                    }}\n                  >\n                    <pds-icon icon=\"brackets-curly\" size=\"sm\"></pds-icon>\n                    <span>Design Tokens (JSON)</span>\n                  </a>\n                </li>\n              </menu>\n            </nav>\n          </div>\n        </div>\n      `;\n    }\n\n    get presetAutoCompleteSettings() {\n      return {\n        direction: \"down\",\n        //debug: true,\n        iconHandler: (item) => {\n          const preset = PDS.presets[item.id];\n          return /*html*/ `<span class=\"preset-colors\">\n                    <span style=\"background-color: ${preset.colors.primary}\"></span>\n                    <span style=\"background-color: ${preset.colors.secondary}\"></span>\n                    <span style=\"background-color: ${preset.colors.accent}\"></span>\n                  </span>`;\n        },\n        categories: {\n          Presets: {\n            action: (options) => {\n              const preset = PDS.presets[options.id];\n              this.applyPreset(preset);\n            },\n            getItems: (options) => {\n              const maxPresets = 10;\n              const all = Object.values(PDS.presets);\n              let filtered = [];\n\n              if (options.search.length > 0) {\n                let n = 0;\n                filtered = all.filter((preset) => {\n                  n++;\n                  return (\n                    (n <= maxPresets &&\n                      preset.name\n                        .toLowerCase()\n                        .includes(options.search.toLowerCase())) ||\n                    (preset.description &&\n                      preset.description\n                        .toLowerCase()\n                        .includes(options.search.toLowerCase()))\n                  );\n                });\n              } else {\n                filtered = all\n                  .filter((preset) => preset.tags?.includes(\"featured\"))\n                  .slice(0, maxPresets);\n              }\n\n              return filtered.map((preset) => {\n                return {\n                  id: preset.id,\n                  text: preset.name,\n                  description: preset.description,\n                  icon: \"palette\",\n                };\n              });\n            },\n          },\n        },\n      };\n    }\n\n    // Provide a uiSchema to customize widgets for designer UX (datalists for fonts, ranges for numeric values)\n    _designerUiSchema() {\n      // Common font-family suggestions (similar to dev console suggestions)\n      const fontSuggestions = [\n        \"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n        \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial\",\n        \"'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n        \"Roboto, 'Helvetica Neue', Arial, sans-serif\",\n        \"Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n        \"ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif\",\n      ];\n\n      // UI schema (paths use the pds-jsonform path notation, e.g. /typography/fontFamilyHeadings)\n      const ui = {};\n\n      // Font family fields: use datalist via ui.datalist\n      ui[\"/typography/fontFamilyHeadings\"] = { \"ui:datalist\": fontSuggestions };\n      ui[\"/typography/fontFamilyBody\"] = { \"ui:datalist\": fontSuggestions };\n      ui[\"/typography/fontFamilyMono\"] = {\n        \"ui:datalist\": [\n          \"ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace\",\n          \"Consolas, 'Liberation Mono', Menlo, monospace\",\n          \"'Fira Code', 'Cascadia Code', 'Source Code Pro', monospace\",\n        ],\n      };\n\n      // Numeric fields rendered as ranges for better UX\n      ui[\"/typography/baseFontSize\"] = {\n        \"ui:widget\": \"input-range\",\n        \"ui:min\": 12,\n        \"ui:max\": 24,\n      };\n      ui[\"/typography/fontScale\"] = {\n        \"ui:widget\": \"input-range\",\n        \"ui:min\": 1.1,\n        \"ui:max\": 1.618,\n        \"ui:step\": 0.01,\n      };\n      ui[\"/spatialRhythm/baseUnit\"] = {\n        \"ui:widget\": \"input-range\",\n        \"ui:min\": 4,\n        \"ui:max\": 32,\n      };\n\n      // Dark mode color overrides\n      ui[\"/colors/darkMode/background\"] = { \"ui:widget\": \"input-color\" };\n      ui[\"/colors/darkMode/secondary\"] = { \"ui:widget\": \"input-color\" };\n\n      // Advanced: container padding\n      ui[\"/spatialRhythm/containerPadding\"] = {\n        \"ui:widget\": \"input-range\",\n        \"ui:min\": 0,\n        \"ui:max\": 4,\n      };\n\n      return ui;\n    }\n  }\n);\n", "import { LitElement, html, nothing, render, unsafeHTML } from \"../../../src/js/lit.js\";\nimport { PDS } from \"../../../src/js/pds.js\";\n\nimport { AutoComplete } from \"pure-web/ac\";\n\nconst toast = (message, options) => {\n  const toaster = document.getElementById(\"global-toaster\");\n  toaster.toast(message, options);\n};\n\ncustomElements.define(\n  \"pds-demo\",\n  class extends LitElement {\n    #shiki = null;\n    #shikiLoading = false;\n\n    static properties = {\n      config: { type: Object },\n      designer: { type: Object },\n      sections: { type: Array, state: true },\n      inspectorActive: { type: Boolean, state: true },\n    };\n\n    constructor() {\n      super();\n      this.config = null;\n      this.designer = null;\n      this.sections = [];\n      this.inspectorActive = false;\n      this._docsBase = \"/pds\";\n      // Showdown (Markdown) converter will be loaded from CDN on demand\n      this._showdown = null;\n      this._showdownLoading = false;\n    }\n\n    // Disable shadow DOM to use global styles\n    createRenderRoot() {\n      return this;\n    }\n\n    connectedCallback() {\n      super.connectedCallback();\n\n      // Listen for design updates from unified PDS bus\n      PDS.addEventListener(\"pds:design:updated\", (e) => {\n        this.config = e.detail.config;\n        this.designer = e.detail.designer;\n        // Update docs base if staticBase changes\n        if (this.config && this.config.staticBase) {\n          this._docsBase =\n            \"/\" + String(this.config.staticBase).replace(/^\\/+|\\/+$/g, \"\");\n        }\n      });\n\n      // Listen for field changes to scroll to relevant section\n      PDS.addEventListener(\"pds:design:field:changed\", (e) => {\n        setTimeout(() => {\n          this.scrollToRelevantSection(e.detail.field);\n        }, 1000);\n      });\n\n      // Listen for inspector mode changes\n      PDS.addEventListener(\"pds:inspector:mode:changed\", (e) => {\n        this.inspectorActive = e.detail.active;\n      });\n\n      // Extract sections after initial render\n      setTimeout(() => {\n        this.extractSections();\n        this.handleInitialHash();\n      }, 100);\n\n      // Capture-phase handler to prevent interactive actions when inspector is active\n      this._inspectorCaptureHandler = (e) => {\n        if (!this.inspectorActive) return;\n        const target = e.target;\n\n        // Prevent link navigation\n        const anchor = target.closest && target.closest(\"a[href]\");\n        if (anchor) {\n          e.preventDefault();\n          return;\n        }\n\n        // Prevent button activation\n        const button = target.closest && target.closest(\"button\");\n        if (button) {\n          e.preventDefault();\n          return;\n        }\n      };\n\n      this.addEventListener(\"click\", this._inspectorCaptureHandler, true);\n      // Determine docs base from global override or config\n      try {\n        const globalBase = window.PDS_DOCS_BASE;\n        if (typeof globalBase === \"string\" && globalBase.trim()) {\n          this._docsBase = globalBase.replace(/\\/+$/, \"\");\n        }\n      } catch {}\n      // Defer to config.staticBase if provided\n      if (this.config && this.config.staticBase) {\n        this._docsBase =\n          \"/\" + String(this.config.staticBase).replace(/^\\/+|\\/+$/g, \"\");\n      }\n\n      // Listen for external requests to view docs via PDS bus\n      PDS.addEventListener(\"pds:docs:view\", async (e) => {\n        const file = (e.detail && e.detail.file) || \"README.md\";\n        await this._renderDocToDialog(file);\n      });\n    }\n\n    disconnectedCallback() {\n      super.disconnectedCallback();\n      if (this._inspectorCaptureHandler) {\n        this.removeEventListener(\"click\", this._inspectorCaptureHandler, true);\n        this._inspectorCaptureHandler = null;\n      }\n    }\n\n    /** Fetch a markdown file from the docs base and return HTML */\n    async fetchDocHTML(file = \"README.md\") {\n      const base = this._docsBase || \"/pds\";\n      const url = `${base.replace(/\\/+$/, \"\")}/${file}`;\n      try {\n        const res = await fetch(url, { cache: \"no-cache\" });\n        if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);\n        const md = await res.text();\n        const conv = await this.getShowdownConverter();\n        return conv ? conv.makeHtml(md) : `<pre>${this.escapeHTML(md)}</pre>`;\n      } catch (err) {\n        return `<p>Failed to load ${file} from ${base}: ${String(\n          err.message || err\n        )}</p>`;\n      }\n    }\n\n    /** Render markdown into a simple dialog overlay */\n    async _renderDocToDialog(file) {\n      const htmlContent = await this.fetchDocHTML(file);\n      let dlg = document.getElementById(\"pds-docs-dialog\");\n      if (!dlg) {\n        dlg = document.createElement(\"dialog\");\n        dlg.id = \"pds-docs-dialog\";\n        dlg.style.width = \"min(900px, 90vw)\";\n        dlg.style.maxHeight = \"85vh\";\n        dlg.style.padding = \"0\";\n        dlg.innerHTML = `<div style=\"padding:16px 20px; overflow:auto; max-height:85vh\">\n          <div class=\"markdown-body\"></div>\n        </div>`;\n        document.body.appendChild(dlg);\n      }\n      const body = dlg.querySelector(\".markdown-body\");\n      if (body) body.innerHTML = htmlContent;\n      if (!dlg.open) dlg.showModal();\n    }\n\n    deactivateInspector() {\n      // Dispatch request on PDS bus to toggle inspector mode off\n      PDS.dispatchEvent(\n        new CustomEvent(\"pds:inspector:deactivate\", {\n          detail: {},\n        })\n      );\n    }\n\n    extractSections() {\n      const sectionElements = this.querySelectorAll(\"[data-section]\");\n      this.sections = Array.from(sectionElements).map((el) => {\n        const id = el.getAttribute(\"data-section\");\n        const heading = el.querySelector(\"h2\");\n        const title = heading?.textContent?.trim() || id;\n        return { id, title };\n      });\n    }\n\n    handleInitialHash() {\n      const hash = window.location.hash.slice(1);\n      if (hash) {\n        const section = this.querySelector(`[data-section=\"${hash}\"]`);\n        if (section) {\n          setTimeout(() => {\n            section.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n          }, 300);\n        }\n      }\n    }\n\n    /**\n     * Smart element detection for code inspector\n     * Returns the appropriate element and metadata to display\n     */\n    detectComponentElement(clickedElement) {\n      let element = clickedElement;\n      let componentType = \"element\";\n      let displayName = element.tagName.toLowerCase();\n\n      // Skip if clicked on TOC\n      if (element.closest(\".showcase-toc\")) {\n        return null;\n      }\n\n      // Never select pds-demo itself\n      if (element.tagName === \"DS-SHOWCASE\") {\n        return null;\n      }\n\n      // Never select showcase-section - find component within it\n      if (\n        element.classList.contains(\"showcase-section\") ||\n        element.closest(\".showcase-section\") === element\n      ) {\n        return null;\n      }\n\n      // Check for progressive enhancements (nav[data-dropdown], label[data-toggle], etc.)\n      const enhancedElement = this.findEnhancedElement(element);\n      if (enhancedElement) {\n        return {\n          element: enhancedElement,\n          componentType: \"enhanced-component\",\n          displayName: this.getEnhancedElementName(enhancedElement),\n        };\n      }\n\n      // Prioritize semantic HTML primitives (figure, table, details, etc.)\n      const semanticElements = [\n        \"FIGURE\",\n        \"TABLE\",\n        \"DETAILS\",\n        \"VIDEO\",\n        \"AUDIO\",\n        \"PICTURE\",\n        \"BLOCKQUOTE\",\n        \"PRE\",\n        \"CODE\",\n      ];\n      if (semanticElements.includes(element.tagName)) {\n        return {\n          element: element,\n          componentType: \"html-primitive\",\n          displayName: element.tagName.toLowerCase(),\n        };\n      }\n\n      // Check if inside a semantic HTML element\n      for (const tag of semanticElements) {\n        const semanticParent = element.closest(tag.toLowerCase());\n        if (semanticParent) {\n          return {\n            element: semanticParent,\n            componentType: \"html-primitive\",\n            displayName: tag.toLowerCase(),\n          };\n        }\n      }\n\n      // Check for PDS-styled primitives (elements styled by PDS classes)\n      const pdsStyledElement = this.findPDSStyledElement(element);\n      if (pdsStyledElement) {\n        return pdsStyledElement;\n      }\n\n      // Fieldset with role=\"group\" or role=\"radiogroup\" is a component\n      if (element.tagName === \"FIELDSET\") {\n        const role = element.getAttribute(\"role\");\n        if (role === \"group\" || role === \"radiogroup\") {\n          componentType = \"form-group\";\n          displayName = role === \"radiogroup\" ? \"radio group\" : \"form group\";\n          return { element, componentType, displayName };\n        }\n      }\n\n      // Check if clicked element is inside a fieldset with role\n      const fieldsetParent = element.closest(\n        'fieldset[role=\"group\"], fieldset[role=\"radiogroup\"]'\n      );\n      if (fieldsetParent) {\n        const role = fieldsetParent.getAttribute(\"role\");\n        return {\n          element: fieldsetParent,\n          componentType: \"form-group\",\n          displayName: role === \"radiogroup\" ? \"radio group\" : \"form group\",\n        };\n      }\n\n      // Label with ANY input is always a component\n      if (element.tagName === \"LABEL\" || element.closest(\"label\")) {\n        const label =\n          element.tagName === \"LABEL\" ? element : element.closest(\"label\");\n        const input = label.querySelector(\"input, select, textarea\");\n        if (input) {\n          componentType = \"form-control\";\n          displayName = `${input.tagName.toLowerCase()} field`;\n          return { element: label, componentType, displayName };\n        }\n      }\n\n      // Form elements - get the label container (if exists)\n      if ([\"INPUT\", \"SELECT\", \"TEXTAREA\"].includes(element.tagName)) {\n        const label = element.closest(\"label\");\n        if (label) {\n          element = label;\n          componentType = \"form-control\";\n          displayName = `${clickedElement.tagName.toLowerCase()} field`;\n          return { element, componentType, displayName };\n        }\n        // If no label, return the form element itself\n        componentType = \"form-control\";\n        displayName = `${element.tagName.toLowerCase()}`;\n        return { element, componentType, displayName };\n      }\n\n      // Custom web components (pds-* or other custom elements with hyphen)\n      if (element.tagName.includes(\"-\")) {\n        componentType = \"web-component\";\n        displayName = element.tagName.toLowerCase();\n        return { element, componentType, displayName };\n      }\n\n      // Check if inside a custom web component\n      const customParent = element.closest(\"[tagName*='-']\");\n      if (customParent && customParent.tagName.includes(\"-\")) {\n        return {\n          element: customParent,\n          componentType: \"web-component\",\n          displayName: customParent.tagName.toLowerCase(),\n        };\n      }\n\n      // Buttons with icons\n      if (element.tagName === \"BUTTON\" || element.closest(\"button\")) {\n        element =\n          element.tagName === \"BUTTON\" ? element : element.closest(\"button\");\n        componentType = \"button\";\n        const hasIcon = element.querySelector(\"pds-icon\");\n        displayName = hasIcon ? \"button with icon\" : \"button\";\n        return { element, componentType, displayName };\n      }\n\n      // SVG icons\n      if (element.tagName === \"pds-icon\" || element.closest(\"pds-icon\")) {\n        element =\n          element.tagName === \"pds-icon\"\n            ? element\n            : element.closest(\"pds-icon\");\n        componentType = \"icon\";\n        displayName = `pds-icon (${element.getAttribute(\"icon\") || \"unknown\"})`;\n        return { element, componentType, displayName };\n      }\n\n      // Navigation elements\n      if (element.tagName === \"NAV\" || element.closest(\"nav[data-dropdown]\")) {\n        element = element.closest(\"nav[data-dropdown]\") || element;\n        componentType = \"navigation\";\n        displayName = \"dropdown menu\";\n        return { element, componentType, displayName };\n      }\n\n      // Generic container with interesting classes (but not showcase-section)\n      const interestingClasses = [\n        \"color-card\",\n        \"color-scale\",\n        \"grid\",\n        \"flex-wrap\",\n        \"btn-group\",\n      ];\n\n      for (const cls of interestingClasses) {\n        if (element.classList.contains(cls)) {\n          componentType = \"container\";\n          displayName = cls.replace(/-/g, \" \");\n          return { element, componentType, displayName };\n        }\n        const container = element.closest(`.${cls}`);\n        if (container) {\n          element = container;\n          componentType = \"container\";\n          displayName = cls.replace(/-/g, \" \");\n          return { element, componentType, displayName };\n        }\n      }\n\n      // Find nearest meaningful parent (not showcase-section)\n      const meaningfulParent = this.findNearestComponent(element);\n      if (meaningfulParent && meaningfulParent !== element) {\n        return this.detectComponentElement(meaningfulParent);\n      }\n\n      return { element, componentType, displayName };\n    }\n\n    /**\n     * Find PDS-styled elements (primitives styled by PDS classes or semantic HTML)\n     */\n    findPDSStyledElement(element) {\n      // Delegate to ontology-driven lookup\n      const res = PDS.findComponentForElement(element, { maxDepth: 5 });\n      if (!res) return null;\n      if (res.element && res.element.tagName === \"DS-SHOWCASE\") return null;\n      return {\n        element: res.element,\n        componentType: res.componentType || \"pds-primitive\",\n        displayName:\n          res.displayName || (res.element?.tagName || \"element\").toLowerCase(),\n      };\n    }\n\n    /**\n     * Find enhanced elements (progressive enhancements from config)\n     */\n    findEnhancedElement(element) {\n      // Check common enhancement patterns\n      const enhancementSelectors = [\n        \"nav[data-dropdown]\",\n        \"label[data-toggle]\",\n        \"[data-tabs]\",\n        \"[data-modal]\",\n        \"[data-tooltip]\",\n      ];\n\n      for (const selector of enhancementSelectors) {\n        if (element.matches && element.matches(selector)) {\n          return element;\n        }\n        const enhanced = element.closest(selector);\n        if (enhanced) {\n          return enhanced;\n        }\n      }\n\n      return null;\n    }\n\n    /**\n     * Get descriptive name for enhanced element\n     */\n    getEnhancedElementName(element) {\n      if (element.matches(\"nav[data-dropdown]\")) return \"dropdown menu\";\n      if (element.matches(\"label[data-toggle]\")) return \"toggle switch\";\n      if (element.matches(\"[data-tabs]\")) return \"tab component\";\n      if (element.matches(\"[data-modal]\")) return \"modal dialog\";\n      if (element.matches(\"[data-tooltip]\")) return \"tooltip\";\n\n      // Fallback\n      const dataAttrs = Array.from(element.attributes)\n        .filter((attr) => attr.name.startsWith(\"data-\"))\n        .map((attr) => attr.name.replace(\"data-\", \"\"));\n\n      return dataAttrs[0]\n        ? `${dataAttrs[0]} component`\n        : element.tagName.toLowerCase();\n    }\n\n    /**\n     * Find nearest meaningful component (not showcase-section, pds-demo, or generic divs)\n     * Maximum 5 levels up to prevent going too high\n     */\n    findNearestComponent(element) {\n      let current = element.parentElement;\n      let level = 0;\n      const maxLevels = 5;\n\n      while (current && level < maxLevels) {\n        level++;\n\n        // Never traverse beyond pds-demo - it's too high, return null\n        if (current.tagName === \"DS-SHOWCASE\") {\n          return null;\n        }\n\n        // Skip showcase-section but continue traversing\n        if (current.classList.contains(\"showcase-section\")) {\n          current = current.parentElement;\n          continue;\n        }\n\n        // Check if this is a meaningful component\n        if (\n          current.tagName.includes(\"-\") || // Custom element\n          current.tagName === \"BUTTON\" ||\n          current.tagName === \"NAV\" ||\n          current.tagName === \"FIELDSET\" ||\n          current.tagName === \"LABEL\" ||\n          current.tagName === \"TABLE\" ||\n          current.tagName === \"FIGURE\" ||\n          current.tagName === \"BLOCKQUOTE\" ||\n          current.tagName === \"ARTICLE\" ||\n          current.hasAttribute(\"role\") ||\n          current.hasAttribute(\"data-dropdown\") ||\n          current.hasAttribute(\"data-toggle\") ||\n          this.hasPDSClass(current)\n        ) {\n          return current;\n        }\n\n        current = current.parentElement;\n      }\n\n      return null;\n    }\n\n    /**\n     * Check if element has any PDS component/primitive class\n     */\n    hasPDSClass(element) {\n      const pdsClassPrefixes = [\n        \"card\",\n        \"surface\",\n        \"tag\",\n        \"badge\",\n        \"pill\",\n        \"chip\",\n        \"alert\",\n        \"toast\",\n        \"notification\",\n        \"message\",\n        \"accordion\",\n        \"collapse\",\n        \"expandable\",\n        \"list-group\",\n        \"menu-list\",\n        \"nav-list\",\n        \"breadcrumb\",\n        \"pagination\",\n        \"tabs\",\n        \"tab\",\n        \"progress\",\n        \"spinner\",\n        \"loader\",\n        \"skeleton\",\n        \"divider\",\n        \"separator\",\n        \"avatar\",\n        \"thumbnail\",\n        \"form-group\",\n        \"input-group\",\n        \"checkbox-group\",\n        \"radio-group\",\n        \"btn-\",\n        \"icon-only\",\n        \"dropdown\",\n        \"popover\",\n        \"tooltip\",\n        \"modal\",\n        \"dialog\",\n        \"table-responsive\",\n        \"data-table\",\n        \"card-grid\",\n        \"media-object\",\n        \"status\",\n        \"indicator\",\n        \"dot-indicator\",\n        \"pulse\",\n      ];\n\n      return Array.from(element.classList).some((cls) =>\n        pdsClassPrefixes.some((prefix) => cls.startsWith(prefix))\n      );\n    }\n\n    /**\n     * Extract HTML with smart formatting\n     */\n    extractHTML(element) {\n      const clone = element.cloneNode(true);\n\n      // Remove event listeners and internal state\n      const allElements = [clone, ...clone.querySelectorAll(\"*\")];\n      allElements.forEach((el) => {\n        // Remove Lit internal attributes\n        if (el.removeAttribute) {\n          el.removeAttribute(\"_$litPart$\");\n          el.removeAttribute(\"_$litElement$\");\n        }\n      });\n\n      // Pretty print HTML using DOM-aware formatter\n      let html = this.formatHTMLElement(clone);\n\n      // Extract Lit properties (attributes starting with .)\n      const litProps = this.extractLitProperties(element);\n\n      return { html, litProps };\n    }\n\n    /**\n     * Extract Lit property bindings from element\n     */\n    extractLitProperties(element) {\n      const props = [];\n\n      // Check for common Lit property patterns\n      if (element.checked !== undefined && element.type === \"checkbox\") {\n        props.push({ name: \".checked\", value: element.checked });\n      }\n\n      if (\n        element.value !== undefined &&\n        [\"INPUT\", \"SELECT\", \"TEXTAREA\"].includes(element.tagName)\n      ) {\n        props.push({ name: \".value\", value: element.value });\n      }\n\n      // Check for custom element properties\n      if (element.tagName.includes(\"-\")) {\n        const constructor = customElements.get(element.tagName.toLowerCase());\n        if (constructor && constructor.properties) {\n          Object.keys(constructor.properties).forEach((prop) => {\n            if (\n              element[prop] !== undefined &&\n              typeof element[prop] !== \"function\"\n            ) {\n              props.push({ name: `.${prop}`, value: element[prop] });\n            }\n          });\n        }\n      }\n\n      return props;\n    }\n\n    /**\n     * Format HTML with indentation\n     */\n    formatHTMLElement(node, level = 0) {\n      const indent = (n) => \"  \".repeat(n);\n      let out = \"\";\n\n      const escapeText = (s) =>\n        s\n          .replace(/&/g, \"&amp;\")\n          .replace(/</g, \"&lt;\")\n          .replace(/>/g, \"&gt;\")\n          .replace(/\"/g, \"&quot;\")\n          .replace(/'/g, \"&#039;\");\n\n      const isVoid = (tag) =>\n        [\n          \"area\",\n          \"base\",\n          \"br\",\n          \"col\",\n          \"embed\",\n          \"hr\",\n          \"img\",\n          \"input\",\n          \"link\",\n          \"meta\",\n          \"param\",\n          \"source\",\n          \"track\",\n          \"wbr\",\n        ].includes(tag);\n\n      if (node.nodeType === Node.TEXT_NODE) {\n        const t = node.textContent.replace(/\\s+/g, \" \").trim();\n        if (t.length === 0) return \"\";\n        return indent(level) + escapeText(t) + \"\\n\";\n      }\n\n      if (node.nodeType === Node.COMMENT_NODE) {\n        return indent(level) + `<!-- ${escapeText(node.textContent)} -->\\n`;\n      }\n\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const tag = node.tagName.toLowerCase();\n        const attrs = [];\n        const booleanDataAttrs = new Set([\"data-label\", \"data-toggle\"]);\n        for (const a of node.attributes) {\n          const name = a.name;\n          const val = a.value;\n\n          // Special-case certain data-* attributes as boolean markers\n          if (booleanDataAttrs.has(name)) {\n            // Render as bare boolean attribute (e.g., data-toggle)\n            attrs.push(name);\n            continue;\n          }\n\n          if (val === \"\") {\n            // Render empty data-* attributes explicitly as data-xxx=\"\"\n            if (name.startsWith(\"data-\")) {\n              attrs.push(`${name}=\"\"`);\n            } else {\n              // For other boolean-ish attributes, render bare attribute\n              attrs.push(name);\n            }\n          } else {\n            attrs.push(`${name}=\"${escapeText(val)}\"`);\n          }\n        }\n        const attrString = attrs.length ? \" \" + attrs.join(\" \") : \"\";\n\n        // Start tag\n        out += indent(level) + `<${tag}${attrString}>` + \"\\n\";\n\n        // Children\n        for (const child of Array.from(node.childNodes)) {\n          out += this.formatHTMLElement(child, level + 1);\n        }\n\n        // End tag (void elements don't need explicit closing)\n        if (!isVoid(tag)) {\n          out += indent(level) + `</${tag}>` + \"\\n\";\n        }\n\n        return out;\n      }\n\n      return \"\";\n    }\n\n    /**\n     * Handle click in inspector mode\n     */\n    handleInspectorClick(e) {\n      if (!this.inspectorActive) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      const detected = this.detectComponentElement(e.target);\n      if (!detected) return;\n\n      const { element, componentType, displayName } = detected;\n\n      // Turn off inspector mode after selecting an element (like a color picker)\n      this.deactivateInspector();\n\n      // Check if an enhancer provides a demo HTML to display (clean template)\n      let demoHtml = null;\n      let enhancer = null;\n      try {\n        const enhancers =\n          this.config?.autoDefine?.enhancers ||\n          (typeof appConfig !== \"undefined\"\n            ? appConfig?.autoDefine?.enhancers\n            : null) ||\n          (typeof window !== \"undefined\"\n            ? window?.appConfig?.autoDefine?.enhancers\n            : null) ||\n          (document.querySelector &&\n            document.querySelector(\"pure-app\")?.config?.autoDefine\n              ?.enhancers) ||\n          [];\n        enhancer = enhancers.find((en) => {\n          try {\n            return (\n              (element.matches && element.matches(en.selector)) ||\n              (element.closest && element.closest(en.selector))\n            );\n          } catch (ex) {\n            return false;\n          }\n        });\n      } catch (ex) {\n        enhancer = null;\n      }\n\n      let litProps = [];\n      let html = null;\n      if (enhancer && enhancer.demoHtml) {\n        demoHtml =\n          typeof enhancer.demoHtml === \"function\"\n            ? enhancer.demoHtml(element)\n            : enhancer.demoHtml;\n        // If demoHtml is a string, parse it into a DOM node and pretty-print it\n        if (typeof demoHtml === \"string\") {\n          try {\n            const wrapper = document.createElement(\"div\");\n            wrapper.innerHTML = demoHtml.trim();\n            // If there are multiple top-level nodes, format them all\n            let combined = \"\";\n            for (const child of Array.from(wrapper.childNodes)) {\n              combined += this.formatHTMLElement(child);\n            }\n            html = combined;\n          } catch (ex) {\n            // Fallback to raw string if parsing fails\n            html = demoHtml;\n          }\n        } else {\n          // If the enhancer returned a DOM node or other structure, try to format it\n          if (demoHtml instanceof Node) {\n            html = this.formatHTMLElement(demoHtml);\n          } else {\n            html = String(demoHtml);\n          }\n        }\n        // still extract lit props from real element if useful\n        litProps = this.extractLitProperties(element);\n      } else {\n        const res = this.extractHTML(element);\n        html = res.html;\n        litProps = res.litProps;\n      }\n\n      // Show code in drawer\n      this.showCodeDrawer(html, litProps, displayName, componentType);\n    }\n\n    /**\n     * Show code in pds-drawer\n     */\n    async showCodeDrawer(htmlCode, litProps, displayName, componentType) {\n      const drawer = document.querySelector(\"#global-drawer\");\n\n      // Create header template\n      const headerTemplate = html`\n        <div class=\"code-drawer-header\">\n          <div class=\"code-drawer-title\">\n            <pds-icon icon=\"code\" size=\"sm\"></pds-icon>\n            <span>${displayName}</span>\n            <span class=\"component-type-badge\">${componentType}</span>\n          </div>\n          <button class=\"copy-code-btn\" id=\"copyCodeBtn\">\n            <pds-icon icon=\"clipboard\" size=\"sm\"></pds-icon>\n            Copy HTML\n          </button>\n        </div>\n      `;\n\n      // Create content template with loading state\n      const litPropsTemplate =\n        litProps.length > 0\n          ? html`\n              <div class=\"lit-properties\">\n                <h4>Lit Properties</h4>\n                <div class=\"lit-props-list\">\n                  ${litProps.map(\n                    (prop) => html`\n                      <div class=\"lit-prop\">\n                        <code class=\"prop-name\">${prop.name}</code>\n                        <code class=\"prop-value\"\n                          >${JSON.stringify(prop.value)}</code\n                        >\n                      </div>\n                    `\n                  )}\n                </div>\n              </div>\n            `\n          : nothing;\n\n      const loadingTemplate = html`\n        ${litPropsTemplate}\n        <div class=\"code-block-wrapper\">\n          <pre\n            class=\"code-block\"\n          ><code class=\"language-html\">Loading syntax highlighting...</code></pre>\n        </div>\n      `;\n\n      // Show drawer with loading content\n      await drawer.show(loadingTemplate, { header: headerTemplate });\n\n      // Highlight code asynchronously\n      const highlightedCode = await this.highlightWithShiki(htmlCode);\n\n      // Update with highlighted code\n      const finalTemplate = html`\n        ${litPropsTemplate}\n        <div class=\"code-block-wrapper\">\n          <pre class=\"code-block\"><code class=\"language-html\">${unsafeHTML(\n            highlightedCode\n          )}</code></pre>\n        </div>\n      `;\n\n      // Re-render with highlighted code\n      await document\n        .getElementById(\"global-drawer\")\n        .show(finalTemplate, { header: headerTemplate });\n\n      // Add copy functionality\n      setTimeout(() => {\n        const drawer = document.getElementById(\"global-drawer\");\n        const copyBtn = drawer?.querySelector(\"#copyCodeBtn\");\n        if (copyBtn) {\n          copyBtn.onclick = () => {\n            let textToCopy = htmlCode;\n            if (litProps.length > 0) {\n              textToCopy =\n                \"<!-- Lit Properties:\\n\" +\n                litProps\n                  .map((p) => `  ${p.name}=${JSON.stringify(p.value)}`)\n                  .join(\"\\n\") +\n                \"\\n-->\\n\\n\" +\n                htmlCode;\n            }\n\n            navigator.clipboard.writeText(textToCopy).then(() => {\n              copyBtn.innerHTML = `\n              <pds-icon icon=\"check\" size=\"sm\"></pds-icon>\n              Copied!\n            `;\n              setTimeout(() => {\n                copyBtn.innerHTML = `\n                <pds-icon icon=\"clipboard\" size=\"sm\"></pds-icon>\n                Copy HTML\n              `;\n              }, 2000);\n            });\n          };\n        }\n      }, 100);\n    }\n\n    /**\n     * Load Shiki syntax highlighter dynamically\n     */\n    async loadShiki() {\n      if (this.#shiki) return this.#shiki;\n      if (this.#shikiLoading) {\n        // Wait for the loading to complete\n        while (this.#shikiLoading) {\n          await new Promise((resolve) => setTimeout(resolve, 100));\n        }\n        return this.#shiki;\n      }\n\n      this.#shikiLoading = true;\n      try {\n        const shiki = await import(\"https://esm.sh/shiki@1.0.0\");\n        this.#shiki = await shiki.getHighlighter({\n          themes: [\"dark-plus\"],\n          langs: [\"html\"],\n        });\n        return this.#shiki;\n      } catch (error) {\n        console.error(\"Failed to load Shiki:\", error);\n        return null;\n      } finally {\n        this.#shikiLoading = false;\n      }\n    }\n\n    /**\n     * Highlight code with Shiki\n     */\n    async highlightWithShiki(code) {\n      const highlighter = await this.loadShiki();\n      if (!highlighter) {\n        // Fallback to escaped HTML without highlighting\n        return this.escapeHTML(code);\n      }\n\n      try {\n        const html = highlighter.codeToHtml(code, {\n          lang: \"html\",\n          theme: \"dark-plus\",\n        });\n        // Extract just the code content from the generated HTML\n        const match = html.match(/<code[^>]*>([\\s\\S]*)<\\/code>/);\n        return match ? match[1] : this.escapeHTML(code);\n      } catch (error) {\n        console.error(\"Shiki highlighting failed:\", error);\n        return this.escapeHTML(code);\n      }\n    }\n    escapeHTML(html) {\n      return html\n        .replace(/&/g, \"&amp;\")\n        .replace(/</g, \"&lt;\")\n        .replace(/>/g, \"&gt;\")\n        .replace(/\"/g, \"&quot;\")\n        .replace(/'/g, \"&#039;\");\n    }\n\n    /**\n     * Ensure Showdown is available (loaded from CDN) and return a Converter\n     */\n    async getShowdownConverter() {\n      if (this._showdown) return this._showdown;\n      const showdownNS = await this.loadShowdownFromCDN();\n      if (!showdownNS || !showdownNS.Converter) return null;\n      this._showdown = new showdownNS.Converter({\n        ghCompatibleHeaderId: true,\n        tables: true,\n        strikethrough: true,\n        tasklists: true,\n      });\n      return this._showdown;\n    }\n\n    /**\n     * Load Showdown from a reliable CDN (jsDelivr with unpkg fallback)\n     */\n    async loadShowdownFromCDN() {\n      if (typeof window !== \"undefined\" && window.showdown)\n        return window.showdown;\n      if (this._showdownLoading) {\n        // wait while another load is in progress\n        while (this._showdownLoading) {\n          await new Promise((r) => setTimeout(r, 50));\n        }\n        return window.showdown || null;\n      }\n\n      this._showdownLoading = true;\n      const urls = [\n        \"https://cdn.jsdelivr.net/npm/showdown@2.1.0/dist/showdown.min.js\",\n        \"https://unpkg.com/showdown@2.1.0/dist/showdown.min.js\",\n      ];\n\n      for (const src of urls) {\n        try {\n          await this._injectScript(src, \"showdown\");\n          if (window.showdown) {\n            this._showdownLoading = false;\n            return window.showdown;\n          }\n        } catch (e) {\n          // try next\n        }\n      }\n      this._showdownLoading = false;\n      return null;\n    }\n\n    _injectScript(src, libName) {\n      return new Promise((resolve, reject) => {\n        // Avoid duplicates\n        if (\n          document.querySelector(`script[data-lib=\"${libName}\"][src=\"${src}\"]`)\n        ) {\n          // Resolve on next tick\n          setTimeout(resolve, 0);\n          return;\n        }\n        const s = document.createElement(\"script\");\n        s.src = src;\n        s.async = true;\n        s.defer = true;\n        s.dataset.lib = libName || \"lib\";\n        s.onload = () => resolve();\n        s.onerror = () => {\n          s.remove();\n          reject(new Error(`Failed to load script: ${src}`));\n        };\n        document.head.appendChild(s);\n      });\n    }\n\n    scrollToRelevantSection(fieldPath) {\n      console.log(\"\uD83C\uDFAF Scrolling to section for field:\", fieldPath);\n\n      // Remove leading slash if present (pds-jsonform sends \"/behavior.transitionSpeed\")\n      const normalizedPath = fieldPath.startsWith(\"/\")\n        ? fieldPath.slice(1)\n        : fieldPath;\n      console.log(\"  Normalized path:\", normalizedPath);\n\n      // Map field paths to section IDs\n      const sectionMap = {\n        // Colors\n        \"colors/primary\": \"color-system\",\n        \"colors/secondary\": \"color-system\",\n        \"colors/accent\": \"color-system\",\n        \"colors/background\": \"color-system\",\n        \"colors/success\": \"color-system\",\n        \"colors/warning\": \"color-system\",\n        \"colors/danger\": \"color-system\",\n        \"colors/info\": \"color-system\",\n\n        // Typography\n        \"typography/\": \"typography\",\n\n        // Spacing\n        \"spatialRhythm/\": \"spacing\",\n\n        // Shadows & Layers\n        \"layers/\": \"surfaces-shadows\",\n\n        // Shape (radius, borders)\n        \"shape/\": \"buttons\",\n\n        // Behavior (transitions - goes to interactive states where transition demo lives)\n        \"behavior/transitionSpeed\": \"interactive-states\",\n        \"behavior/\": \"interactive-states\",\n\n        // Components\n        \"components/forms\": \"forms\",\n        \"components/alerts\": \"alerts\",\n        \"components/badges\": \"badges\",\n        \"components/tables\": \"tables\",\n        \"components/toasts\": \"toasts\",\n        \"components/modals\": \"modals\",\n        \"components/tabStrip\": \"tabs\",\n\n        // Icons\n        \"icons/\": \"icons\",\n      };\n\n      // Find matching section\n      let sectionId = null;\n      for (const [pattern, id] of Object.entries(sectionMap)) {\n        if (normalizedPath.startsWith(pattern)) {\n          sectionId = id;\n          console.log(`  \u2713 Matched pattern \"${pattern}\" \u2192 section \"${id}\"`);\n          break;\n        }\n      }\n\n      if (sectionId) {\n        // Find the section element\n        const section = this.querySelector(`[data-section=\"${sectionId}\"]`);\n        console.log(\n          `  Searching for section: [data-section=\"${sectionId}\"]`,\n          section ? \"\u2713 Found\" : \"\u2717 Not found\"\n        );\n\n        if (section) {\n          section.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n\n          // Add a brief highlight effect\n          section.style.transition = \"background-color 0.3s ease\";\n          section.style.backgroundColor = \"var(--color-primary-50)\";\n          setTimeout(() => {\n            section.style.backgroundColor = \"\";\n          }, 1500);\n\n          console.log(\"  \u2713 Scrolled and highlighted section\");\n        } else {\n          console.warn(\n            `  \u2717 Section [data-section=\"${sectionId}\"] not found in DOM`\n          );\n        }\n      } else {\n        console.warn(`  \u2717 No section mapping found for field: ${fieldPath}`);\n      }\n    }\n\n    renderDisabledSection(title, message) {\n      return html`\n        <section class=\"showcase-section disabled\">\n          <h2>${title}</h2>\n          <p class=\"disabled-message\">${message}</p>\n        </section>\n      `;\n    }\n\n    renderTOC() {\n      if (!this.sections || this.sections.length === 0) return nothing;\n\n      return html`\n        <nav class=\"showcase-toc\" aria-label=\"Table of Contents\">\n          <div class=\"toc-wrapper\">\n            <div class=\"input-icon\">\n              <pds-icon icon=\"magnifying-glass\"></pds-icon>\n              <input\n                id=\"pds-search\"\n                @focus=${(e) =>\n                  AutoComplete.connect(e, this.autoCompleteSettings)}\n                type=\"search\"\n                placeholder=\"Search design system...\"\n              />\n            </div>\n          </div>\n        </nav>\n      `;\n    }\n\n    get autoCompleteSettings() {\n      return {\n        //debug: true,\n        iconHandler: (item) => {\n          return item.icon ? `<pds-icon icon=\"${item.icon}\"></pds-icon>` : null;\n        },\n        categories: {\n          Sections: {\n            action: (options) => {\n              document\n                .querySelector(`[data-section=\"${options.id}\"]`)\n                .scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n            },\n            trigger: (options) => options.search.length === 0,\n            getItems: (options) => {\n              return this.sections.map((section) => {\n                return {\n                  text: section.title,\n                  id: section.id,\n                  icon: \"folder-simple\",\n                };\n              });\n            },\n          },\n          Query: {\n            action: (options) => {\n              // For query results, display the code/value or scroll to relevant section\n              if (options.code) {\n                // If there's code, copy to clipboard\n                if (navigator.clipboard) {\n                  navigator.clipboard.writeText(options.code).then(() => {\n                    PDS.dispatchEvent(\n                      new CustomEvent(\"pds:toast\", {\n                        detail: {\n                          message: \"Code copied to clipboard\",\n                          type: \"success\",\n                          duration: 2000,\n                        },\n                      })\n                    );\n                  });\n                }\n              }\n              // Also try to navigate to relevant section if available\n              const category = options.category?.toLowerCase() || \"\";\n              let sectionId = null;\n\n              if (category.includes(\"color\") || category.includes(\"surface\")) {\n                sectionId = \"color-system\";\n              } else if (\n                category.includes(\"utility\") ||\n                category.includes(\"layout\")\n              ) {\n                sectionId = \"utilities\";\n              } else if (category.includes(\"component\")) {\n                sectionId = \"components\";\n              } else if (category.includes(\"typography\")) {\n                sectionId = \"typography\";\n              } else if (category.includes(\"spacing\")) {\n                sectionId = \"spacing\";\n              }\n\n              if (sectionId) {\n                const el = document.querySelector(\n                  `[data-section=\"${sectionId}\"]`\n                );\n                if (el) {\n                  el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n                }\n              }\n            },\n            trigger: (options) => options.search.length >= 2,\n            getItems: async (options) => {\n              const q = (options.search || \"\").trim();\n              if (!q) return [];\n\n              try {\n                const results = await PDS.query(q);\n\n                return results.map((result) => {\n                  return {\n                    text: result.text,\n                    id: result.value,\n                    icon: result.icon || \"magnifying-glass\",\n                    category: result.category,\n                    code: result.code,\n                    cssVar: result.cssVar,\n                    description: result.description,\n                  };\n                });\n              } catch (err) {\n                console.error(\"Query error:\", err);\n                return [];\n              }\n            },\n          },\n          Search: {\n            action: (options) => {\n              // When a user selects an item, try to resolve it to a showcase section\n              const rawId = options.id || \"\";\n              const query = (options.search || \"\").toLowerCase();\n\n              // id is encoded as `type|key` (see getItems)\n              const [type, key] = rawId.split(\"|\");\n\n              // 1) try to find a section with id exactly matching key\n              let section = this.sections.find((s) => s.id === key);\n\n              // 2) try to match against title or id containing the key or query\n              if (!section) {\n                section = this.sections.find(\n                  (s) =>\n                    s.title\n                      ?.toLowerCase()\n                      .includes(key?.toLowerCase?.() || \"\") ||\n                    s.id?.toLowerCase().includes(key?.toLowerCase?.() || \"\") ||\n                    s.title?.toLowerCase().includes(query) ||\n                    s.id?.toLowerCase().includes(query)\n                );\n              }\n\n              // 3) fallback: search inside each section element for the query text\n              if (!section && query) {\n                for (const s of this.sections) {\n                  const el = this.querySelector(`[data-section=\"${s.id}\"]`);\n                  if (!el) continue;\n                  const text = (el.innerText || \"\").toLowerCase();\n                  if (\n                    text.includes(query) ||\n                    s.title.toLowerCase().includes(query)\n                  ) {\n                    section = s;\n                    break;\n                  }\n                }\n              }\n\n              if (section) {\n                const el = this.querySelector(`[data-section=\"${section.id}\"]`);\n                if (el)\n                  el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n              } else {\n                // no section found - try a global text search and show first match\n                const allText = (this.innerText || \"\").toLowerCase();\n                const idx = allText.indexOf(query);\n                if (idx !== -1) {\n                  // find first section that contains the query\n                  for (const s of this.sections) {\n                    const el = this.querySelector(`[data-section=\"${s.id}\"]`);\n                    if (!el) continue;\n                    if ((el.innerText || \"\").toLowerCase().includes(query)) {\n                      el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n                      break;\n                    }\n                  }\n                }\n              }\n            },\n            trigger: (options) => options.search.length > 1,\n            getItems: (options) => {\n              const q = (options.search || \"\").trim().toLowerCase();\n              if (!q) return [];\n\n              const candidates = [];\n\n              // primitives\n              for (const p of PDS.ontology.primitives || []) {\n                const name = (p.name || p.id || \"\").toString();\n                const id = p.id || name.replace(/\\s+/g, \"-\").toLowerCase();\n                const score =\n                  (name.toLowerCase().includes(q) ? 30 : 0) +\n                  (id.includes(q) ? 20 : 0);\n                // selectors\n                const selMatch = (p.selectors || []).some((s) =>\n                  String(s).toLowerCase().includes(q)\n                );\n                const total = score + (selMatch ? 10 : 0);\n                candidates.push({\n                  type: \"primitive\",\n                  key: id,\n                  name,\n                  score: total,\n                });\n              }\n\n              // components\n              for (const c of PDS.ontology.components || []) {\n                const name = (c.name || c.id || \"\").toString();\n                const id = c.id || name.replace(/\\s+/g, \"-\").toLowerCase();\n                const score =\n                  (name.toLowerCase().includes(q) ? 40 : 0) +\n                  (id.includes(q) ? 25 : 0);\n                const selMatch = (c.selectors || []).some((s) =>\n                  String(s).toLowerCase().includes(q)\n                );\n                const total = score + (selMatch ? 10 : 0);\n                candidates.push({\n                  type: \"component\",\n                  key: id,\n                  name,\n                  score: total,\n                });\n              }\n\n              // tokens (flatten groups)\n              if (PDS.ontology.tokens) {\n                for (const [group, items] of Object.entries(\n                  PDS.ontology.tokens\n                )) {\n                  if (Array.isArray(items)) {\n                    for (const t of items) {\n                      const name = `${group}/${t}`;\n                      const id = `${group}-${t}`;\n                      const score = name.toLowerCase().includes(q) ? 35 : 0;\n                      candidates.push({ type: \"token\", key: id, name, score });\n                    }\n                  }\n                }\n              }\n\n              // enhancements\n              for (const enh of PDS.ontology.enhancements || []) {\n                const name = String(enh);\n                const key = `enh-${name.replace(\n                  /[^a-z0-9]+/gi,\n                  \"-\"\n                )}`.toLowerCase();\n                const score = name.toLowerCase().includes(q) ? 25 : 0;\n                candidates.push({ type: \"enhancement\", key, name, score });\n              }\n\n              // utilities\n              for (const util of PDS.ontology.utilities || []) {\n                const name = String(util);\n                const key = `util-${name.replace(\n                  /[^a-z0-9]+/gi,\n                  \"-\"\n                )}`.toLowerCase();\n                const score = name.toLowerCase().includes(q) ? 20 : 0;\n                candidates.push({ type: \"utility\", key, name, score });\n              }\n\n              // styles (flat)\n              if (PDS.ontology.styles) {\n                for (const [k, v] of Object.entries(PDS.ontology.styles)) {\n                  const name = k;\n                  const key = `style-${k}`;\n                  const score = name.toLowerCase().includes(q) ? 10 : 0;\n                  candidates.push({ type: \"style\", key, name, score });\n                }\n              }\n\n              // Basic fuzzy/substring scoring boost for any candidate containing q in name/key\n              for (const c of candidates) {\n                const lname = (c.name || \"\").toLowerCase();\n                const lkey = (c.key || \"\").toLowerCase();\n                if (lname.includes(q)) c.score += 50;\n                if (lkey.includes(q)) c.score += 20;\n              }\n\n              // Filter and sort\n              const results = candidates\n                .filter((c) => c.score > 0)\n                .sort((a, b) => b.score - a.score)\n                .slice(0, 30)\n                .map((c) => ({\n                  text: c.name,\n                  id: `${c.type}|${c.key}`,\n                  icon:\n                    c.type === \"component\"\n                      ? \"brackets-curly\"\n                      : c.type === \"primitive\"\n                      ? \"tag\"\n                      : c.type === \"token\"\n                      ? \"palette\"\n                      : \"folder-simple\",\n                }));\n\n              return results;\n            },\n          },\n        },\n      };\n    }\n\n    render() {\n      const components = this.config?.components || {};\n      // Determine current theme from DOM so section copy can adapt\n      const theme =\n        (typeof document !== \"undefined\" &&\n          document.documentElement?.getAttribute(\"data-theme\")) ||\n        \"light\";\n      const inversionTitle =\n        theme === \"dark\"\n          ? \"Light Surfaces in Dark Mode\"\n          : \"Dark Surfaces in Light Mode\";\n      const inversePhrase =\n        theme === \"dark\"\n          ? \"light surface in dark mode\"\n          : \"dark surface in light mode\";\n\n      return html`\n        <div\n          class=\"showcase-container ${this.inspectorActive\n            ? \"inspector-active\"\n            : \"\"}\"\n          @click=${this.handleInspectorClick}\n        >\n          <!-- Table of Contents Navigation -->\n          ${this.renderTOC()}\n\n          <!-- Hero Section -->\n          <section class=\"showcase-hero\">\n            <h1>Pure Design System</h1>\n            <p>Why build a design system if you can generate it?</p>\n            <div class=\"btn-group\">\n              <button\n                class=\"btn-primary btn-lg\"\n                @click=${() => {\n                  this.showDoc(\"getting-started.md\");\n                }}\n              >\n                <pds-icon icon=\"download\"></pds-icon>\n                Get Started\n              </button>\n              <button\n                class=\"btn-secondary btn-lg\"\n                @click=${() => {\n                  this.showDoc(\"readme.md\");\n                }}\n              >\n                <pds-icon icon=\"book-open\"></pds-icon>\n                View Docs\n              </button>\n            </div>\n          </section>\n\n          <!-- Colors Section -->\n          <section class=\"showcase-section\" data-section=\"color-system\">\n            <h2>\n              <pds-icon\n                icon=\"palette\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Color System\n            </h2>\n\n\n            <div class=\"color-grid\">\n              ${this.renderColorCard(\"Primary\", \"primary\")}\n              ${this.renderColorCard(\"Secondary\", \"secondary\")}\n              ${this.renderColorCard(\"Accent\", \"accent\")}\n              ${this.renderColorCard(\"Success\", \"success\")}\n              ${this.renderColorCard(\"Warning\", \"warning\")}\n              ${this.renderColorCard(\"Danger\", \"danger\")}\n              ${this.renderColorCard(\"Info\", \"info\")}\n            </div>\n\n            <h3>Semantic Color Usage</h3>\n            <div class=\"semantic-usage\">\n              <div class=\"semantic-message success\">\n                <pds-icon\n                  icon=\"check-circle\"\n                  class=\"icon-success\"\n                  size=\"lg\"\n                ></pds-icon>\n                <div>\n                  <strong>Success</strong>\n                  <p>Operations completed successfully</p>\n                </div>\n              </div>\n\n              <div class=\"semantic-message warning\">\n                <pds-icon\n                  icon=\"warning\"\n                  class=\"icon-warning\"\n                  size=\"lg\"\n                ></pds-icon>\n                <div>\n                  <strong>Warning</strong>\n                  <p>Please review carefully</p>\n                </div>\n              </div>\n\n              <div class=\"semantic-message danger\">\n                <pds-icon\n                  icon=\"x-circle\"\n                  class=\"icon-danger\"\n                  size=\"lg\"\n                ></pds-icon>\n                <div>\n                  <strong>Danger</strong>\n                  <p>Critical error occurred</p>\n                </div>\n              </div>\n\n              <div class=\"semantic-message info\">\n                <pds-icon icon=\"info\" class=\"icon-info\" size=\"lg\"></pds-icon>\n                <div>\n                  <strong>Info</strong>\n                  <p>Helpful information</p>\n                </div>\n              </div>\n            </div>\n\n            <h3>Gray Scale (from Secondary)</h3>\n            <div class=\"gray-scale-grid\">\n              ${[50, 100, 200, 300, 400, 500, 600, 700, 800].map(\n                (shade) => html`\n                  <div class=\"gray-scale-item\">\n                    <div\n                      class=\"gray-scale-swatch\"\n                      style=\"background-color: var(--color-gray-${shade});\"\n                      title=\"gray-${shade}\"\n                    ></div>\n                    <div class=\"gray-scale-label\">${shade}</div>\n                  </div>\n                `\n              )}\n            </div>\n          </section>\n\n          <!-- Derived Color Scales Section -->\n          <section class=\"showcase-section alt-bg\">\n            <h2>\n              <pds-icon icon=\"sun\" size=\"lg\" class=\"icon-warning\"></pds-icon>\n              Derived Color Scales\n            </h2>\n            <p>\n              Complete 9-step color scales (50-800) automatically generated from\n              your base colors. Each scale maintains proper contrast and color\n              relationships.\n            </p>\n\n            <h3>Primary Color Scale</h3>\n            ${this.renderColorScale(\"primary\")}\n\n            <h3>Secondary (Neutral) Scale</h3>\n            ${this.renderColorScale(\"secondary\")}\n\n            <h3>Accent Color Scale</h3>\n            ${this.renderColorScale(\"accent\")}\n\n            <h3>Semantic Color Scales (Auto-Derived)</h3>\n            <p class=\"interactive-demo\">\n              These colors are automatically derived from your primary color\n              with intelligent hue shifting for semantic meaning.\n            </p>\n\n            ${this.renderColorScale(\"success\")}\n            ${this.renderColorScale(\"warning\")}\n            ${this.renderColorScale(\"danger\")} ${this.renderColorScale(\"info\")}\n          </section>\n\n          <!-- Typography Section -->\n          <section class=\"showcase-section alt-bg\" data-section=\"typography\">\n            <h2>\n              <pds-icon\n                icon=\"text-aa\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Typography\n            </h2>\n\n            <div class=\"grid grid-cols-1\">\n              <h1>Heading 1 - The quick brown fox</h1>\n              <h2>Heading 2 - The quick brown fox</h2>\n              <h3>Heading 3 - The quick brown fox</h3>\n              <h4>Heading 4 - The quick brown fox</h4>\n              <h5>Heading 5 - The quick brown fox</h5>\n              <h6>Heading 6 - The quick brown fox</h6>\n              <p>\n                Regular paragraph text with <a href=\"#\">a link</a> and\n                <code>inline code</code>.\n              </p>\n            </div>\n          </section>\n\n          <!-- Buttons Section -->\n          <section class=\"showcase-section\" data-section=\"buttons\">\n            <h2>\n              <pds-icon\n                icon=\"cursor-click\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Buttons\n            </h2>\n\n            <div class=\"flex-wrap\">\n              <button class=\"btn-primary\">Primary</button>\n              <button class=\"btn-secondary\">Secondary</button>\n              <button class=\"btn-outline\">Outline</button>\n              <button class=\"btn-primary\" disabled>Disabled</button>\n            </div>\n\n            <h3>Sizes</h3>\n            <div class=\"flex-wrap\">\n              <button class=\"btn-primary btn-sm\">Small</button>\n              <button class=\"btn-primary\">Default</button>\n              <button class=\"btn-primary btn-lg\">Large</button>\n            </div>\n\n            <h3>Icon Buttons</h3>\n            <div class=\"flex-wrap gap-sm\">\n              <button class=\"icon-only btn-primary\">\n                <pds-icon icon=\"gear\" label=\"Settings\"></pds-icon>\n              </button>\n              <button class=\"icon-only btn-secondary\">\n                <pds-icon icon=\"bell\" label=\"Notifications\"></pds-icon>\n              </button>\n              <button class=\"icon-only btn-outline\">\n                <pds-icon icon=\"heart\" label=\"Favorite\"></pds-icon>\n              </button>\n              <button class=\"btn-primary\">\n                <pds-icon icon=\"download\"></pds-icon>\n                <span>Download</span>\n              </button>\n            </div>\n          </section>\n\n          <section class=\"showcase-section alt-bg\" data-section=\"forms\">\n            <h2>\n              <pds-icon\n                icon=\"note-pencil\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Form Controls\n            </h2>\n\n            <form\n              class=\"form-demo\"\n              onsubmit=\"event.preventDefault(); console.log('Form submitted (prevented)'); return false;\"\n            >\n              <fieldset>\n                <legend>Personal Information</legend>\n\n                <label>\n                  <span>Full Name</span>\n                  <input type=\"text\" placeholder=\"Enter your name\" required />\n                </label>\n\n                <label>\n                  <span>Email</span>\n                  <input\n                    type=\"email\"\n                    placeholder=\"you@example.com\"\n                    autocomplete=\"username\"\n                    required\n                  />\n                </label>\n\n                <label>\n                  <span>Phone</span>\n                  <input type=\"tel\" placeholder=\"+1 (555) 000-0000\" />\n                </label>\n\n                <label>\n                  <span>Date of Birth</span>\n                  <input type=\"date\" />\n                </label>\n\n                <label>\n                  <span>Rich Text</span>\n                  <pds-richtext\n                    name=\"richtext\"\n                    placeholder=\"Enter rich text\"\n                  ></pds-richtext>\n                </label>\n\n                <label>\n                  <span>Password</span>\n                  <input\n                    type=\"password\"\n                    placeholder=\"Enter password\"\n                    autocomplete=\"current-password\"\n                  />\n                </label>\n\n                <label>\n                  <span>Country</span>\n                  <select>\n                    <option>United States</option>\n                    <option>Canada</option>\n                    <option>United Kingdom</option>\n                    <option>Germany</option>\n                    <option>France</option>\n                    <option>Other</option>\n                  </select>\n                </label>\n\n                <label>\n                  <span>Number</span>\n                  <input type=\"number\" min=\"0\" max=\"100\" value=\"50\" />\n                </label>\n\n                <label>\n                  <span>Range</span>\n                  <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" />\n                </label>\n\n                <label>\n                  <span>URL</span>\n                  <input type=\"url\" placeholder=\"https://example.com\" />\n                </label>\n\n                <label>\n                  <span>File Upload</span>\n                  <pds-upload name=\"file\"></pds-upload>\n                </label>\n\n                <label>\n                  <span>Message</span>\n                  <textarea\n                    rows=\"4\"\n                    placeholder=\"Your message here...\"\n                  ></textarea>\n                </label>\n              </fieldset>\n\n              <fieldset>\n                <legend>Preferences</legend>\n\n                <label data-toggle>\n                  <input type=\"checkbox\" checked />\n                  Subscribe to newsletter\n                </label>\n\n                <label data-toggle>\n                  <input type=\"checkbox\" />\n                  Receive marketing emails\n                </label>\n              </fieldset>\n\n              <fieldset>\n                <legend>Toggle Switches (Progressive Enhancement)</legend>\n\n                <label data-toggle>\n                  <input type=\"checkbox\" checked />\n                  Enable notifications\n                </label>\n\n                <label data-toggle>\n                  <input type=\"checkbox\" />\n                  Dark mode\n                </label>\n\n                <label data-toggle>\n                  <input type=\"checkbox\" checked />\n                  Auto-save\n                </label>\n              </fieldset>\n\n              <div class=\"form-demo-actions\">\n                <button type=\"submit\" class=\"btn-primary\">Submit Form</button>\n                <button type=\"reset\" class=\"btn-secondary\">Reset</button>\n                <button type=\"button\" class=\"btn-outline\">Cancel</button>\n              </div>\n            </form>\n          </section>\n\n          <section class=\"showcase-section\" data-section=\"alerts\">\n            <h2>\n              <pds-icon\n                icon=\"bell-ringing\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Alerts & Feedback\n            </h2>\n\n            <div class=\"grid grid-cols-1\">\n              <div class=\"alert alert-success\">\n                <div class=\"alert-icon\">\n                  <pds-icon\n                    icon=\"check-circle\"\n                    class=\"icon-success\"\n                    size=\"lg\"\n                  ></pds-icon>\n                </div>\n                <div>\n                  <div class=\"alert-title\">Success!</div>\n                  <p>Your operation completed successfully.</p>\n                </div>\n              </div>\n\n              <div class=\"alert alert-info\">\n                <div class=\"alert-icon\">\n                  <pds-icon icon=\"info\" class=\"icon-info\" size=\"lg\"></pds-icon>\n                </div>\n                <div>\n                  <div class=\"alert-title\">Information</div>\n                  <p>This is an informational message.</p>\n                </div>\n              </div>\n\n              <div class=\"alert alert-warning\">\n                <div class=\"alert-icon\">\n                  <pds-icon\n                    icon=\"warning\"\n                    class=\"icon-warning\"\n                    size=\"lg\"\n                  ></pds-icon>\n                </div>\n                <div>\n                  <div class=\"alert-title\">Warning</div>\n                  <p>Please review this warning.</p>\n                </div>\n              </div>\n\n              <div class=\"alert alert-danger\">\n                <div class=\"alert-icon\">\n                  <pds-icon\n                    icon=\"x-circle\"\n                    class=\"icon-danger\"\n                    size=\"lg\"\n                  ></pds-icon>\n                </div>\n                <div>\n                  <div class=\"alert-title\">Error</div>\n                  <p>An error occurred.</p>\n                </div>\n              </div>\n            </div>\n          </section>\n\n          <!-- Badges Section -->\n\n          <section class=\"showcase-section alt-bg\">\n            <h2>\n              <pds-icon icon=\"tag\" size=\"lg\" class=\"icon-primary\"></pds-icon>\n              Badges & Pills\n            </h2>\n\n            <h3>Default Badges</h3>\n            <div class=\"badge-grid\">\n              <span class=\"badge\">Default</span>\n              <span class=\"badge badge-primary\">Primary</span>\n              <span class=\"badge badge-secondary\">Secondary</span>\n              <span class=\"badge badge-success\">Success</span>\n              <span class=\"badge badge-warning\">Warning</span>\n              <span class=\"badge badge-danger\">Danger</span>\n              <span class=\"badge badge-info\">Info</span>\n            </div>\n\n            <h3>Outlined Badges</h3>\n            <div class=\"badge-grid\">\n              <span class=\"badge badge-outline badge-primary\">Primary</span>\n              <span class=\"badge badge-outline badge-secondary\">Secondary</span>\n              <span class=\"badge badge-outline badge-success\">Success</span>\n              <span class=\"badge badge-outline badge-info\">Info</span>\n              <span class=\"badge badge-outline badge-warning\">Warning</span>\n              <span class=\"badge badge-outline badge-danger\">Danger</span>\n            </div>\n\n            <h3>Badge Sizes</h3>\n            <div class=\"size-demo\">\n              <span class=\"badge badge-primary badge-sm\">Small</span>\n              <span class=\"badge badge-primary\">Default</span>\n              <span class=\"badge badge-primary badge-lg\">Large</span>\n            </div>\n\n            <h3>Pills</h3>\n            <div class=\"badge-grid\">\n              <span class=\"pill badge-primary\">React</span>\n              <span class=\"pill badge-secondary\">Vue</span>\n              <span class=\"pill badge-success\">Node.js</span>\n              <span class=\"pill badge-info\">TypeScript</span>\n              <span class=\"pill badge-warning\">JavaScript</span>\n              <span class=\"pill badge-danger\">Critical</span>\n            </div>\n          </section>\n\n          <!-- Media Elements Section -->\n          <section class=\"showcase-section\">\n            <h2>\n              <pds-icon icon=\"image\" size=\"lg\" class=\"icon-primary\"></pds-icon>\n              Media Elements\n            </h2>\n\n            <h3>Responsive Images</h3>\n            <div class=\"media-grid\">\n              <figure class=\"media-figure\">\n                <img\n                  class=\"media-image\"\n                  src=\"https://picsum.photos/800/600?random=1\"\n                  alt=\"Random landscape\"\n                />\n                <figcaption class=\"media-caption\">\n                  <strong>Figure 1:</strong> A beautiful landscape demonstrating\n                  image handling in the design system.\n                </figcaption>\n              </figure>\n\n              <figure class=\"media-figure\">\n                <img\n                  class=\"media-image\"\n                  src=\"https://picsum.photos/800/600?random=2\"\n                  alt=\"Random architecture\"\n                />\n                <figcaption class=\"media-caption\">\n                  <strong>Figure 2:</strong> Architectural photography\n                  showcasing the responsive image behavior.\n                </figcaption>\n              </figure>\n            </div>\n\n            <h3>Image Gallery</h3>\n            <div class=\"gallery-grid\">\n              <img\n                class=\"gallery-image\"\n                src=\"https://picsum.photos/400/400?random=3\"\n                alt=\"Gallery image 1\"\n              />\n              <img\n                class=\"gallery-image\"\n                src=\"https://picsum.photos/400/400?random=4\"\n                alt=\"Gallery image 2\"\n              />\n              <img\n                class=\"gallery-image\"\n                src=\"https://picsum.photos/400/400?random=5\"\n                alt=\"Gallery image 3\"\n              />\n              <img\n                class=\"gallery-image\"\n                src=\"https://picsum.photos/400/400?random=6\"\n                alt=\"Gallery image 4\"\n              />\n            </div>\n\n            <h3>Netflix Row</h3>\n\n            <pds-scrollrow>\n              ${new Array(20)\n                .fill(0)\n                .map(\n                  (_, i) => html`<img\n                    loading=\"lazy\"\n                    class=\"scroll-row-image\"\n                    src=\"https://picsum.photos/200/200?random=${i + 1}\"\n                    alt=\"Gallery image ${i + 1}\"\n                  />`\n                )}\n            </pds-scrollrow>\n\n            <h3>Video Element</h3>\n            <figure class=\"video-container\">\n              <video\n                class=\"video-element\"\n                controls\n                poster=\"https://picsum.photos/1200/675?random=7\"\n              >\n                <source\n                  src=\"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4\"\n                  type=\"video/mp4\"\n                />\n                Your browser does not support the video tag.\n              </video>\n              <figcaption class=\"media-caption\">\n                <strong>Video Demo:</strong> Big Buck Bunny sample video\n                demonstrating video element styling.\n              </figcaption>\n            </figure>\n          </section>\n\n          <!-- Enhanced Components Section -->\n          <section class=\"showcase-section alt-bg\">\n            <h2>\n              <pds-icon\n                icon=\"brackets-curly\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Enhanced Components\n            </h2>\n\n            <h3>Dropdown Menu (Progressive Enhancement)</h3>\n            <p class=\"dropdown-demo\">\n              Click the button to toggle the dropdown menu:\n            </p>\n            <nav data-dropdown>\n              <button class=\"btn-primary\">\n                <pds-icon icon=\"list\"></pds-icon>\n                Click for Menu\n              </button>\n              <menu class=\"dropdown-menu liquid-glass\">\n                <li>\n                  <a href=\"#\">\n                    <pds-icon icon=\"user\" size=\"sm\"></pds-icon>\n                    Profile\n                  </a>\n                </li>\n                <li>\n                  <a href=\"#\">\n                    <pds-icon icon=\"gear\" size=\"sm\"></pds-icon>\n                    Settings\n                  </a>\n                </li>\n                <li>\n                  <a href=\"#\" class=\"danger\">\n                    <pds-icon icon=\"x\" size=\"sm\"></pds-icon>\n                    Logout\n                  </a>\n                </li>\n              </menu>\n            </nav>\n          </section>\n\n          <!-- Icons Section -->\n          <section class=\"showcase-section\" data-section=\"icons\">\n            <h2>\n              <pds-icon icon=\"star\" size=\"lg\" class=\"icon-accent\"></pds-icon>\n              Icon System\n            </h2>\n\n            <h3>Sizes</h3>\n            <div class=\"icon-sizes surface-translucent\">\n              <pds-icon icon=\"heart\" size=\"xs\"></pds-icon>\n              <pds-icon icon=\"heart\" size=\"sm\"></pds-icon>\n              <pds-icon icon=\"heart\" size=\"md\"></pds-icon>\n              <pds-icon icon=\"heart\" size=\"lg\"></pds-icon>\n              <pds-icon icon=\"heart\" size=\"xl\"></pds-icon>\n              <pds-icon icon=\"heart\" size=\"2xl\"></pds-icon>\n            </div>\n\n            <h3>Semantic Colors</h3>\n            <div class=\"icon-colors surface-translucent\">\n              <pds-icon\n                icon=\"check-circle\"\n                class=\"icon-primary\"\n                size=\"lg\"\n              ></pds-icon>\n              <pds-icon\n                icon=\"check-circle\"\n                class=\"icon-secondary\"\n                size=\"lg\"\n              ></pds-icon>\n              <pds-icon\n                icon=\"check-circle\"\n                class=\"icon-accent\"\n                size=\"lg\"\n              ></pds-icon>\n              <pds-icon\n                icon=\"check-circle\"\n                class=\"icon-success\"\n                size=\"lg\"\n              ></pds-icon>\n              <pds-icon\n                icon=\"warning\"\n                class=\"icon-warning\"\n                size=\"lg\"\n              ></pds-icon>\n              <pds-icon\n                icon=\"x-circle\"\n                class=\"icon-danger\"\n                size=\"lg\"\n              ></pds-icon>\n              <pds-icon icon=\"info\" class=\"icon-info\" size=\"lg\"></pds-icon>\n            </div>\n\n            <h3>Icon with Text</h3>\n            <div class=\"icon-text-demo\">\n              <div class=\"icon-text\">\n                <pds-icon icon=\"envelope\"></pds-icon>\n                <span>Email</span>\n              </div>\n              <div class=\"icon-text\">\n                <pds-icon icon=\"phone\"></pds-icon>\n                <span>Phone</span>\n              </div>\n              <div class=\"icon-text\">\n                <pds-icon icon=\"user\"></pds-icon>\n                <span>Profile</span>\n              </div>\n              <div class=\"icon-text\">\n                <pds-icon icon=\"calendar\"></pds-icon>\n                <span>Schedule</span>\n              </div>\n            </div>\n\n            <h3>Inputs with Icons</h3>\n            <div class=\"input-icon-demo\">\n              <div class=\"input-icon\">\n                <pds-icon icon=\"magnifying-glass\"></pds-icon>\n                <input type=\"search\" placeholder=\"Search...\" />\n              </div>\n              <div class=\"input-icon input-icon-end\">\n                <input type=\"text\" placeholder=\"Username\" />\n                <pds-icon icon=\"user\"></pds-icon>\n              </div>\n            </div>\n\n            <h3>Common Icons</h3>\n            <div class=\"icon-grid surface-translucent\">\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"house\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">house</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"gear\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">gear</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"bell\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">bell</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"heart\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">heart</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"star\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">star</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"trash\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">trash</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"pencil\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">pencil</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"check\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">check</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"x\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">x</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"plus\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">plus</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"minus\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">minus</span>\n              </div>\n              <div class=\"icon-grid-item\">\n                <pds-icon icon=\"download\" size=\"lg\"></pds-icon>\n                <span class=\"icon-grid-label\">download</span>\n              </div>\n            </div>\n          </section>\n\n          <!-- Layout & Cards Section -->\n          <section class=\"showcase-section alt-bg\">\n            <h2>\n              <pds-icon\n                icon=\"desktop\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Layout & Cards\n            </h2>\n\n            <div class=\"grid grid-cols-1\">\n              <div class=\"card surface-elevated\">\n                <h3>Elevated Surface</h3>\n                <p>This surface has a subtle shadow and elevated background.</p>\n              </div>\n\n              <div class=\"grid grid-cols-3\">\n                <div class=\"card\">\n                  <h4>Card 1</h4>\n                  <p>Cards provide a clean container for content.</p>\n                </div>\n                <div class=\"card\">\n                  <h4>Card 2</h4>\n                  <p>They have consistent spacing and shadows.</p>\n                </div>\n                <div class=\"card\">\n                  <h4>Card 3</h4>\n                  <p>And they respond beautifully to hover states.</p>\n                </div>\n              </div>\n            </div>\n\n            <h3>Accordion Component</h3>\n            <section class=\"accordion\" aria-label=\"FAQ\">\n              <details>\n                <summary id=\"q1\">How billing works</summary>\n                <div role=\"region\" aria-labelledby=\"q1\">\n                  <p>We charge monthly on the 1st\u2026</p>\n                </div>\n              </details>\n\n              <details>\n                <summary id=\"q2\">Refund policy</summary>\n                <div role=\"region\" aria-labelledby=\"q2\">\n                  <p>You can request a refund within 14 days\u2026</p>\n                </div>\n              </details>\n\n              <details>\n                <summary id=\"q3\">Invoices</summary>\n                <div role=\"region\" aria-labelledby=\"q3\">\n                  <p>Download invoices from Settings \u2192 Billing\u2026</p>\n                </div>\n              </details>\n            </section>\n          </section>\n\n          <section class=\"showcase-section\">\n            <h2>\n              <pds-icon icon=\"list\" size=\"lg\" class=\"icon-primary\"></pds-icon>\n              Tables\n            </h2>\n\n            <h3>Default Table</h3>\n            <table>\n              <thead>\n                <tr>\n                  <th>Name</th>\n                  <th>Role</th>\n                  <th>Department</th>\n                  <th>Status</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td>Alice Johnson</td>\n                  <td>Senior Developer</td>\n                  <td>Engineering</td>\n                  <td><span class=\"badge badge-success\">Active</span></td>\n                </tr>\n                <tr>\n                  <td>Bob Smith</td>\n                  <td>Product Manager</td>\n                  <td>Product</td>\n                  <td><span class=\"badge badge-success\">Active</span></td>\n                </tr>\n                <tr>\n                  <td>Carol Williams</td>\n                  <td>UX Designer</td>\n                  <td>Design</td>\n                  <td><span class=\"badge badge-warning\">Away</span></td>\n                </tr>\n                <tr>\n                  <td>David Brown</td>\n                  <td>DevOps Engineer</td>\n                  <td>Engineering</td>\n                  <td><span class=\"badge badge-danger\">Offline</span></td>\n                </tr>\n              </tbody>\n            </table>\n\n            <h3>Striped Table</h3>\n            <table class=\"table-striped\">\n              <thead>\n                <tr>\n                  <th>Product</th>\n                  <th>Price</th>\n                  <th>Stock</th>\n                  <th>Category</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td>Laptop Pro</td>\n                  <td>$1,299</td>\n                  <td>45</td>\n                  <td>Electronics</td>\n                </tr>\n                <tr>\n                  <td>Wireless Mouse</td>\n                  <td>$29</td>\n                  <td>128</td>\n                  <td>Accessories</td>\n                </tr>\n                <tr>\n                  <td>USB-C Hub</td>\n                  <td>$59</td>\n                  <td>76</td>\n                  <td>Accessories</td>\n                </tr>\n                <tr>\n                  <td>Monitor 27\"</td>\n                  <td>$449</td>\n                  <td>23</td>\n                  <td>Electronics</td>\n                </tr>\n              </tbody>\n            </table>\n\n            <h3>Bordered Compact Table</h3>\n            <table class=\"table-bordered table-compact\">\n              <thead>\n                <tr>\n                  <th>ID</th>\n                  <th>Task</th>\n                  <th>Priority</th>\n                  <th>Due Date</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td>#101</td>\n                  <td>Fix navigation bug</td>\n                  <td><span class=\"badge badge-danger\">High</span></td>\n                  <td>Oct 15, 2025</td>\n                </tr>\n                <tr>\n                  <td>#102</td>\n                  <td>Update documentation</td>\n                  <td><span class=\"badge badge-warning\">Medium</span></td>\n                  <td>Oct 18, 2025</td>\n                </tr>\n                <tr>\n                  <td>#103</td>\n                  <td>Refactor CSS</td>\n                  <td><span class=\"badge badge-info\">Low</span></td>\n                  <td>Oct 25, 2025</td>\n                </tr>\n              </tbody>\n            </table>\n          </section>\n\n          <!-- Form Groups Section -->\n          <section class=\"showcase-section alt-bg\">\n            <h2>\n              <pds-icon\n                icon=\"list-bullets\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Form Groups\n            </h2>\n\n            <div class=\"grid grid-cols-2\">\n              <div class=\"form-group\">\n                <h3>Radio Buttons</h3>\n                <fieldset role=\"radiogroup\">\n                  <legend>Select your plan</legend>\n                  <label>\n                    <input type=\"radio\" name=\"plan\" value=\"free\" checked />\n                    <span>Free - $0/month</span>\n                  </label>\n                  <label>\n                    <input type=\"radio\" name=\"plan\" value=\"pro\" />\n                    <span>Pro - $29/month</span>\n                  </label>\n                  <label>\n                    <input type=\"radio\" name=\"plan\" value=\"enterprise\" />\n                    <span>Enterprise - $99/month</span>\n                  </label>\n                </fieldset>\n              </div>\n\n              <div class=\"form-group\">\n                <h3>Checkboxes</h3>\n                <fieldset role=\"group\">\n                  <legend>Select features</legend>\n                  <label>\n                    <input\n                      type=\"checkbox\"\n                      name=\"features\"\n                      value=\"api\"\n                      checked\n                    />\n                    <span>API Access</span>\n                  </label>\n                  <label>\n                    <input\n                      type=\"checkbox\"\n                      name=\"features\"\n                      value=\"analytics\"\n                      checked\n                    />\n                    <span>Advanced Analytics</span>\n                  </label>\n                  <label>\n                    <input type=\"checkbox\" name=\"features\" value=\"support\" />\n                    <span>Priority Support</span>\n                  </label>\n                  <label>\n                    <input type=\"checkbox\" name=\"features\" value=\"sso\" />\n                    <span>Single Sign-On</span>\n                  </label>\n                </fieldset>\n              </div>\n            </div>\n          </section>\n\n          <!-- Smart Surfaces Section -->\n          <section class=\"showcase-section\" data-section=\"smart-surfaces\">\n            <h2>\n              <pds-icon\n                icon=\"palette\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Smart Surface System\n            </h2>\n\n            <p>\n              The smart surface system automatically adapts text, icon, shadow,\n              and border colors based on surface backgrounds. All colors\n              maintain WCAG AA contrast ratios automatically.\n            </p>\n\n            <h3>Surface Variants</h3>\n            <div class=\"surface-demo-grid\">\n              <div class=\"surface-base\" style=\"padding: var(--spacing-6);\">\n                <strong class=\"surface-title\">\n                  <pds-icon icon=\"square\"></pds-icon>\n                  Base Surface\n                </strong>\n                <p class=\"surface-description\">\n                  Default background with auto-adjusted text and icons\n                </p>\n                <button\n                  class=\"btn-primary\"\n                  style=\"margin-top: var(--spacing-3);\"\n                >\n                  Button\n                </button>\n              </div>\n              <div class=\"surface-subtle\" style=\"padding: var(--spacing-6);\">\n                <strong class=\"surface-title\">\n                  <pds-icon icon=\"square\"></pds-icon>\n                  Subtle Surface\n                </strong>\n                <p class=\"surface-description\">\n                  Slightly different tone for visual hierarchy\n                </p>\n                <button\n                  class=\"btn-secondary\"\n                  style=\"margin-top: var(--spacing-3);\"\n                >\n                  Button\n                </button>\n              </div>\n              <div class=\"surface-elevated\" style=\"padding: var(--spacing-6);\">\n                <strong class=\"surface-title\">\n                  <pds-icon icon=\"arrow-up\"></pds-icon>\n                  Elevated Surface\n                </strong>\n                <p class=\"surface-description\">\n                  Raised with smart shadows that adapt in dark mode\n                </p>\n                <button\n                  class=\"btn-primary\"\n                  style=\"margin-top: var(--spacing-3);\"\n                >\n                  Button\n                </button>\n              </div>\n              <div class=\"surface-overlay\" style=\"padding: var(--spacing-6);\">\n                <strong class=\"surface-title\">\n                  <pds-icon icon=\"desktop\"></pds-icon>\n                  Overlay Surface\n                </strong>\n                <p class=\"surface-description\">\n                  Modal/dropdown backgrounds with stronger shadows\n                </p>\n                <button\n                  class=\"btn-outline\"\n                  style=\"margin-top: var(--spacing-3);\"\n                >\n                  Button\n                </button>\n              </div>\n            </div>\n\n            <h3>Context-Aware Shadows</h3>\n            <p>\n              Shadows automatically invert in dark mode: dark shadows on light\n              surfaces, light shadows on dark surfaces.\n            </p>\n            <div class=\"shadow-demo-grid\">\n              <div class=\"shadow-demo-item shadow-sm\">\n                <pds-icon icon=\"feather\" size=\"lg\"></pds-icon>\n                <strong>Small</strong>\n                <p>--shadow-sm</p>\n              </div>\n              <div class=\"shadow-demo-item shadow-md\">\n                <pds-icon icon=\"grid-four\" size=\"lg\"></pds-icon>\n                <strong>Medium</strong>\n                <p>--shadow-md</p>\n              </div>\n              <div class=\"shadow-demo-item shadow-lg\">\n                <pds-icon icon=\"rocket\" size=\"lg\"></pds-icon>\n                <strong>Large</strong>\n                <p>--shadow-lg</p>\n              </div>\n            </div>\n\n            <h3>Surface Borders</h3>\n            <article class=\"card border-gradient\">\n              <p>A card with a border gradient</p>\n            </article>\n\n            <article class=\"card border-gradient-glow\">\n              <p>A card with a glowing border gradient</p>\n            </article>\n          </section>\n\n          <!-- Nested Surfaces Section -->\n          <section\n            class=\"showcase-section alt-bg\"\n            data-section=\"nested-surfaces\"\n          >\n            <h2>\n              <pds-icon\n                icon=\"grid-four\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Nested Surfaces\n            </h2>\n\n            <p>\n              Surfaces can be nested infinitely. Each level maintains proper\n              contrast and visual hierarchy automatically.\n            </p>\n\n            <div class=\"surface-base\" style=\"padding: var(--spacing-6);\">\n              <h4>\n                <pds-icon icon=\"circle\"></pds-icon>\n                Level 1: Base Surface\n              </h4>\n              <p>\n                Notice how icons and text adapt at each nesting level to\n                maintain readability.\n              </p>\n\n              <div\n                class=\"surface-elevated\"\n                style=\"padding: var(--spacing-6); margin-top: var(--spacing-4);\"\n              >\n                <h5>\n                  <pds-icon icon=\"arrow-right\"></pds-icon>\n                  Level 2: Elevated Surface\n                </h5>\n                <p>Shadows and text colors automatically adjust</p>\n\n                <div\n                  class=\"grid grid-cols-2\"\n                  style=\"margin-top: var(--spacing-4);\"\n                >\n                  <div class=\"card\">\n                    <h6>\n                      <pds-icon icon=\"check\"></pds-icon>\n                      Level 3: Card\n                    </h6>\n                    <p>Perfect contrast maintained</p>\n\n                    <div\n                      class=\"surface-sunken\"\n                      style=\"padding: var(--spacing-4); margin-top: var(--spacing-3);\"\n                    >\n                      <small>\n                        <pds-icon icon=\"info\" size=\"sm\"></pds-icon>\n                        Level 4: Sunken surface inside card\n                      </small>\n                    </div>\n                  </div>\n\n                  <div class=\"card\">\n                    <h6>\n                      <pds-icon icon=\"star\"></pds-icon>\n                      Another Card\n                    </h6>\n                    <p>All elements adapt automatically</p>\n                    <button\n                      class=\"btn-primary btn-sm\"\n                      style=\"margin-top: var(--spacing-2);\"\n                    >\n                      <pds-icon icon=\"heart\" size=\"sm\"></pds-icon>\n                      Action\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <h3>Card Grids</h3>\n            <p>Cards automatically adapt when nested or grouped</p>\n            <div class=\"grid grid-cols-3\">\n              <div class=\"card\">\n                <h5>\n                  <pds-icon icon=\"palette\"></pds-icon>\n                  Design\n                </h5>\n                <p>Smart surfaces handle theming automatically</p>\n              </div>\n              <div class=\"card\">\n                <h5>\n                  <pds-icon icon=\"code\"></pds-icon>\n                  Development\n                </h5>\n                <p>Zero manual color overrides needed</p>\n              </div>\n              <div class=\"card\">\n                <h5>\n                  <pds-icon icon=\"rocket\"></pds-icon>\n                  Performance\n                </h5>\n                <p>CSS custom properties are fast</p>\n              </div>\n            </div>\n          </section>\n\n          <!-- Surface Inversion Section -->\n          <section class=\"showcase-section\" data-section=\"surface-inversion\">\n            <h2>\n              <pds-icon icon=\"moon\" size=\"lg\" class=\"icon-primary\"></pds-icon>\n              Surface Inversion\n            </h2>\n\n            <p>\n              The smart surface system automatically inverts text and icon\n              colors when you use a ${inversePhrase} (or vice versa). Toggle\n              dark mode to see the magic!\n            </p>\n\n            <h3>${inversionTitle}</h3>\n            <div class=\"grid grid-cols-2\">\n              <div class=\"demo-inversion-box surface-inverse surface-box\">\n                <h4>\n                  <pds-icon icon=\"moon\"></pds-icon>\n                  Automatic Inversion\n                </h4>\n                <p>\n                  This dark surface automatically uses light text and icons for\n                  perfect readability\n                </p>\n                <button\n                  class=\"btn-primary\"\n                  style=\"margin-top: var(--spacing-3);\"\n                >\n                  Primary Button\n                </button>\n              </div>\n\n              <div class=\"demo-inversion-box surface-overlay surface-box\">\n                <h4>\n                  <pds-icon icon=\"palette\"></pds-icon>\n                  Overlay Surface\n                </h4>\n                <p>Text and icons auto-adapt to maintain WCAG AA contrast</p>\n                <button\n                  class=\"btn-secondary\"\n                  style=\"margin-top: var(--spacing-3);\"\n                >\n                  Secondary Button\n                </button>\n              </div>\n            </div>\n\n            <h3>Semantic Surfaces with Auto-Contrast</h3>\n            <div class=\"grid grid-cols-3\">\n              <div\n                class=\"demo-inversion-box alert alert-success surface-center\"\n              >\n                <pds-icon icon=\"check-circle\" size=\"xl\"></pds-icon>\n                <h5 style=\"margin-top: var(--spacing-2);\">Success</h5>\n                <p>Icons remain visible</p>\n              </div>\n\n              <div\n                class=\"demo-inversion-box alert alert-warning surface-center\"\n              >\n                <pds-icon icon=\"warning\" size=\"xl\"></pds-icon>\n                <h5 style=\"margin-top: var(--spacing-2);\">Warning</h5>\n                <p>Perfect contrast maintained</p>\n              </div>\n\n              <div class=\"demo-inversion-box alert alert-danger surface-center\">\n                <pds-icon icon=\"heart\" size=\"xl\"></pds-icon>\n                <h5 style=\"margin-top: var(--spacing-2);\">Danger</h5>\n                <p>Automatic adjustment</p>\n              </div>\n            </div>\n          </section>\n\n          <!-- Grid Utilities Section -->\n          <section class=\"showcase-section\" data-section=\"grid-utilities\">\n            <h2>\n              <pds-icon\n                icon=\"squares-four\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Grid Utilities\n            </h2>\n            <p>\n              Modern, config-driven grid system with auto-fit responsive\n              layouts. All utilities are generated from\n              <code>layout.gridSystem</code> configuration.\n            </p>\n\n            <h3>Fixed Column Grids</h3>\n            <p>\n              Use <code>.grid-cols-{n}</code> classes for fixed column layouts:\n            </p>\n\n            <div\n              class=\"grid grid-cols-2 gap-md\"\n              style=\"margin-bottom: var(--spacing-4);\"\n            >\n              <div class=\"card\">\n                <pds-icon\n                  icon=\"square\"\n                  size=\"lg\"\n                  class=\"icon-primary\"\n                ></pds-icon>\n                <h4>Grid Column 1</h4>\n                <p>Two column layout</p>\n              </div>\n              <div class=\"card\">\n                <pds-icon\n                  icon=\"square\"\n                  size=\"lg\"\n                  class=\"icon-secondary\"\n                ></pds-icon>\n                <h4>Grid Column 2</h4>\n                <p>Equal width columns</p>\n              </div>\n            </div>\n\n            <div\n              class=\"grid grid-cols-3 gap-sm\"\n              style=\"margin-bottom: var(--spacing-4);\"\n            >\n              <div class=\"card\">\n                <pds-icon\n                  icon=\"circle\"\n                  size=\"md\"\n                  class=\"icon-success\"\n                ></pds-icon>\n                <p>Column 1</p>\n              </div>\n              <div class=\"card\">\n                <pds-icon\n                  icon=\"circle\"\n                  size=\"md\"\n                  class=\"icon-warning\"\n                ></pds-icon>\n                <p>Column 2</p>\n              </div>\n              <div class=\"card\">\n                <pds-icon icon=\"circle\" size=\"md\" class=\"icon-error\"></pds-icon>\n                <p>Column 3</p>\n              </div>\n            </div>\n\n            <div class=\"grid grid-cols-4 gap-xs\">\n              <div class=\"card\"><p>1</p></div>\n              <div class=\"card\"><p>2</p></div>\n              <div class=\"card\"><p>3</p></div>\n              <div class=\"card\"><p>4</p></div>\n            </div>\n\n            <h3>Auto-Fit Responsive Grids</h3>\n            <p>\n              Use <code>.grid-auto-{size}</code> for responsive layouts that\n              automatically adjust columns based on available space:\n            </p>\n\n            <h4><code>.grid-auto-sm</code> (min 150px)</h4>\n            <div\n              class=\"grid grid-auto-sm gap-md\"\n              style=\"margin-bottom: var(--spacing-4);\"\n            >\n              <div class=\"card\">\n                <pds-icon icon=\"desktop\" size=\"lg\" class=\"icon-info\"></pds-icon>\n                <h5>Responsive</h5>\n                <p>Automatically wraps</p>\n              </div>\n              <div class=\"card\">\n                <pds-icon\n                  icon=\"device-mobile\"\n                  size=\"lg\"\n                  class=\"icon-info\"\n                ></pds-icon>\n                <h5>Adaptive</h5>\n                <p>Based on space</p>\n              </div>\n              <div class=\"card\">\n                <pds-icon icon=\"globe\" size=\"lg\" class=\"icon-info\"></pds-icon>\n                <h5>Flexible</h5>\n                <p>Resize the window</p>\n              </div>\n              <div class=\"card\">\n                <pds-icon icon=\"feather\" size=\"lg\" class=\"icon-info\"></pds-icon>\n                <h5>Dynamic</h5>\n                <p>No breakpoints needed</p>\n              </div>\n            </div>\n\n            <h4><code>.grid-auto-md</code> (min 250px)</h4>\n            <div\n              class=\"grid grid-auto-md gap-lg\"\n              style=\"margin-bottom: var(--spacing-4);\"\n            >\n              <div class=\"card surface-elevated\">\n                <pds-icon\n                  icon=\"rocket\"\n                  size=\"xl\"\n                  class=\"icon-accent\"\n                ></pds-icon>\n                <h5>Card 1</h5>\n                <p>Larger minimum width means fewer columns on small screens</p>\n              </div>\n              <div class=\"card surface-elevated\">\n                <pds-icon\n                  icon=\"palette\"\n                  size=\"xl\"\n                  class=\"icon-accent\"\n                ></pds-icon>\n                <h5>Card 2</h5>\n                <p>Smart surface tokens apply automatically</p>\n              </div>\n              <div class=\"card surface-elevated\">\n                <pds-icon icon=\"heart\" size=\"xl\" class=\"icon-accent\"></pds-icon>\n                <h5>Card 3</h5>\n                <p>Consistent spacing with gap utilities</p>\n              </div>\n            </div>\n\n            <h3>Gap Utilities</h3>\n            <p>\n              Control spacing between grid items with\n              <code>.gap-{size}</code> classes:\n            </p>\n\n            <div\n              style=\"display: grid; gap: var(--spacing-4); grid-template-columns: 1fr 1fr;\"\n            >\n              <div>\n                <p><strong>.gap-xs</strong> (spacing-1)</p>\n                <div class=\"grid grid-cols-3 gap-xs\">\n                  <div class=\"card\"><p>A</p></div>\n                  <div class=\"card\"><p>B</p></div>\n                  <div class=\"card\"><p>C</p></div>\n                </div>\n              </div>\n\n              <div>\n                <p><strong>.gap-sm</strong> (spacing-2)</p>\n                <div class=\"grid grid-cols-3 gap-sm\">\n                  <div class=\"card\"><p>A</p></div>\n                  <div class=\"card\"><p>B</p></div>\n                  <div class=\"card\"><p>C</p></div>\n                </div>\n              </div>\n\n              <div>\n                <p><strong>.gap-md</strong> (spacing-4)</p>\n                <div class=\"grid grid-cols-3 gap-md\">\n                  <div class=\"card\"><p>A</p></div>\n                  <div class=\"card\"><p>B</p></div>\n                  <div class=\"card\"><p>C</p></div>\n                </div>\n              </div>\n\n              <div>\n                <p><strong>.gap-lg</strong> (spacing-6)</p>\n                <div class=\"grid grid-cols-3 gap-lg\">\n                  <div class=\"card\"><p>A</p></div>\n                  <div class=\"card\"><p>B</p></div>\n                  <div class=\"card\"><p>C</p></div>\n                </div>\n              </div>\n            </div>\n\n            <h3>Code Inspector Support</h3>\n            <p class=\"interactive-demo\">\n              <pds-icon\n                icon=\"cursor-click\"\n                size=\"sm\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Enable the <strong>Code Inspector</strong> and click on any grid\n              container above. The ontology now recognizes layout patterns like\n              <code>grid</code>, <code>grid-cols</code>, and\n              <code>grid-auto</code> for intelligent component detection.\n            </p>\n          </section>\n\n          <!-- Mesh Gradients Section -->\n          <section class=\"showcase-section\" data-section=\"mesh-gradients\">\n            <h2>\n              <pds-icon\n                icon=\"palette\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Mesh Gradients\n            </h2>\n            <p>\n              Subtle, beautiful mesh gradient backgrounds generated from your\n              color palette. Using <code>--background-mesh-01</code> through\n              <code>--background-mesh-05</code> custom properties. Automatically\n              adapts to light and dark modes.\n            </p>\n\n            <div\n              class=\"grid grid-cols-2 gap-lg\"\n              style=\"margin-bottom: var(--spacing-6);\"\n            >\n              <div\n                style=\"position: relative; background: var(--background-mesh-01); padding: var(--spacing-6); border-radius: var(--radius-lg); min-height: 200px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border);\"\n              >\n                <button\n                  class=\"btn-primary btn-xs\"\n                  style=\"position: absolute; top: var(--spacing-2); right: var(--spacing-2);\"\n                  @pointerdown=${() => this.previewMesh(\"01\")}\n                  @pointerup=${this.clearMeshPreview}\n                  @pointerleave=${this.clearMeshPreview}\n                  title=\"Press and hold to preview on page background\"\n                >\n                  <pds-icon icon=\"eye\" size=\"sm\"></pds-icon>\n                  Preview\n                </button>\n                <div\n                  style=\"background: var(--color-surface-base); padding: var(--spacing-4); border-radius: var(--radius-md); box-shadow: var(--shadow-md);\"\n                >\n                  <h4 style=\"margin: 0;\">Mesh 01</h4>\n                  <p style=\"margin: var(--spacing-2) 0 0 0; opacity: 0.7;\">\n                    Subtle radial blend\n                  </p>\n                </div>\n              </div>\n              <div\n                style=\"position: relative; background: var(--background-mesh-02); padding: var(--spacing-6); border-radius: var(--radius-lg); min-height: 200px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border);\"\n              >\n                <button\n                  class=\"btn-primary btn-xs\"\n                  style=\"position: absolute; top: var(--spacing-2); right: var(--spacing-2);\"\n                  @pointerdown=${() => this.previewMesh(\"02\")}\n                  @pointerup=${this.clearMeshPreview}\n                  @pointerleave=${this.clearMeshPreview}\n                  title=\"Press and hold to preview on page background\"\n                >\n                  <pds-icon icon=\"eye\" size=\"sm\"></pds-icon>\n                  Preview\n                </button>\n                <div\n                  style=\"background: var(--color-surface-base); padding: var(--spacing-4); border-radius: var(--radius-md); box-shadow: var(--shadow-md);\"\n                >\n                  <h4 style=\"margin: 0;\">Mesh 02</h4>\n                  <p style=\"margin: var(--spacing-2) 0 0 0; opacity: 0.7;\">\n                    Corner accents\n                  </p>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"grid grid-cols-3 gap-md\">\n              <div\n                style=\"position: relative; background: var(--background-mesh-03); padding: var(--spacing-5); border-radius: var(--radius-md); min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--color-border);\"\n              >\n                <button\n                  class=\"btn-primary btn-xs\"\n                  style=\"position: absolute; top: var(--spacing-2); right: var(--spacing-2);\"\n                  @pointerdown=${() => this.previewMesh(\"03\")}\n                  @pointerup=${this.clearMeshPreview}\n                  @pointerleave=${this.clearMeshPreview}\n                  title=\"Press and hold to preview on page background\"\n                >\n                  <pds-icon icon=\"eye\" size=\"sm\"></pds-icon>\n                </button>\n                <pds-icon\n                  icon=\"sparkle\"\n                  size=\"xl\"\n                  style=\"opacity: 0.9; margin-bottom: var(--spacing-2);\"\n                ></pds-icon>\n                <code style=\"font-size: 0.75rem;\">mesh-03</code>\n              </div>\n              <div\n                style=\"position: relative; background: var(--background-mesh-04); padding: var(--spacing-5); border-radius: var(--radius-md); min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--color-border);\"\n              >\n                <button\n                  class=\"btn-primary btn-xs\"\n                  style=\"position: absolute; top: var(--spacing-2); right: var(--spacing-2);\"\n                  @pointerdown=${() => this.previewMesh(\"04\")}\n                  @pointerup=${this.clearMeshPreview}\n                  @pointerleave=${this.clearMeshPreview}\n                  title=\"Press and hold to preview on page background\"\n                >\n                  <pds-icon icon=\"eye\" size=\"sm\"></pds-icon>\n                </button>\n                <pds-icon\n                  icon=\"sparkle\"\n                  size=\"xl\"\n                  style=\"opacity: 0.9; margin-bottom: var(--spacing-2);\"\n                ></pds-icon>\n                <code style=\"font-size: 0.75rem;\">mesh-04</code>\n              </div>\n              <div\n                style=\"position: relative; background: var(--background-mesh-05); padding: var(--spacing-5); border-radius: var(--radius-md); min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--color-border);\"\n              >\n                <button\n                  class=\"btn-primary btn-xs\"\n                  style=\"position: absolute; top: var(--spacing-2); right: var(--spacing-2);\"\n                  @pointerdown=${() => this.previewMesh(\"05\")}\n                  @pointerup=${this.clearMeshPreview}\n                  @pointerleave=${this.clearMeshPreview}\n                  title=\"Press and hold to preview on page background\"\n                >\n                  <pds-icon icon=\"eye\" size=\"sm\"></pds-icon>\n                </button>\n                <pds-icon\n                  icon=\"sparkle\"\n                  size=\"xl\"\n                  style=\"opacity: 0.9; margin-bottom: var(--spacing-2);\"\n                ></pds-icon>\n                <code style=\"font-size: 0.75rem;\">mesh-05</code>\n              </div>\n            </div>\n\n            <h3>Usage</h3>\n            <pre\n              class=\"code-block\"\n              style=\"margin-top: var(--spacing-4);\"\n            ><code class=\"language-css\">/* Apply as background */\n.hero-section {\n  background: var(--background-mesh-01);\n}\n\n/* Combine with surface colors */\n.card {\n  background: var(--background-mesh-03);\n  backdrop-filter: blur(10px);\n}\n\n/* Layer over solid colors */\n.container {\n  background-color: var(--color-surface-base);\n  background-image: var(--background-mesh-02);\n}</code></pre>\n\n            <p class=\"interactive-demo\" style=\"margin-top: var(--spacing-4);\">\n              <pds-icon\n                icon=\"moon-stars\"\n                size=\"sm\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Toggle between light and dark modes to see how mesh gradients\n              automatically adapt with reduced opacity in dark mode for subtle,\n              non-interfering backgrounds.\n            </p>\n          </section>\n\n          <!-- Interactive States Section -->\n          <section\n            class=\"showcase-section alt-bg\"\n            data-section=\"interactive-states\"\n          >\n            <h2>\n              <pds-icon\n                icon=\"cursor-click\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Interactive States\n            </h2>\n\n            <h3>Focus States</h3>\n            <p class=\"interactive-demo\">\n              Press Tab to navigate and see focus rings on interactive elements:\n            </p>\n            <div class=\"flex-wrap\">\n              <button class=\"btn-primary\">Button 1</button>\n              <button class=\"btn-secondary\">Button 2</button>\n              <input type=\"text\" placeholder=\"Focus me\" />\n              <select>\n                <option>Option 1</option>\n                <option>Option 2</option>\n              </select>\n              <a href=\"#\">Link</a>\n            </div>\n\n            <h3>Transition Speeds</h3>\n            <p class=\"interactive-demo\">\n              Current setting:\n              <strong\n                >${this.config?.behavior?.transitionSpeed || \"normal\"}</strong\n              >\n              <br />\n              Click the button to see the transition in action:\n            </p>\n\n            <div class=\"transition-speed-demo\">\n              <button\n                class=\"btn-primary\"\n                @click=\"${this.triggerTransitionDemo}\"\n              >\n                <pds-icon icon=\"play\" size=\"sm\"></pds-icon>\n                Animate Transition\n              </button>\n\n              <div class=\"transition-demo-stage\">\n                <div class=\"transition-demo-ball\" id=\"transition-ball\">\n                  <pds-icon icon=\"cursor-click\" size=\"lg\"></pds-icon>\n                </div>\n              </div>\n            </div>\n\n            <p class=\"interactive-demo\" style=\"margin-top: var(--spacing-4);\">\n              Change the <em>Transition Speed</em> setting in the designer panel\n              to see how it affects the animation.\n            </p>\n          </section>\n\n          <!-- Toast Notifications Section -->\n          <section class=\"showcase-section\">\n            <h2>\n              <pds-icon\n                icon=\"bell-ringing\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Toast Notifications\n            </h2>\n\n            <p class=\"toast-demo-description\">\n              Toast notifications appear in the top-right corner and\n              auto-dismiss after a few seconds. Click the buttons below to see\n              them in action:\n            </p>\n\n            <div class=\"flex flex-wrap gap-md\">\n              <button\n                class=\"btn-primary btn-sm\"\n                @click=\"${this.showSuccessToast}\"\n              >\n                <pds-icon icon=\"check-circle\" size=\"sm\"></pds-icon>\n                Success\n              </button>\n              <button\n                class=\"btn-secondary btn-sm\"\n                @click=\"${this.showInfoToast}\"\n              >\n                <pds-icon icon=\"info\" size=\"sm\"></pds-icon>\n                Info\n              </button>\n              <button\n                class=\"btn-warning btn-sm\"\n                @click=\"${this.showWarningToast}\"\n              >\n                <pds-icon icon=\"warning\" size=\"sm\"></pds-icon>\n                Warning\n              </button>\n              <button class=\"btn-danger btn-sm\" @click=\"${this.showErrorToast}\">\n                <pds-icon icon=\"x-circle\" size=\"sm\"></pds-icon>\n                Error\n              </button>\n              <button class=\"btn-outline btn-sm\" @click=\"${this.showLongToast}\">\n                <pds-icon icon=\"clock\" size=\"sm\"></pds-icon>\n                Long\n              </button>\n              <button\n                class=\"btn-outline btn-sm\"\n                @click=\"${this.showPersistentToast}\"\n              >\n                <pds-icon icon=\"bell\" size=\"sm\"></pds-icon>\n                Persistent\n              </button>\n            </div>\n          </section>\n\n          <!-- Tab Strip Section -->\n          <section class=\"showcase-section alt-bg\" data-section=\"tabs\">\n            <h2>\n              <pds-icon icon=\"tabs\"></pds-icon>\n              Tab Strip\n            </h2>\n            <p>\n              Accessible tab navigation with hash-based routing and keyboard\n              support.\n            </p>\n\n            <div style=\"margin-top: var(--spacing-6);\">\n              <pds-tabstrip @tabchange=\"${this.handleTabChange}\" label=\"Example Tabs\">\n                <pds-tabpanel id=\"overview\" label=\"Overview\">\n                  <h3>Overview</h3>\n                  <p>\n                    This is the overview tab. Tab strips provide organized\n                    navigation between related content.\n                  </p>\n                </pds-tabpanel>\n\n                <pds-tabpanel id=\"features\" label=\"Features\">\n                  <h3>Features</h3>\n                  <p>\n                    Tab strips are built with modern web components and include:\n                  </p>\n                  <ul>\n                    <li>\n                      <strong>Deep linking:</strong> Each tab has a unique URL\n                      hash\n                    </li>\n                    <li>\n                      <strong>Progressive enhancement:</strong> Works without\n                      JavaScript\n                    </li>\n                    <li>\n                      <strong>Responsive:</strong> Adapts to mobile and desktop\n                    </li>\n                    <li>\n                      <strong>Customizable:</strong> Style with CSS variables\n                    </li>\n                  </ul>\n                </pds-tabpanel>\n\n                <pds-tabpanel id=\"usage\" label=\"Usage\">\n                  <h3>Usage</h3>\n                  <p>Simple markup example:</p>\n                  <pre><code>&lt;pds-tabstrip label=\"My Tabs\"&gt;\n  &lt;pds-tabpanel id=\"tab1\" label=\"First Tab\"&gt;\n    Content for first tab\n  &lt;/pds-tabpanel&gt;\n  &lt;pds-tabpanel id=\"tab2\" label=\"Second Tab\"&gt;\n    Content for second tab\n  &lt;/pds-tabpanel&gt;\n&lt;/pds-tabstrip&gt;</code></pre>\n                </pds-tabpanel>\n\n                <pds-tabpanel id=\"accessibility\" label=\"Accessibility\">\n                  <h3>Accessibility</h3>\n                  <p>Built with accessibility in mind:</p>\n                  <ul>\n                    <li><code>aria-label</code> on navigation</li>\n                    <li><code>aria-current</code> on active tab</li>\n                    <li><code>aria-controls</code> linking tabs to panels</li>\n                    <li><code>role=\"region\"</code> on tab panels</li>\n                    <li>Keyboard navigation with arrow keys</li>\n                    <li>Focus management</li>\n                  </ul>\n                </pds-tabpanel>\n              </pds-tabstrip>\n            </div>\n          </section>\n\n          <h3>Calendar</h3>\n          <section class=\"card surface\" >\n            <pds-calendar></pds-calendar>\n          </section>\n          \n\n          <!-- Drawer Section -->\n          <section class=\"showcase-section\">\n            <h2>\n              <pds-icon\n                icon=\"squares-four\"\n                size=\"lg\"\n                class=\"icon-primary\"\n              ></pds-icon>\n              Drawer Example\n            </h2>\n            <p>Open the global drawer from different sides:</p>\n            <div\n              class=\"btn-group\"\n              style=\"gap: var(--spacing-3); flex-wrap: wrap;\"\n            >\n              <button\n                class=\"btn-primary\"\n                @click=${() => this.openDrawerInPos(\"bottom\")}\n              >\n                <pds-icon icon=\"sidebar\" rotate=\"-90\" size=\"sm\"></pds-icon>\n                Bottom Drawer\n              </button>\n              <button\n                class=\"btn-secondary\"\n                @click=${() => this.openDrawerInPos(\"left\")}\n              >\n                <pds-icon icon=\"sidebar\" size=\"sm\"></pds-icon>\n                Left Drawer\n              </button>\n              <button\n                class=\"btn-secondary\"\n                @click=${() => this.openDrawerInPos(\"right\")}\n              >\n                <pds-icon icon=\"sidebar\" rotate=\"180\" size=\"sm\"></pds-icon>\n                Right Drawer\n              </button>\n              <button\n                class=\"btn-secondary\"\n                @click=${() => this.openDrawerInPos(\"top\")}\n              >\n                <pds-icon icon=\"sidebar\" rotate=\"90\" size=\"sm\"></pds-icon>\n                Top Drawer\n              </button>\n            </div>\n          </section>\n        </div>\n      `;\n    }\n\n    renderDrawerContent() {\n      return html`\n        <figure class=\"media-figure\">\n          <img\n            class=\"media-image\"\n            src=\"https://picsum.photos/800/600?random=1\"\n            alt=\"Random landscape\"\n          />\n          <figcaption class=\"media-caption\">\n            <strong>Figure 1:</strong> A beautiful landscape demonstrating image\n            handling in the design system.\n          </figcaption>\n        </figure>\n      `;\n    }\n\n    async showDoc(doc) {\n      const url = `/${doc}`;\n      try {\n        const res = await fetch(url, { cache: \"no-store\" });\n        const text = await res.text();\n\n        // If server returned HTML (SPA fallback), show an error message\n        const trimmed = text.trim();\n        let htmlContent;\n        if (trimmed.startsWith(\"<\")) {\n          htmlContent = `<div class=\"docs-error\">Failed to load README at ${url}. Ensure readme.md exists under public/</div>`;\n        } else {\n          try {\n            const conv = await this.getShowdownConverter();\n            htmlContent = conv\n              ? conv.makeHtml(trimmed)\n              : `<pre>${this.escapeHTML(trimmed)}</pre>`;\n          } catch (err) {\n            htmlContent = `<pre>${this.escapeHTML(trimmed)}</pre>`;\n          }\n        }\n\n        const drawer = document.getElementById(\"global-drawer\");\n        drawer.show(html`${unsafeHTML(htmlContent)}`, {\n          header: html`<h3>PDS Documentation</h3>`,\n        });\n      } catch (err) {\n        console.error(\"Error fetching README:\", err);\n        const toaster = document.getElementById(\"global-toaster\");\n        toaster.toast(\"Error loading docs. See console.\", { type: \"danger\" });\n      }\n    }\n\n    handleTabChange(event) {\n      toast(`Switched to tab: ${event.detail.newTab}`, { type: \"info\" });\n    }\n\n    openDrawer() {\n      const drawer = document.getElementById(\"global-drawer\");\n\n      drawer.show(\n        html`\n          <figure class=\"media-figure\">\n            <img\n              class=\"media-image\"\n              src=\"https://picsum.photos/800/600?random=1\"\n              alt=\"Random landscape\"\n            />\n            <figcaption class=\"media-caption\">\n              <strong>Figure 1:</strong> A beautiful landscape demonstrating\n              image handling in the design system.\n            </figcaption>\n          </figure>\n        `,\n        {\n          header: html`<h3>Example Drawer</h3>`,\n          minHeight: \"300px\",\n          position: \"bottom\",\n        }\n      );\n    }\n\n    openDrawerInPos(position) {\n      const drawer = document.getElementById(\"global-drawer\");\n      if (drawer) {\n        drawer.show(this.renderDrawerContent(), {\n          header: html`<h3>\n            Example Drawer\n            (${position.charAt(0).toUpperCase() + position.slice(1)})\n          </h3>`,\n          position: position,\n        });\n      }\n    }\n\n    // Mesh gradient preview methods\n    previewMesh(meshNumber) {\n      const originalBg = document.body.style.background;\n      this._originalBodyBg = originalBg;\n      document.body.style.background = `var(--background-mesh-${meshNumber})`;\n      document.body.style.backgroundAttachment = \"fixed\";\n\n      // Dim all content to make the mesh background more visible\n      const mainContent = document.querySelector(\"pds-demo\");\n      if (mainContent && !this._originalOpacity) {\n        this._originalOpacity = mainContent.style.opacity;\n        mainContent.style.transition = \"opacity 200ms ease-out\";\n        mainContent.style.opacity = \"0.1\";\n      }\n    }\n\n    clearMeshPreview() {\n      if (this._originalBodyBg !== undefined) {\n        if (this._originalBodyBg) {\n          document.body.style.background = this._originalBodyBg;\n        } else {\n          document.body.style.removeProperty(\"background\");\n          document.body.style.removeProperty(\"background-attachment\");\n        }\n        this._originalBodyBg = undefined;\n      }\n\n      // Restore content opacity\n      const mainContent = document.querySelector(\"pds-demo\");\n      if (mainContent && this._originalOpacity !== undefined) {\n        mainContent.style.opacity = this._originalOpacity || \"1\";\n        this._originalOpacity = undefined;\n        // Remove transition after animation completes\n        setTimeout(() => {\n          if (mainContent.style.opacity !== \"0.1\") {\n            mainContent.style.transition = \"\";\n          }\n        }, 200);\n      }\n    }\n\n    // Toast handler methods\n    showSuccessToast() {\n      toast(\"Your changes have been saved successfully!\", {\n        type: \"success\",\n      });\n    }\n\n    showInfoToast() {\n      toast(\"This is an informational message with helpful context.\", {\n        type: \"info\",\n      });\n    }\n\n    showWarningToast() {\n      toast(\"Warning: This action cannot be undone!\", {\n        type: \"warning\",\n      });\n    }\n\n    showErrorToast() {\n      toast(\"Error: Something went wrong. Please try again.\", {\n        type: \"error\",\n      });\n    }\n\n    showLongToast() {\n      toast(\n        \"This is a longer toast notification message that demonstrates how the duration is automatically calculated based on the message length. The toast will stay visible longer to give you enough time to read the entire message.\",\n        { type: \"info\" }\n      );\n    }\n\n    showPersistentToast() {\n      toast(\n        \"This is a persistent toast that won't auto-dismiss. Click the \u00D7 to close it.\",\n        {\n          type: \"info\",\n          persistent: true,\n        }\n      );\n    }\n\n    triggerTransitionDemo() {\n      const ball = this.querySelector(\"#transition-ball\");\n      if (!ball) return;\n\n      // Remove the animated class to reset\n      ball.classList.remove(\"animated\");\n\n      // Force a reflow to restart the animation\n      void ball.offsetWidth;\n\n      // Add the animated class to trigger the transition\n      ball.classList.add(\"animated\");\n\n      // Reset after animation completes (using slow transition as max)\n      setTimeout(() => {\n        ball.classList.remove(\"animated\");\n      }, 1000);\n    }\n\n    renderColorCard(name, color) {\n      return html`\n        <div class=\"color-card\">\n          <div\n            class=\"color-card-header\"\n            style=\"background-color: var(--color-${color}-600);\"\n          >\n            ${name}\n          </div>\n          <div class=\"color-card-body\">\n            <div class=\"color-scale-grid\">\n              ${[50, 100, 200, 300, 400, 500, 600, 700, 800].map(\n                (shade) => html`\n                  <div\n                    class=\"color-scale-swatch\"\n                    style=\"background-color: var(--color-${color}-${shade});\"\n                    title=\"${color}-${shade}\"\n                  ></div>\n                `\n              )}\n            </div>\n            <p class=\"color-card-footer\">9-step scale from 50 to 800</p>\n          </div>\n        </div>\n      `;\n    }\n\n    renderColorScale(colorName) {\n      return html`\n        <div class=\"color-scale-container\">\n          <div class=\"color-scale-row\">\n            <div class=\"color-scale-label\">${colorName}</div>\n            <div class=\"color-scale-swatches\">\n              ${[50, 100, 200, 300, 400, 500, 600, 700, 800].map((shade) => {\n                const textColor =\n                  shade >= 400 ? \"white\" : `var(--color-${colorName}-900)`;\n                return html`\n                  <div\n                    class=\"color-scale-swatch-interactive\"\n                    style=\"\n                    background: var(--color-${colorName}-${shade});\n                    color: ${textColor};\n                  \"\n                    @mouseover=\"${(e) => {\n                      e.currentTarget.style.transform = \"translateY(-4px)\";\n                      e.currentTarget.style.zIndex = \"10\";\n                      e.currentTarget.style.boxShadow = \"var(--shadow-md)\";\n                    }}\"\n                    @mouseout=\"${(e) => {\n                      e.currentTarget.style.transform = \"translateY(0)\";\n                      e.currentTarget.style.zIndex = \"1\";\n                      e.currentTarget.style.boxShadow = \"none\";\n                    }}\"\n                    title=\"${colorName}-${shade}\"\n                  >\n                    ${shade}\n                  </div>\n                `;\n              })}\n            </div>\n          </div>\n        </div>\n      `;\n    }\n  }\n);\n", "import \"./pds-config-form.js\";\r\nimport \"./pds-demo.js\";\r\n\r\ncustomElements.define(\r\n  \"pds-configurator\",\r\n  class extends HTMLElement {\r\n    constructor() {\r\n      super();\r\n      this.innerHTML = this.render();\r\n\r\n    }\r\n\r\n    render() {\r\n      return /* html */ `\r\n        <pds-splitpanel class=\"app-layout\" layout=\"horizontal\" default-split=\"300px\">\r\n          <pds-config-form slot=\"left\" show-inspector show-preset-selector show-theme-selector></pds-config-form>\r\n          <pds-demo slot=\"right\"></pds-demo>\r\n        </pds-splitpanel>\r\n    `;\r\n    }\r\n  }\r\n);\r\n", "import \"../../packages/pds-configurator/src/pds-configurator.js\";\r\nimport { PDS } from \"./pds\";\r\nimport { config } from \"../../pds.config.js\"\r\n\r\n// Initialize PDS once at app startup using the new unified shape\r\nawait PDS.start(config);\r\n\r\ndocument.body.innerHTML = /*html*/ `\r\n\t\t<header>\r\n\t\t\t<pds-toaster id=\"global-toaster\"></pds-toaster>\r\n\t\t</header>\r\n\t\t\r\n\t\t<main>\r\n      <pds-configurator></pds-configurator>\r\n    </main>\r\n    <pds-drawer id=\"global-drawer\" position=\"bottom\"></pds-drawer>\r\n`\r\n"],
+  "mappings": "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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAiY9D,IAAI,MAAM,EAAE,EACX,KAAK,CAAC,EACN;AAAA,QACC,CAACI,IAAGhB,OAAM;AAAA;AAAA;AAAA,gEAGoCA,KAAI,CAAC;AAAA,yCAC5BA,KAAI,CAAC;AAAA;AAAA,MAE9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCA+pBqB,aAAa;AAAA;AAAA;AAAA;AAAA,kBAIjC,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;A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",
+  "names": ["_", "c", "e", "t", "m", "n", "s", "global", "globalThis", "supportsAdoptingStyleSheets", "ShadowRoot", "ShadyCSS", "nativeShadow", "Document", "prototype", "CSSStyleSheet", "constructionToken", "Symbol", "cssTagCache", "WeakMap", "CSSResult", "cssText", "strings", "safeToken", "this", "Error", "_strings", "styleSheet", "_styleSheet", "cacheable", "length", "get", "replaceSync", "set", "toString", "unsafeCSS", "value", "String", "adoptStyles", "renderRoot", "styles", "supportsAdoptingStyleSheets", "adoptedStyleSheets", "map", "s", "CSSStyleSheet", "styleSheet", "style", "document", "createElement", "nonce", "global", "setAttribute", "textContent", "cssText", "appendChild", "getCompatibleStyle", "sheet", "rule", "cssRules", "unsafeCSS", "is", "defineProperty", "getOwnPropertyDescriptor", "getOwnPropertyNames", "getOwnPropertySymbols", "getPrototypeOf", "Object", "global", "globalThis", "trustedTypes", "emptyStringForBooleanAttribute", "emptyScript", "polyfillSupport", "reactiveElementPolyfillSupport", "JSCompiler_renameProperty", "prop", "_obj", "defaultConverter", "value", "type", "Boolean", "Array", "JSON", "stringify", "fromValue", "Number", "parse", "e", "notEqual", "old", "defaultPropertyDeclaration", "attribute", "String", "converter", "reflect", "useDefault", "hasChanged", "Symbol", "metadata", "litPropertyMetadata", "WeakMap", "ReactiveElement", "HTMLElement", "initializer", "this", "__prepare", "_initializers", "push", "observedAttributes", "finalize", "__attributeToPropertyMap", "keys", "name", "options", "state", "prototype", "hasOwnProperty", "create", "wrapped", "elementProperties", "set", "noAccessor", "key", "descriptor", "getPropertyDescriptor", "get", "v", "oldValue", "call", "requestUpdate", "configurable", "enumerable", "superCtor", "Map", "finalized", "props", "properties", "propKeys", "p", "createProperty", "attr", "__attributeNameForProperty", "elementStyles", "finalizeStyles", "styles", "isArray", "Set", "flat", "Infinity", "reverse", "s", "unshift", "getCompatibleStyle", "toLowerCase", "constructor", "super", "__instanceProperties", "isUpdatePending", "hasUpdated", "__reflectingProperty", "__initialize", "__updatePromise", "Promise", "res", "enableUpdating", "_$changedProperties", "__saveInstanceProperties", "forEach", "i", "controller", "__controllers", "add", "renderRoot", "isConnected", "hostConnected", "delete", "instanceProperties", "size", "createRenderRoot", "shadowRoot", "attachShadow", "shadowRootOptions", "adoptStyles", "connectedCallback", "c", "_requestedUpdate", "disconnectedCallback", "hostDisconnected", "_old", "_$attributeToProperty", "attrValue", "toAttribute", "removeAttribute", "setAttribute", "ctor", "propName", "getPropertyOptions", "fromAttribute", "convertedValue", "__defaultValues", "newValue", "hasAttribute", "_$changeProperty", "__enqueueUpdate", "initializeValue", "has", "__reflectingProperties", "reject", "result", "scheduleUpdate", "performUpdate", "shouldUpdate", "changedProperties", "willUpdate", "hostUpdate", "update", "__markUpdated", "_$didUpdate", "_changedProperties", "hostUpdated", "firstUpdated", "updated", "updateComplete", "getUpdateComplete", "__propertyToAttribute", "mode", "reactiveElementVersions", "global", "globalThis", "trustedTypes", "policy", "createPolicy", "createHTML", "s", "boundAttributeSuffix", "marker", "Math", "random", "toFixed", "slice", "markerMatch", "nodeMarker", "d", "document", "createMarker", "createComment", "isPrimitive", "value", "isArray", "Array", "isIterable", "Symbol", "iterator", "SPACE_CHAR", "textEndRegex", "commentEndRegex", "comment2EndRegex", "tagEndRegex", "RegExp", "singleQuoteAttrEndRegex", "doubleQuoteAttrEndRegex", "rawTextElement", "tag", "type", "strings", "values", "_$litType$", "html", "svg", "mathml", "noChange", "for", "nothing", "templateCache", "WeakMap", "walker", "createTreeWalker", "trustFromTemplateString", "tsa", "stringFromTSA", "hasOwnProperty", "Error", "getTemplateHtml", "l", "length", "attrNames", "rawTextEndRegex", "regex", "i", "attrName", "match", "attrNameEndIndex", "lastIndex", "exec", "test", "end", "startsWith", "push", "Template", "constructor", "options", "node", "this", "parts", "nodeIndex", "attrNameIndex", "partCount", "el", "createElement", "currentNode", "content", "wrapper", "firstChild", "replaceWith", "childNodes", "nextNode", "nodeType", "hasAttributes", "name", "getAttributeNames", "endsWith", "realName", "statics", "getAttribute", "split", "m", "index", "ctor", "PropertyPart", "BooleanAttributePart", "EventPart", "AttributePart", "removeAttribute", "tagName", "textContent", "emptyScript", "append", "data", "indexOf", "_options", "innerHTML", "resolveDirective", "part", "parent", "attributeIndex", "currentDirective", "__directives", "__directive", "nextDirectiveConstructor", "_$initialize", "_$resolve", "TemplateInstance", "template", "_$parts", "_$disconnectableChildren", "_$template", "_$parent", "parentNode", "_$isConnected", "fragment", "creationScope", "importNode", "partIndex", "templatePart", "ChildPart", "nextSibling", "ElementPart", "_$setValue", "__isConnected", "startNode", "endNode", "_$committedValue", "_$startNode", "_$endNode", "isConnected", "directiveParent", "_$clear", "_commitText", "_commitTemplateResult", "_commitNode", "_commitIterable", "insertBefore", "_insert", "createTextNode", "result", "_$getTemplate", "h", "_update", "instance", "_clone", "get", "set", "itemParts", "itemPart", "item", "start", "from", "_$notifyConnectionChanged", "n", "remove", "element", "fill", "String", "valueIndex", "noCommit", "change", "v", "_commitValue", "setAttribute", "toggleAttribute", "super", "newListener", "oldListener", "shouldRemoveListener", "capture", "once", "passive", "shouldAddListener", "removeEventListener", "addEventListener", "event", "call", "host", "handleEvent", "_$LH", "_boundAttributeSuffix", "_marker", "_markerMatch", "_HTML_RESULT", "_getTemplateHtml", "_TemplateInstance", "_isIterable", "_resolveDirective", "_ChildPart", "_AttributePart", "_BooleanAttributePart", "_EventPart", "_PropertyPart", "_ElementPart", "polyfillSupport", "litHtmlPolyfillSupport", "litHtmlVersions", "render", "container", "partOwnerNode", "renderBefore", "global", "globalThis", "LitElement", "ReactiveElement", "constructor", "this", "renderOptions", "host", "__childPart", "createRenderRoot", "renderRoot", "super", "renderBefore", "firstChild", "changedProperties", "value", "render", "hasUpdated", "isConnected", "update", "connectedCallback", "setConnected", "disconnectedCallback", "noChange", "litElementHydrateSupport", "polyfillSupport", "litElementPolyfillSupport", "global", "litElementVersions", "push", "PartType", "ATTRIBUTE", "CHILD", "PROPERTY", "BOOLEAN_ATTRIBUTE", "EVENT", "ELEMENT", "directive", "c", "values", "_$litDirective$", "Directive", "_partInfo", "_$isConnected", "this", "_$parent", "part", "parent", "attributeIndex", "__part", "__attributeIndex", "props", "update", "_part", "render", "_ChildPart", "ChildPart", "_$LH", "isPrimitive", "value", "isSingleExpression", "part", "strings", "createMarker", "document", "createComment", "insertPart", "containerPart", "refPart", "container", "_$startNode", "parentNode", "refNode", "_$endNode", "startNode", "insertBefore", "endNode", "ChildPart", "options", "nextSibling", "oldParent", "_$parent", "parentChanged", "newConnectionState", "_$reparentDisconnectables", "_$notifyConnectionChanged", "_$isConnected", "start", "n", "setChildPartValue", "value", "directiveParent", "_$setValue", "RESET_VALUE", "setCommittedValue", "_$committedValue", "getCommittedValue", "removePart", "_$clear", "remove", "generateMap", "list", "start", "end", "map", "Map", "i", "set", "repeat", "directive", "Directive", "partInfo", "super", "type", "PartType", "CHILD", "Error", "items", "keyFnOrTemplate", "template", "keyFn", "keys", "values", "index", "item", "this", "_getValuesAndKeys", "containerPart", "oldParts", "getCommittedValue", "newValues", "newKeys", "Array", "isArray", "_itemKeys", "oldKeys", "newParts", "newKeyToIndexMap", "oldKeyToIndexMap", "oldHead", "oldTail", "length", "newHead", "newTail", "setChildPartValue", "insertPart", "has", "oldIndex", "get", "oldPart", "newPart", "removePart", "setCommittedValue", "noChange", "keyed", "directive", "Directive", "constructor", "this", "key", "nothing", "k", "v", "part", "setCommittedValue", "classMap", "directive", "Directive", "partInfo", "super", "type", "PartType", "ATTRIBUTE", "name", "strings", "length", "Error", "classInfo", "Object", "keys", "filter", "key", "join", "part", "this", "_previousClasses", "Set", "_staticClasses", "split", "s", "has", "add", "render", "classList", "element", "remove", "delete", "value", "noChange", "notifyChildrenConnectedChanged", "parent", "isConnected", "children", "_$disconnectableChildren", "obj", "removeDisconnectableFromParent", "_$parent", "delete", "size", "addDisconnectableToParent", "Set", "has", "add", "installDisconnectAPI", "reparentDisconnectables", "newParent", "this", "notifyChildPartConnectedChanged", "isClearingValue", "fromPartIndex", "value", "_$committedValue", "Array", "isArray", "i", "length", "type", "PartType", "CHILD", "_$notifyConnectionChanged", "_$reparentDisconnectables", "AsyncDirective", "Directive", "constructor", "part", "attributeIndex", "super", "_$initialize", "_$isConnected", "isClearingDirective", "reconnected", "disconnected", "isSingleExpression", "__part", "_$setValue", "newValues", "__attributeIndex", "lastElementForContextAndCallback", "WeakMap", "ref", "directive", "AsyncDirective", "_ref", "nothing", "part", "refChanged", "this", "_updateRefValue", "undefined", "_lastElementForRef", "_element", "_context", "options", "host", "element", "isConnected", "context", "globalThis", "lastElementForCallback", "get", "set", "call", "value", "disconnected", "reconnected", "PseudoWeakRef", "ref", "this", "_ref", "disconnect", "deref", "Pauser", "constructor", "_promise", "_resolve", "get", "pause", "Promise", "resolve", "resume", "isPromise", "x", "isPrimitive", "then", "_infinity", "UntilDirective", "AsyncDirective", "constructor", "this", "__lastRenderedIndex", "__values", "__weakThis", "PseudoWeakRef", "__pauser", "Pauser", "args", "find", "noChange", "_part", "previousValues", "previousLength", "length", "weakThis", "pauser", "isConnected", "disconnected", "i", "value", "Promise", "resolve", "async", "result", "get", "_this", "deref", "index", "indexOf", "setValue", "disconnect", "pause", "reconnected", "reconnect", "resume", "until", "directive", "UnsafeHTMLDirective", "Directive", "partInfo", "super", "this", "_value", "nothing", "type", "PartType", "CHILD", "Error", "constructor", "directiveName", "value", "_templateResult", "noChange", "strings", "raw", "_$litType$", "resultType", "values", "unsafeHTML", "directive", "UnsafeSVGDirective", "UnsafeHTMLDirective", "directiveName", "resultType", "unsafeSVG", "directive", "brand", "Symbol", "for", "unwrapStaticValue", "value", "r", "stringsCache", "Map", "withStatic", "coreTag", "strings", "values", "l", "length", "staticValue", "dynamicValue", "staticStrings", "dynamicValues", "s", "i", "hasStatics", "unwrapStaticValue", "push", "key", "join", "get", "raw", "set", "html", "coreHtml", "svg", "coreSvg", "mathml", "coreMathml", "e", "s", "c", "ancestor", "config", "h", "c", "r", "g", "b", "v", "n", "i", "m", "e", "s", "l", "d", "p", "t", "config", "config", "e", "a", "b", "t", "ontology", "u", "w", "config", "f", "PDS", "PDS", "e", "h", "c", "r", "g", "b", "v", "a", "d", "p", "config", "s", "html", "a", "b", "c", "r", "e", "i", "x", "ar", "x", "key", "value", "i", "PDS", "e", "k", "v", "a", "b", "d", "p", "config", "n", "toast", "i", "PDS", "e", "html", "n", "s", "t", "a", "o", "drawer", "p", "r", "c", "k", "v", "b", "_", "PDS", "config"]
+}