@contractspec/lib.example-shared-ui 6.0.16 → 6.0.18

package/dist/browser/lib/component-registry.js

@@ -1,42 +1 @@
-// src/lib/component-registry.tsx
-import { useEffect, useState } from "react";
-"use client";
-
-class TemplateComponentRegistry {
-  components = new Map;
-  listeners = new Set;
-  register(templateId, registration) {
-    this.components.set(templateId, registration);
-    this.listeners.forEach((l) => l(templateId));
-  }
-  get(templateId) {
-    return this.components.get(templateId);
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-}
-var templateComponentRegistry = new TemplateComponentRegistry;
-function registerTemplateComponents(templateId, components) {
-  templateComponentRegistry.register(templateId, components);
-}
-function useTemplateComponents(templateId) {
-  const [components, setComponents] = useState(() => templateComponentRegistry.get(templateId));
-  useEffect(() => {
-    return templateComponentRegistry.subscribe((updatedId) => {
-      if (updatedId === templateId) {
-        setComponents(templateComponentRegistry.get(templateId));
-      }
-    });
-  }, [templateId]);
-  return components;
-}
-export {
-  useTemplateComponents,
-  templateComponentRegistry,
-  registerTemplateComponents,
-  TemplateComponentRegistry
-};
+import{useEffect as w,useState as x}from"react";class q{components=new Map;listeners=new Set;register(b,f){this.components.set(b,f),this.listeners.forEach((j)=>j(b))}get(b){return this.components.get(b)}subscribe(b){return this.listeners.add(b),()=>{this.listeners.delete(b)}}}var k=Symbol.for("@contractspec/lib.example-shared-ui/template-component-registry");function z(){let b=globalThis;return b[k]??=new q,b[k]}var h=z();function F(b,f){h.register(b,f)}function H(b){let[f,j]=x(()=>h.get(b));return w(()=>{return h.subscribe((v)=>{if(v===b)j(h.get(b))})},[b]),f}export{H as useTemplateComponents,h as templateComponentRegistry,F as registerTemplateComponents,q as TemplateComponentRegistry};

package/dist/browser/lib/runtime-context.js

@@ -1,15 +1 @@
-// src/lib/runtime-context.tsx
-import { createContext, useContext } from "react";
-"use client";
-var TemplateRuntimeContext = createContext(null);
-function useTemplateRuntime() {
-  const context = useContext(TemplateRuntimeContext);
-  if (!context) {
-    throw new Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");
-  }
-  return context;
-}
-export {
-  useTemplateRuntime,
-  TemplateRuntimeContext
-};
+import{createContext as f,useContext as h}from"react";var d=Symbol.for("@contractspec/lib.example-shared-ui/template-runtime-context");function j(){let b=globalThis;return b[d]??=f(null),b[d]}var k=j();function v(){let b=h(k);if(!b)throw Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");return b}export{v as useTemplateRuntime,k as TemplateRuntimeContext};

package/dist/browser/markdown/formatPresentationName.js

@@ -1,9 +1 @@
-// src/markdown/formatPresentationName.ts
-function formatPresentationName(name) {
-  const parts = name.split(".");
-  const lastPart = parts[parts.length - 1] ?? name;
-  return lastPart.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
-export {
-  formatPresentationName
-};
+function n(t){let s=t.split(".");return(s[s.length-1]??t).split("-").map((r)=>r.charAt(0).toUpperCase()+r.slice(1)).join(" ")}export{n as formatPresentationName};

package/dist/browser/markdown/useMarkdownPresentation.js

@@ -1,65 +1 @@
-// src/markdown/useMarkdownPresentation.ts
-import { useCallback, useEffect, useState } from "react";
-"use client";
-function useMarkdownPresentation({
-  engine,
-  fetchData,
-  presentationId,
-  presentations,
-  resolvePresentation,
-  templateId
-}) {
-  const [selectedPresentation, setSelectedPresentation] = useState("");
-  const [markdownContent, setMarkdownContent] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    if (presentationId && presentations.includes(presentationId)) {
-      setSelectedPresentation(presentationId);
-      return;
-    }
-    if (presentations.length === 0) {
-      setSelectedPresentation("");
-      return;
-    }
-    if (!presentations.includes(selectedPresentation)) {
-      setSelectedPresentation(presentations[0] ?? "");
-    }
-  }, [presentationId, presentations, selectedPresentation, templateId]);
-  const renderMarkdown = useCallback(async () => {
-    if (!selectedPresentation || !engine)
-      return;
-    setLoading(true);
-    setError(null);
-    try {
-      if (!resolvePresentation) {
-        throw new Error("resolvePresentation not available in runtime context");
-      }
-      const descriptor = resolvePresentation(selectedPresentation);
-      if (!descriptor) {
-        throw new Error(`Presentation descriptor not found: ${selectedPresentation}`);
-      }
-      const dataResult = await fetchData(selectedPresentation);
-      const result = await engine.render("markdown", descriptor, { data: dataResult.data });
-      setMarkdownContent(result.body);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to render markdown"));
-    } finally {
-      setLoading(false);
-    }
-  }, [engine, fetchData, resolvePresentation, selectedPresentation]);
-  useEffect(() => {
-    renderMarkdown();
-  }, [renderMarkdown]);
-  return {
-    error,
-    loading,
-    markdownContent,
-    renderMarkdown,
-    selectedPresentation,
-    setSelectedPresentation
-  };
-}
-export {
-  useMarkdownPresentation
-};
+import{useCallback as M,useEffect as f,useState as s}from"react";function b({engine:a,fetchData:c,presentationId:t,presentations:r,resolvePresentation:i,templateId:w}){let[n,o]=s(""),[m,g]=s(""),[k,l]=s(!1),[p,u]=s(null);f(()=>{if(t&&r.includes(t)){o(t);return}if(r.length===0){o("");return}if(!r.includes(n))o(r[0]??"")},[t,r,n,w]);let d=M(async()=>{if(!n||!a)return;l(!0),u(null);try{if(!i)throw Error("resolvePresentation not available in runtime context");let e=i(n);if(!e)throw Error(`Presentation descriptor not found: ${n}`);let P=await c(n),E=await a.render("markdown",e,{data:P.data});g(E.body)}catch(e){u(e instanceof Error?e:Error("Failed to render markdown"))}finally{l(!1)}},[a,c,i,n]);return f(()=>{d()},[d]),{error:p,loading:k,markdownContent:m,renderMarkdown:d,selectedPresentation:n,setSelectedPresentation:o}}export{b as useMarkdownPresentation};

package/dist/browser/utils/fetchPresentationData.js

@@ -1,15 +1 @@
-// src/utils/fetchPresentationData.ts
-async function fetchPresentationData(_presentationName, _templateId) {
-  throw new Error("fetchPresentationData is deprecated. Use fetchData from TemplateRuntimeContext.");
-}
-function hasPresentationDataFetcher(_presentationName) {
-  return false;
-}
-function getRegisteredPresentationFetchers() {
-  return [];
-}
-export {
-  hasPresentationDataFetcher,
-  getRegisteredPresentationFetchers,
-  fetchPresentationData
-};
+async function j(b,g){throw Error("fetchPresentationData is deprecated. Use fetchData from TemplateRuntimeContext.")}function k(b){return!1}function q(){return[]}export{k as hasPresentationDataFetcher,q as getRegisteredPresentationFetchers,j as fetchPresentationData};

package/dist/browser/utils/generateSpecFromTemplate.js

@@ -1,29 +1,5 @@
-// src/utils/generateSpecFromTemplate.ts
-function generateSpecFromTemplate(template) {
-  const templateId = template?.id ?? "unknown";
-  if (!template) {
-    return generateDefaultSpec(templateId);
-  }
-  switch (templateId) {
-    case "crm-pipeline":
-      return generateCrmPipelineSpec(template.schema.contracts);
-    case "saas-boilerplate":
-      return generateSaasBoilerplateSpec(template.schema.contracts);
-    case "agent-console":
-      return generateAgentConsoleSpec(template.schema.contracts);
-    case "todos-app":
-      return generateTodosSpec(template.schema.contracts);
-    case "messaging-app":
-      return generateMessagingSpec(template.schema.contracts);
-    case "recipe-app-i18n":
-      return generateRecipeSpec(template.schema.contracts);
-    default:
-      return generateDefaultSpec(templateId);
-  }
-}
-function generateCrmPipelineSpec(contracts) {
-  return `// CRM Pipeline Specs
-// Contracts: ${contracts.join(", ")}
+function F(b){let h=b?.id??"unknown";if(!b)return j(h);switch(h){case"crm-pipeline":return q(b.schema.contracts);case"saas-boilerplate":return v(b.schema.contracts);case"agent-console":return x(b.schema.contracts);case"todos-app":return y(b.schema.contracts);case"messaging-app":return z(b.schema.contracts);case"recipe-app-i18n":return E(b.schema.contracts);default:return j(h)}}function q(b){return`// CRM Pipeline Specs
+// Contracts: ${b.join(", ")}
 
 contractSpec("crm.deal.updateStage.v1", {
   goal: "Move a deal to a different pipeline stage",
@@ -92,11 +68,8 @@ contractSpec("crm.contact.list.v1", {
       hasMore: "boolean"
     }
   }
-});`;
-}
-function generateSaasBoilerplateSpec(contracts) {
-  return `// SaaS Boilerplate Specs
-// Contracts: ${contracts.join(", ")}
+});`}function v(b){return`// SaaS Boilerplate Specs
+// Contracts: ${b.join(", ")}
 
 contractSpec("saas.project.create.v1", {
   goal: "Create a new project in an organization",
@@ -159,11 +132,8 @@ contractSpec("saas.settings.update.v1", {
     }
   },
   events: ["settings.updated"]
-});`;
-}
-function generateAgentConsoleSpec(contracts) {
-  return `// Agent Console Specs
-// Contracts: ${contracts.join(", ")}
+});`}function x(b){return`// Agent Console Specs
+// Contracts: ${b.join(", ")}
 
 contractSpec("agent.run.execute.v1", {
   goal: "Execute an agent run with specified tools",
@@ -229,11 +199,8 @@ contractSpec("agent.agent.create.v1", {
     }
   },
   events: ["agent.created"]
-});`;
-}
-function generateTodosSpec(contracts) {
-  return `// To-dos App Specs
-// Contracts: ${contracts.join(", ")}
+});`}function y(b){return`// To-dos App Specs
+// Contracts: ${b.join(", ")}
 
 contractSpec("tasks.board.v1", {
   goal: "Assign and approve craft work",
@@ -292,11 +259,8 @@ contractSpec("tasks.complete.v1", {
     }
   },
   events: ["task.completed"]
-});`;
-}
-function generateMessagingSpec(contracts) {
-  return `// Messaging App Specs
-// Contracts: ${contracts.join(", ")}
+});`}function z(b){return`// Messaging App Specs
+// Contracts: ${b.join(", ")}
 
 contractSpec("messaging.send.v1", {
   goal: "Deliver intent-rich updates",
@@ -349,11 +313,8 @@ contractSpec("messaging.read.v1", {
     }
   },
   events: ["message.read"]
-});`;
-}
-function generateRecipeSpec(contracts) {
-  return `// Recipe App (i18n) Specs
-// Contracts: ${contracts.join(", ")}
+});`}function E(b){return`// Recipe App (i18n) Specs
+// Contracts: ${b.join(", ")}
 
 contractSpec("recipes.lookup.v1", {
   goal: "Serve bilingual rituals",
@@ -400,13 +361,10 @@ contractSpec("recipes.favorite.toggle.v1", {
     }
   },
   events: ["recipe.favorited", "recipe.unfavorited"]
-});`;
-}
-function generateDefaultSpec(templateId) {
-  return `// ${templateId} Specs
+});`}function j(b){return`// ${b} Specs
 
