@syntrologie/adapt-faq 2.8.0-canary.21 → 2.8.0-canary.211

package/dist/faq-styles.d.ts

@@ -0,0 +1,198 @@
+/**
+ * Adaptive FAQ - Styles
+ *
+ * BaseStyles object (font, layout, colors, animations) and theme integration
+ * for the FAQWidget component.
+ */
+export declare const baseStyles: {
+    readonly container: {
+        readonly fontFamily: "var(--sc-font-family, system-ui, -apple-system, sans-serif)";
+        readonly maxWidth: "800px";
+        readonly margin: "0 auto";
+    };
+    readonly searchWrapper: {
+        readonly marginBottom: "8px";
+    };
+    readonly searchInput: {
+        readonly width: "100%";
+        readonly padding: "12px 16px";
+        readonly borderRadius: "8px";
+        readonly fontSize: "14px";
+        readonly outline: "none";
+        readonly transition: "border-color 0.15s ease";
+        readonly backgroundColor: "var(--sc-content-search-background)";
+        readonly color: "var(--sc-content-search-color)";
+    };
+    readonly accordion: {
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly gap: "var(--sc-content-item-gap, 6px)";
+    };
+    readonly item: {
+        readonly borderRadius: "var(--sc-content-border-radius, 8px)";
+        readonly overflow: "hidden";
+        readonly transition: "box-shadow 0.15s ease";
+    };
+    readonly question: {
+        readonly width: "100%";
+        readonly padding: "var(--sc-content-item-padding, 12px 16px)";
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly border: "none";
+        readonly cursor: "pointer";
+        readonly fontSize: "var(--sc-content-item-font-size, 15px)";
+        readonly fontWeight: 500;
+        readonly textAlign: "left";
+        readonly transition: "background-color 0.15s ease";
+    };
+    readonly chevron: {
+        readonly fontSize: "20px";
+        readonly transition: "transform 0.2s ease";
+        readonly color: "var(--sc-content-chevron-color, currentColor)";
+    };
+    readonly answer: {
+        readonly padding: "var(--sc-content-body-padding, 0 16px 12px 16px)";
+        readonly fontSize: "var(--sc-content-body-font-size, 14px)";
+        readonly lineHeight: 1.6;
+        readonly overflow: "hidden";
+        readonly transition: "max-height 0.2s ease, padding 0.2s ease";
+    };
+    readonly category: {
+        readonly display: "inline-block";
+        readonly fontSize: "11px";
+        readonly fontWeight: 600;
+        readonly textTransform: "uppercase";
+        readonly letterSpacing: "0.05em";
+        readonly padding: "4px 8px";
+        readonly borderRadius: "4px";
+        readonly marginBottom: "8px";
+    };
+    readonly categoryHeader: {
+        readonly fontSize: "var(--sc-content-category-font-size, 12px)";
+        readonly fontWeight: 700;
+        readonly textTransform: "uppercase";
+        readonly letterSpacing: "0.05em";
+        readonly padding: "var(--sc-content-category-padding, 8px 4px 4px 4px)";
+        readonly marginTop: "var(--sc-content-category-gap, 4px)";
+    };
+    readonly feedback: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: "8px";
+        readonly marginTop: "12px";
+        readonly paddingTop: "10px";
+        readonly borderTop: "1px solid rgba(0, 0, 0, 0.08)";
+        readonly fontSize: "13px";
+    };
+    readonly feedbackButton: {
+        readonly background: "none";
+        readonly border: "1px solid transparent";
+        readonly cursor: "pointer";
+        readonly fontSize: "16px";
+        readonly padding: "4px 8px";
+        readonly borderRadius: "4px";
+        readonly transition: "background-color 0.15s ease, border-color 0.15s ease";
+    };
+    readonly feedbackButtonSelected: {
+        readonly borderColor: "rgba(0, 0, 0, 0.2)";
+        readonly backgroundColor: "rgba(0, 0, 0, 0.04)";
+    };
+    readonly emptyState: {
+        readonly textAlign: "center";
+        readonly padding: "48px 24px";
+        readonly fontSize: "14px";
+    };
+    readonly noResults: {
+        readonly textAlign: "center";
+        readonly padding: "32px 16px";
+        readonly fontSize: "14px";
+    };
+};
+export declare const themeStyles: {
+    light: {
+        container: {
+            backgroundColor: string;
+            color: string;
+        };
+        searchInput: {
+            border: string;
+        };
+        item: {
+            backgroundColor: string;
+            borderTop: string;
+            borderRight: string;
+            borderBottom: string;
+            borderLeft: string;
+        };
+        itemExpanded: {
+            boxShadow: string;
+        };
+        question: {
+            backgroundColor: string;
+            color: string;
+        };
+        questionHover: {
+            backgroundColor: string;
+        };
+        answer: {
+            color: string;
+        };
+        category: {
+            backgroundColor: "#e1def5";
+            color: "#40357c";
+        };
+        categoryHeader: {
+            color: "#677384";
+        };
+        emptyState: {
+            color: "#87919f";
+        };
+        feedbackPrompt: {
+            color: "#677384";
+        };
+    };
+    dark: {
+        container: {
+            backgroundColor: string;
+            color: string;
+        };
+        searchInput: {
+            border: string;
+        };
+        item: {
+            backgroundColor: string;
+            borderTop: string;
+            borderRight: string;
+            borderBottom: string;
+            borderLeft: string;
+        };
+        itemExpanded: {
+            boxShadow: string;
+        };
+        question: {
+            backgroundColor: string;
+            color: string;
+        };
+        questionHover: {
+            backgroundColor: string;
+        };
+        answer: {
+            color: string;
+        };
+        category: {
+            backgroundColor: "#151229";
+            color: "#a69be2";
+        };
+        categoryHeader: {
+            color: "#87919f";
+        };
+        emptyState: {
+            color: "#677384";
+        };
+        feedbackPrompt: {
+            color: "#87919f";
+        };
+    };
+};
+//# sourceMappingURL=faq-styles.d.ts.map

