@pure-ds/core 0.6.11 → 0.7.2

package/public/assets/pds/core/pds-toast.js

@@ -0,0 +1 @@
+async function r(){let t=document.querySelector("pds-toaster");return t||(t=document.createElement("pds-toaster"),document.body.appendChild(t),await customElements.whenDefined("pds-toaster")),t}async function n(t,e={}){return(await r()).toast(t,e)}n.success=async function(t,e={}){return n(t,{...e,type:"success"})};n.error=async function(t,e={}){return n(t,{...e,type:"error"})};n.warning=async function(t,e={}){return n(t,{...e,type:"warning"})};n.info=async function(t,e={}){return n(t,{...e,type:"information"})};export{n as toast};

package/public/assets/pds/core.js

@@ -0,0 +1,2 @@
+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};

package/public/assets/pds/custom-elements.json

@@ -1334,6 +1334,34 @@
               "kind": "method",
               "name": "_teardown"
             },
+            {
+              "kind": "method",
+              "name": "_enableInteractiveEditing"
+            },
+            {
+              "kind": "method",
+              "name": "_disableInteractiveEditing",
+              "parameters": [
+                {
+                  "name": "options",
+                  "default": "{}"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setInteractiveEditingEnabled",
+              "parameters": [
+                {
+                  "name": "enabled",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isInteractiveEditingEnabled"
+            },
             {
               "kind": "method",
               "name": "_handleThemeChanged"
@@ -1529,6 +1557,14 @@
               "kind": "method",
               "name": "_buildQuickModeDropdown"
             },
+            {
+              "kind": "method",
+              "name": "_buildQuickModeContent"
+            },
+            {
+              "kind": "method",
+              "name": "createSharedQuickModeMenuItem"
+            },
             {
               "kind": "method",
               "name": "_openDrawer",
@@ -1563,6 +1599,14 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "openDesignSettings"
+            },
+            {
+              "kind": "method",
+              "name": "resetConfig"
+            },
             {
               "kind": "method",
               "name": "openImportDetailsFromToast",
@@ -1741,6 +1785,22 @@
                 "text": "null"
               },
               "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_interactiveEditingEnabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "_interactionListenersAttached",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -1897,7 +1957,7 @@
               "name": "_persistImportHistory",
               "parameters": [
                 {
-                  "name": "{ sourceType, result }"
+                  "name": "{ sourceType, importMode, result }"
                 }
               ]
             },
@@ -1928,6 +1988,9 @@
                 },
                 {
                   "name": "fileName"
+                },
+                {
+                  "name": "importMode"
                 }
               ]
             },
@@ -1990,6 +2053,14 @@
               },
               "default": "\"\""
             },
