@cratis/scene.blueprint.components 0.1.0

package/dist/esm/for_componentsScreenTemplates/when_placing_them_in_the_default_blueprint_layout.js

@@ -0,0 +1,31 @@
+import { resolveScreenTemplates } from '@cratis/scene.engine';
+import { appShellLayout, defaultBlueprint } from '@cratis/scene.blueprint.default';
+import { componentsPageTemplates } from '../templates';
+describe('when placing them in the default blueprint layout', () => {
+    const templates = [...(defaultBlueprint.screenTemplates ?? []), ...componentsPageTemplates];
+    const resolution = resolveScreenTemplates(appShellLayout, templates);
+    const ownNames = new Set(componentsPageTemplates.map(template => template.name));
+    const ownPlacements = resolution.placements.filter(placement => ownNames.has(placement.template));
+    it('should have templates to place', () => {
+        componentsPageTemplates.should.not.be.empty;
+    });
+    it('should place every one of them', () => {
+        ownPlacements.map(placement => placement.template).sort().should.deep.equal([...ownNames].sort());
+    });
+    it('should leave none of them unplaced, even with the other blueprint templates in scope', () => {
+        resolution.unplaced.filter(unplaced => ownNames.has(unplaced.template)).should.be.empty;
+    });
+    it('should place every one directly inside the layout rather than inside another template', () => {
+        ownPlacements.filter(placement => placement.container !== appShellLayout.name).should.be.empty;
+    });
+    it('should place every one at the first level below the layout', () => {
+        ownPlacements.filter(placement => placement.depth !== 1).should.be.empty;
+    });
+    it('should place every one in the content slot, which is the only region a layout offers a screen', () => {
+        ownPlacements.filter(placement => placement.slot !== 'content').should.be.empty;
+    });
+    it('should introduce no nesting cycle', () => {
+        resolution.cycles.should.deep.equal([]);
+    });
+});
+//# sourceMappingURL=when_placing_them_in_the_default_blueprint_layout.js.map

package/dist/esm/for_componentsScreenTemplates/when_placing_them_in_the_default_blueprint_layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_placing_them_in_the_default_blueprint_layout.js","sourceRoot":"","sources":["../../../for_componentsScreenTemplates/when_placing_them_in_the_default_blueprint_layout.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAYvD,QAAQ,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC/D,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,gBAAgB,CAAC,eAAe,IAAI,EAAE,CAAC,EAAE,GAAG,uBAAuB,CAAC,CAAC;IAC5F,MAAM,UAAU,GAAG,sBAAsB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,uBAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IACjF,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAElG,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,uBAAuB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACtG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sFAAsF,EAAE,GAAG,EAAE;QAC5F,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uFAAuF,EAAE,GAAG,EAAE;QAC7F,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,SAAS,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IACnG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QAClE,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+FAA+F,EAAE,GAAG,EAAE;QACrG,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IACpF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACzC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_componentsScreenTemplates/when_resolving_the_component_names_they_reference.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_resolving_the_component_names_they_reference.d.ts.map

package/dist/esm/for_componentsScreenTemplates/when_resolving_the_component_names_they_reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_resolving_the_component_names_they_reference.d.ts","sourceRoot":"","sources":["../../../for_componentsScreenTemplates/when_resolving_the_component_names_they_reference.ts"],"names":[],"mappings":""}

package/dist/esm/for_componentsScreenTemplates/when_resolving_the_component_names_they_reference.js