-contractSpec("${templateId}.main.v1", {
-  goal: "Main operation for ${templateId}",
+contractSpec("${b}.main.v1", {
+  goal: "Main operation for ${b}",
   transport: { gql: { query: "main" } },
   io: {
     input: { 
@@ -416,8 +374,4 @@ contractSpec("${templateId}.main.v1", {
       result: "unknown"
     }
   }
-});`;
-}
-export {
-  generateSpecFromTemplate
-};
+});`}export{F as generateSpecFromTemplate};

package/dist/browser/utils/index.js

@@ -1,29 +1,5 @@
-// src/utils/generateSpecFromTemplate.ts
-function generateSpecFromTemplate(template) {
-  const templateId = template?.id ?? "unknown";
-  if (!template) {
-    return generateDefaultSpec(templateId);
-  }
-  switch (templateId) {
-    case "crm-pipeline":
-      return generateCrmPipelineSpec(template.schema.contracts);
-    case "saas-boilerplate":
-      return generateSaasBoilerplateSpec(template.schema.contracts);
-    case "agent-console":
-      return generateAgentConsoleSpec(template.schema.contracts);
-    case "todos-app":
-      return generateTodosSpec(template.schema.contracts);
-    case "messaging-app":
-      return generateMessagingSpec(template.schema.contracts);
-    case "recipe-app-i18n":
-      return generateRecipeSpec(template.schema.contracts);
-    default:
-      return generateDefaultSpec(templateId);
-  }
-}
-function generateCrmPipelineSpec(contracts) {
-  return `// CRM Pipeline Specs
-// Contracts: ${contracts.join(", ")}
+function G(x){let b=x?.id??"unknown";if(!x)return j(b);switch(b){case"crm-pipeline":return q(x.schema.contracts);case"saas-boilerplate":return v(x.schema.contracts);case"agent-console":return y(x.schema.contracts);case"todos-app":return z(x.schema.contracts);case"messaging-app":return E(x.schema.contracts);case"recipe-app-i18n":return F(x.schema.contracts);default:return j(b)}}function q(x){return`// CRM Pipeline Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("crm.deal.updateStage.v1", {
   goal: "Move a deal to a different pipeline stage",
@@ -92,11 +68,8 @@ contractSpec("crm.contact.list.v1", {
       hasMore: "boolean"
     }
   }
-});`;
-}
-function generateSaasBoilerplateSpec(contracts) {
-  return `// SaaS Boilerplate Specs
-// Contracts: ${contracts.join(", ")}
+});`}function v(x){return`// SaaS Boilerplate Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("saas.project.create.v1", {
   goal: "Create a new project in an organization",
