@pure-ds/core 0.7.1 → 0.7.3

package/public/assets/js/pds.js

@@ -1,2 +1,1409 @@
-var me=Object.defineProperty;var he=(e,t)=>{for(var n in t)me(e,n,{get:t[n],enumerable:!0})};var W=class{constructor(){this._mode="static",this._staticPaths={tokens:"/assets/pds/styles/pds-tokens.css.js",primitives:"/assets/pds/styles/pds-primitives.css.js",components:"/assets/pds/styles/pds-components.css.js",utilities:"/assets/pds/styles/pds-utilities.css.js",styles:"/assets/pds/styles/pds-styles.css.js"}}setLiveMode(){this._mode="live"}setStaticMode(t={}){this._mode="static",this._staticPaths={...this._staticPaths,...t}}async getStylesheet(t){if(this._mode==="live")return null;try{return(await import(this._staticPaths[t]))[t]}catch(n){console.error(`[PDS Registry] Failed to load static ${t}:`,n),console.error(`[PDS Registry] Looking for: ${this._staticPaths[t]}`),console.error("[PDS Registry] Make sure you've run 'npm run pds:build' and configured PDS.start() with the correct static.root path");let r=new CSSStyleSheet;return r.replaceSync("/* Failed to load "+t+" */"),r}}get mode(){return this._mode}get isLive(){return this._mode==="live"}},_=new W;async function X(e,t=[],n=null){try{let r=n?.primitivesStylesheet?n.primitivesStylesheet:await _.getStylesheet("primitives");e.adoptedStyleSheets=[r,...t]}catch(r){let a=e.host?.tagName?.toLowerCase()||"unknown";console.error(`[PDS Adopter] <${a}> failed to adopt primitives:`,r),e.adoptedStyleSheets=t}}async function Y(e,t=["primitives"],n=[],r=null){try{let s=(await Promise.all(t.map(async c=>{if(r)switch(c){case"tokens":return r.tokensStylesheet;case"primitives":return r.primitivesStylesheet;case"components":return r.componentsStylesheet;case"utilities":return r.utilitiesStylesheet;default:break}return _.getStylesheet(c)}))).filter(c=>c!==null);e.adoptedStyleSheets=[...s,...n]}catch(a){let s=e.host?.tagName?.toLowerCase()||"unknown";console.error(`[PDS Adopter] <${s}> failed to adopt layers:`,a),e.adoptedStyleSheets=n}}function Z(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}var ee={FontWeights:{light:300,normal:400,medium:500,semibold:600,bold:700},LineHeights:{tight:1.25,normal:1.5,relaxed:1.75},BorderWidths:{hairline:.5,thin:1,medium:2,thick:3},RadiusSizes:{none:0,small:4,medium:8,large:16,xlarge:24,xxlarge:32},ShadowDepths:{none:"none",light:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",medium:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",deep:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",extreme:"0 25px 50px -12px rgba(0, 0, 0, 0.25)"},TransitionSpeeds:{fast:150,normal:250,slow:350},AnimationEasings:{linear:"linear",ease:"ease","ease-in":"ease-in","ease-out":"ease-out","ease-in-out":"ease-in-out",bounce:"cubic-bezier(0.68, -0.55, 0.265, 1.55)"},TouchTargetSizes:{compact:36,standard:44,comfortable:48,spacious:56},LinkStyles:{inline:"inline",block:"block",button:"button"},FocusStyles:{ring:"ring",outline:"outline",border:"border",glow:"glow"},TabSizes:{compact:2,standard:4,wide:8},SelectIcons:{chevron:"chevron",arrow:"arrow",caret:"caret",none:"none"},IconSizes:{xs:16,sm:20,md:24,lg:32,xl:48,"2xl":64,"3xl":96}};var V={};he(V,{deepMerge:()=>te,fragmentFromTemplateLike:()=>ye,isObject:()=>k,parseHTML:()=>B});function k(e){return e&&typeof e=="object"&&!Array.isArray(e)}function te(e,t){let n={...e};return k(e)&&k(t)&&Object.keys(t).forEach(r=>{k(t[r])?r in e?n[r]=te(e[r],t[r]):Object.assign(n,{[r]:t[r]}):Object.assign(n,{[r]:t[r]})}),n}function ye(e){let t=Array.isArray(e?.strings)?e.strings:[],n=Array.isArray(e?.values)?e.values:[],r=new Set,a=[],s=/(\s)(\.[\w-]+)=\s*$/;for(let i=0;i<t.length;i+=1){let d=t[i]??"",u=d.match(s);if(u&&i<n.length){let p=u[2].slice(1),m=`pds-val-${i}`;d=d.replace(s,`$1data-pds-prop="${p}:${m}"`),r.add(i)}a.push(d),i<n.length&&!r.has(i)&&a.push(`<!--pds-val-${i}-->`)}let c=document.createElement("template");c.innerHTML=a.join("");let f=(i,d)=>{let u=i.parentNode;if(!u)return;if(d==null){u.removeChild(i);return}let w=p=>{if(p!=null){if(p instanceof Node){u.insertBefore(p,i);return}if(Array.isArray(p)){p.forEach(m=>w(m));return}u.insertBefore(document.createTextNode(String(p)),i)}};w(d),u.removeChild(i)},E=document.createTreeWalker(c.content,NodeFilter.SHOW_COMMENT),S=[];for(;E.nextNode();){let i=E.currentNode;i?.nodeValue?.startsWith("pds-val-")&&S.push(i)}return S.forEach(i=>{let d=Number(i.nodeValue.replace("pds-val-",""));f(i,n[d])}),c.content.querySelectorAll("*").forEach(i=>{let d=i.getAttribute("data-pds-prop");if(!d)return;let[u,w]=d.split(":"),p=Number(String(w).replace("pds-val-",""));u&&Number.isInteger(p)&&(i[u]=n[p]),i.removeAttribute("data-pds-prop")}),c.content}function B(e){return new DOMParser().parseFromString(e,"text/html").body.childNodes}var re="pds",ge=/^([a-z][a-z0-9+\-.]*:)?\/\//i,ne=/^[a-z]:/i;function v(e=""){return e.endsWith("/")?e:`${e}/`}function we(e="",t=re){let n=e.replace(/\/+$/,"");return new RegExp(`(?:^|/)${t}$`,"i").test(n)?n:`${n}/${t}`}function Se(e){return e.replace(/^\.\/+/,"")}function be(e){return ne.test(e)?e.replace(ne,"").replace(/^\/+/,""):e}function Ee(e){return e.startsWith("public/")?e.substring(7):e}function M(e,t={}){let n=t.segment||re,r=t.defaultRoot||`/assets/${n}/`,a=e?.public&&e.public?.root||e?.static&&e.static?.root||null;if(!a||typeof a!="string")return v(r);let s=a.trim();return s?(s=s.replace(/\\/g,"/"),s=we(s,n),s=v(s),ge.test(s)?s:(s=Se(s),s=be(s),s.startsWith("/")||(s=Ee(s),s.startsWith("/")||(s=`/${s}`),s=s.replace(/\/+/g,(c,f)=>f===0?c:"/")),v(s))):v(r)}var Le=/^[a-z][a-z0-9+\-.]*:\/\//i,D=(()=>{try{return import.meta.url}catch{return}})(),T=e=>typeof e=="string"&&e.length&&!e.endsWith("/")?`${e}/`:e;function U(e,t={}){if(!e||Le.test(e))return e;let{preferModule:n=!0}=t,r=()=>{if(!D)return null;try{return new URL(e,D).href}catch{return null}},a=()=>{if(typeof window>"u"||!window.location?.origin)return null;try{return new URL(e,window.location.origin).href}catch{return null}};return(n?r()||a():a()||r())||e}var se=(()=>{if(D)try{let e=new URL(D);if(/\/public\/assets\/js\//.test(e.pathname))return new URL("../pds/",D).href}catch{return}})(),oe=!1;function ie(e){oe||typeof document>"u"||(oe=!0,e.addEventListener("pds:ready",t=>{let n=t.detail?.mode;n&&document.documentElement.classList.add(`pds-${n}`,"pds-ready")}))}function ae({manageTheme:e,themeStorageKey:t,applyResolvedTheme:n,setupSystemListenerIfNeeded:r}){let a="light",s=null;if(e&&typeof window<"u"){try{s=localStorage.getItem(t)||null}catch{s=null}try{n?.(s),r?.(s)}catch{}s?s==="system"?a=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a=s:a=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}return{resolvedTheme:a,storedTheme:s}}function C(e,{resolvePublicAssetURL:t}){let n=!!(e?.public?.root||e?.static?.root),r=t(e);return!n&&se&&(r=se),T(U(r))}async function ce(e,{baseEnhancers:t=[]}={}){let{autoDefineBaseURL:n="/auto-define/",autoDefinePreload:r=[],autoDefineMapper:a=null,autoDefinerModuleURL:s=null,enhancers:c=[],autoDefineOverrides:f=null,autoDefinePreferModule:E=!0}=e,S=(()=>{let i=new Map;return(t||[]).forEach(d=>i.set(d.selector,d)),(c||[]).forEach(d=>i.set(d.selector,d)),Array.from(i.values())})(),y=null;if(typeof window<"u"&&typeof document<"u"){let i=null;try{if(!s||typeof s!="string")throw new Error("AutoDefiner module URL is not configured");let l=await import(s);i=l?.AutoDefiner||l?.default?.AutoDefiner||l?.default||null}catch(l){console.warn("AutoDefiner not available:",l?.message||l)}let d=l=>{switch(l){case"pds-tabpanel":return"pds-tabstrip.js";default:return`${l}.js`}},{mapper:u,...w}=f&&typeof f=="object"?f:{},m={baseURL:n&&T(U(n,{preferModule:E})),predefine:r,scanExisting:!0,observeShadows:!0,patchAttachShadow:!0,debounceMs:16,enhancers:S,onError:(l,h)=>{if(typeof l=="string"&&l.startsWith("pds-")){let L=["pds-form","pds-drawer"].includes(l),F=h?.message?.includes("#pds/lit")||h?.message?.includes("Failed to resolve module specifier");L&&F?console.error(`\u274C PDS component <${l}> requires Lit but #pds/lit is not in import map.
-              See: https://github.com/Pure-Web-Foundation/pure-ds/blob/main/readme.md#lit-components-not-working`):console.warn(`\u26A0\uFE0F PDS component <${l}> not found. Assets may not be installed.`)}else console.error(`\u274C Auto-define error for <${l}>:`,h)},...w,mapper:l=>{if(customElements.get(l))return null;if(typeof a=="function")try{let h=a(l);return h===void 0?d(l):h}catch(h){return console.warn("Custom autoDefine.mapper error; falling back to default:",h?.message||h),d(l)}return d(l)}};i&&(y=new i(m),r.length>0&&typeof i.define=="function"&&await i.define(...r,{baseURL:n,mapper:m.mapper,onError:m.onError}))}return{autoDefiner:y,mergedEnhancers:S}}var H=["light","dark"],q=new Set(H);function _e(e){let n=(Array.isArray(e?.themes)?e.themes.map(r=>String(r).toLowerCase()):H).filter(r=>q.has(r));return n.length?n:H}function K(e,{preferDocument:t=!0}={}){let n=String(e||"").toLowerCase();if(q.has(n))return n;if(t&&typeof document<"u"){let r=document.documentElement?.getAttribute("data-theme");if(q.has(r))return r}return typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function le(e,t){let n=K(t);return _e(e).includes(n)}var Q=class extends EventTarget{},o=new Q;o.initializing=!1;o.currentPreset=null;o.debug=!1;var j=null,$=null,I=null,O=null;function x(e,t){return t&&typeof t=="string"?t:`${C(o.currentConfig||{},{resolvePublicAssetURL:M})}core/${e}`}async function Ae(){return Array.isArray(o.defaultEnhancers)&&o.defaultEnhancers.length>0?o.defaultEnhancers:(O||(O=import(x("pds-enhancers.js",o.currentConfig?.enhancersURL)).then(t=>{let n=Array.isArray(t?.defaultPDSEnhancers)?t.defaultPDSEnhancers:[];return o.defaultEnhancers=n,n}).catch(t=>{throw O=null,t})),O)}async function ve(){return typeof o.ask=="function"&&o.ask!==ue?o.ask:($||($=import(x("pds-ask.js",o.currentConfig?.askURL)).then(t=>{let n=t?.ask;if(typeof n!="function")throw new Error("Failed to load ask helper");return o.ask=n,n}).catch(t=>{throw $=null,t})),$)}async function P(){return typeof o.toast=="function"&&o.toast!==A?o.toast:(I||(I=import(x("pds-toast.js",o.currentConfig?.toastURL)).then(t=>{let n=t?.toast;if(typeof n!="function")throw new Error("Failed to load toast helper");return o.toast=n,n}).catch(t=>{throw I=null,t})),I)}async function ue(...e){return(await ve())(...e)}async function A(...e){return(await P())(...e)}A.success=async(...e)=>(await P()).success(...e);A.error=async(...e)=>(await P()).error(...e);A.warning=async(...e)=>(await P()).warning(...e);A.info=async(...e)=>(await P()).info(...e);var de=function(e="log",t,...n){let r=!!(o.registry&&!o.registry.isLive),a=(this?.debug||this?.design?.debug||o.debug||!1)===!0;if(r){if(!o.debug)return}else if(!a&&e!=="error"&&e!=="warn")return;let s=console[e]||console.log;n.length>0?s(t,...n):s(t)};function J(e){if(e==null)return e;if(typeof e=="function")return;if(typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>J(n)).filter(n=>n!==void 0);let t={};for(let[n,r]of Object.entries(e)){let a=J(r);a!==void 0&&(t[n]=a)}return t}async function De(e,t={}){if(t?.runtimeConfig===!1||typeof fetch!="function")return null;let n=t?.runtimeConfigURL||`${e}pds-runtime-config.json`;try{let r=await fetch(n,{cache:"no-store"});return r.ok?await r.json():null}catch{return null}}o.registry=_;o.enums=ee;o.adoptLayers=Y;o.adoptPrimitives=X;o.parse=B;o.createStylesheet=Z;o.isLiveMode=()=>_.isLive;o.ask=ue;o.toast=A;o.common=V;o.AutoComplete=null;o.loadAutoComplete=async()=>{if(o.AutoComplete&&typeof o.AutoComplete.connect=="function")return o.AutoComplete;let e=x("pds-autocomplete.js",o.currentConfig?.autoCompleteURL);return j||(j=import(e).then(t=>{let n=t?.AutoComplete||t?.default?.AutoComplete||t?.default||null;if(!n)throw new Error("AutoComplete export not found in module");return o.AutoComplete=n,n}).catch(t=>{throw j=null,t})),j};function pe(e){let t=typeof CustomEvent=="function";try{let n=t?new CustomEvent("pds:ready",{detail:e}):new Event("pds:ready");o.dispatchEvent(n)}catch{}if(typeof document<"u")if(t){let n={detail:e,bubbles:!0,composed:!0};try{document.dispatchEvent(new CustomEvent("pds:ready",n))}catch{}try{document.dispatchEvent(new CustomEvent("pds-ready",n))}catch{}}else{try{document.dispatchEvent(new Event("pds:ready"))}catch{}try{document.dispatchEvent(new Event("pds-ready"))}catch{}}}function fe(e={}){let t=typeof CustomEvent=="function",n={at:Date.now(),...e};try{let r=t?new CustomEvent("pds:config-changed",{detail:n}):new Event("pds:config-changed");o.dispatchEvent(r)}catch{}if(typeof document<"u")if(t){let r={detail:n,bubbles:!0,composed:!0};try{document.dispatchEvent(new CustomEvent("pds:config-changed",r))}catch{}}else try{document.dispatchEvent(new Event("pds:config-changed"))}catch{}}var G="pure-ds-theme",b=null,R=null;function N(e){try{if(typeof document>"u")return;let t="light";e?e==="system"?t=typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t=e:t=typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",document.documentElement.setAttribute("data-theme",t)}catch{}}function z(e){try{if(b&&R){try{typeof b.removeEventListener=="function"?b.removeEventListener("change",R):typeof b.removeListener=="function"&&b.removeListener(R)}catch{}b=null,R=null}if(e==="system"&&typeof window<"u"&&window.matchMedia){let t=window.matchMedia("(prefers-color-scheme: dark)"),n=r=>{let a=r?.matches===void 0?t.matches:r.matches;try{let s=a?"dark":"light";document.documentElement.setAttribute("data-theme",s),o.dispatchEvent(new CustomEvent("pds:theme:changed",{detail:{theme:s,source:"system"}}))}catch{}};b=t,R=n,typeof t.addEventListener=="function"?t.addEventListener("change",n):typeof t.addListener=="function"&&t.addListener(n)}}catch{}}Object.defineProperty(o,"theme",{get(){try{return typeof window>"u"?null:localStorage.getItem(G)||null}catch{return null}},set(e){try{if(typeof window>"u")return;let t=o.currentConfig?.design||null,n=K(e);if(t&&!le(t,n)){let r=t?.name||o.currentPreset?.name||o.currentConfig?.preset||"current preset";console.warn(`PDS theme "${n}" not supported by preset "${r}".`),o.dispatchEvent(new CustomEvent("pds:theme:blocked",{detail:{theme:e,resolvedTheme:n,preset:r}}));return}e==null?localStorage.removeItem(G):localStorage.setItem(G,e),N(e),z(e),o.dispatchEvent(new CustomEvent("pds:theme:changed",{detail:{theme:e,source:"api"}}))}catch{}}});o.defaultEnhancers=[];async function Re(e){let t=e&&e.mode||"live",{mode:n,...r}=e||{};if(t==="static")return xe(r);let a=C(r,{resolvePublicAssetURL:M}),s=r?.managerURL||r?.public?.managerURL||r?.manager?.url||new URL("core/pds-manager.js",a).href||new URL("./pds-manager.js",import.meta.url).href,{startLive:c}=await import(s);return c(o,r,{emitReady:pe,emitConfigChanged:fe,applyResolvedTheme:N,setupSystemListenerIfNeeded:z})}o.start=Re;async function xe(e){if(!e||typeof e!="object")throw new Error("PDS.start({ mode: 'static', ... }) requires a valid configuration object");let t=e.applyGlobalStyles??!0,n=e.manageTheme??!0,r=e.themeStorageKey??"pure-ds-theme",a=e.staticPaths??{},s=C(e,{resolvePublicAssetURL:M}),c=e&&e.autoDefine||null,f;c&&c.baseURL?f=T(U(c.baseURL,{preferModule:!1})):f=`${s}components/`;let E=c&&Array.isArray(c.predefine)&&c.predefine||[],S=c&&typeof c.mapper=="function"&&c.mapper||null;try{ie(o);let{resolvedTheme:y}=ae({manageTheme:n,themeStorageKey:r,applyResolvedTheme:N,setupSystemListenerIfNeeded:z}),i=await De(s,e),d=Array.isArray(e?.enhancers)?e.enhancers:e?.enhancers&&typeof e.enhancers=="object"?Object.values(e.enhancers):[],u=i?.config?{...i.config,...e,design:e?.design||i.config.design,preset:e?.preset||i.config.preset}:{...e},w={tokens:`${s}styles/pds-tokens.css.js`,primitives:`${s}styles/pds-primitives.css.js`,components:`${s}styles/pds-components.css.js`,utilities:`${s}styles/pds-utilities.css.js`,styles:`${s}styles/pds-styles.css.js`},p=i?.paths||{};if(a={...w,...p,...a},o.registry.setStaticMode(a),t&&typeof document<"u")try{let g=await o.registry.getStylesheet("styles");if(g){g._pds=!0;let L=(document.adoptedStyleSheets||[]).filter(F=>F._pds!==!0);document.adoptedStyleSheets=[...L,g],fe({mode:"static",source:"static:styles-applied"})}}catch(g){de.call(o,"warn","Failed to apply static styles:",g)}let m=null,l=[];try{let g=await Ae(),L=await ce({autoDefineBaseURL:f,autoDefinePreload:E,autoDefineMapper:S,autoDefinerModuleURL:x("pds-auto-definer.js",c?.moduleURL||o.currentConfig?.autoDefinerURL),enhancers:d,autoDefineOverrides:c||null,autoDefinePreferModule:!(c&&c.baseURL)},{baseEnhancers:g});m=L.autoDefiner,l=L.mergedEnhancers||[]}catch(g){de.call(o,"error","\u274C Failed to initialize AutoDefiner/Enhancers (static):",g)}let h=J(e);return o.currentConfig=Object.freeze({mode:"static",...structuredClone(h),design:structuredClone(u.design||{}),preset:u.preset,theme:y,enhancers:l}),pe({mode:"static",config:u,theme:y,autoDefiner:m}),{config:u,theme:y,autoDefiner:m}}catch(y){throw o.dispatchEvent(new CustomEvent("pds:error",{detail:{error:y}})),y}}var Be=N,Ve=z;export{o as PDS,Be as applyResolvedTheme,Ve as setupSystemListenerIfNeeded};
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/js/pds-core/pds-registry.js
+var PDSRegistry = class {
+  constructor() {
+    this._mode = "static";
+    this._staticPaths = {
+      tokens: "/assets/pds/styles/pds-tokens.css.js",
+      primitives: "/assets/pds/styles/pds-primitives.css.js",
+      components: "/assets/pds/styles/pds-components.css.js",
+      utilities: "/assets/pds/styles/pds-utilities.css.js",
+      styles: "/assets/pds/styles/pds-styles.css.js"
+    };
+  }
+  /**
+   * Switch to live mode
+   */
+  setLiveMode() {
+    this._mode = "live";
+  }
+  /**
+   * Switch to static mode with custom paths
+   * Called by consumers who want to use static CSS files
+   */
+  setStaticMode(paths = {}) {
+    this._mode = "static";
+    this._staticPaths = { ...this._staticPaths, ...paths };
+  }
+  /**
+   * Get stylesheet for adoption in shadow DOM
+   * Returns CSSStyleSheet object (constructable stylesheet)
+   */
+  async getStylesheet(layer) {
+    if (this._mode === "live") {
+      return null;
+    } else {
+      try {
+        const module = await import(
+          /* @vite-ignore */
+          this._staticPaths[layer]
+        );
+        return module[layer];
+      } catch (error) {
+        console.error(`[PDS Registry] Failed to load static ${layer}:`, error);
+        console.error(`[PDS Registry] Looking for: ${this._staticPaths[layer]}`);
+        console.error(`[PDS Registry] Make sure you've run 'npm run pds:build' and configured PDS.start() with the correct static.root path`);
+        const fallback = new CSSStyleSheet();
+        fallback.replaceSync("/* Failed to load " + layer + " */");
+        return fallback;
+      }
+    }
+  }
+  /**
+   * Get current mode
+   */
+  get mode() {
+    return this._mode;
+  }
+  /**
+   * Check if in live mode
+   */
+  get isLive() {
+    return this._mode === "live";
+  }
+};
+var registry = new PDSRegistry();
+
+// src/js/pds-core/pds-runtime.js
+async function adoptPrimitives(shadowRoot, additionalSheets = [], generator = null) {
+  try {
+    const primitives = generator?.primitivesStylesheet ? generator.primitivesStylesheet : await registry.getStylesheet("primitives");
+    shadowRoot.adoptedStyleSheets = [primitives, ...additionalSheets];
+  } catch (error) {
+    const componentName = shadowRoot.host?.tagName?.toLowerCase() || "unknown";
+    console.error(
+      `[PDS Adopter] <${componentName}> failed to adopt primitives:`,
+      error
+    );
+    shadowRoot.adoptedStyleSheets = additionalSheets;
+  }
+}
+async function adoptLayers(shadowRoot, layers = ["primitives"], additionalSheets = [], generator = null) {
+  try {
+    const stylesheets = await Promise.all(
+      layers.map(async (layer) => {
+        if (generator) {
+          switch (layer) {
+            case "tokens":
+              return generator.tokensStylesheet;
+            case "primitives":
+              return generator.primitivesStylesheet;
+            case "components":
+              return generator.componentsStylesheet;
+            case "utilities":
+              return generator.utilitiesStylesheet;
+            default:
+              break;
+          }
+        }
+        return registry.getStylesheet(layer);
+      })
+    );
+    const validStylesheets = stylesheets.filter((sheet) => sheet !== null);
+    shadowRoot.adoptedStyleSheets = [...validStylesheets, ...additionalSheets];
+  } catch (error) {
+    const componentName = shadowRoot.host?.tagName?.toLowerCase() || "unknown";
+    console.error(
+      `[PDS Adopter] <${componentName}> failed to adopt layers:`,
+      error
+    );
+    shadowRoot.adoptedStyleSheets = additionalSheets;
+  }
+}
+function createStylesheet(css) {
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(css);
+  return sheet;
+}
+
+// src/js/pds-core/pds-enums.js
+var enums = {
+  FontWeights: {
+    light: 300,
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  LineHeights: {
+    tight: 1.25,
+    normal: 1.5,
+    relaxed: 1.75
+  },
+  BorderWidths: {
+    hairline: 0.5,
+    thin: 1,
+    medium: 2,
+    thick: 3
+  },
+  RadiusSizes: {
+    none: 0,
+    small: 4,
+    medium: 8,
+    large: 16,
+    xlarge: 24,
+    xxlarge: 32
+  },
+  ShadowDepths: {
+    none: "none",
+    light: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    medium: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    deep: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    extreme: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+  },
+  TransitionSpeeds: {
+    fast: 150,
+    normal: 250,
+    slow: 350
+  },
+  AnimationEasings: {
+    linear: "linear",
+    ease: "ease",
+    "ease-in": "ease-in",
+    "ease-out": "ease-out",
+    "ease-in-out": "ease-in-out",
+    bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  TouchTargetSizes: {
+    compact: 36,
+    standard: 44,
+    // iOS/Android accessibility standard
+    comfortable: 48,
+    spacious: 56
+  },
+  LinkStyles: {
+    inline: "inline",
+    // Normal inline text links
+    block: "block",
+    // Block-level links
+    button: "button"
+    // Button-like links (flex with touch target)
+  },
+  FocusStyles: {
+    ring: "ring",
+    // Box-shadow ring (default)
+    outline: "outline",
+    // Browser outline
+    border: "border",
+    // Border change
+    glow: "glow"
+    // Subtle glow effect
+  },
+  TabSizes: {
+    compact: 2,
+    standard: 4,
+    wide: 8
+  },
+  SelectIcons: {
+    chevron: "chevron",
+    // Standard chevron down
+    arrow: "arrow",
+    // Simple arrow
+    caret: "caret",
+    // Triangle caret
+    none: "none"
+    // No icon
+  },
+  IconSizes: {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 32,
+    xl: 48,
+    "2xl": 64,
+    "3xl": 96
+  }
+};
+
+// src/js/common/common.js
+var common_exports = {};
+__export(common_exports, {
+  deepMerge: () => deepMerge,
+  fragmentFromTemplateLike: () => fragmentFromTemplateLike,
+  isObject: () => isObject,
+  parseHTML: () => parseHTML
+});
+function isObject(item) {
+  return item && typeof item === "object" && !Array.isArray(item);
+}
+function deepMerge(target, source) {
+  const output = { ...target };
+  if (isObject(target) && isObject(source)) {
+    Object.keys(source).forEach((key) => {
+      if (isObject(source[key])) {
+        if (!(key in target))
+          Object.assign(output, { [key]: source[key] });
+        else
+          output[key] = deepMerge(target[key], source[key]);
+      } else {
+        Object.assign(output, { [key]: source[key] });
+      }
+    });
+  }
+  return output;
+}
+function fragmentFromTemplateLike(templateLike) {
+  const strings = Array.isArray(templateLike?.strings) ? templateLike.strings : [];
+  const values = Array.isArray(templateLike?.values) ? templateLike.values : [];
+  const consumedValues = /* @__PURE__ */ new Set();
+  const htmlParts = [];
+  const propBindingPattern = /(\s)(\.[\w-]+)=\s*$/;
+  for (let i = 0; i < strings.length; i += 1) {
+    let chunk = strings[i] ?? "";
+    const match = chunk.match(propBindingPattern);
+    if (match && i < values.length) {
+      const propToken = match[2];
+      const propName = propToken.slice(1);
+      const marker = `pds-val-${i}`;
+      chunk = chunk.replace(
+        propBindingPattern,
+        `$1data-pds-prop="${propName}:${marker}"`
+      );
+      consumedValues.add(i);
+    }
+    htmlParts.push(chunk);
+    if (i < values.length && !consumedValues.has(i)) {
+      htmlParts.push(`<!--pds-val-${i}-->`);
+    }
+  }
+  const tpl = document.createElement("template");
+  tpl.innerHTML = htmlParts.join("");
+  const replaceValueAtMarker = (markerNode, value) => {
+    const parent = markerNode.parentNode;
+    if (!parent)
+      return;
+    if (value == null) {
+      parent.removeChild(markerNode);
+      return;
+    }
+    const insertValue = (val) => {
+      if (val == null)
+        return;
+      if (val instanceof Node) {
+        parent.insertBefore(val, markerNode);
+        return;
+      }
+      if (Array.isArray(val)) {
+        val.forEach((item) => insertValue(item));
+        return;
+      }
+      parent.insertBefore(document.createTextNode(String(val)), markerNode);
+    };
+    insertValue(value);
+    parent.removeChild(markerNode);
+  };
+  const walker = document.createTreeWalker(tpl.content, NodeFilter.SHOW_COMMENT);
+  const markers = [];
+  while (walker.nextNode()) {
+    const node = walker.currentNode;
+    if (node?.nodeValue?.startsWith("pds-val-")) {
+      markers.push(node);
+    }
+  }
+  markers.forEach((node) => {
+    const index = Number(node.nodeValue.replace("pds-val-", ""));
+    replaceValueAtMarker(node, values[index]);
+  });
+  const elements = tpl.content.querySelectorAll("*");
+  elements.forEach((el) => {
+    const propAttr = el.getAttribute("data-pds-prop");
+    if (!propAttr)
+      return;
+    const [propName, markerValue] = propAttr.split(":");
+    const index = Number(String(markerValue).replace("pds-val-", ""));
+    if (propName && Number.isInteger(index)) {
+      el[propName] = values[index];
+    }
+    el.removeAttribute("data-pds-prop");
+  });
+  return tpl.content;
+}
+function parseHTML(html) {
+  return new DOMParser().parseFromString(html, "text/html").body.childNodes;
+}
+
+// src/js/pds-core/pds-paths.js
+var DEFAULT_SEGMENT = "pds";
+var URL_PATTERN = /^([a-z][a-z0-9+\-.]*:)?\/\//i;
+var DRIVE_PATTERN = /^[a-z]:/i;
+function ensureTrailingSlash(value = "") {
+  return value.endsWith("/") ? value : `${value}/`;
+}
+function appendSegmentIfMissing(input = "", segment = DEFAULT_SEGMENT) {
+  const trimmed = input.replace(/\/+$/, "");
+  const regex = new RegExp(`(?:^|/)${segment}$`, "i");
+  if (regex.test(trimmed)) {
+    return trimmed;
+  }
+  return `${trimmed}/${segment}`;
+}
+function stripLeadingDotSlash(value) {
+  return value.replace(/^\.\/+/, "");
+}
+function stripDriveLetter(value) {
+  if (DRIVE_PATTERN.test(value)) {
+    return value.replace(DRIVE_PATTERN, "").replace(/^\/+/, "");
+  }
+  return value;
+}
+function stripPublicPrefix(value) {
+  if (value.startsWith("public/")) {
+    return value.substring("public/".length);
+  }
+  return value;
+}
+function resolvePublicAssetURL(config, options = {}) {
+  const segment = options.segment || DEFAULT_SEGMENT;
+  const defaultRoot = options.defaultRoot || `/assets/${segment}/`;
+  const candidate = config?.public && config.public?.root || config?.static && config.static?.root || null;
+  if (!candidate || typeof candidate !== "string") {
+    return ensureTrailingSlash(defaultRoot);
+  }
+  let normalized = candidate.trim();
+  if (!normalized) {
+    return ensureTrailingSlash(defaultRoot);
+  }
+  normalized = normalized.replace(/\\/g, "/");
+  normalized = appendSegmentIfMissing(normalized, segment);
+  normalized = ensureTrailingSlash(normalized);
+  if (URL_PATTERN.test(normalized)) {
+    return normalized;
+  }
+  normalized = stripLeadingDotSlash(normalized);
+  normalized = stripDriveLetter(normalized);
+  if (normalized.startsWith("/")) {
+    return ensureTrailingSlash(normalized);
+  }
+  normalized = stripPublicPrefix(normalized);
+  if (!normalized.startsWith("/")) {
+    normalized = `/${normalized}`;
+  }
+  normalized = normalized.replace(
+    /\/+/g,
+    (match, offset) => offset === 0 ? match : "/"
+  );
+  return ensureTrailingSlash(normalized);
+}
+
+// node_modules/pure-web/src/js/auto-definer.js
+async function defineWebComponents(...args) {
+  let opts = {};
+  if (args.length && typeof args[args.length - 1] === "object") {
+    opts = args.pop() || {};
+  }
+  const tags = args;
+  const {
+    baseURL,
+    mapper = (tag) => `${tag}.js`,
+    onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err)
+  } = opts;
+  const base = baseURL ? new URL(
+    baseURL,
+    typeof location !== "undefined" ? location.href : import.meta.url
+  ) : new URL("./", import.meta.url);
+  const toPascal = (tag) => tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());
+  const loadOne = async (tag) => {
+    try {
+      if (customElements.get(tag))
+        return { tag, status: "already-defined" };
+      const spec = mapper(tag);
+      const href = spec instanceof URL ? spec.href : new URL(spec, base).href;
+      const mod = await import(href);
+      const Named = mod?.default ?? mod?.[toPascal(tag)];
+      if (!Named) {
+        if (customElements.get(tag))
+          return { tag, status: "self-defined" };
+        throw new Error(
+          `No export found for ${tag}. Expected default export or named export "${toPascal(
+            tag
+          )}".`
+        );
+      }
+      if (!customElements.get(tag)) {
+        customElements.define(tag, Named);
+        return { tag, status: "defined" };
+      }
+      return { tag, status: "race-already-defined" };
+    } catch (err) {
+      onError(tag, err);
+      throw err;
+    }
+  };
+  return Promise.all(tags.map(loadOne));
+}
+var AutoDefiner = class {
+  constructor(options = {}) {
+    const {
+      baseURL,
+      mapper,
+      onError,
+      predicate = () => true,
+      attributeModule = "data-module",
+      root = document,
+      scanExisting = true,
+      debounceMs = 16,
+      observeShadows = true,
+      enhancers = [],
+      // [{String selector, Function run(elem)}]
+      patchAttachShadow = true
+    } = options;
+    const pending = /* @__PURE__ */ new Set();
+    const inFlight = /* @__PURE__ */ new Set();
+    const knownMissing = /* @__PURE__ */ new Set();
+    const perTagModulePath = /* @__PURE__ */ new Map();
+    const shadowObservers = /* @__PURE__ */ new WeakMap();
+    const enhancerApplied = /* @__PURE__ */ new WeakMap();
+    let timer = 0;
+    let stopped = false;
+    let restoreAttachShadow = null;
+    const applyEnhancers = (element) => {
+      if (!element || !enhancers.length)
+        return;
+      let appliedEnhancers = enhancerApplied.get(element);
+      if (!appliedEnhancers) {
+        appliedEnhancers = /* @__PURE__ */ new Set();
+        enhancerApplied.set(element, appliedEnhancers);
+      }
+      for (const enhancer of enhancers) {
+        if (!enhancer.selector || !enhancer.run)
+          continue;
+        if (appliedEnhancers.has(enhancer.selector))
+          continue;
+        try {
+          if (element.matches && element.matches(enhancer.selector)) {
+            enhancer.run(element);
+            appliedEnhancers.add(enhancer.selector);
+          }
+        } catch (err) {
+          console.warn(
+            `[AutoDefiner] Error applying enhancer for selector "${enhancer.selector}":`,
+            err
+          );
+        }
+      }
+    };
+    const queueTag = (tag, el) => {
+      if (stopped)
+        return;
+      if (!tag || !tag.includes("-"))
+        return;
+      if (customElements.get(tag))
+        return;
+      if (inFlight.has(tag))
+        return;
+      if (knownMissing.has(tag))
+        return;
+      if (el && el.getAttribute) {
+        const override = el.getAttribute(attributeModule);
+        if (override && !perTagModulePath.has(tag)) {
+          perTagModulePath.set(tag, override);
+        }
+      }
+      pending.add(tag);
+      schedule();
+    };
+    const schedule = () => {
+      if (timer)
+        return;
+      timer = setTimeout(flush, debounceMs);
+    };
+    const crawlTree = (rootNode) => {
+      if (!rootNode)
+        return;
+      if (rootNode.nodeType === 1) {
+        const el = (
+          /** @type {Element} */
+          rootNode
+        );
+        const tag = el.tagName?.toLowerCase();
+        if (tag && tag.includes("-") && !customElements.get(tag) && predicate(tag, el)) {
+          queueTag(tag, el);
+        }
+        applyEnhancers(el);
+        if (observeShadows && el.shadowRoot) {
+          observeShadowRoot(el.shadowRoot);
+        }
+      }
+      if (rootNode.querySelectorAll) {
+        rootNode.querySelectorAll("*").forEach((e) => {
+          const t = e.tagName?.toLowerCase();
+          if (t && t.includes("-") && !customElements.get(t) && predicate(t, e)) {
+            queueTag(t, e);
+          }
+          applyEnhancers(e);
+          if (observeShadows && e.shadowRoot) {
+            observeShadowRoot(e.shadowRoot);
+          }
+        });
+      }
+    };
+    const observeShadowRoot = (sr) => {
+      if (!sr || shadowObservers.has(sr))
+        return;
+      crawlTree(sr);
+      const mo = new MutationObserver((mutations) => {
+        for (const m of mutations) {
+          m.addedNodes?.forEach((n) => {
+            crawlTree(n);
+          });
+          if (m.type === "attributes" && m.target) {
+            crawlTree(m.target);
+          }
+        }
+      });
+      mo.observe(sr, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: [
+          attributeModule,
+          ...enhancers.map((e) => e.selector).filter((s) => s.startsWith("data-"))
+        ]
+      });
+      shadowObservers.set(sr, mo);
+    };
+    async function flush() {
+      clearTimeout(timer);
+      timer = 0;
+      if (!pending.size)
+        return;
+      const tags = Array.from(pending);
+      pending.clear();
+      tags.forEach((t) => inFlight.add(t));
+      try {
+        const effectiveMapper = (tag) => perTagModulePath.get(tag) ?? (mapper ? mapper(tag) : `${tag}.js`);
+        await defineWebComponents(...tags, {
+          baseURL,
+          mapper: effectiveMapper,
+          onError: (tag, err) => {
+            knownMissing.add(tag);
+            onError?.(tag, err);
+          }
+        });
+      } catch {
+      } finally {
+        tags.forEach((t) => inFlight.delete(t));
+      }
+    }
+    const mountNode = root === document ? document.documentElement : root;
+    const obs = new MutationObserver((mutations) => {
+      for (const m of mutations) {
+        m.addedNodes?.forEach((n) => {
+          crawlTree(n);
+        });
+        if (m.type === "attributes" && m.target) {
+          crawlTree(m.target);
+        }
+      }
+    });
+    obs.observe(mountNode, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: [
+        attributeModule,
+        ...enhancers.map((e) => e.selector).filter((s) => s.startsWith("data-"))
+      ]
+    });
+    if (observeShadows && patchAttachShadow && Element.prototype.attachShadow) {
+      const orig = Element.prototype.attachShadow;
+      Element.prototype.attachShadow = function patchedAttachShadow(init) {
+        const sr = orig.call(this, init);
+        if (init && init.mode === "open") {
+          observeShadowRoot(sr);
+          const tag = this.tagName?.toLowerCase();
+          if (tag && tag.includes("-") && !customElements.get(tag)) {
+            queueTag(tag, this);
+          }
+        }
+        return sr;
+      };
+      restoreAttachShadow = () => Element.prototype.attachShadow = orig;
+    }
+    if (scanExisting) {
+      crawlTree(mountNode);
+    }
+    return {
+      stop() {
+        stopped = true;
+        obs.disconnect();
+        if (restoreAttachShadow)
+          restoreAttachShadow();
+        if (timer) {
+          clearTimeout(timer);
+          timer = 0;
+        }
+        shadowObservers.forEach((mo) => mo.disconnect());
+      },
+      flush
+    };
+  }
+  /**
+   * Dynamically load and (idempotently) define a set of web components by tag name.
+   */
+  static async define(...args) {
+    let opts = {};
+    if (args.length && typeof args[args.length - 1] === "object") {
+      opts = args.pop() || {};
+    }
+    const tags = args;
+    const {
+      baseURL,
+      mapper = (tag) => `${tag}.js`,
+      onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err)
+    } = opts;
+    const base = baseURL ? new URL(
+      baseURL,
+      typeof location !== "undefined" ? location.href : import.meta.url
+    ) : new URL("./", import.meta.url);
+    const toPascal = (tag) => tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());
+    const loadOne = async (tag) => {
+      try {
+        if (customElements.get(tag))
+          return { tag, status: "already-defined" };
+        const spec = mapper(tag);
+        const href = spec instanceof URL ? spec.href : new URL(spec, base).href;
+        const mod = await import(href);
+        const Named = mod?.default ?? mod?.[toPascal(tag)];
+        if (!Named) {
+          if (customElements.get(tag))
+            return { tag, status: "self-defined" };
+          throw new Error(
+            `No export found for ${tag}. Expected default export or named export "${toPascal(
+              tag
+            )}".`
+          );
+        }
+        if (!customElements.get(tag)) {
+          customElements.define(tag, Named);
+          return { tag, status: "defined" };
+        }
+        return { tag, status: "race-already-defined" };
+      } catch (err) {
+        onError(tag, err);
+        throw err;
+      }
+    };
+    return Promise.all(tags.map(loadOne));
+  }
+};
+
+// src/js/pds-core/pds-start-helpers.js
+var __ABSOLUTE_URL_PATTERN__ = /^[a-z][a-z0-9+\-.]*:\/\//i;
+var __MODULE_URL__ = (() => {
+  try {
+    return import.meta.url;
+  } catch (e) {
+    return void 0;
+  }
+})();
+var ensureTrailingSlash2 = (value) => typeof value === "string" && value.length && !value.endsWith("/") ? `${value}/` : value;
+function ensureAbsoluteAssetURL(value, options = {}) {
+  if (!value || __ABSOLUTE_URL_PATTERN__.test(value)) {
+    return value;
+  }
+  const { preferModule = true } = options;
+  const tryModule = () => {
+    if (!__MODULE_URL__)
+      return null;
+    try {
+      return new URL(value, __MODULE_URL__).href;
+    } catch (e) {
+      return null;
+    }
+  };
+  const tryWindow = () => {
+    if (typeof window === "undefined" || !window.location?.origin) {
+      return null;
+    }
+    try {
+      return new URL(value, window.location.origin).href;
+    } catch (e) {
+      return null;
+    }
+  };
+  const resolved = preferModule ? tryModule() || tryWindow() : tryWindow() || tryModule();
+  return resolved || value;
+}
+var __MODULE_DEFAULT_ASSET_ROOT__ = (() => {
+  if (!__MODULE_URL__)
+    return void 0;
+  try {
+    const parsed = new URL(__MODULE_URL__);
+    if (/\/public\/assets\/js\//.test(parsed.pathname)) {
+      return new URL("../pds/", __MODULE_URL__).href;
+    }
+  } catch (e) {
+    return void 0;
+  }
+  return void 0;
+})();
+var __foucListenerAttached = false;
+function attachFoucListener(PDS2) {
+  if (__foucListenerAttached || typeof document === "undefined")
+    return;
+  __foucListenerAttached = true;
+  PDS2.addEventListener("pds:ready", (event) => {
+    const mode = event.detail?.mode;
+    if (mode) {
+      document.documentElement.classList.add(`pds-${mode}`, "pds-ready");
+    }
+  });
+}
+function resolveThemeAndApply({ manageTheme, themeStorageKey, applyResolvedTheme: applyResolvedTheme2, setupSystemListenerIfNeeded: setupSystemListenerIfNeeded2 }) {
+  let resolvedTheme = "light";
+  let storedTheme = null;
+  if (manageTheme && typeof window !== "undefined") {
+    try {
+      storedTheme = localStorage.getItem(themeStorageKey) || null;
+    } catch (e) {
+      storedTheme = null;
+    }
+    try {
+      applyResolvedTheme2?.(storedTheme);
+      setupSystemListenerIfNeeded2?.(storedTheme);
+    } catch (e) {
+    }
+    if (storedTheme) {
+      if (storedTheme === "system") {
+        const prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+        resolvedTheme = prefersDark ? "dark" : "light";
+      } else {
+        resolvedTheme = storedTheme;
+      }
+    } else {
+      const prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+      resolvedTheme = prefersDark ? "dark" : "light";
+    }
+  }
+  return { resolvedTheme, storedTheme };
+}
+function resolveRuntimeAssetRoot(config, { resolvePublicAssetURL: resolvePublicAssetURL2 }) {
+  const hasCustomRoot = Boolean(config?.public?.root || config?.static?.root);
+  let candidate = resolvePublicAssetURL2(config);
+  if (!hasCustomRoot && __MODULE_DEFAULT_ASSET_ROOT__) {
+    candidate = __MODULE_DEFAULT_ASSET_ROOT__;
+  }
+  return ensureTrailingSlash2(ensureAbsoluteAssetURL(candidate));
+}
+async function setupAutoDefinerAndEnhancers(options, { baseEnhancers = [] } = {}) {
+  const {
+    autoDefineBaseURL = "/auto-define/",
+    autoDefinePreload = [],
+    autoDefineMapper = null,
+    enhancers = [],
+    autoDefineOverrides = null,
+    autoDefinePreferModule = true
+  } = options;
+  const mergedEnhancers = (() => {
+    const map = /* @__PURE__ */ new Map();
+    (baseEnhancers || []).forEach((e) => map.set(e.selector, e));
+    (enhancers || []).forEach((e) => map.set(e.selector, e));
+    return Array.from(map.values());
+  })();
+  let autoDefiner = null;
+  if (typeof window !== "undefined" && typeof document !== "undefined") {
+    const AutoDefinerCtor = AutoDefiner;
+    const defaultMapper = (tag) => {
+      switch (tag) {
+        case "pds-tabpanel":
+          return "pds-tabstrip.js";
+        default:
+          return `${tag}.js`;
+      }
+    };
+    const { mapper: _overrideMapperIgnored, ...restAutoDefineOverrides } = autoDefineOverrides && typeof autoDefineOverrides === "object" ? autoDefineOverrides : {};
+    const normalizedBaseURL = autoDefineBaseURL ? ensureTrailingSlash2(
+      ensureAbsoluteAssetURL(autoDefineBaseURL, {
+        preferModule: autoDefinePreferModule
+      })
+    ) : autoDefineBaseURL;
+    const autoDefineConfig = {
+      baseURL: normalizedBaseURL,
+      predefine: autoDefinePreload,
+      scanExisting: true,
+      observeShadows: true,
+      patchAttachShadow: true,
+      debounceMs: 16,
+      enhancers: mergedEnhancers,
+      onError: (tag, err) => {
+        if (typeof tag === "string" && tag.startsWith("pds-")) {
+          const litDependentComponents = ["pds-form", "pds-drawer"];
+          const isLitComponent = litDependentComponents.includes(tag);
+          const isMissingLitError = err?.message?.includes("#pds/lit") || err?.message?.includes("Failed to resolve module specifier");
+          if (isLitComponent && isMissingLitError) {
+            console.error(
+              `\u274C PDS component <${tag}> requires Lit but #pds/lit is not in import map.
+              See: https://github.com/Pure-Web-Foundation/pure-ds/blob/main/readme.md#lit-components-not-working`
+            );
+          } else {
+            console.warn(
+              `\u26A0\uFE0F PDS component <${tag}> not found. Assets may not be installed.`
+            );
+          }
+        } else {
+          console.error(`\u274C Auto-define error for <${tag}>:`, err);
+        }
+      },
+      // Apply all user overrides except mapper so we can still wrap it
+      ...restAutoDefineOverrides,
+      mapper: (tag) => {
+        if (customElements.get(tag))
+          return null;
+        if (typeof autoDefineMapper === "function") {
+          try {
+            const mapped = autoDefineMapper(tag);
+            if (mapped === void 0) {
+              return defaultMapper(tag);
+            }
+            return mapped;
+          } catch (e) {
+            console.warn(
+              "Custom autoDefine.mapper error; falling back to default:",
+              e?.message || e
+            );
+            return defaultMapper(tag);
+          }
+        }
+        return defaultMapper(tag);
+      }
+    };
+    autoDefiner = new AutoDefinerCtor(autoDefineConfig);
+    if (autoDefinePreload.length > 0 && typeof AutoDefinerCtor.define === "function") {
+      await AutoDefinerCtor.define(...autoDefinePreload, {
+        baseURL: autoDefineBaseURL,
+        mapper: autoDefineConfig.mapper,
+        onError: autoDefineConfig.onError
+      });
+    }
+  }
+  return { autoDefiner, mergedEnhancers };
+}
+
+// src/js/pds-core/pds-theme-utils.js
+var DEFAULT_THEMES = ["light", "dark"];
+var VALID_THEMES = new Set(DEFAULT_THEMES);
+function normalizePresetThemes(preset) {
+  const themes = Array.isArray(preset?.themes) ? preset.themes.map((theme) => String(theme).toLowerCase()) : DEFAULT_THEMES;
+  const normalized = themes.filter((theme) => VALID_THEMES.has(theme));
+  return normalized.length ? normalized : DEFAULT_THEMES;
+}
+function resolveThemePreference(preference, { preferDocument = true } = {}) {
+  const normalized = String(preference || "").toLowerCase();
+  if (VALID_THEMES.has(normalized))
+    return normalized;
+  if (preferDocument && typeof document !== "undefined") {
+    const applied = document.documentElement?.getAttribute("data-theme");
+    if (VALID_THEMES.has(applied))
+      return applied;
+  }
+  if (typeof window !== "undefined" && window.matchMedia) {
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    return prefersDark ? "dark" : "light";
+  }
+  return "light";
+}
+function isPresetThemeCompatible(preset, themePreference) {
+  const resolvedTheme = resolveThemePreference(themePreference);
+  const themes = normalizePresetThemes(preset);
+  return themes.includes(resolvedTheme);
+}
+
+// src/js/pds.js
+var PDSBase = class extends EventTarget {
+};
+var PDS = new PDSBase();
+PDS.initializing = false;
+PDS.currentPreset = null;
+PDS.debug = false;
+var __autoCompletePromise = null;
+var __askPromise = null;
+var __toastPromise = null;
+var __defaultEnhancersPromise = null;
+function __resolveExternalRuntimeModuleURL(filename, overrideURL) {
+  if (overrideURL && typeof overrideURL === "string") {
+    return overrideURL;
+  }
+  const assetRootURL = resolveRuntimeAssetRoot(PDS.currentConfig || {}, {
+    resolvePublicAssetURL
+  });
+  return `${assetRootURL}core/${filename}`;
+}
+async function __loadDefaultEnhancers() {
+  if (Array.isArray(PDS.defaultEnhancers) && PDS.defaultEnhancers.length > 0) {
+    return PDS.defaultEnhancers;
+  }
+  if (!__defaultEnhancersPromise) {
+    const enhancersModuleURL = __resolveExternalRuntimeModuleURL(
+      "pds-enhancers.js",
+      PDS.currentConfig?.enhancersURL
+    );
+    __defaultEnhancersPromise = import(enhancersModuleURL).then((mod) => {
+      const enhancers = Array.isArray(mod?.defaultPDSEnhancers) ? mod.defaultPDSEnhancers : [];
+      PDS.defaultEnhancers = enhancers;
+      return enhancers;
+    }).catch((error) => {
+      __defaultEnhancersPromise = null;
+      throw error;
+    });
+  }
+  return __defaultEnhancersPromise;
+}
+async function __loadAsk() {
+  if (typeof PDS.ask === "function" && PDS.ask !== __lazyAsk) {
+    return PDS.ask;
+  }
+  if (!__askPromise) {
+    const askModuleURL = __resolveExternalRuntimeModuleURL(
+      "pds-ask.js",
+      PDS.currentConfig?.askURL
+    );
+    __askPromise = import(askModuleURL).then((mod) => {
+      const impl = mod?.ask;
+      if (typeof impl !== "function") {
+        throw new Error("Failed to load ask helper");
+      }
+      PDS.ask = impl;
+      return impl;
+    }).catch((error) => {
+      __askPromise = null;
+      throw error;
+    });
+  }
+  return __askPromise;
+}
+async function __loadToast() {
+  if (typeof PDS.toast === "function" && PDS.toast !== __lazyToast) {
+    return PDS.toast;
+  }
+  if (!__toastPromise) {
+    const toastModuleURL = __resolveExternalRuntimeModuleURL(
+      "pds-toast.js",
+      PDS.currentConfig?.toastURL
+    );
+    __toastPromise = import(toastModuleURL).then((mod) => {
+      const impl = mod?.toast;
+      if (typeof impl !== "function") {
+        throw new Error("Failed to load toast helper");
+      }
+      PDS.toast = impl;
+      return impl;
+    }).catch((error) => {
+      __toastPromise = null;
+      throw error;
+    });
+  }
+  return __toastPromise;
+}
+async function __lazyAsk(...args) {
+  const askImpl = await __loadAsk();
+  return askImpl(...args);
+}
+async function __lazyToast(...args) {
+  const toastImpl = await __loadToast();
+  return toastImpl(...args);
+}
+__lazyToast.success = async (...args) => {
+  const toastImpl = await __loadToast();
+  return toastImpl.success(...args);
+};
+__lazyToast.error = async (...args) => {
+  const toastImpl = await __loadToast();
+  return toastImpl.error(...args);
+};
+__lazyToast.warning = async (...args) => {
+  const toastImpl = await __loadToast();
+  return toastImpl.warning(...args);
+};
+__lazyToast.info = async (...args) => {
+  const toastImpl = await __loadToast();
+  return toastImpl.info(...args);
+};
+var __defaultLog = function(level = "log", message, ...data) {
+  const isStaticMode = Boolean(PDS.registry && !PDS.registry.isLive);
+  const debug = (this?.debug || this?.design?.debug || PDS.debug || false) === true;
+  if (isStaticMode) {
+    if (!PDS.debug)
+      return;
+  } else if (!debug && level !== "error" && level !== "warn") {
+    return;
+  }
+  const method = console[level] || console.log;
+  if (data.length > 0) {
+    method(message, ...data);
+  } else {
+    method(message);
+  }
+};
+function __stripFunctionsForClone(value) {
+  if (value === null || value === void 0)
+    return value;
+  if (typeof value === "function")
+    return void 0;
+  if (typeof value !== "object")
+    return value;
+  if (Array.isArray(value)) {
+    return value.map((item) => __stripFunctionsForClone(item)).filter((item) => item !== void 0);
+  }
+  const result = {};
+  for (const [key, entry] of Object.entries(value)) {
+    const stripped = __stripFunctionsForClone(entry);
+    if (stripped !== void 0) {
+      result[key] = stripped;
+    }
+  }
+  return result;
+}
+async function __loadRuntimeConfig(assetRootURL, config = {}) {
+  if (config?.runtimeConfig === false)
+    return null;
+  if (typeof fetch !== "function")
+    return null;
+  const runtimeUrl = config?.runtimeConfigURL || `${assetRootURL}pds-runtime-config.json`;
+  try {
+    const res = await fetch(runtimeUrl, { cache: "no-store" });
+    if (!res.ok)
+      return null;
+    return await res.json();
+  } catch (e) {
+    return null;
+  }
+}
+PDS.registry = registry;
+PDS.enums = enums;
+PDS.adoptLayers = adoptLayers;
+PDS.adoptPrimitives = adoptPrimitives;
+PDS.parse = parseHTML;
+PDS.createStylesheet = createStylesheet;
+PDS.isLiveMode = () => registry.isLive;
+PDS.ask = __lazyAsk;
+PDS.toast = __lazyToast;
+PDS.common = common_exports;
+PDS.AutoComplete = null;
+PDS.loadAutoComplete = async () => {
+  if (PDS.AutoComplete && typeof PDS.AutoComplete.connect === "function") {
+    return PDS.AutoComplete;
+  }
+  const autoCompleteModuleURL = __resolveExternalRuntimeModuleURL(
+    "pds-autocomplete.js",
+    PDS.currentConfig?.autoCompleteURL
+  );
+  if (!__autoCompletePromise) {
+    __autoCompletePromise = import(autoCompleteModuleURL).then((mod) => {
+      const autoCompleteCtor = mod?.AutoComplete || mod?.default?.AutoComplete || mod?.default || null;
+      if (!autoCompleteCtor) {
+        throw new Error("AutoComplete export not found in module");
+      }
+      PDS.AutoComplete = autoCompleteCtor;
+      return autoCompleteCtor;
+    }).catch((error) => {
+      __autoCompletePromise = null;
+      throw error;
+    });
+  }
+  return __autoCompletePromise;
+};
+function __emitPDSReady(detail) {
+  const hasCustomEvent = typeof CustomEvent === "function";
+  try {
+    const readyEvent = hasCustomEvent ? new CustomEvent("pds:ready", { detail }) : new Event("pds:ready");
+    PDS.dispatchEvent(readyEvent);
+  } catch (e) {
+  }
+  if (typeof document !== "undefined") {
+    if (hasCustomEvent) {
+      const eventOptions = { detail, bubbles: true, composed: true };
+      try {
+        document.dispatchEvent(new CustomEvent("pds:ready", eventOptions));
+      } catch (e) {
+      }
+      try {
+        document.dispatchEvent(new CustomEvent("pds-ready", eventOptions));
+      } catch (e) {
+      }
+    } else {
+      try {
+        document.dispatchEvent(new Event("pds:ready"));
+      } catch (e) {
+      }
+      try {
+        document.dispatchEvent(new Event("pds-ready"));
+      } catch (e) {
+      }
+    }
+  }
+}
+function __emitPDSConfigChanged(detail = {}) {
+  const hasCustomEvent = typeof CustomEvent === "function";
+  const payload = {
+    at: Date.now(),
+    ...detail
+  };
+  try {
+    const changedEvent = hasCustomEvent ? new CustomEvent("pds:config-changed", { detail: payload }) : new Event("pds:config-changed");
+    PDS.dispatchEvent(changedEvent);
+  } catch (e) {
+  }
+  if (typeof document !== "undefined") {
+    if (hasCustomEvent) {
+      const eventOptions = { detail: payload, bubbles: true, composed: true };
+      try {
+        document.dispatchEvent(
+          new CustomEvent("pds:config-changed", eventOptions)
+        );
+      } catch (e) {
+      }
+    } else {
+      try {
+        document.dispatchEvent(new Event("pds:config-changed"));
+      } catch (e) {
+      }
+    }
+  }
+}
+var __themeStorageKey = "pure-ds-theme";
+var __themeMQ = null;
+var __themeMQListener = null;
+function __applyResolvedTheme(raw) {
+  try {
+    if (typeof document === "undefined")
+      return;
+    let resolved = "light";
+    if (!raw) {
+      const prefersDark = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+      resolved = prefersDark ? "dark" : "light";
+    } else if (raw === "system") {
+      const prefersDark = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+      resolved = prefersDark ? "dark" : "light";
+    } else {
+      resolved = raw;
+    }
+    document.documentElement.setAttribute("data-theme", resolved);
+  } catch (e) {
+  }
+}
+function __setupSystemListenerIfNeeded(raw) {
+  try {
+    if (__themeMQ && __themeMQListener) {
+      try {
+        if (typeof __themeMQ.removeEventListener === "function")
+          __themeMQ.removeEventListener("change", __themeMQListener);
+        else if (typeof __themeMQ.removeListener === "function")
+          __themeMQ.removeListener(__themeMQListener);
+      } catch (e) {
+      }
+      __themeMQ = null;
+      __themeMQListener = null;
+    }
+    if (raw === "system" && typeof window !== "undefined" && window.matchMedia) {
+      const mq = window.matchMedia("(prefers-color-scheme: dark)");
+      const listener = (e) => {
+        const isDark = e?.matches === void 0 ? mq.matches : e.matches;
+        try {
+          const newTheme = isDark ? "dark" : "light";
+          document.documentElement.setAttribute("data-theme", newTheme);
+          PDS.dispatchEvent(
+            new CustomEvent("pds:theme:changed", {
+              detail: { theme: newTheme, source: "system" }
+            })
+          );
+        } catch (ex) {
+        }
+      };
+      __themeMQ = mq;
+      __themeMQListener = listener;
+      if (typeof mq.addEventListener === "function")
+        mq.addEventListener("change", listener);
+      else if (typeof mq.addListener === "function")
+        mq.addListener(listener);
+    }
+  } catch (e) {
+  }
+}
+Object.defineProperty(PDS, "theme", {
+  get() {
+    try {
+      if (typeof window === "undefined")
+        return null;
+      return localStorage.getItem(__themeStorageKey) || null;
+    } catch (e) {
+      return null;
+    }
+  },
+  set(value) {
+    try {
+      if (typeof window === "undefined")
+        return;
+      const currentPreset = PDS.currentConfig?.design || null;
+      const resolvedTheme = resolveThemePreference(value);
+      if (currentPreset && !isPresetThemeCompatible(currentPreset, resolvedTheme)) {
+        const presetName = currentPreset?.name || PDS.currentPreset?.name || PDS.currentConfig?.preset || "current preset";
+        console.warn(
+          `PDS theme "${resolvedTheme}" not supported by preset "${presetName}".`
+        );
+        PDS.dispatchEvent(
+          new CustomEvent("pds:theme:blocked", {
+            detail: { theme: value, resolvedTheme, preset: presetName }
+          })
+        );
+        return;
+      }
+      if (value === null || value === void 0) {
+        localStorage.removeItem(__themeStorageKey);
+      } else {
+        localStorage.setItem(__themeStorageKey, value);
+      }
+      __applyResolvedTheme(value);
+      __setupSystemListenerIfNeeded(value);
+      PDS.dispatchEvent(
+        new CustomEvent("pds:theme:changed", {
+          detail: { theme: value, source: "api" }
+        })
+      );
+    } catch (e) {
+    }
+  }
+});
+PDS.defaultEnhancers = [];
+async function start(config) {
+  const mode = config && config.mode || "live";
+  const { mode: _omit, ...rest } = config || {};
+  if (mode === "static")
+    return staticInit(rest);
+  const assetRootURL = resolveRuntimeAssetRoot(rest, { resolvePublicAssetURL });
+  const managerUrl = rest?.managerURL || rest?.public?.managerURL || rest?.manager?.url || new URL("core/pds-manager.js", assetRootURL).href || new URL("./pds-manager.js", import.meta.url).href;
+  const { startLive } = await import(managerUrl);
+  return startLive(PDS, rest, {
+    emitReady: __emitPDSReady,
+    emitConfigChanged: __emitPDSConfigChanged,
+    applyResolvedTheme: __applyResolvedTheme,
+    setupSystemListenerIfNeeded: __setupSystemListenerIfNeeded
+  });
+}
+PDS.start = start;
+async function staticInit(config) {
+  if (!config || typeof config !== "object") {
+    throw new Error(
+      "PDS.start({ mode: 'static', ... }) requires a valid configuration object"
+    );
+  }
+  const applyGlobalStyles = config.applyGlobalStyles ?? true;
+  const manageTheme = config.manageTheme ?? true;
+  const themeStorageKey = config.themeStorageKey ?? "pure-ds-theme";
+  let staticPaths = config.staticPaths ?? {};
+  const assetRootURL = resolveRuntimeAssetRoot(config, { resolvePublicAssetURL });
+  const cfgAuto = config && config.autoDefine || null;
+  let autoDefineBaseURL;
+  if (cfgAuto && cfgAuto.baseURL) {
+    autoDefineBaseURL = ensureTrailingSlash2(
+      ensureAbsoluteAssetURL(cfgAuto.baseURL, { preferModule: false })
+    );
+  } else {
+    autoDefineBaseURL = `${assetRootURL}components/`;
+  }
+  const autoDefinePreload = cfgAuto && Array.isArray(cfgAuto.predefine) && cfgAuto.predefine || [];
+  const autoDefineMapper = cfgAuto && typeof cfgAuto.mapper === "function" && cfgAuto.mapper || null;
+  try {
+    attachFoucListener(PDS);
+    const { resolvedTheme } = resolveThemeAndApply({
+      manageTheme,
+      themeStorageKey,
+      applyResolvedTheme: __applyResolvedTheme,
+      setupSystemListenerIfNeeded: __setupSystemListenerIfNeeded
+    });
+    const runtimeConfig = await __loadRuntimeConfig(assetRootURL, config);
+    const userEnhancers = Array.isArray(config?.enhancers) ? config.enhancers : config?.enhancers && typeof config.enhancers === "object" ? Object.values(config.enhancers) : [];
+    const resolvedConfig = runtimeConfig?.config ? {
+      ...runtimeConfig.config,
+      ...config,
+      design: config?.design || runtimeConfig.config.design,
+      preset: config?.preset || runtimeConfig.config.preset
+    } : { ...config };
+    const baseStaticPaths = {
+      tokens: `${assetRootURL}styles/pds-tokens.css.js`,
+      primitives: `${assetRootURL}styles/pds-primitives.css.js`,
+      components: `${assetRootURL}styles/pds-components.css.js`,
+      utilities: `${assetRootURL}styles/pds-utilities.css.js`,
+      styles: `${assetRootURL}styles/pds-styles.css.js`
+    };
+    const runtimePaths = runtimeConfig?.paths || {};
+    staticPaths = { ...baseStaticPaths, ...runtimePaths, ...staticPaths };
+    PDS.registry.setStaticMode(staticPaths);
+    if (applyGlobalStyles && typeof document !== "undefined") {
+      try {
+        const stylesSheet = await PDS.registry.getStylesheet("styles");
+        if (stylesSheet) {
+          stylesSheet._pds = true;
+          const others = (document.adoptedStyleSheets || []).filter(
+            (s) => s._pds !== true
+          );
+          document.adoptedStyleSheets = [...others, stylesSheet];
+          __emitPDSConfigChanged({
+            mode: "static",
+            source: "static:styles-applied"
+          });
+        }
+      } catch (e) {
+        __defaultLog.call(PDS, "warn", "Failed to apply static styles:", e);
+      }
+    }
+    let autoDefiner = null;
+    let mergedEnhancers = [];
+    try {
+      const defaultPDSEnhancers = await __loadDefaultEnhancers();
+      const res = await setupAutoDefinerAndEnhancers({
+        autoDefineBaseURL,
+        autoDefinePreload,
+        autoDefineMapper,
+        enhancers: userEnhancers,
+        autoDefineOverrides: cfgAuto || null,
+        autoDefinePreferModule: !(cfgAuto && cfgAuto.baseURL)
+      }, { baseEnhancers: defaultPDSEnhancers });
+      autoDefiner = res.autoDefiner;
+      mergedEnhancers = res.mergedEnhancers || [];
+    } catch (error) {
+      __defaultLog.call(
+        PDS,
+        "error",
+        "\u274C Failed to initialize AutoDefiner/Enhancers (static):",
+        error
+      );
+    }
+    const cloneableConfig = __stripFunctionsForClone(config);
+    PDS.currentConfig = Object.freeze({
+      mode: "static",
+      ...structuredClone(cloneableConfig),
+      design: structuredClone(resolvedConfig.design || {}),
+      preset: resolvedConfig.preset,
+      theme: resolvedTheme,
+      enhancers: mergedEnhancers
+    });
+    __emitPDSReady({
+      mode: "static",
+      config: resolvedConfig,
+      theme: resolvedTheme,
+      autoDefiner
+    });
+    return {
+      config: resolvedConfig,
+      theme: resolvedTheme,
+      autoDefiner
+    };
+  } catch (error) {
+    PDS.dispatchEvent(new CustomEvent("pds:error", { detail: { error } }));
+    throw error;
+  }
+}
+var applyResolvedTheme = __applyResolvedTheme;
+var setupSystemListenerIfNeeded = __setupSystemListenerIfNeeded;
+export {
+  PDS,
+  applyResolvedTheme,
+  setupSystemListenerIfNeeded
+};
+//# sourceMappingURL=pds.js.map