package/dist/faq-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"faq-styles.d.ts","sourceRoot":"","sources":["../src/faq-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGb,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFvB,CAAC"}

package/dist/{FAQWidget.d.ts → faq-types.d.ts}

@@ -1,11 +1,8 @@
 /**
- * Adaptive FAQ - FAQWidget Component
+ * Adaptive FAQ - Widget Runtime & Props Types
  *
- * React component that renders a collapsible Q&A accordion with per-item
- * conditional visibility based on triggerWhen decision strategies.
- *
- * Demonstrates the compositional action pattern where child actions
- * (faq:question) serve as configuration data for the parent widget.
+ * Runtime interface, component props, and helper type definitions
+ * used by the FAQWidget component.
  */
 import type { DecisionStrategy, FAQConfig } from './types';
 export interface FAQWidgetRuntime {
@@ -49,30 +46,14 @@ export interface FAQWidgetRuntime {
         subscribe: (callback: () => void) => () => void;
         register: (key: string, predicate: (event: any) => boolean) => void;
     };
+    /** Session metrics for reactive triggerWhen re-evaluation */
+    sessionMetrics?: {
+        subscribe: (callback: () => void) => () => void;
+    };
 }
-interface FAQWidgetProps {
+export interface FAQWidgetProps {
     config: FAQConfig;
     runtime: FAQWidgetRuntime;
     instanceId: string;
 }
-/**
- * FAQWidget - Renders a collapsible Q&A accordion with per-item activation.
- *
- * This component demonstrates the compositional action pattern:
- * - Parent (FAQWidget) receives `config.actions` array
- * - Each action has optional `triggerWhen` for per-item visibility
- * - Parent evaluates triggerWhen and filters visible questions
- * - Parent manages expand state and re-rendering on context changes
- */
-export declare function FAQWidget({ config, runtime, instanceId }: FAQWidgetProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Mountable widget interface for the runtime's WidgetRegistry.
- */
-export declare const FAQMountableWidget: {
-    mount(container: HTMLElement, config?: FAQConfig & {
-        runtime?: FAQWidgetRuntime;
-        instanceId?: string;
-    }): () => void;
-};
-export default FAQWidget;
-//# sourceMappingURL=FAQWidget.d.ts.map
+//# sourceMappingURL=faq-types.d.ts.map

package/dist/faq-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"faq-types.d.ts","sourceRoot":"","sources":["../src/faq-types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAM3D,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IACtF,OAAO,EAAE;QAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;KAAE,CAAC;IAC7D,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,CAAC,EAAE,CACV,gBAAgB,EACZ;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,GAC7D,CAAC,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAC,EACpF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,KAC3F,MAAM,IAAI,CAAC;QAChB,SAAS,CAAC,EAAE,CACV,MAAM,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,EAClD,KAAK,CAAC,EAAE,MAAM,KACX,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC3E,CAAC;IACF,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,CAAC;IACtF,+DAA+D;IAC/D,WAAW,CAAC,EAAE;QACZ,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;QAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,KAAK,IAAI,CAAC;KACrE,CAAC;IACF,6DAA6D;IAC7D,cAAc,CAAC,EAAE;QACf,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;KACjD,CAAC;CACH;AAMD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/runtime.d.ts

@@ -2,14 +2,27 @@
  * Adaptive FAQ - Runtime Module
  *
  * Runtime manifest for the FAQ accordion adaptive.
+ * Mounts the Lit web component <syntro-faq-accordion>.
  * Provides action executors and widget registration.
  */
+import './FAQWidgetLit';
+import type { FAQWidgetRuntime } from './faq-types';
+import type { FAQConfig } from './types';
+/**
+ * Mountable widget interface for <syntro-faq-accordion> (Lit web component).
+ */
+export declare const FAQWidgetLitMountable: {
+    mount(container: HTMLElement, config?: FAQConfig & {
+        runtime?: FAQWidgetRuntime;
+        instanceId?: string;
+    }): () => void;
+};
 /**
  * Runtime manifest for adaptive-faq.
  *
  * Provides:
  * - FAQ action executors (scroll_to, toggle_item, update)
- * - Widget-based accordion (compositional faq:question actions)
+ * - Widget-based accordion using the Lit web component
  */
 export declare const runtime: {
     id: string;
@@ -35,8 +48,8 @@ export declare const runtime: {
     widgets: {
         id: string;
         component: {
-            mount(container: HTMLElement, config?: import("./types").FAQConfig & {
-                runtime?: import("./FAQWidget").FAQWidgetRuntime;
+            mount(container: HTMLElement, config?: FAQConfig & {
+                runtime?: FAQWidgetRuntime;
                 instanceId?: string;
             }): () => void;
         };

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAOlB;;OAEG;;;;;;;;;;;IAGH;;OAEG;;;;;uBAuC06sB,CAAC;0BAA8B,CAAC;;;;;;;;;;IAzB78sB;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;CAiB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,SAAS,CAAC;AAM5D;;GAEG;AACH,eAAO,MAAM,qBAAqB;qBAEnB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CA4B3E,CAAC;AAMF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;IAOlB;;OAEG;;;;;;;;;;;IAGH;;OAEG;;;;6BAxDU,WAAW,WACb,SAAS,GAAG;gBAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;gBAAC,UAAU,CAAC,EAAE,MAAM,CAAA;aAAE;;;;;;;;;IAqE1E;;;;OAIG;0BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;CAiB9C,CAAC;AAEF,eAAe,OAAO,CAAC"}