@@ -159,11 +132,8 @@ contractSpec("saas.settings.update.v1", {
     }
   },
   events: ["settings.updated"]
-});`;
-}
-function generateAgentConsoleSpec(contracts) {
-  return `// Agent Console Specs
-// Contracts: ${contracts.join(", ")}
+});`}function y(x){return`// Agent Console Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("agent.run.execute.v1", {
   goal: "Execute an agent run with specified tools",
@@ -229,11 +199,8 @@ contractSpec("agent.agent.create.v1", {
     }
   },
   events: ["agent.created"]
-});`;
-}
-function generateTodosSpec(contracts) {
-  return `// To-dos App Specs
-// Contracts: ${contracts.join(", ")}
+});`}function z(x){return`// To-dos App Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("tasks.board.v1", {
   goal: "Assign and approve craft work",
@@ -292,11 +259,8 @@ contractSpec("tasks.complete.v1", {
     }
   },
   events: ["task.completed"]
-});`;
-}
-function generateMessagingSpec(contracts) {
-  return `// Messaging App Specs
-// Contracts: ${contracts.join(", ")}
+});`}function E(x){return`// Messaging App Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("messaging.send.v1", {
   goal: "Deliver intent-rich updates",
@@ -349,11 +313,8 @@ contractSpec("messaging.read.v1", {
     }
   },
   events: ["message.read"]
