@pure-ds/core 0.5.31 → 0.5.32

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

@@ -312,6 +312,7 @@ export async function startLive(PDS, config, { emitReady, applyResolvedTheme, se
     // 5) Set up AutoDefiner + run enhancers (defaults merged with user)
     let autoDefiner = null;
     let mergedEnhancers = [];
+    
     try {
       const res = await setupAutoDefinerAndEnhancers({
         autoDefineBaseURL: derivedAutoDefineBaseURL,
@@ -327,6 +328,7 @@ export async function startLive(PDS, config, { emitReady, applyResolvedTheme, se
       }, { baseEnhancers: defaultPDSEnhancers });
       autoDefiner = res.autoDefiner;
       mergedEnhancers = res.mergedEnhancers || [];
+      
     } catch (error) {
       generatorConfig?.log?.("error", "❌ Failed to initialize AutoDefiner/Enhancers:", error);
     }

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

@@ -73,11 +73,19 @@ export const ontology = {
       category: "theming"
     },
     { 
-      id: "alert", 
-      name: "Alert", 
-      description: "Contextual feedback messages",
-      selectors: [".alert", ".alert-info", ".alert-success", ".alert-warning", ".alert-danger", ".alert-error", ".alert-dismissible", ".semantic-message"],
-      tags: ["feedback", "message", "notification", "status"],
+      id: "callout", 
+      name: "Callout", 
+      description: "Contextual information and notification messages",
+      selectors: [".callout", ".callout-info", ".callout-success", ".callout-warning", ".callout-danger", ".callout-error", ".callout-dismissible"],
+      tags: ["feedback", "message", "notification", "status", "information"],
+      category: "feedback"
+    },
+    {
+      id: "empty-state",
+      name: "Empty State",
+      description: "Empty state layout for missing data or onboarding",
+      selectors: [".empty-state"],
+      tags: ["empty", "no-data", "zero", "placeholder", "onboarding", "state"],
       category: "feedback"
     },
     { 
@@ -198,6 +206,14 @@ export const ontology = {
       tags: ["panel", "overlay", "sidebar"],
       category: "overlay"
     },
+    { 
+      id: "pds-fab", 
+      name: "FAB", 
+      description: "Floating Action Button with expandable satellite actions",
+      selectors: ["pds-fab"],
+      tags: ["button", "action", "floating", "interactive"],
+      category: "action"
+    },
     { 
       id: "pds-upload", 
       name: "Upload", 
@@ -475,7 +491,7 @@ export const ontology = {
   categories: {
     feedback: {
       description: "User feedback and status indicators",
-      primitives: ["alert", "badge"],
+      primitives: ["callout", "badge", "empty-state"],
       components: ["pds-toaster"]
     },
     form: {
@@ -510,6 +526,11 @@ export const ontology = {
     theming: {
       description: "Colors, surfaces, and visual theming",
       primitives: ["surface"]
+    },
+    action: {
+      description: "Interactive actions and buttons",
+      primitives: ["button"],
+      components: ["pds-fab"]
     }
   },
 
@@ -539,13 +560,18 @@ export const ontology = {
     overflow: ["truncate", "scroll", "hidden", "text"],
     paragraph: ["text", "typography", "content", "body"],
     content: ["text", "typography", "body", "article"],
+    empty: ["empty-state", "placeholder", "zero", "no-data", "onboarding", "callout", "card", "icon", "button"],
+    "empty state": ["empty-state", "empty", "no-data", "zero", "onboarding"],
+    "no data": ["empty-state", "empty", "zero", "placeholder"],
     
     // Forms & Inputs
     form: ["input", "field", "label", "button", "fieldset", "pds-form", "pds-upload", "pds-richtext", "pds-calendar", "required", "validation", "submit"],
     input: ["form", "field", "text", "label", "required", "validation"],
     field: ["form", "input", "label", "required"],
-    button: ["btn", "interactive", "action", "submit", "form", "btn-primary", "btn-secondary", "btn-working"],
-    btn: ["button", "interactive", "action"],
+    button: ["btn", "interactive", "action", "submit", "form", "btn-primary", "btn-secondary", "btn-working", "pds-fab", "floating"],
+    btn: ["button", "interactive", "action", "pds-fab"],
+    fab: ["pds-fab", "floating", "button", "action", "menu"],
+    floating: ["fab", "pds-fab", "button", "action"],
     toggle: ["switch", "checkbox", "boolean", "form", "interactive"],
     switch: ["toggle", "checkbox", "boolean"],
     slider: ["range", "input", "form"],
@@ -577,18 +603,19 @@ export const ontology = {
     tab: ["tabs", "pds-tabstrip", "panel"],
     link: ["navigation", "anchor", "href", "routing"],
     
-    // Feedback & Notifications (alert also relates to modal/dialog for "user prompts")
-    alert: ["notification", "feedback", "message", "status", "toast", "modal", "dialog", "pds-ask", "confirm", "warning", "error", "info", "success", "danger"],
-    notification: ["alert", "toast", "pds-toaster", "feedback", "message", "popup"],
-    toast: ["pds-toaster", "notification", "alert", "feedback", "popup", "snackbar"],
-    feedback: ["alert", "notification", "toast", "status", "badge", "validation", "error", "success"],
-    message: ["alert", "notification", "feedback", "dialog", "toast"],
-    status: ["badge", "alert", "indicator", "feedback", "state"],
-    error: ["alert", "danger", "validation", "feedback", "warning"],
-    success: ["alert", "feedback", "badge", "status", "check"],
-    warning: ["alert", "caution", "feedback", "status"],
-    info: ["alert", "information", "feedback", "status"],
-    danger: ["alert", "error", "feedback", "destructive", "delete"],
+    // Feedback & Notifications (callout is the primary term, alert is kept as alias for backwards compatibility)
+    callout: ["notification", "feedback", "message", "status", "toast", "information", "alert", "warning", "error", "info", "success", "danger"],
+    alert: ["callout", "notification", "feedback", "message", "status", "toast", "modal", "dialog", "pds-ask", "confirm", "warning", "error", "info", "success", "danger"],
+    notification: ["callout", "toast", "pds-toaster", "feedback", "message", "popup", "alert"],
+    toast: ["pds-toaster", "notification", "callout", "feedback", "popup", "snackbar", "alert"],
+    feedback: ["callout", "notification", "toast", "status", "badge", "validation", "error", "success", "alert"],
+    message: ["callout", "notification", "feedback", "dialog", "toast", "alert"],
+    status: ["badge", "callout", "indicator", "feedback", "state", "alert"],
+    error: ["callout", "danger", "validation", "feedback", "warning", "alert"],
+    success: ["callout", "feedback", "badge", "status", "check", "alert"],
+    warning: ["callout", "caution", "feedback", "status", "alert"],
+    info: ["callout", "information", "feedback", "status", "alert"],
+    danger: ["callout", "error", "feedback", "destructive", "delete", "alert"],
     badge: ["status", "pill", "tag", "chip", "indicator", "label"],
     pill: ["badge", "tag", "chip"],
     tag: ["badge", "pill", "chip", "label"],

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

@@ -43,7 +43,7 @@ export class PDSQuery {
       modal: ['modal', 'dialog', 'popup', 'overlay'],
       drawer: ['drawer', 'sidebar', 'panel'],
       tab: ['tab', 'tabstrip'],
-      toast: ['toast', 'notification', 'alert', 'message'],
+      toast: ['toast', 'notification', 'callout', 'message', 'alert'],
     };
 
     // Question patterns

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

@@ -355,12 +355,8 @@ export async function setupAutoDefinerAndEnhancers(options, { baseEnhancers = []
 
           if (isLitComponent && isMissingLitError) {
             console.error(
-              `❌ PDS component <${tag}> requires Lit but #pds/lit is not in import map.\n` +
-              `Add this to your HTML <head>:\n` +
-              `<script type="importmap">\n` +
-              `  { "imports": { "#pds/lit": "./path/to/lit.js" } }\n` +
-              `</script>\n` +
-              `See: https://github.com/pure-ds/core#lit-components`
+              `❌ 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(

package/src/js/pds.js

@@ -50,8 +50,10 @@ import {
   createStylesheet,
 } 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 {
@@ -108,6 +110,9 @@ async function __loadRuntimeConfig(assetRootURL, config = {}) {
 /** Singleton runtime registry. Use `registry.setLiveMode()` to enable live mode or `registry.setStaticMode()` for static assets */
 PDS.registry = registry;
 
+/** Expose enums in static and live modes */
+PDS.enums = enums;
+
 /** Adopt a set of layered stylesheets into a ShadowRoot */
 PDS.adoptLayers = adoptLayers;
 
@@ -121,6 +126,7 @@ PDS.createStylesheet = createStylesheet;
 PDS.isLiveMode = () => registry.isLive;
 PDS.ask = ask;
 PDS.toast = toast;
+PDS.common = common;
 
 function __emitPDSReady(detail) {
   const hasCustomEvent = typeof CustomEvent === "function";
@@ -324,6 +330,7 @@ PDS.defaultEnhancers = defaultPDSEnhancers;
 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 =
@@ -451,6 +458,7 @@ async function staticInit(config) {
       defaultLog: __defaultLog,
     });
     const userEnhancers = normalized.enhancers;
+    
 
     // 2) Derive static asset URLs from the normalized public root
     const baseStaticPaths = {