@@ -0,0 +1,54 @@
+import { resolveComponentName } from '@cratis/scene.engine';
+import { composeScreenElement, defaultBlueprintName, distinctComponentNames } from '@cratis/scene.blueprint.default';
+import { cratisComponentsPackageManifest } from '@cratis/scene.components';
+import { ComponentName } from '../ComponentName';
+import { CompositeName } from '../CompositeName';
+import { componentsBlueprintCatalog, componentsBlueprintProfile, componentsGalleryScreens } from '../gallery';
+import { componentsBlueprintName } from '../packageName';
+import { componentsDialogTemplates } from '../templates';
+describe('when resolving the component names they reference', () => {
+    const fromScreens = distinctComponentNames(componentsGalleryScreens.map(composeScreenElement));
+    const fromDialogs = distinctComponentNames(componentsDialogTemplates.flatMap(template => Object.values(template.content ?? {}).flat()));
+    const names = [...new Set([...fromScreens, ...fromDialogs])].sort();
+    const resolutions = names.map(name => ({ name, resolution: resolveComponentName(name, componentsBlueprintProfile, componentsBlueprintCatalog) }));
+    it('should reference something', () => {
+        names.should.not.be.empty;
+    });
+    it('should reference something from the dialog templates too', () => {
+        fromDialogs.should.not.be.empty;
+    });
+    it('should resolve every referenced name against the profile', () => {
+        resolutions
+            .filter(entry => entry.resolution === undefined)
+            .map(entry => entry.name)
+            .should.be.empty;
+    });
+    it('should resolve its own page header to itself', () => {
+        resolveComponentName(ComponentName.ArcPageHeader, componentsBlueprintProfile, componentsBlueprintCatalog).package.should.equal(componentsBlueprintName);
+    });
+    it('should reference every component it registers, so nothing is declared and then unused', () => {
+        const referenced = new Set(names);
+        Object.values(ComponentName)
+            .filter(name => !referenced.has(name))
+            .should.be.empty;
+    });
+    it('should resolve the shell components to the blueprint it layers on', () => {
+        resolveComponentName('appShell', componentsBlueprintProfile, componentsBlueprintCatalog).package.should.equal(defaultBlueprintName);
+    });
+    it('should resolve the Arc-bound composites to the component library', () => {
+        resolutions
+            .filter(entry => Object.values(CompositeName).includes(entry.name))
+            .filter(entry => entry.resolution?.package !== cratisComponentsPackageManifest.name)
+            .map(entry => entry.name)
+            .should.be.empty;
+    });
+    it('should resolve a name both libraries declare to the Arc-aware one, and record the other as shadowed', () => {
+        const dataTable = resolveComponentName(CompositeName.DataTable, componentsBlueprintProfile, componentsBlueprintCatalog);
+        dataTable.package.should.equal(cratisComponentsPackageManifest.name);
+        dataTable.shadows.should.contain('PrimeReact');
+    });
+    it('should resolve the borrowed column to PrimeReact, since neither library declares one', () => {
+        resolveComponentName('column', componentsBlueprintProfile, componentsBlueprintCatalog).package.should.equal('PrimeReact');
+    });
+});
+//# sourceMappingURL=when_resolving_the_component_names_they_reference.js.map

package/dist/esm/for_componentsScreenTemplates/when_resolving_the_component_names_they_reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_resolving_the_component_names_they_reference.js","sourceRoot":"","sources":["../../../for_componentsScreenTemplates/when_resolving_the_component_names_they_reference.ts"],"names":[],"mappings":"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"}

package/dist/esm/for_deriveArcHeading/when_no_binding_is_named.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_no_binding_is_named.d.ts.map

package/dist/esm/for_deriveArcHeading/when_no_binding_is_named.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_no_binding_is_named.d.ts","sourceRoot":"","sources":["../../../for_deriveArcHeading/when_no_binding_is_named.ts"],"names":[],"mappings":""}

package/dist/esm/for_deriveArcHeading/when_no_binding_is_named.js

@@ -0,0 +1,27 @@
+import { BindingKind } from '@cratis/scene.components';
+import { deriveArcHeading } from '../header';
+describe('when no binding is named', () => {
+    const heading = deriveArcHeading({ title: 'InvoiceRegistered' }, {}, BindingKind.Query);
+    it('should use the title the template gave it', () => {
+        heading.title.should.equal('InvoiceRegistered');
+    });
+    it('should build a trail of just the title when no section was given', () => {
+        heading.trail.should.deep.equal(['InvoiceRegistered']);
+    });
+    it('should report that it is not bound', () => {
+        heading.isBound.should.be.false;
+    });
+    it('should state the absence plainly rather than naming a binding nobody asked for', () => {
+        heading.bindingLabel.should.equal('No binding');
+    });
+    it('should carry no binding name', () => {
+        (heading.bindingName === undefined).should.be.true;
+    });
+    describe('and the template gave no title either', () => {
+        const untitled = deriveArcHeading({}, {}, BindingKind.Query);
+        it('should fall back to something readable rather than an empty heading', () => {
+            untitled.title.should.equal('Untitled page');
+        });
+    });
+});
+//# sourceMappingURL=when_no_binding_is_named.js.map