-});`;
-}
-function generateRecipeSpec(contracts) {
-  return `// Recipe App (i18n) Specs
-// Contracts: ${contracts.join(", ")}
+});`}function F(x){return`// Recipe App (i18n) Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("recipes.lookup.v1", {
   goal: "Serve bilingual rituals",
@@ -400,13 +361,10 @@ contractSpec("recipes.favorite.toggle.v1", {
     }
   },
   events: ["recipe.favorited", "recipe.unfavorited"]
-});`;
-}
-function generateDefaultSpec(templateId) {
-  return `// ${templateId} Specs
+});`}function j(x){return`// ${x} Specs
 
-contractSpec("${templateId}.main.v1", {
-  goal: "Main operation for ${templateId}",
+contractSpec("${x}.main.v1", {
+  goal: "Main operation for ${x}",
   transport: { gql: { query: "main" } },
   io: {
     input: { 
@@ -416,22 +374,4 @@ contractSpec("${templateId}.main.v1", {
       result: "unknown"
     }
   }
-});`;
-}
-
-// src/utils/fetchPresentationData.ts
-async function fetchPresentationData(_presentationName, _templateId) {
-  throw new Error("fetchPresentationData is deprecated. Use fetchData from TemplateRuntimeContext.");
-}
-function hasPresentationDataFetcher(_presentationName) {
-  return false;
-}
-function getRegisteredPresentationFetchers() {
-  return [];
-}
-export {
-  hasPresentationDataFetcher,
-  getRegisteredPresentationFetchers,
-  generateSpecFromTemplate,
-  fetchPresentationData
-};
+});`}async function J(x,b){throw Error("fetchPresentationData is deprecated. Use fetchData from TemplateRuntimeContext.")}function K(x){return!1}function L(){return[]}export{K as hasPresentationDataFetcher,L as getRegisteredPresentationFetchers,G as generateSpecFromTemplate,J as fetchPresentationData};

package/dist/bundles/ExampleTemplateBundle.js

@@ -1,86 +1,2 @@
 // @bun
-// src/bundles/ExampleTemplateBundle.ts
-import { defineModuleBundle } from "@contractspec/lib.surface-runtime/spec";
-var ExampleTemplateBundle = defineModuleBundle({
-  meta: {
-    key: "example.template",
-    version: "0.1.0",
-    title: "Example Template",
-    description: "Adaptive template shell for ContractSpec examples",
-    owners: ["team-platform"],
-    tags: ["example", "template"],
-    stability: "experimental"
-  },
-  routes: [
-    {
-      routeId: "template",
-      path: "/sandbox",
-      defaultSurface: "template-shell"
-    }
-  ],
-  surfaces: {
-    "template-shell": {
-      surfaceId: "template-shell",
-      kind: "workbench",
-      title: "Template Shell",
-      slots: [
-        {
-          slotId: "header",
-          role: "header",
-          accepts: ["action-bar"],
-          cardinality: "many"
-        },
-        {
-          slotId: "primary",
-          role: "primary",
-          accepts: ["entity-section", "rich-doc", "form", "custom-widget"],
-          cardinality: "many"
-        },
-        {
-          slotId: "sidebar",
-          role: "secondary",
-          accepts: ["entity-section", "custom-widget"],
-          cardinality: "one"
-        }
-      ],
-      layouts: [
-        {
-          layoutId: "main-with-sidebar",
-          title: "Main with sidebar",
-          root: {
-            type: "panel-group",
-            direction: "horizontal",
-            persistKey: "example.template.main-sidebar",
-            children: [
-              {
-                type: "panel-group",
-                direction: "vertical",
-                persistKey: "example.template.content",
-                children: [
-                  { type: "slot", slotId: "header" },
-                  { type: "slot", slotId: "primary" }
-                ]
-              },
-              { type: "slot", slotId: "sidebar" }
-            ]
-          }
-        }
-      ],
-      data: [],
-      verification: {
-        dimensions: {
-          guidance: "Can reveal hints and walkthrough notes.",
-          density: "Can select compact or balanced layouts.",
-          dataDepth: "Controls content depth and expansion.",
-          control: "Shows advanced options when allowed.",
-          media: "Supports text-first and hybrid modes.",
-          pace: "Maps to motion tokens and transitions.",
-          narrative: "Can order summary before or after detail."
-        }
-      }
-    }
-  }
-});
-export {
-  ExampleTemplateBundle
-};
+import{defineModuleBundle as g}from"@contractspec/lib.surface-runtime/spec";var j=g({meta:{key:"example.template",version:"0.1.0",title:"Example Template",description:"Adaptive template shell for ContractSpec examples",owners:["team-platform"],tags:["example","template"],stability:"experimental"},routes:[{routeId:"template",path:"/sandbox",defaultSurface:"template-shell"}],surfaces:{"template-shell":{surfaceId:"template-shell",kind:"workbench",title:"Template Shell",slots:[{slotId:"header",role:"header",accepts:["action-bar"],cardinality:"many"},{slotId:"primary",role:"primary",accepts:["entity-section","rich-doc","form","custom-widget"],cardinality:"many"},{slotId:"sidebar",role:"secondary",accepts:["entity-section","custom-widget"],cardinality:"one"}],layouts:[{layoutId:"main-with-sidebar",title:"Main with sidebar",root:{type:"panel-group",direction:"horizontal",persistKey:"example.template.main-sidebar",children:[{type:"panel-group",direction:"vertical",persistKey:"example.template.content",children:[{type:"slot",slotId:"header"},{type:"slot",slotId:"primary"}]},{type:"slot",slotId:"sidebar"}]}}],data:[],verification:{dimensions:{guidance:"Can reveal hints and walkthrough notes.",density:"Can select compact or balanced layouts.",dataDepth:"Controls content depth and expansion.",control:"Shows advanced options when allowed.",media:"Supports text-first and hybrid modes.",pace:"Maps to motion tokens and transitions.",narrative:"Can order summary before or after detail."}}}}});export{j as ExampleTemplateBundle};

package/dist/bundles/index.js

@@ -1,86 +1,2 @@
 // @bun
-// src/bundles/ExampleTemplateBundle.ts
-import { defineModuleBundle } from "@contractspec/lib.surface-runtime/spec";
-var ExampleTemplateBundle = defineModuleBundle({
-  meta: {
-    key: "example.template",
-    version: "0.1.0",
-    title: "Example Template",
-    description: "Adaptive template shell for ContractSpec examples",
-    owners: ["team-platform"],
-    tags: ["example", "template"],
-    stability: "experimental"
-  },
-  routes: [
-    {
-      routeId: "template",
-      path: "/sandbox",
-      defaultSurface: "template-shell"
-    }
-  ],
-  surfaces: {
-    "template-shell": {
-      surfaceId: "template-shell",
-      kind: "workbench",
-      title: "Template Shell",
-      slots: [
-        {
-          slotId: "header",
-          role: "header",
-          accepts: ["action-bar"],
-          cardinality: "many"
-        },
-        {
-          slotId: "primary",
-          role: "primary",
-          accepts: ["entity-section", "rich-doc", "form", "custom-widget"],
-          cardinality: "many"
-        },
-        {
-          slotId: "sidebar",
-          role: "secondary",
-          accepts: ["entity-section", "custom-widget"],
-          cardinality: "one"
-        }
-      ],
-      layouts: [
-        {
-          layoutId: "main-with-sidebar",
-          title: "Main with sidebar",
-          root: {
-            type: "panel-group",
-            direction: "horizontal",
-            persistKey: "example.template.main-sidebar",
-            children: [
-              {
-                type: "panel-group",
-                direction: "vertical",
-                persistKey: "example.template.content",
-                children: [
-                  { type: "slot", slotId: "header" },
-                  { type: "slot", slotId: "primary" }
-                ]
-              },
-              { type: "slot", slotId: "sidebar" }
-            ]
-          }
-        }
-      ],
-      data: [],
-      verification: {
-        dimensions: {
-          guidance: "Can reveal hints and walkthrough notes.",
-          density: "Can select compact or balanced layouts.",
-          dataDepth: "Controls content depth and expansion.",
-          control: "Shows advanced options when allowed.",
-          media: "Supports text-first and hybrid modes.",
-          pace: "Maps to motion tokens and transitions.",
-          narrative: "Can order summary before or after detail."
-        }
-      }
-    }
-  }
-});
-export {
-  ExampleTemplateBundle
-};
+import{defineModuleBundle as m}from"@contractspec/lib.surface-runtime/spec";var x=m({meta:{key:"example.template",version:"0.1.0",title:"Example Template",description:"Adaptive template shell for ContractSpec examples",owners:["team-platform"],tags:["example","template"],stability:"experimental"},routes:[{routeId:"template",path:"/sandbox",defaultSurface:"template-shell"}],surfaces:{"template-shell":{surfaceId:"template-shell",kind:"workbench",title:"Template Shell",slots:[{slotId:"header",role:"header",accepts:["action-bar"],cardinality:"many"},{slotId:"primary",role:"primary",accepts:["entity-section","rich-doc","form","custom-widget"],cardinality:"many"},{slotId:"sidebar",role:"secondary",accepts:["entity-section","custom-widget"],cardinality:"one"}],layouts:[{layoutId:"main-with-sidebar",title:"Main with sidebar",root:{type:"panel-group",direction:"horizontal",persistKey:"example.template.main-sidebar",children:[{type:"panel-group",direction:"vertical",persistKey:"example.template.content",children:[{type:"slot",slotId:"header"},{type:"slot",slotId:"primary"}]},{type:"slot",slotId:"sidebar"}]}}],data:[],verification:{dimensions:{guidance:"Can reveal hints and walkthrough notes.",density:"Can select compact or balanced layouts.",dataDepth:"Controls content depth and expansion.",control:"Shows advanced options when allowed.",media:"Supports text-first and hybrid modes.",pace:"Maps to motion tokens and transitions.",narrative:"Can order summary before or after detail."}}}}});export{x as ExampleTemplateBundle};