+            {
+              "kind": "field",
+              "name": "_selectedImportMode",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"convert-only\""
+            },
             {
               "kind": "field",
               "name": "_isImporting",
@@ -2632,32 +2703,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Horizontal scrolling row with optional heading and snap alignment controls.",
+          "description": "",
           "name": "PdsScrollrow",
-          "cssParts": [
-            {
-              "description": "The scrollable container element",
-              "name": "viewport"
-            },
-            {
-              "description": "The previous/left scroll navigation button",
-              "name": "prev"
-            },
-            {
-              "description": "The next/right scroll navigation button",
-              "name": "next"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Scrollable tile content",
-              "name": "default"
-            },
-            {
-              "description": "Optional heading content rendered in the component header",
-              "name": "heading"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -2747,32 +2794,16 @@
           ],
           "attributes": [
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Accessible label for the scroll region; also used as fallback heading copy"
+              "name": "label"
             },
             {
-              "name": "snap",
-              "type": {
-                "text": "\"start\"|\"center\""
-              },
-              "description": "Snap alignment for tiles when scrolling (default: start)"
+              "name": "snap"
             },
             {
-              "name": "tile-min",
-              "type": {
-                "text": "string"
-              },
-              "description": "Minimum tile width (CSS length, e.g. \"250px\")"
+              "name": "tile-min"
             },
             {
-              "name": "tile-max",
-              "type": {
-                "text": "string"
-              },
-              "description": "Maximum tile width (CSS length, e.g. \"360px\")"
+              "name": "tile-max"
             }
           ],
           "superclass": {

package/public/assets/pds/pds-css-complete.json

@@ -1129,7 +1129,7 @@
       "name": "--border-width-hairline",
       "description": "Border width hairline",
       "syntax": "<length>",
-      "value": "0.5px",
+      "value": "1px",
       "category": "Border Tokens"
     },
     {
@@ -2292,7 +2292,7 @@
   ],
   "metadata": {
     "generator": "PDS CSS Data Generator",
-    "generatedAt": "2026-02-21T10:01:05.385Z",
+    "generatedAt": "2026-02-23T17:59:14.105Z",
     "totalProperties": 169,
     "totalClasses": 169,
     "totalAttributes": 5

package/public/assets/pds/pds.css-data.json

@@ -1394,7 +1394,7 @@
       "references": [
         {
           "name": "Value",
-          "url": "data:text/plain,0.5px"
+          "url": "data:text/plain,1px"
         }
       ]
     },

package/public/assets/pds/vscode-custom-data.json

@@ -783,31 +783,23 @@
     },
     {
       "name": "pds-scrollrow",
-      "description": "Horizontal scrolling row with optional heading and snap alignment controls.",
+      "description": "PdsScrollrow component",
       "attributes": [
         {
           "name": "label",
-          "description": "Accessible label for the scroll region; also used as fallback heading copy"
+          "description": ""
         },
         {
           "name": "snap",
-          "description": "Snap alignment for tiles when scrolling (default: start)",
-          "values": [
-            {
-              "name": "start"
-            },
-            {
-              "name": "center"
-            }
-          ]
+          "description": ""
         },
         {
           "name": "tile-min",
-          "description": "Minimum tile width (CSS length, e.g. \"250px\")"
+          "description": ""
         },
         {
           "name": "tile-max",
-          "description": "Maximum tile width (CSS length, e.g. \"360px\")"
+          "description": ""
         }
       ]
     },

package/readme.md