package/dist/esm/for_deriveArcHeading/when_no_binding_is_named.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_no_binding_is_named.js","sourceRoot":"","sources":["../../../for_deriveArcHeading/when_no_binding_is_named.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAO7C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAExF,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACjD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QACxE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gFAAgF,EAAE,GAAG,EAAE;QACtF,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACpC,CAAC,OAAO,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACnD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QAE7D,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;YAC3E,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_deriveArcHeading/when_the_binding_is_not_registered.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_the_binding_is_not_registered.d.ts.map

package/dist/esm/for_deriveArcHeading/when_the_binding_is_not_registered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_binding_is_not_registered.d.ts","sourceRoot":"","sources":["../../../for_deriveArcHeading/when_the_binding_is_not_registered.ts"],"names":[],"mappings":""}

package/dist/esm/for_deriveArcHeading/when_the_binding_is_not_registered.js

@@ -0,0 +1,18 @@
+import { BindingKind } from '@cratis/scene.components';
+import { deriveArcHeading } from '../header';
+describe('when the binding is not registered', () => {
+    const heading = deriveArcHeading({ section: 'Billing' }, { name: 'RecordAdjustment' }, BindingKind.Command);
+    it('should fall back to the binding name read as a sentence, so the page is legible before anyone writes a title', () => {
+        heading.title.should.equal('Record adjustment');
+    });
+    it('should build the trail from the derived title', () => {
+        heading.trail.should.deep.equal(['Billing', 'Record adjustment']);
+    });
+    it('should report that it is not bound', () => {
+        heading.isBound.should.be.false;
+    });
+    it('should say which name a host has to register, which is the only actionable part', () => {
+        heading.bindingLabel.should.equal('No command registered as RecordAdjustment');
+    });
+});
+//# sourceMappingURL=when_the_binding_is_not_registered.js.map

package/dist/esm/for_deriveArcHeading/when_the_binding_is_not_registered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_binding_is_not_registered.js","sourceRoot":"","sources":["../../../for_deriveArcHeading/when_the_binding_is_not_registered.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAChD,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAE5G,EAAE,CAAC,8GAA8G,EAAE,GAAG,EAAE;QACpH,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iFAAiF,EAAE,GAAG,EAAE;QACvF,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_deriveArcHeading/when_the_binding_is_registered.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_the_binding_is_registered.d.ts.map

package/dist/esm/for_deriveArcHeading/when_the_binding_is_registered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_binding_is_registered.d.ts","sourceRoot":"","sources":["../../../for_deriveArcHeading/when_the_binding_is_registered.ts"],"names":[],"mappings":""}

package/dist/esm/for_deriveArcHeading/when_the_binding_is_registered.js

@@ -0,0 +1,26 @@
+import { BindingKind } from '@cratis/scene.components';
+import { deriveArcHeading } from '../header';
+class AllInvoices {
+}
+describe('when the binding is registered', () => {
+    const heading = deriveArcHeading({ title: 'Invoices', subtitle: 'Every invoice', section: 'Billing' }, { name: 'AllInvoices', target: AllInvoices }, BindingKind.Query);
+    it('should use the title the template gave it', () => {
+        heading.title.should.equal('Invoices');
+    });
+    it('should keep the subtitle', () => {
+        heading.subtitle.should.equal('Every invoice');
+    });
+    it('should build the trail from the section and the title, rather than a second literal', () => {
+        heading.trail.should.deep.equal(['Billing', 'Invoices']);
+    });
+    it('should report that it is bound', () => {
+        heading.isBound.should.be.true;
+    });
+    it('should say what it is bound to, naming the kind so a query is not mistaken for a command', () => {
+        heading.bindingLabel.should.equal('Bound to query AllInvoices');
+    });
+    it('should keep the binding name for anything that wants to report it', () => {
+        heading.bindingName.should.equal('AllInvoices');
+    });
+});
+//# sourceMappingURL=when_the_binding_is_registered.js.map

