@cratis/scene.blueprint.default 4.40.0 → 4.42.0

package/dist/esm/gallery/dialogTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/dialogTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAiBrD,eAAO,MAAM,qBAAqB,EAAE,cAgBnC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAiBhC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,cAoBlC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAAsE,CAAC"}
+{"version":3,"file":"dialogTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/dialogTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAsBrD,eAAO,MAAM,qBAAqB,EAAE,cAgBnC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAiBhC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,cAoBlC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAAoG,CAAC"}

package/dist/esm/gallery/dialogTemplates.js

@@ -1,7 +1,7 @@
+import { closingDialog, actionButton, foundationDialogTemplates, dialogMetadata } from '../foundation/templates/dialogTemplates.js';
 import { TemplateSlotName } from './TemplateSlotName.js';
-import { panel, button, text, externalComponent, card } from './elements.js';
+import { panel, externalComponent, button, card, text } from './elements.js';
 import { field } from './widgets.js';
-import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -13,7 +13,12 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
  * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it
  * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it
  * happens to be, so there is no parent slot for it to name.
- */ /** Confirm: one question, two answers, and enough context to answer it. */ const confirmDialogTemplate = {
+ */ /**
+ * Confirm: one question, two answers, and enough context to answer it - the consequences listed, and the confirming button naming what it does
+ * (`Archive product`, never `OK`). A destructive confirmation takes the danger tone: the heading and border are drawn in the danger colors and the
+ * confirming button is the danger button. The components blueprint has a `ConfirmDialog` of its own for a command; a reference names the blueprint
+ * (`resolveTemplateReference`), so the two never collide.
+ */ const confirmDialogTemplate = {
     name: 'ConfirmDialog',
     slots: [
         {
@@ -28,32 +33,33 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     ],
     content: {
         [TemplateSlotName.Header]: [
-            text('confirm-title', 'Archive this product?')
-        ],
-        [TemplateSlotName.Body]: [
-            text('confirm-message', 'Bamboo Watch will stop appearing in the catalog. Existing orders keep it.'),
-            externalComponent('confirm-note', 'message', {
-                severity: 'warn',
-                text: 'This can be undone from the archive.'
+            externalComponent('confirm-frame', 'dialogFrame', {
+                title: 'Archive this product?',
+                message: 'Bamboo Watch will stop appearing in the catalog.',
+                tone: 'danger',
+                consequences: [
+                    'Existing orders keep it',
+                    'It can be restored from the archive'
+                ]
             })
         ],
+        [TemplateSlotName.Body]: [],
         [TemplateSlotName.Actions]: [
             panel('confirm-actions', [
-                button('confirm-yes', 'Archive', {
-                    severity: 'danger'
-                }),
-                button('confirm-no', 'Keep it', {
-                    severity: 'secondary'
+                closingDialog(actionButton('confirm-no', {
+                    label: 'Keep it',
+                    emphasis: 'secondary'
+                })),
+                actionButton('confirm-yes', {
+                    label: 'Archive product',
+                    emphasis: 'danger'
                 })
             ])
         ]
     },
     displayName: 'Confirmation dialog',
     description: 'One question with the consequence spelled out, and a way back.',
-    metadata: {
-        ...defaultBlueprintTemplateProvenance,
-        category: 'Foundation / Dialog'
-    }
+    metadata: dialogMetadata('ConfirmDialog')
 };
 /** Form: a short capture that does not deserve a page of its own. */ const formDialogTemplate = {
     name: 'FormDialog',
@@ -70,7 +76,9 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     ],
     content: {
         [TemplateSlotName.Header]: [
-            text('form-dialog-title', 'Invite someone')
+            externalComponent('form-dialog-frame', 'dialogFrame', {
+                title: 'Invite someone'
+            })
         ],
         [TemplateSlotName.Body]: [
             field('form-dialog-email', 'Email', 'inputText', {
@@ -89,21 +97,18 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
         ],
         [TemplateSlotName.Actions]: [
             panel('form-dialog-actions', [
+                closingDialog(button('form-dialog-cancel', 'Cancel', {
+                    severity: 'secondary'
+                })),
                 button('form-dialog-send', 'Send invitation', {
                     severity: 'primary'
-                }),
-                button('form-dialog-cancel', 'Cancel', {
-                    severity: 'secondary'
                 })
             ])
         ]
     },
     displayName: 'Form dialog',
     description: 'A handful of fields captured without leaving the page underneath.',
-    metadata: {
-        ...defaultBlueprintTemplateProvenance,
-        category: 'Foundation / Dialog'
-    }
+    metadata: dialogMetadata('FormDialog', true)
 };
 /** Detail: a record shown over the list it came from. */ const detailDialogTemplate = {
     name: 'DetailDialog',
@@ -123,7 +128,9 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     ],
     content: {
         [TemplateSlotName.Header]: [
-            text('detail-dialog-title', 'ORD-4192')
+            externalComponent('detail-dialog-frame', 'dialogFrame', {
+                title: 'ORD-4192'
+            })
         ],
         [TemplateSlotName.Body]: [
             card('detail-dialog-summary', [
@@ -142,27 +149,25 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
         ],
         [TemplateSlotName.Actions]: [
             panel('detail-dialog-actions', [
+                closingDialog(button('detail-dialog-close', 'Close', {
+                    severity: 'secondary'
+                })),
                 button('detail-dialog-open', 'Open full record', {
                     severity: 'primary',
                     targetScreen: 'DetailView'
-                }),
-                button('detail-dialog-close', 'Close', {
-                    severity: 'secondary'
                 })
             ])
         ]
     },
     displayName: 'Detail dialog',
     description: 'A record over the list it came from, with a route to the full page.',
-    metadata: {
-        ...defaultBlueprintTemplateProvenance,
-        category: 'Foundation / Dialog'
-    }
+    metadata: dialogMetadata('DetailDialog', true)
 };
-/** The dialog templates this blueprint provides. */ const galleryDialogTemplates = [
+/** The dialog templates this blueprint provides: the three the gallery began with, and the foundation's quick create, lookup, side sheet and filter dialogs. */ const galleryDialogTemplates = [
     confirmDialogTemplate,
     formDialogTemplate,
-    detailDialogTemplate
+    detailDialogTemplate,
+    ...foundationDialogTemplates
 ];
 
 export { confirmDialogTemplate, detailDialogTemplate, formDialogTemplate, galleryDialogTemplates };

package/dist/esm/gallery/dialogTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTemplates.js","sources":["../../../gallery/dialogTemplates.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { DialogTemplate } from '@cratis/scene.model';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { field } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The three dialog shapes an application repeats: confirm something destructive, capture a short form, and\n * show a record without leaving the list behind it.\n *\n * A dialog template has no `fitsSlot`, and that absence is the whole distinction. A screen template is\n * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it\n * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it\n * happens to be, so there is no parent slot for it to name.\n */\n\n/** Confirm: one question, two answers, and enough context to answer it. */\nexport const confirmDialogTemplate: DialogTemplate = {\n    name: 'ConfirmDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('confirm-title', 'Archive this product?')],\n        [TemplateSlotName.Body]: [\n            text('confirm-message', 'Bamboo Watch will stop appearing in the catalog. Existing orders keep it.'),\n            externalComponent('confirm-note', 'message', { severity: 'warn', text: 'This can be undone from the archive.' }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('confirm-actions', [button('confirm-yes', 'Archive', { severity: 'danger' }), button('confirm-no', 'Keep it', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Confirmation dialog',\n    description: 'One question with the consequence spelled out, and a way back.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** Form: a short capture that does not deserve a page of its own. */\nexport const formDialogTemplate: DialogTemplate = {\n    name: 'FormDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('form-dialog-title', 'Invite someone')],\n        [TemplateSlotName.Body]: [\n            field('form-dialog-email', 'Email', 'inputText', { placeholder: 'them@contoso.com' }),\n            field('form-dialog-role', 'Role', 'dropdown', { options: ['Viewer', 'Editor', 'Administrator'] }),\n            field('form-dialog-message', 'Message', 'inputTextarea', { rows: 3 }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('form-dialog-actions', [button('form-dialog-send', 'Send invitation', { severity: 'primary' }), button('form-dialog-cancel', 'Cancel', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Form dialog',\n    description: 'A handful of fields captured without leaving the page underneath.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** Detail: a record shown over the list it came from. */\nexport const detailDialogTemplate: DialogTemplate = {\n    name: 'DetailDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('detail-dialog-title', 'ORD-4192')],\n        [TemplateSlotName.Body]: [\n            card('detail-dialog-summary', [\n                text('detail-dialog-customer', 'Northwind Traders'),\n                text('detail-dialog-total', '$1,240.00'),\n                externalComponent('detail-dialog-status', 'tag', { value: 'Shipped', severity: 'success' }),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [externalComponent('detail-dialog-timeline', 'timeline', { align: 'left' })],\n        [TemplateSlotName.Actions]: [\n            panel('detail-dialog-actions', [button('detail-dialog-open', 'Open full record', { severity: 'primary', targetScreen: 'DetailView' }), button('detail-dialog-close', 'Close', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Detail dialog',\n    description: 'A record over the list it came from, with a route to the full page.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** The dialog templates this blueprint provides. */\nexport const galleryDialogTemplates: DialogTemplate[] = [confirmDialogTemplate, formDialogTemplate, detailDialogTemplate];\n"],"names":["confirmDialogTemplate","name","slots","TemplateSlotName","Header","Body","Actions","content","text","externalComponent","severity","panel","button","displayName","description","metadata","defaultBlueprintTemplateProvenance","category","formDialogTemplate","field","placeholder","options","rows","detailDialogTemplate","SidePanel","card","value","align","targetScreen","galleryDialogTemplates"],"mappings":"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"}
+{"version":3,"file":"dialogTemplates.js","sources":["../../../gallery/dialogTemplates.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { DialogTemplate } from '@cratis/scene.model';\nimport { actionButton, closingDialog, dialogMetadata, foundationDialogTemplates } from '../foundation/templates/dialogTemplates';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { field } from './widgets';\n\n/**\n * The three dialog shapes an application repeats: confirm something destructive, capture a short form, and\n * show a record without leaving the list behind it.\n *\n * A dialog template has no `fitsSlot`, and that absence is the whole distinction. A screen template is\n * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it\n * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it\n * happens to be, so there is no parent slot for it to name.\n */\n\n/**\n * Confirm: one question, two answers, and enough context to answer it - the consequences listed, and the confirming button naming what it does\n * (`Archive product`, never `OK`). A destructive confirmation takes the danger tone: the heading and border are drawn in the danger colors and the\n * confirming button is the danger button. The components blueprint has a `ConfirmDialog` of its own for a command; a reference names the blueprint\n * (`resolveTemplateReference`), so the two never collide.\n */\nexport const confirmDialogTemplate: DialogTemplate = {\n    name: 'ConfirmDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [externalComponent('confirm-frame', 'dialogFrame', {\n            title: 'Archive this product?', message: 'Bamboo Watch will stop appearing in the catalog.', tone: 'danger',\n            consequences: ['Existing orders keep it', 'It can be restored from the archive'],\n        })],\n        [TemplateSlotName.Body]: [],\n        [TemplateSlotName.Actions]: [\n            panel('confirm-actions', [closingDialog(actionButton('confirm-no', { label: 'Keep it', emphasis: 'secondary' })), actionButton('confirm-yes', { label: 'Archive product', emphasis: 'danger' })]),\n        ],\n    },\n    displayName: 'Confirmation dialog',\n    description: 'One question with the consequence spelled out, and a way back.',\n    metadata: dialogMetadata('ConfirmDialog'),\n};\n\n/** Form: a short capture that does not deserve a page of its own. */\nexport const formDialogTemplate: DialogTemplate = {\n    name: 'FormDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [externalComponent('form-dialog-frame', 'dialogFrame', { title: 'Invite someone' })],\n        [TemplateSlotName.Body]: [\n            field('form-dialog-email', 'Email', 'inputText', { placeholder: 'them@contoso.com' }),\n            field('form-dialog-role', 'Role', 'dropdown', { options: ['Viewer', 'Editor', 'Administrator'] }),\n            field('form-dialog-message', 'Message', 'inputTextarea', { rows: 3 }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('form-dialog-actions', [closingDialog(button('form-dialog-cancel', 'Cancel', { severity: 'secondary' })), button('form-dialog-send', 'Send invitation', { severity: 'primary' })]),\n        ],\n    },\n    displayName: 'Form dialog',\n    description: 'A handful of fields captured without leaving the page underneath.',\n    metadata: dialogMetadata('FormDialog', true),\n};\n\n/** Detail: a record shown over the list it came from. */\nexport const detailDialogTemplate: DialogTemplate = {\n    name: 'DetailDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [externalComponent('detail-dialog-frame', 'dialogFrame', { title: 'ORD-4192' })],\n        [TemplateSlotName.Body]: [\n            card('detail-dialog-summary', [\n                text('detail-dialog-customer', 'Northwind Traders'),\n                text('detail-dialog-total', '$1,240.00'),\n                externalComponent('detail-dialog-status', 'tag', { value: 'Shipped', severity: 'success' }),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [externalComponent('detail-dialog-timeline', 'timeline', { align: 'left' })],\n        [TemplateSlotName.Actions]: [\n            panel('detail-dialog-actions', [closingDialog(button('detail-dialog-close', 'Close', { severity: 'secondary' })), button('detail-dialog-open', 'Open full record', { severity: 'primary', targetScreen: 'DetailView' })]),\n        ],\n    },\n    displayName: 'Detail dialog',\n    description: 'A record over the list it came from, with a route to the full page.',\n    metadata: dialogMetadata('DetailDialog', true),\n};\n\n/** The dialog templates this blueprint provides: the three the gallery began with, and the foundation's quick create, lookup, side sheet and filter dialogs. */\nexport const galleryDialogTemplates: DialogTemplate[] = [confirmDialogTemplate, formDialogTemplate, detailDialogTemplate, ...foundationDialogTemplates];\n"],"names":["confirmDialogTemplate","name","slots","TemplateSlotName","Header","Body","Actions","content","externalComponent","title","message","tone","consequences","panel","closingDialog","actionButton","label","emphasis","displayName","description","metadata","dialogMetadata","formDialogTemplate","field","placeholder","options","rows","button","severity","detailDialogTemplate","SidePanel","card","text","value","align","targetScreen","galleryDialogTemplates","foundationDialogTemplates"],"mappings":"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"}

package/dist/esm/gallery/index.d.ts

@@ -17,6 +17,7 @@ export * from './componentNames';
 export * from './previewProfile';
 export * from './resolveElementNames';
 export * from './GalleryScreenPreview';
+export * from './GalleryDialogPreview';
 export * from './TemplatePreviewState';
 export * from './applyTemplatePreviewState';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/gallery/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/dist/esm/gallery/index.js

@@ -17,6 +17,7 @@ export * from './componentNames';
 export * from './previewProfile';
 export * from './resolveElementNames';
 export * from './GalleryScreenPreview';
+export * from './GalleryDialogPreview';
 export * from './TemplatePreviewState';
 export * from './applyTemplatePreviewState';
 //# sourceMappingURL=index.js.map

package/dist/esm/gallery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/dist/esm/gallery/screens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../gallery/screens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAkBrE,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAMlD,CAAC;AA+EF,eAAO,MAAM,cAAc,EAAE,MAAM,EAA0C,CAAC;AAG9E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE9D"}
+{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../gallery/screens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAmBrE,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAQlD,CAAC;AA4FF,eAAO,MAAM,cAAc,EAAE,MAAM,EAA0C,CAAC;AAG9E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE9D"}

package/dist/esm/gallery/screens.js

@@ -1,3 +1,4 @@
+import { foundationScreenTemplates } from '../foundation/templates/index.js';
 import { LayoutName } from '../layouts/LayoutName.js';
 import '@cratis/scene.model';
 import '../layouts/shellComponents.js';
@@ -11,6 +12,7 @@ import { nestingChainTemplates } from './nesting.js';
 import { statusTemplates } from './statusTemplates.js';
 import { supportTemplates } from './supportTemplates.js';
 import { workspaceTemplates } from './workspaceTemplates.js';
+import { stateScreenTemplates } from '../foundation/templates/stateScreenTemplates.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -21,6 +23,8 @@ import { workspaceTemplates } from './workspaceTemplates.js';
  * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names
  * and what the bundle provides; `validatePackageBundle` proves the two agree.
  */ const galleryScreenTemplates = [
+    ...foundationScreenTemplates,
+    ...stateScreenTemplates,
     ...workspaceTemplates,
     ...supportTemplates,
     ...authTemplates,
@@ -29,7 +33,8 @@ import { workspaceTemplates } from './workspaceTemplates.js';
 ];
 /** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */ const fullPageTemplateNames = new Set([
     ...authTemplates,
-    ...statusTemplates
+    ...statusTemplates,
+    ...stateScreenTemplates
 ].map((template)=>template.name));
 /** The trail shown above each application-shell screen. */ const breadcrumbs = {
     Dashboard: [
@@ -135,6 +140,78 @@ import { workspaceTemplates } from './workspaceTemplates.js';
             label: 'Help'
         }
     ],
+    DashboardScreen: [
+        {
+            label: 'Dashboard'
+        }
+    ],
+    ListScreen: [
+        {
+            label: 'Sales',
+            targetScreen: 'DashboardScreen'
+        },
+        {
+            label: 'Deals'
+        }
+    ],
+    BoardScreen: [
+        {
+            label: 'Sales',
+            targetScreen: 'DashboardScreen'
+        },
+        {
+            label: 'Pipeline'
+        }
+    ],
+    WorkspaceScreen: [
+        {
+            label: 'Sales'
+        }
+    ],
+    MasterDetailScreen: [
+        {
+            label: 'Sales',
+            targetScreen: 'WorkspaceScreen'
+        },
+        {
+            label: 'Accounts'
+        }
+    ],
+    RecordPage: [
+        {
+            label: 'Sales',
+            targetScreen: 'DashboardScreen'
+        },
+        {
+            label: 'Accounts',
+            targetScreen: 'ListScreen'
+        },
+        {
+            label: 'Account'
+        }
+    ],
+    FormScreen: [
+        {
+            label: 'Sales',
+            targetScreen: 'DashboardScreen'
+        },
+        {
+            label: 'Accounts',
+            targetScreen: 'ListScreen'
+        },
+        {
+            label: 'New account'
+        }
+    ],
+    WizardScreen: [
+        {
+            label: 'Sales',
+            targetScreen: 'DashboardScreen'
+        },
+        {
+            label: 'New account'
+        }
+    ],
     ModuleWorkspace: [
         {
             label: 'Operations'
@@ -196,9 +273,16 @@ import { workspaceTemplates } from './workspaceTemplates.js';
  * that do not.
  */ function containmentChainFor(template) {
     const depth = nestingChainTemplates.findIndex((candidate)=>candidate.name === template.name);
-    return depth < 0 ? [
+    if (depth >= 0) return nestingChainTemplates.slice(0, depth + 1);
+    // A template that fits a container-qualified slot (`WorkspaceScreen.moduleContent`) renders inside that container, which is what the qualifier is for.
+    const [container] = (template.fitsSlot ?? '').split('.');
+    const outer = container ? foundationScreenTemplates.find((candidate)=>candidate.name === container) : undefined;
+    return outer ? [
+        outer,
+        template
+    ] : [
         template
-    ] : nestingChainTemplates.slice(0, depth + 1);
+    ];
 }
 function mergeSlotContent(chrome, content) {
     const merged = {

package/dist/esm/gallery/screens.js.map

@@ -1 +1 @@
-{"version":3,"file":"screens.js","sources":["../../../gallery/screens.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Eleven shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    MasterDetail: [{ label: 'Sales', targetScreen: 'Dashboard' }, { label: 'Customers' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","MasterDetail","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","find","screen"],"mappings":"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"}
+{"version":3,"file":"screens.js","sources":["../../../gallery/screens.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { foundationScreenTemplates, stateScreenTemplates } from '../foundation/templates';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Eleven shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...foundationScreenTemplates,\n    ...stateScreenTemplates,\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates, ...stateScreenTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    MasterDetail: [{ label: 'Sales', targetScreen: 'Dashboard' }, { label: 'Customers' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    DashboardScreen: [{ label: 'Dashboard' }],\n    ListScreen: [{ label: 'Sales', targetScreen: 'DashboardScreen' }, { label: 'Deals' }],\n    BoardScreen: [{ label: 'Sales', targetScreen: 'DashboardScreen' }, { label: 'Pipeline' }],\n    WorkspaceScreen: [{ label: 'Sales' }],\n    MasterDetailScreen: [{ label: 'Sales', targetScreen: 'WorkspaceScreen' }, { label: 'Accounts' }],\n    RecordPage: [{ label: 'Sales', targetScreen: 'DashboardScreen' }, { label: 'Accounts', targetScreen: 'ListScreen' }, { label: 'Account' }],\n    FormScreen: [{ label: 'Sales', targetScreen: 'DashboardScreen' }, { label: 'Accounts', targetScreen: 'ListScreen' }, { label: 'New account' }],\n    WizardScreen: [{ label: 'Sales', targetScreen: 'DashboardScreen' }, { label: 'New account' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    if (depth >= 0) return nestingChainTemplates.slice(0, depth + 1);\n\n    // A template that fits a container-qualified slot (`WorkspaceScreen.moduleContent`) renders inside that container, which is what the qualifier is for.\n    const [container] = (template.fitsSlot ?? '').split('.');\n    const outer = container ? foundationScreenTemplates.find(candidate => candidate.name === container) : undefined;\n    return outer ? [outer, template] : [template];\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","foundationScreenTemplates","stateScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","MasterDetail","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","DashboardScreen","ListScreen","BoardScreen","WorkspaceScreen","MasterDetailScreen","RecordPage","FormScreen","WizardScreen","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","container","fitsSlot","split","outer","find","undefined","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","screen"],"mappings":"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"}

package/dist/esm/index.js

@@ -31,7 +31,8 @@ export { coreComponentNames, cratisComponentsNames, primeReactComponentNames } f
 export { componentNamesIn, distinctComponentNames } from './gallery/componentNames.js';
 export { galleryComponentCatalog, galleryPreviewProfile, galleryProfile } from './gallery/previewProfile.js';
 export { resolveElementComponentNames } from './gallery/resolveElementNames.js';
-export { GalleryScreenPreview, galleryPreviewRegistry } from './gallery/GalleryScreenPreview.js';
+export { GalleryScreenPreview, forceComponentState, galleryPreviewRegistry, queryResultsOf } from './gallery/GalleryScreenPreview.js';
+export { GalleryDialogPreview, galleryDialogTemplate } from './gallery/GalleryDialogPreview.js';
 export { TemplatePreviewState } from './gallery/TemplatePreviewState.js';
 export { applyTemplatePreviewState, hasPreviewData, previewErrorMessage } from './gallery/applyTemplatePreviewState.js';
 export { readBoolean, readNumber, readOptionalString, readRecords, readString, readStrings, recordString } from './shell/elementProperties.js';
@@ -94,6 +95,9 @@ export { DataList } from './foundation/DataList.js';
 export { activeTab, readTabs, stepTab } from './foundation/tabModel.js';
 export { TabSet } from './foundation/TabSet.js';
 export { SubNavigation } from './foundation/SubNavigation.js';
+export { DialogFrame, DialogPlacement, DialogTone, placementFor, readDialogPlacement } from './foundation/DialogFrame.js';
+export { Notice } from './foundation/Notice.js';
+export { ActionButtonControl } from './foundation/ActionButtonControl.js';
 export { BulkBar, selectionCount } from './foundation/BulkBar.js';
 export { GlobalSearch } from './foundation/GlobalSearch.js';
 export { NotificationsButton } from './foundation/NotificationsButton.js';
@@ -107,6 +111,7 @@ export { bindable, foundationDescriptors, list, standardStateProperties } from '
 export { foundationComponentMetadata } from './foundation/foundationComponentMetadata.js';
 export { foundationElement, foundationSamples } from './foundation/foundationSamples.js';
 export { FoundationStates } from './foundation/FoundationStates.js';
+export { foundationScreenTemplates } from './foundation/templates/index.js';
 export { blueprintThemeCompatibility } from './themes/blueprintThemeCompatibility.js';
 export { lightTheme } from './themes/light.js';
 export { darkTheme } from './themes/dark.js';
@@ -132,4 +137,15 @@ export { PreviewToast } from './preview-host/PreviewToast.js';
 export { PreviewProblemsView } from './preview-host/PreviewProblemsView.js';
 export { ApplicationHost } from './preview-host/ApplicationHost.js';
 export { ScenePreviewHost } from './preview-host/ScenePreviewHost.js';
+export { actionButton, closeDialogBehaviors, closingDialog, dialogActions, dialogMetadata, filterDialogTemplate, foundationDialogTemplates, lookupDialogTemplate, quickCreateDialogTemplate, sideSheetTemplate } from './foundation/templates/dialogTemplates.js';
+export { boardScreenTemplate } from './foundation/templates/boardScreenTemplate.js';
+export { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './foundation/templates/templateParts.js';
+export { dashboardScreenTemplate } from './foundation/templates/dashboardScreenTemplate.js';
+export { errorScreenTemplate, forbiddenScreenTemplate, foundationTemplateAliases, loginScreenTemplate, notFoundScreenTemplate, stateScreenTemplates } from './foundation/templates/stateScreenTemplates.js';
+export { formScreenTemplate } from './foundation/templates/formScreenTemplate.js';
+export { listScreenTemplate } from './foundation/templates/listScreenTemplate.js';
+export { masterDetailScreenTemplate } from './foundation/templates/masterDetailScreenTemplate.js';
+export { recordPageTemplate } from './foundation/templates/recordPageTemplate.js';
+export { wizardScreenTemplate } from './foundation/templates/wizardScreenTemplate.js';
+export { workspaceScreenTemplate } from './foundation/templates/workspaceScreenTemplate.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}