@@ -571,6 +571,7 @@ PDS.dispatchEvent(new CustomEvent('pds:toast', {
 <script type="importmap">
   {
     "imports": {
+      "#pds": "/assets/pds/core.js",
       "#showdown": "https://cdn.jsdelivr.net/npm/showdown@2.1.0/+esm"
     }
   }
@@ -1405,6 +1406,7 @@ await PDS.start({ design: myPreset });
   <script type="importmap">
   {
     "imports": {
+      "#pds": "https://cdn.jsdelivr.net/npm/@pure-ds/core@latest/public/assets/pds/core.js",
       "#pds/lit": "https://cdn.jsdelivr.net/npm/@pure-ds/core@latest/public/assets/pds/external/lit.js"
     }
   }
@@ -1414,7 +1416,7 @@ await PDS.start({ design: myPreset });
   <button class="btn-primary">Click me</button>
   
   <script type="module">
-    import { PDS } from 'https://cdn.jsdelivr.net/npm/@pure-ds/core@latest/public/assets/js/pds.js';
+    import { PDS } from '#pds';
     
     await PDS.start({
       mode: 'static',
@@ -1819,6 +1821,7 @@ export default {
 <script type="importmap">
 {
   "imports": {
+    "#pds": "/assets/pds/core.js",
     "#pds/lit": "/assets/pds/external/lit.js"
   }
 }

package/src/js/pds-core/pds-live.js

@@ -1089,6 +1089,9 @@ export async function startLive(PDS, config, { emitReady, emitConfigChanged, app
         autoDefineMapper:
           (cfgAuto && typeof cfgAuto.mapper === "function" && cfgAuto.mapper) ||
           null,
+        autoDefinerModuleURL:
+          (cfgAuto && cfgAuto.moduleURL) ||
+          `${assetRootURL}core/pds-auto-definer.js`,
         enhancers: userEnhancers,
         autoDefineOverrides: cfgAuto || null,
         autoDefinePreferModule: !(cfgAuto && cfgAuto.baseURL),

package/src/js/pds-core/pds-start-helpers.js

@@ -332,6 +332,7 @@ export async function setupAutoDefinerAndEnhancers(options, { baseEnhancers = []
     autoDefineBaseURL = "/auto-define/",
     autoDefinePreload = [],
     autoDefineMapper = null,
+    autoDefinerModuleURL = null,
     enhancers = [],
     autoDefineOverrides = null,
     autoDefinePreferModule = true,
@@ -351,7 +352,10 @@ export async function setupAutoDefinerAndEnhancers(options, { baseEnhancers = []
     // Dynamically import AutoDefiner to avoid Node/CJS interop at build time
     let AutoDefinerCtor = null;
     try {
-      const mod = await import("pure-web/auto-definer");
+      if (!autoDefinerModuleURL || typeof autoDefinerModuleURL !== "string") {
+        throw new Error("AutoDefiner module URL is not configured");
+      }
+      const mod = await import(autoDefinerModuleURL);
       AutoDefinerCtor =
         mod?.AutoDefiner || mod?.default?.AutoDefiner || mod?.default || null;
     } catch (e) {

package/src/js/pds-live-manager/conversion-service.js

@@ -1,7 +1,6 @@
 import { createImportResult } from "./import-contract.js";
 import tailwindRulebookJson from "./tailwind-conversion-rules.json" with { type: "json" };
-
-const PDS = globalThis.PDS;
+import { PDS } from "../pds.js";
 
 const RULEBOOK_JSON_PATH = "src/js/pds-live-manager/tailwind-conversion-rules.json";
 const BREAKPOINT_ORDER = ["base", "sm", "md", "lg", "xl", "2xl"];

package/src/js/pds.js

@@ -1,7 +1,5 @@
 /// <reference path="./pds.d.ts" />
 
-import { AutoComplete } from "pure-web/ac";
-
 /**
  * Public PDS runtime object exported to consumers.
  *
@@ -53,10 +51,7 @@ import {
 } from "./pds-core/pds-runtime.js";
 import { registry } from "./pds-core/pds-registry.js";
 import { enums } from "./pds-core/pds-enums.js";
-import { ask } from "./common/ask.js";
-import { toast } from "./common/toast.js";
 import * as common from "./common/common.js";
-import { defaultPDSEnhancers } from "./pds-core/pds-enhancers.js";
 import { resolvePublicAssetURL } from "./pds-core/pds-paths.js";
 import {
   ensureAbsoluteAssetURL,
@@ -71,6 +66,125 @@ import {
   resolveThemePreference,
 } from "./pds-core/pds-theme-utils.js";
 
+let __autoCompletePromise = null;
+let __askPromise = null;
+let __toastPromise = null;
+let __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);
+};
+
 const __defaultLog = function (level = "log", message, ...data) {
   const isStaticMode = Boolean(PDS.registry && !PDS.registry.isLive);
   const debug =
@@ -145,10 +259,41 @@ PDS.createStylesheet = createStylesheet;
 
 /** Return true when running inside a live/designer-backed environment */
 PDS.isLiveMode = () => registry.isLive;
-PDS.ask = ask;
-PDS.toast = toast;
+PDS.ask = __lazyAsk;
+PDS.toast = __lazyToast;
 PDS.common = common;
-PDS.AutoComplete = AutoComplete;
+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";
@@ -210,11 +355,6 @@ function __emitPDSConfigChanged(detail = {}) {
   }
 }
 
-if (typeof window !== "undefined") {
-  // @ts-ignore
-  window.PDS = PDS;
-}
-
 // ---------------------------------------------------------------------------
 // Theme management (centralized on PDS.theme)
 // Consumers may read/write `PDS.theme` with values: 'system' | 'light' | 'dark'
@@ -354,7 +494,7 @@ Object.defineProperty(PDS, "theme", {
  * enhancements that can be applied to vanilla markup. Consumers can override
  * or add to these via the `enhancers` option of PDS.start({ mode }).
  */
-PDS.defaultEnhancers = defaultPDSEnhancers;
+PDS.defaultEnhancers = [];
 
 /**
  * Initialize PDS in live mode with the given configuration (new unified shape).
@@ -535,10 +675,15 @@ async function staticInit(config) {
     let autoDefiner = null;
     let mergedEnhancers = [];
     try {
+      const defaultPDSEnhancers = await __loadDefaultEnhancers();
       const res = await setupAutoDefinerAndEnhancers({
         autoDefineBaseURL,
         autoDefinePreload,
         autoDefineMapper,
+        autoDefinerModuleURL: __resolveExternalRuntimeModuleURL(
+          "pds-auto-definer.js",
+          cfgAuto?.moduleURL || PDS.currentConfig?.autoDefinerURL
+        ),
         enhancers: userEnhancers,
         autoDefineOverrides: cfgAuto || null,
         autoDefinePreferModule: !(cfgAuto && cfgAuto.baseURL),