package/dist/esm/for_deriveArcHeading/when_the_binding_is_registered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_binding_is_registered.js","sourceRoot":"","sources":["../../../for_deriveArcHeading/when_the_binding_is_registered.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW;CAAG;AAEpB,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC5C,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAExK,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACjD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,OAAO,CAAC,QAAS,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qFAAqF,EAAE,GAAG,EAAE;QAC3F,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0FAA0F,EAAE,GAAG,EAAE;QAChG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QACzE,OAAO,CAAC,WAAY,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_humanizeBindingName/when_reading_a_proxy_name.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_reading_a_proxy_name.d.ts.map

package/dist/esm/for_humanizeBindingName/when_reading_a_proxy_name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_a_proxy_name.d.ts","sourceRoot":"","sources":["../../../for_humanizeBindingName/when_reading_a_proxy_name.ts"],"names":[],"mappings":""}

package/dist/esm/for_humanizeBindingName/when_reading_a_proxy_name.js

@@ -0,0 +1,25 @@
+import { humanizeBindingName } from '../header';
+describe('when reading a proxy name', () => {
+    it('should read a two-word query name as a sentence', () => {
+        humanizeBindingName('AllInvoices').should.equal('All invoices');
+    });
+    it('should read a command name as a sentence', () => {
+        humanizeBindingName('RecordAdjustment').should.equal('Record adjustment');
+    });
+    it('should lower every word after the first', () => {
+        humanizeBindingName('InvoicesInFlight').should.equal('Invoices in flight');
+    });
+    it('should leave a single word alone', () => {
+        humanizeBindingName('Invoices').should.equal('Invoices');
+    });
+    it('should split a word boundary that follows a digit', () => {
+        humanizeBindingName('Top10Customers').should.equal('Top10 customers');
+    });
+    it('should keep a run of capitals together rather than chopping it into initials', () => {
+        humanizeBindingName('AllPIIRecords').should.equal('All PIIRecords');
+    });
+    it('should return an empty name unchanged rather than inventing a heading', () => {
+        humanizeBindingName('').should.equal('');
+    });
+});
+//# sourceMappingURL=when_reading_a_proxy_name.js.map

package/dist/esm/for_humanizeBindingName/when_reading_a_proxy_name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_reading_a_proxy_name.js","sourceRoot":"","sources":["../../../for_humanizeBindingName/when_reading_a_proxy_name.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACvD,mBAAmB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QACxC,mBAAmB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QACzD,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE,GAAG,EAAE;QACpF,mBAAmB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC7E,mBAAmB,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/gallery/ArcPages.stories.d.ts

@@ -0,0 +1,30 @@
+import type { StoryObj } from '@storybook/react';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+declare const meta: {
+    title: string;
+    component: typeof GalleryScreenPreview;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DataListPage: Story;
+export declare const ObservableDataListPage: Story;
+export declare const DataListWithDetailPage: Story;
+export declare const MasterDetailPage: Story;
+export declare const DashboardPage: Story;
+export declare const CommandFormPage: Story;
+export declare const SchemaEditorPage: Story;
+export declare const ObjectEditorPage: Story;
+export declare const DataModulePage: Story;
+export declare const DataFeatureSection: Story;
+export declare const CommandSliceSection: Story;
+export declare const InTheSlimMode: Story;
+//# sourceMappingURL=ArcPages.stories.d.ts.map

package/dist/esm/gallery/ArcPages.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcPages.stories.d.ts","sourceRoot":"","sources":["../../../gallery/ArcPages.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;CASoB,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,YAAY,EAAE,KAAgD,CAAC;AAG5E,eAAO,MAAM,sBAAsB,EAAE,KAA0D,CAAC;AAGhG,eAAO,MAAM,sBAAsB,EAAE,KAA0D,CAAC;AAGhG,eAAO,MAAM,gBAAgB,EAAE,KAAoD,CAAC;AAGpF,eAAO,MAAM,aAAa,EAAE,KAAiD,CAAC;AAG9E,eAAO,MAAM,eAAe,EAAE,KAAmD,CAAC;AAGlF,eAAO,MAAM,gBAAgB,EAAE,KAAoD,CAAC;AAGpF,eAAO,MAAM,gBAAgB,EAAE,KAAoD,CAAC;AAGpF,eAAO,MAAM,cAAc,EAAE,KAAkD,CAAC;AAGhF,eAAO,MAAM,kBAAkB,EAAE,KAAsD,CAAC;AAGxF,eAAO,MAAM,mBAAmB,EAAE,KAAuD,CAAC;AAS1F,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/dist/esm/gallery/ArcPages.stories.js

@@ -0,0 +1,34 @@
+import { LayoutMode } from '@cratis/scene.blueprint.default';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+const meta = {
+    title: 'Blueprint/Arc pages',
+    component: GalleryScreenPreview,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The eight Arc-bound page templates plus the three-level nesting chain, each booted as a screen inside the default ' +
+                    "blueprint's application shell. Nothing is registered in the binding registry, so every Arc-bound region names the " +
+                    'binding it wanted and every page header says which query or command a host still has to wire. That is the normal ' +
+                    'design-time state - see the *Bindings* stories for what changes when a host registers one.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const DataListPage = { args: { screenName: 'DataListPage' } };
+export const ObservableDataListPage = { args: { screenName: 'ObservableDataListPage' } };
+export const DataListWithDetailPage = { args: { screenName: 'DataListWithDetailPage' } };
+export const MasterDetailPage = { args: { screenName: 'MasterDetailPage' } };
+export const DashboardPage = { args: { screenName: 'DashboardPage' } };
+export const CommandFormPage = { args: { screenName: 'CommandFormPage' } };
+export const SchemaEditorPage = { args: { screenName: 'SchemaEditorPage' } };
+export const ObjectEditorPage = { args: { screenName: 'ObjectEditorPage' } };
+export const DataModulePage = { args: { screenName: 'DataModulePage' } };
+export const DataFeatureSection = { args: { screenName: 'DataFeatureSection' } };
+export const CommandSliceSection = { args: { screenName: 'CommandSliceSection' } };
+export const InTheSlimMode = {
+    args: { screenName: 'DataListPage', initialConfig: { mode: LayoutMode.Slim } },
+};
+//# sourceMappingURL=ArcPages.stories.js.map

package/dist/esm/gallery/ArcPages.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcPages.stories.js","sourceRoot":"","sources":["../../../gallery/ArcPages.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EACL,oHAAoH;oBACpH,oHAAoH;oBACpH,mHAAmH;oBACnH,4FAA4F;aACnG;SACJ;KACJ;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACuB,CAAC;AAE9C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,CAAC;AAG5E,MAAM,CAAC,MAAM,sBAAsB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,wBAAwB,EAAE,EAAE,CAAC;AAGhG,MAAM,CAAC,MAAM,sBAAsB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,wBAAwB,EAAE,EAAE,CAAC;AAGhG,MAAM,CAAC,MAAM,gBAAgB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,CAAC;AAGpF,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC;AAG9E,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,CAAC;AAGlF,MAAM,CAAC,MAAM,gBAAgB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,CAAC;AAGpF,MAAM,CAAC,MAAM,gBAAgB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,CAAC;AAGpF,MAAM,CAAC,MAAM,cAAc,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,kBAAkB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAAE,CAAC;AAGxF,MAAM,CAAC,MAAM,mBAAmB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,qBAAqB,EAAE,EAAE,CAAC;AAS1F,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,EAAE;CACjF,CAAC"}

package/dist/esm/gallery/Bindings.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+declare const meta: {
+    title: string;
+    component: typeof GalleryScreenPreview;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Unbound: Story;
+export declare const Bound: Story;
+export declare const BoundWithRealContent: Story;
+export declare const UnboundWithRealContent: Story;
+//# sourceMappingURL=Bindings.stories.d.ts.map

package/dist/esm/gallery/Bindings.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bindings.stories.d.ts","sourceRoot":"","sources":["../../../gallery/Bindings.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAC;AAuEzF,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;CAQoB,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAMF,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AASF,eAAO,MAAM,oBAAoB,EAAE,KAGlC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAGpC,CAAC"}

package/dist/esm/gallery/Bindings.stories.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { clearBindings, registerCommands, registerQueries } from '@cratis/scene.components';
+import { SampleBindingName } from '../templates';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+class AllInvoices {
+}
+class InvoicesInFlight {
+}
+class InvoiceById {
+}
+class RevenueByMonth {
+}
+class OpenTickets {
+}
+class AllAdjustments {
+}
+class RegisterInvoice {
+}
+class RecordAdjustment {
+}
+const queries = {
+    [SampleBindingName.AllInvoices]: AllInvoices,
+    [SampleBindingName.InvoicesInFlight]: InvoicesInFlight,
+    [SampleBindingName.InvoiceById]: InvoiceById,
+    [SampleBindingName.RevenueByMonth]: RevenueByMonth,
+    [SampleBindingName.OpenTickets]: OpenTickets,
+    [SampleBindingName.AllAdjustments]: AllAdjustments,
+};
+const commands = {
+    [SampleBindingName.RegisterInvoice]: RegisterInvoice,
+    [SampleBindingName.RecordAdjustment]: RecordAdjustment,
+};
+function BoundScreen({ screenName, initialConfig }) {
+    useMemo(() => {
+        clearBindings();
+        registerQueries(queries);
+        registerCommands(commands);
+    }, []);
+    return _jsx(GalleryScreenPreview, { screenName: screenName, initialConfig: initialConfig });
+}
+function UnboundScreen({ screenName, initialConfig }) {
+    useMemo(() => clearBindings(), []);
+    return _jsx(GalleryScreenPreview, { screenName: screenName, initialConfig: initialConfig });
+}
+const meta = {
+    title: 'Blueprint/Bindings',
+    component: GalleryScreenPreview,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'What the binding registry does to a page. A template names a query or a command; a host registers the generated Arc ' +
+                    'proxy under that name. These stories show a page with nothing registered, and the same pages with small fakes ' +
+                    'registered, so the difference is something you can look at rather than something you have to take on trust.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Unbound = {
+    args: { screenName: 'DataListPage' },
+    render: args => _jsx(UnboundScreen, { ...args }),
+};
+export const Bound = {
+    args: { screenName: 'DataListPage' },
+    render: args => _jsx(BoundScreen, { ...args }),
+};
+export const BoundWithRealContent = {
+    args: { screenName: 'ObjectEditorPage' },
+    render: args => _jsx(BoundScreen, { ...args }),
+};
+export const UnboundWithRealContent = {
+    args: { screenName: 'ObjectEditorPage' },
+    render: args => _jsx(UnboundScreen, { ...args }),
+};
+//# sourceMappingURL=Bindings.stories.js.map

package/dist/esm/gallery/Bindings.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bindings.stories.js","sourceRoot":"","sources":["../../../gallery/Bindings.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { ComponentRegistry } from '@cratis/scene.react';
+export interface DialogTemplatePreviewProps {
+    templateName: string;
+    registry?: ComponentRegistry;
+}
+export declare function DialogTemplatePreview({ templateName, registry }: DialogTemplatePreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=DialogTemplatePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTemplatePreview.d.ts","sourceRoot":"","sources":["../../../gallery/DialogTemplatePreview.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,qBAAqB,CAAC;AAM1E,MAAM,WAAW,0BAA0B;IAEvC,YAAY,EAAE,MAAM,CAAC;IAGrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAYD,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,QAAoC,EAAE,EAAE,0BAA0B,+BAmBvH"}

package/dist/esm/gallery/DialogTemplatePreview.js

@@ -0,0 +1,44 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { SceneElementView } from '@cratis/scene.react';
+import { resolveElementComponentNames } from '@cratis/scene.blueprint.default';
+import '../templates/listTemplates.js';
+import '../templates/workspaceTemplates.js';
+import '../templates/commandTemplates.js';
+import '../templates/editorTemplates.js';
+import '../templates/nesting.js';
+import { componentsDialogTemplates } from '../templates/dialogTemplates.js';
+import '../templates/screenTemplates.js';
+import { componentsBlueprintProfile, componentsBlueprintCatalog } from './previewProfile.js';
+import { componentsPreviewRegistry } from './GalleryScreenPreview.js';
+
+/**
+ * Boots one dialog template through the real engine.
+ *
+ * A dialog has no layout and no shell, because it occupies no slot - it opens *over* whatever is already
+ * on screen. So there is nothing to compose it into: the template's own content is the whole tree, and it
+ * goes straight through `resolveComponentName` and `SceneElementView` exactly as a screen's does.
+ *
+ * Each of these templates declares one slot, so flattening the content is the whole of "assembling" it.
+ * That is a consequence of the composites owning their own frames rather than a simplification here.
+ */ function DialogTemplatePreview({ templateName, registry = componentsPreviewRegistry }) {
+    const elements = useMemo(()=>{
+        const template = componentsDialogTemplates.find((candidate)=>candidate.name === templateName);
+        if (!template) {
+            throw new Error(`This blueprint has no dialog template named '${templateName}'.`);
+        }
+        return Object.values(template.content ?? {}).flat().map((element)=>resolveElementComponentNames(element, componentsBlueprintProfile, componentsBlueprintCatalog));
+    }, [
+        templateName
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: elements.map((element)=>/*#__PURE__*/ jsx(SceneElementView, {
+                element: element,
+                registry: registry,
+                resolveBinding: ()=>undefined
+            }, element.id))
+    });
+}
+
+export { DialogTemplatePreview };
+//# sourceMappingURL=DialogTemplatePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTemplatePreview.js","sources":["../../../gallery/DialogTemplatePreview.tsx"],"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 { useMemo } from 'react';\nimport { SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView } from '@cratis/scene.react';\nimport { resolveElementComponentNames } from '@cratis/scene.blueprint.default';\nimport { componentsDialogTemplates } from '../templates';\nimport { componentsBlueprintCatalog, componentsBlueprintProfile } from './previewProfile';\nimport { componentsPreviewRegistry } from './GalleryScreenPreview';\n\nexport interface DialogTemplatePreviewProps {\n    /** The name of the dialog template to boot. */\n    templateName: string;\n\n    /** The component registry to render against. Defaults to {@link componentsPreviewRegistry}. */\n    registry?: ComponentRegistry;\n}\n\n/**\n * Boots one dialog template through the real engine.\n *\n * A dialog has no layout and no shell, because it occupies no slot - it opens *over* whatever is already\n * on screen. So there is nothing to compose it into: the template's own content is the whole tree, and it\n * goes straight through `resolveComponentName` and `SceneElementView` exactly as a screen's does.\n *\n * Each of these templates declares one slot, so flattening the content is the whole of \"assembling\" it.\n * That is a consequence of the composites owning their own frames rather than a simplification here.\n */\nexport function DialogTemplatePreview({ templateName, registry = componentsPreviewRegistry }: DialogTemplatePreviewProps) {\n    const elements = useMemo(() => {\n        const template = componentsDialogTemplates.find(candidate => candidate.name === templateName);\n        if (!template) {\n            throw new Error(`This blueprint has no dialog template named '${templateName}'.`);\n        }\n\n        return Object.values(template.content ?? {})\n            .flat()\n            .map((element: SceneElement) => resolveElementComponentNames(element, componentsBlueprintProfile, componentsBlueprintCatalog));\n    }, [templateName]);\n\n    return (\n        <>\n            {elements.map(element => (\n                <SceneElementView key={element.id} element={element} registry={registry} resolveBinding={() => undefined} />\n            ))}\n        </>\n    );\n}\n"],"names":["DialogTemplatePreview","templateName","registry","componentsPreviewRegistry","elements","useMemo","template","componentsDialogTemplates","find","candidate","name","Error","Object","values","content","flat","map","element","resolveElementComponentNames","componentsBlueprintProfile","componentsBlueprintCatalog","_jsx","_Fragment","SceneElementView","resolveBinding","undefined","id"],"mappings":";;;;;;;;;;;;;;AAmBA;;;;;;;;;IAUO,SAASA,qBAAAA,CAAsB,EAAEC,YAAY,EAAEC,QAAAA,GAAWC,yBAAyB,EAA8B,EAAA;AACpH,IAAA,MAAMC,WAAWC,OAAAA,CAAQ,IAAA;QACrB,MAAMC,QAAAA,GAAWC,0BAA0BC,IAAI,CAACC,CAAAA,SAAAA,GAAaA,SAAAA,CAAUC,IAAI,KAAKT,YAAAA,CAAAA;AAChF,QAAA,IAAI,CAACK,QAAAA,EAAU;AACX,YAAA,MAAM,IAAIK,KAAAA,CAAM,CAAC,6CAA6C,EAAEV,YAAAA,CAAa,EAAE,CAAC,CAAA;AACpF,QAAA;AAEA,QAAA,OAAOW,OAAOC,MAAM,CAACP,QAAAA,CAASQ,OAAO,IAAI,EAAC,CAAA,CACrCC,IAAI,EAAA,CACJC,GAAG,CAAC,CAACC,OAAAA,GAA0BC,4BAAAA,CAA6BD,SAASE,0BAAAA,EAA4BC,0BAAAA,CAAAA,CAAAA;IAC1G,CAAA,EAAG;AAACnB,QAAAA;AAAa,KAAA,CAAA;IAEjB,qBACIoB,GAAA,CAAAC,QAAA,EAAA;AACKlB,QAAAA,QAAAA,EAAAA,QAAAA,CAASY,GAAG,CAACC,CAAAA,OAAAA,iBACVI,GAAA,CAACE,gBAAAA,EAAAA;gBAAkCN,OAAAA,EAASA,OAAAA;gBAASf,QAAAA,EAAUA,QAAAA;AAAUsB,gBAAAA,cAAAA,EAAgB,IAAMC;AAAxER,aAAAA,EAAAA,OAAAA,CAAQS,EAAE,CAAA;;AAIjD;;;;"}

package/dist/esm/gallery/DialogTemplates.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import { DialogTemplatePreview } from './DialogTemplatePreview';
+declare const meta: {
+    title: string;
+    component: typeof DialogTemplatePreview;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CommandDialog: Story;
+export declare const ConfirmDialog: Story;
+export declare const BusyDialog: Story;
+//# sourceMappingURL=DialogTemplates.stories.d.ts.map

package/dist/esm/gallery/DialogTemplates.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTemplates.stories.d.ts","sourceRoot":"","sources":["../../../gallery/DialogTemplates.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;CAUqB,CAAC;eAEhC,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,aAAa,EAAE,KAAmD,CAAC;AAGhF,eAAO,MAAM,aAAa,EAAE,KAAmD,CAAC;AAGhF,eAAO,MAAM,UAAU,EAAE,KAAgD,CAAC"}

package/dist/esm/gallery/DialogTemplates.stories.js

@@ -0,0 +1,23 @@
+import { DialogTemplatePreview } from './DialogTemplatePreview';
+const meta = {
+    title: 'Blueprint/Dialog templates',
+    component: DialogTemplatePreview,
+    parameters: {
+        layout: 'centered',
+        docs: {
+            description: {
+                component: 'Each dialog template declares exactly one slot, because the Arc-aware dialogs own their own frame, title bar and ' +
+                    'buttons - a template offering `header` and `actions` slots would be offering regions that render outside the modal. ' +
+                    'The confirmation and busy dialogs reach the Arc runtime as soon as they render, so in a design surface they show the ' +
+                    "library's own error boundary rather than a modal; the command dialog shows a placeholder until its command is " +
+                    'registered. Both are what an application without an Arc client sees, and both are the point.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const CommandDialog = { args: { templateName: 'CommandDialog' } };
+export const ConfirmDialog = { args: { templateName: 'ConfirmDialog' } };
+export const BusyDialog = { args: { templateName: 'BusyDialog' } };
+//# sourceMappingURL=DialogTemplates.stories.js.map

package/dist/esm/gallery/DialogTemplates.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTemplates.stories.js","sourceRoot":"","sources":["../../../gallery/DialogTemplates.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,qBAAqB;IAChC,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EACL,mHAAmH;oBACnH,sHAAsH;oBACtH,uHAAuH;oBACvH,gHAAgH;oBAChH,8FAA8F;aACrG;SACJ;KACJ;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACwB,CAAC;AAE/C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { ComponentRegistry } from '@cratis/scene.react';
+import { LayoutConfigState } from '@cratis/scene.blueprint.default';
+export declare const componentsPreviewRegistry: ComponentRegistry;
+export interface GalleryScreenPreviewProps {
+    screenName: string;
+    initialConfig?: Partial<LayoutConfigState>;
+    registry?: ComponentRegistry;
+}
+export declare function GalleryScreenPreview({ screenName, initialConfig, registry }: GalleryScreenPreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=GalleryScreenPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryScreenPreview.d.ts","sourceRoot":"","sources":["../../../gallery/GalleryScreenPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAoC,MAAM,qBAAqB,CAAC;AAE1F,OAAO,EAAwB,iBAAiB,EAA+H,MAAM,iCAAiC,CAAC;AAgBvN,eAAO,MAAM,yBAAyB,EAAE,iBAKvC,CAAC;AAEF,MAAM,WAAW,yBAAyB;IAEtC,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAG3C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAcD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,QAAoC,EAAE,EAAE,yBAAyB,+BAiBlI"}