@cratis/scene.blueprint.default 4.30.0 → 4.32.0

package/ComponentName.ts

@@ -57,4 +57,16 @@ export enum ComponentName {
 
     /** Switches between the layout modes. */
     LayoutModeSwitcher = 'layoutModeSwitcher',
+
+    /** An icon, a headline, a hint and one primary action: what a region says when it has nothing to show. */
+    EmptyState = 'emptyState',
+
+    /** One key figure with its label, trend and comparison period. */
+    StatCard = 'statCard',
+
+    /** A change drawn as a direction, a magnitude and whether it is good. */
+    TrendChip = 'trendChip',
+
+    /** A status as a semantic color, an icon and its text. */
+    StatusChip = 'statusChip',
 }

package/defaultBlueprint.ts

@@ -5,6 +5,7 @@ import { PackageKind, ScenePackage } from '@cratis/scene.model';
 import { ScenePackageBundle, describeComponents } from '@cratis/scene.react';
 import { ComponentName } from './ComponentName';
 import { defaultBlueprintComponentMetadata } from './defaultBlueprintComponentMetadata';
+import { foundationDescriptors } from './foundation';
 import { defaultBlueprintComponents } from './defaultBlueprintComponents';
 import { galleryDialogTemplates, galleryScreenTemplates, galleryScreens } from './gallery';
 import { LayoutName, defaultLayouts } from './layouts';
@@ -66,5 +67,5 @@ export const defaultBlueprint: ScenePackageBundle = {
     dialogTemplates: galleryDialogTemplates,
     screens: galleryScreens,
     themes: defaultBlueprintThemes,
-    descriptors: describeComponents(defaultBlueprintManifest.name, [], defaultBlueprintComponentMetadata),
+    descriptors: describeComponents(defaultBlueprintManifest.name, foundationDescriptors, defaultBlueprintComponentMetadata),
 };

package/defaultBlueprintComponentMetadata.ts

@@ -2,10 +2,12 @@
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
 import { ComponentCategory } from '@cratis/scene.model';
+import { foundationComponentMetadata } from './foundation';
 import { ComponentMetadata, componentMetadata as m, navigationDesignMode } from '@cratis/scene.react';
 
 /** The category, icon, keywords and picker badge of every component of the package (CMP1), keyed by bare component name. */
 export const defaultBlueprintComponentMetadata: Record<string, ComponentMetadata> = {
+    ...foundationComponentMetadata,
     appShell: m('Application shell', ComponentCategory.Layout, 'app-window', ['layout', 'frame', 'chrome']),
     fullPageShell: m('Full page shell', ComponentCategory.Layout, 'maximize', ['layout', 'fullscreen', 'frame']),
     topbar: m('Topbar', ComponentCategory.Navigation, 'panel-top', ['header', 'top bar', 'navigation'], 'Tp', navigationDesignMode()),

package/defaultBlueprintComponents.ts

@@ -4,6 +4,7 @@
 import { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';
 import { ComponentName } from './ComponentName';
 import { defaultBlueprintName } from './packageName';
+import { EmptyState, StatCard, StatusChip, TrendChip } from './foundation';
 import {
     AppShell,
     Breadcrumb,
@@ -48,4 +49,8 @@ export const defaultBlueprintComponents: ComponentRegistry = {
     [componentRegistryKey(defaultBlueprintName, ComponentName.UserMenu)]: UserMenu,
     [componentRegistryKey(defaultBlueprintName, ComponentName.ThemeSwitcher)]: ThemeSwitcher,
     [componentRegistryKey(defaultBlueprintName, ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.EmptyState)]: EmptyState,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.StatCard)]: StatCard,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.TrendChip)]: TrendChip,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.StatusChip)]: StatusChip,
 };

package/dist/cjs/ComponentName.js

@@ -26,6 +26,10 @@
     /** The signed-in user's avatar and menu. */ ComponentName["UserMenu"] = "userMenu";
     /** Switches between the themes a host offers. */ ComponentName["ThemeSwitcher"] = "themeSwitcher";
     /** Switches between the layout modes. */ ComponentName["LayoutModeSwitcher"] = "layoutModeSwitcher";
+    /** An icon, a headline, a hint and one primary action: what a region says when it has nothing to show. */ ComponentName["EmptyState"] = "emptyState";
+    /** One key figure with its label, trend and comparison period. */ ComponentName["StatCard"] = "statCard";
+    /** A change drawn as a direction, a magnitude and whether it is good. */ ComponentName["TrendChip"] = "trendChip";
+    /** A status as a semantic color, an icon and its text. */ ComponentName["StatusChip"] = "statusChip";
     return ComponentName;
 }({});
 

package/dist/cjs/ComponentName.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentName.js","sources":["../../ComponentName.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\n/**\n * The bare names this package declares components under.\n *\n * A page template writes a bare name and `resolveComponentName` decides which active package wins it, so\n * these names are public API: renaming one breaks every template that referenced it, in this package and\n * in anyone else's. Keeping them in one enum means the manifest, the registry and every template\n * reference the same symbol, and the specs can prove all three agree rather than hoping they do.\n */\nexport enum ComponentName {\n    /** The application shell - topbar, sidebar, breadcrumb, content, footer and an optional right panel. */\n    AppShell = 'appShell',\n\n    /** The chrome-less shell - content, an optional branding aside, and the configurator. */\n    FullPageShell = 'fullPageShell',\n\n    /** The fixed strip across the top of the application shell. */\n    Topbar = 'topbar',\n\n    /** The sidebar's own chrome, inside the shell-positioned panel. */\n    Sidebar = 'sidebar',\n\n    /** A navigation list. */\n    Menu = 'menu',\n\n    /** One entry in a navigation list, optionally with a submenu. */\n    MenuItem = 'menuItem',\n\n    /** The trail above the content. */\n    Breadcrumb = 'breadcrumb',\n\n    /** The strip below the content. */\n    Footer = 'footer',\n\n    /** The inspector panel down the right-hand edge. */\n    RightPanel = 'rightPanel',\n\n    /** The floating configurator: color scheme, layout mode, menu theme and theme. */\n    ConfigPanel = 'configPanel',\n\n    /** A screen's title, subtitle and actions. */\n    PageHeader = 'pageHeader',\n\n    /** The scrim behind a floating sidebar, which also closes it. */\n    Mask = 'mask',\n\n    /** The brand mark. */\n    Logo = 'logo',\n\n    /** The signed-in user's avatar and menu. */\n    UserMenu = 'userMenu',\n\n    /** Switches between the themes a host offers. */\n    ThemeSwitcher = 'themeSwitcher',\n\n    /** Switches between the layout modes. */\n    LayoutModeSwitcher = 'layoutModeSwitcher',\n}\n"],"names":["ComponentName"],"mappings":";;AAAA;AACA;AAEA;;;;;;;IAQO,IAAKA,aAAAA,iBAAAA,SAAAA,aAAAA,EAAAA;6GAC8F,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8FAGf,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;oEAG1B,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;wEAGI,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;8BAG1C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;sEAGwC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;wCAG9B,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;wCAGA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;yDAGiB,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uFAG8B,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;mDAGpC,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;sEAGmB,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;2BAG3C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;iDAGsB,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;sDAGK,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;8CAGR,aAAA,CAAA,oBAAA,CAAA,GAAA,oBAAA;AA9C/BA,IAAAA,OAAAA,aAAAA;AAgDX,CAAA,CAAA,EAAA;;"}
+{"version":3,"file":"ComponentName.js","sources":["../../ComponentName.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\n/**\n * The bare names this package declares components under.\n *\n * A page template writes a bare name and `resolveComponentName` decides which active package wins it, so\n * these names are public API: renaming one breaks every template that referenced it, in this package and\n * in anyone else's. Keeping them in one enum means the manifest, the registry and every template\n * reference the same symbol, and the specs can prove all three agree rather than hoping they do.\n */\nexport enum ComponentName {\n    /** The application shell - topbar, sidebar, breadcrumb, content, footer and an optional right panel. */\n    AppShell = 'appShell',\n\n    /** The chrome-less shell - content, an optional branding aside, and the configurator. */\n    FullPageShell = 'fullPageShell',\n\n    /** The fixed strip across the top of the application shell. */\n    Topbar = 'topbar',\n\n    /** The sidebar's own chrome, inside the shell-positioned panel. */\n    Sidebar = 'sidebar',\n\n    /** A navigation list. */\n    Menu = 'menu',\n\n    /** One entry in a navigation list, optionally with a submenu. */\n    MenuItem = 'menuItem',\n\n    /** The trail above the content. */\n    Breadcrumb = 'breadcrumb',\n\n    /** The strip below the content. */\n    Footer = 'footer',\n\n    /** The inspector panel down the right-hand edge. */\n    RightPanel = 'rightPanel',\n\n    /** The floating configurator: color scheme, layout mode, menu theme and theme. */\n    ConfigPanel = 'configPanel',\n\n    /** A screen's title, subtitle and actions. */\n    PageHeader = 'pageHeader',\n\n    /** The scrim behind a floating sidebar, which also closes it. */\n    Mask = 'mask',\n\n    /** The brand mark. */\n    Logo = 'logo',\n\n    /** The signed-in user's avatar and menu. */\n    UserMenu = 'userMenu',\n\n    /** Switches between the themes a host offers. */\n    ThemeSwitcher = 'themeSwitcher',\n\n    /** Switches between the layout modes. */\n    LayoutModeSwitcher = 'layoutModeSwitcher',\n\n    /** An icon, a headline, a hint and one primary action: what a region says when it has nothing to show. */\n    EmptyState = 'emptyState',\n\n    /** One key figure with its label, trend and comparison period. */\n    StatCard = 'statCard',\n\n    /** A change drawn as a direction, a magnitude and whether it is good. */\n    TrendChip = 'trendChip',\n\n    /** A status as a semantic color, an icon and its text. */\n    StatusChip = 'statusChip',\n}\n"],"names":["ComponentName"],"mappings":";;AAAA;AACA;AAEA;;;;;;;IAQO,IAAKA,aAAAA,iBAAAA,SAAAA,aAAAA,EAAAA;6GAC8F,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8FAGf,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;oEAG1B,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;wEAGI,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;8BAG1C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;sEAGwC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;wCAG9B,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;wCAGA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;yDAGiB,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uFAG8B,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;mDAGpC,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;sEAGmB,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;2BAG3C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;iDAGsB,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;sDAGK,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;8CAGR,aAAA,CAAA,oBAAA,CAAA,GAAA,oBAAA;+GAGiE,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uEAGxC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8EAGO,aAAA,CAAA,WAAA,CAAA,GAAA,WAAA;+DAGf,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;AA1DhDA,IAAAA,OAAAA,aAAAA;AA4DX,CAAA,CAAA,EAAA;;"}

package/dist/cjs/defaultBlueprint.js

@@ -4,7 +4,15 @@ var scene_model = require('@cratis/scene.model');
 var scene_react = require('@cratis/scene.react');
 var ComponentName = require('./ComponentName.js');
 var defaultBlueprintComponentMetadata = require('./defaultBlueprintComponentMetadata.js');
+require('./foundation/ComponentState.js');
+require('react/jsx-runtime');
+var foundationDescriptors = require('./foundation/foundationDescriptors.js');
+require('./foundation/foundationComponentMetadata.js');
+require('./foundation/foundationSamples.js');
 var defaultBlueprintComponents = require('./defaultBlueprintComponents.js');
+var packageName = require('./packageName.js');
+var defaultBlueprintThemes = require('./themes/defaultBlueprintThemes.js');
+require('react');
 require('./gallery/elements.js');
 require('./gallery/navigation.js');
 var LayoutName = require('./layouts/LayoutName.js');
@@ -12,10 +20,6 @@ require('./layouts/shellComponents.js');
 require('./layouts/appShell.js');
 require('./layouts/fullPage.js');
 var defaultLayouts = require('./layouts/defaultLayouts.js');
-var packageName = require('./packageName.js');
-var defaultBlueprintThemes = require('./themes/defaultBlueprintThemes.js');
-require('react/jsx-runtime');
-require('react');
 require('./gallery/nesting.js');
 require('./gallery/workspaceTemplates.js');
 require('./gallery/supportTemplates.js');
@@ -88,7 +92,7 @@ require('./gallery/GalleryScreenPreview.js');
     dialogTemplates: dialogTemplates.galleryDialogTemplates,
     screens: screens.galleryScreens,
     themes: defaultBlueprintThemes.defaultBlueprintThemes,
-    descriptors: scene_react.describeComponents(defaultBlueprintManifest.name, [], defaultBlueprintComponentMetadata.defaultBlueprintComponentMetadata)
+    descriptors: scene_react.describeComponents(defaultBlueprintManifest.name, foundationDescriptors.foundationDescriptors, defaultBlueprintComponentMetadata.defaultBlueprintComponentMetadata)
 };
 
 exports.defaultBlueprint = defaultBlueprint;

package/dist/cjs/defaultBlueprint.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprint.js","sources":["../../defaultBlueprint.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle, describeComponents } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintComponentMetadata } from './defaultBlueprintComponentMetadata';\nimport { defaultBlueprintComponents } from './defaultBlueprintComponents';\nimport { galleryDialogTemplates, galleryScreenTemplates, galleryScreens } from './gallery';\nimport { LayoutName, defaultLayouts } from './layouts';\nimport { defaultBlueprintName } from './packageName';\nimport { defaultBlueprintThemes } from './themes';\n\n/**\n * The default blueprint's declaration.\n *\n * A blueprint is the package an application picks once to get a coherent shape: the {@link Layout}s that\n * are its base navigational look, the {@link ScreenTemplate}s and {@link DialogTemplate}s that go inside\n * them, the components that fill their slots, and the themes that color all of it. Picking the parts\n * separately is how an application ends up with a sidebar from one design language and a form from\n * another.\n *\n * The dependency list is what makes a blueprint honest about what it is built from. This one declares\n * PrimeReact - the shell's buttons, breadcrumb, overlay menu and drawer are PrimeReact 10 components - and\n * Cratis Components, which its screen templates fill their content with. A profile that activated this\n * blueprint without them would render a shell whose every control was a dashed red placeholder, and\n * `resolvePackageDependencies` exists to catch that when the profile is configured rather than when\n * someone opens the page.\n *\n * `layouts` lists only true application shells. A dashboard, a CRUD list or a sign-in screen is a screen\n * template, not a layout, and is listed as one.\n */\nexport const defaultBlueprintManifest: ScenePackage = {\n    name: defaultBlueprintName,\n    version: '1.0.0',\n    kind: PackageKind.Blueprint,\n    dependencies: [{ name: 'PrimeReact' }, { name: 'Cratis.Components' }],\n    components: Object.values(ComponentName),\n    layouts: Object.values(LayoutName),\n    screenTemplates: galleryScreenTemplates.map(template => template.name),\n    dialogTemplates: galleryDialogTemplates.map(template => template.name),\n    themes: defaultBlueprintThemes.map(theme => theme.name),\n    displayName: 'Cratis Default Blueprint',\n    description: 'Application shells with eight menu modes, the components that fill their slots, and a full screen and dialog template set.',\n    module: '@cratis/scene.blueprint.default',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The default blueprint as a loadable bundle.\n *\n * The manifest names things; this provides them. `validatePackageBundle` is what proves the two agree, and\n * this package's specs run it - a manifest promising a component the bundle never registered renders as a\n * dashed red placeholder somewhere deep inside a screen, a long way from the declaration that caused it.\n *\n * The screens are the gallery: real {@link Screen} instances naming a layout, a screen template and the\n * content that fills it, so a preview boots them through the real engine as a working miniature\n * application rather than a set of pictures.\n */\nexport const defaultBlueprint: ScenePackageBundle = {\n    manifest: defaultBlueprintManifest,\n    components: defaultBlueprintComponents,\n    layouts: defaultLayouts,\n    screenTemplates: galleryScreenTemplates,\n    dialogTemplates: galleryDialogTemplates,\n    screens: galleryScreens,\n    themes: defaultBlueprintThemes,\n    descriptors: describeComponents(defaultBlueprintManifest.name, [], defaultBlueprintComponentMetadata),\n};\n"],"names":["defaultBlueprintManifest","name","defaultBlueprintName","version","kind","PackageKind","Blueprint","dependencies","components","Object","values","ComponentName","layouts","LayoutName","screenTemplates","galleryScreenTemplates","map","template","dialogTemplates","galleryDialogTemplates","themes","defaultBlueprintThemes","theme","displayName","description","module","license","licenseUrl","defaultBlueprint","manifest","defaultBlueprintComponents","defaultLayouts","screens","galleryScreens","descriptors","describeComponents","defaultBlueprintComponentMetadata"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAYA;;;;;;;;;;;;;;;;;;UAmBaA,wBAAAA,GAAyC;IAClDC,IAAAA,EAAMC,gCAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,SAAS;IAC3BC,YAAAA,EAAc;AAAC,QAAA;YAAEN,IAAAA,EAAM;AAAa,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAoB;AAAE,KAAA;IACrEO,UAAAA,EAAYC,MAAAA,CAAOC,MAAM,CAACC,2BAAAA,CAAAA;IAC1BC,OAAAA,EAASH,MAAAA,CAAOC,MAAM,CAACG,qBAAAA,CAAAA;AACvBC,IAAAA,eAAAA,EAAiBC,+BAAuBC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEiB,IAAAA,eAAAA,EAAiBC,uCAAuBH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEmB,IAAAA,MAAAA,EAAQC,8CAAuBL,GAAG,CAACM,CAAAA,KAAAA,GAASA,MAAMrB,IAAI,CAAA;IACtDsB,WAAAA,EAAa,0BAAA;IACbC,WAAAA,EAAa,4HAAA;IACbC,MAAAA,EAAQ,iCAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;;;;;;;;;UAWaC,gBAAAA,GAAuC;IAChDC,QAAAA,EAAU7B,wBAAAA;IACVQ,UAAAA,EAAYsB,qDAAAA;IACZlB,OAAAA,EAASmB,6BAAAA;IACTjB,eAAAA,EAAiBC,8BAAAA;IACjBG,eAAAA,EAAiBC,sCAAAA;IACjBa,OAAAA,EAASC,sBAAAA;IACTb,MAAAA,EAAQC,6CAAAA;AACRa,IAAAA,WAAAA,EAAaC,8BAAAA,CAAmBnC,wBAAAA,CAAyBC,IAAI,EAAE,EAAE,EAAEmC,mEAAAA;AACvE;;;"}
+{"version":3,"file":"defaultBlueprint.js","sources":["../../defaultBlueprint.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle, describeComponents } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintComponentMetadata } from './defaultBlueprintComponentMetadata';\nimport { foundationDescriptors } from './foundation';\nimport { defaultBlueprintComponents } from './defaultBlueprintComponents';\nimport { galleryDialogTemplates, galleryScreenTemplates, galleryScreens } from './gallery';\nimport { LayoutName, defaultLayouts } from './layouts';\nimport { defaultBlueprintName } from './packageName';\nimport { defaultBlueprintThemes } from './themes';\n\n/**\n * The default blueprint's declaration.\n *\n * A blueprint is the package an application picks once to get a coherent shape: the {@link Layout}s that\n * are its base navigational look, the {@link ScreenTemplate}s and {@link DialogTemplate}s that go inside\n * them, the components that fill their slots, and the themes that color all of it. Picking the parts\n * separately is how an application ends up with a sidebar from one design language and a form from\n * another.\n *\n * The dependency list is what makes a blueprint honest about what it is built from. This one declares\n * PrimeReact - the shell's buttons, breadcrumb, overlay menu and drawer are PrimeReact 10 components - and\n * Cratis Components, which its screen templates fill their content with. A profile that activated this\n * blueprint without them would render a shell whose every control was a dashed red placeholder, and\n * `resolvePackageDependencies` exists to catch that when the profile is configured rather than when\n * someone opens the page.\n *\n * `layouts` lists only true application shells. A dashboard, a CRUD list or a sign-in screen is a screen\n * template, not a layout, and is listed as one.\n */\nexport const defaultBlueprintManifest: ScenePackage = {\n    name: defaultBlueprintName,\n    version: '1.0.0',\n    kind: PackageKind.Blueprint,\n    dependencies: [{ name: 'PrimeReact' }, { name: 'Cratis.Components' }],\n    components: Object.values(ComponentName),\n    layouts: Object.values(LayoutName),\n    screenTemplates: galleryScreenTemplates.map(template => template.name),\n    dialogTemplates: galleryDialogTemplates.map(template => template.name),\n    themes: defaultBlueprintThemes.map(theme => theme.name),\n    displayName: 'Cratis Default Blueprint',\n    description: 'Application shells with eight menu modes, the components that fill their slots, and a full screen and dialog template set.',\n    module: '@cratis/scene.blueprint.default',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The default blueprint as a loadable bundle.\n *\n * The manifest names things; this provides them. `validatePackageBundle` is what proves the two agree, and\n * this package's specs run it - a manifest promising a component the bundle never registered renders as a\n * dashed red placeholder somewhere deep inside a screen, a long way from the declaration that caused it.\n *\n * The screens are the gallery: real {@link Screen} instances naming a layout, a screen template and the\n * content that fills it, so a preview boots them through the real engine as a working miniature\n * application rather than a set of pictures.\n */\nexport const defaultBlueprint: ScenePackageBundle = {\n    manifest: defaultBlueprintManifest,\n    components: defaultBlueprintComponents,\n    layouts: defaultLayouts,\n    screenTemplates: galleryScreenTemplates,\n    dialogTemplates: galleryDialogTemplates,\n    screens: galleryScreens,\n    themes: defaultBlueprintThemes,\n    descriptors: describeComponents(defaultBlueprintManifest.name, foundationDescriptors, defaultBlueprintComponentMetadata),\n};\n"],"names":["defaultBlueprintManifest","name","defaultBlueprintName","version","kind","PackageKind","Blueprint","dependencies","components","Object","values","ComponentName","layouts","LayoutName","screenTemplates","galleryScreenTemplates","map","template","dialogTemplates","galleryDialogTemplates","themes","defaultBlueprintThemes","theme","displayName","description","module","license","licenseUrl","defaultBlueprint","manifest","defaultBlueprintComponents","defaultLayouts","screens","galleryScreens","descriptors","describeComponents","foundationDescriptors","defaultBlueprintComponentMetadata"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAaA;;;;;;;;;;;;;;;;;;UAmBaA,wBAAAA,GAAyC;IAClDC,IAAAA,EAAMC,gCAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,SAAS;IAC3BC,YAAAA,EAAc;AAAC,QAAA;YAAEN,IAAAA,EAAM;AAAa,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAoB;AAAE,KAAA;IACrEO,UAAAA,EAAYC,MAAAA,CAAOC,MAAM,CAACC,2BAAAA,CAAAA;IAC1BC,OAAAA,EAASH,MAAAA,CAAOC,MAAM,CAACG,qBAAAA,CAAAA;AACvBC,IAAAA,eAAAA,EAAiBC,+BAAuBC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEiB,IAAAA,eAAAA,EAAiBC,uCAAuBH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEmB,IAAAA,MAAAA,EAAQC,8CAAuBL,GAAG,CAACM,CAAAA,KAAAA,GAASA,MAAMrB,IAAI,CAAA;IACtDsB,WAAAA,EAAa,0BAAA;IACbC,WAAAA,EAAa,4HAAA;IACbC,MAAAA,EAAQ,iCAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;;;;;;;;;UAWaC,gBAAAA,GAAuC;IAChDC,QAAAA,EAAU7B,wBAAAA;IACVQ,UAAAA,EAAYsB,qDAAAA;IACZlB,OAAAA,EAASmB,6BAAAA;IACTjB,eAAAA,EAAiBC,8BAAAA;IACjBG,eAAAA,EAAiBC,sCAAAA;IACjBa,OAAAA,EAASC,sBAAAA;IACTb,MAAAA,EAAQC,6CAAAA;AACRa,IAAAA,WAAAA,EAAaC,8BAAAA,CAAmBnC,wBAAAA,CAAyBC,IAAI,EAAEmC,2CAAAA,EAAuBC,mEAAAA;AAC1F;;;"}

package/dist/cjs/defaultBlueprintComponentMetadata.js

@@ -1,11 +1,19 @@
 'use strict';
 
 var scene_model = require('@cratis/scene.model');
+require('./foundation/ComponentState.js');
+require('react/jsx-runtime');
+require('./foundation/foundationDescriptors.js');
+var foundationComponentMetadata = require('./foundation/foundationComponentMetadata.js');
+require('./foundation/foundationSamples.js');
 var scene_react = require('@cratis/scene.react');
+require('./defaultBlueprintComponents.js');
+require('react');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /** The category, icon, keywords and picker badge of every component of the package (CMP1), keyed by bare component name. */ const defaultBlueprintComponentMetadata = {
+    ...foundationComponentMetadata.foundationComponentMetadata,
     appShell: scene_react.componentMetadata('Application shell', scene_model.ComponentCategory.Layout, 'app-window', [
         'layout',
         'frame',

package/dist/cjs/defaultBlueprintComponentMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprintComponentMetadata.js","sources":["../../defaultBlueprintComponentMetadata.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 { ComponentCategory } from '@cratis/scene.model';\nimport { ComponentMetadata, componentMetadata as m, navigationDesignMode } from '@cratis/scene.react';\n\n/** The category, icon, keywords and picker badge of every component of the package (CMP1), keyed by bare component name. */\nexport const defaultBlueprintComponentMetadata: Record<string, ComponentMetadata> = {\n    appShell: m('Application shell', ComponentCategory.Layout, 'app-window', ['layout', 'frame', 'chrome']),\n    fullPageShell: m('Full page shell', ComponentCategory.Layout, 'maximize', ['layout', 'fullscreen', 'frame']),\n    topbar: m('Topbar', ComponentCategory.Navigation, 'panel-top', ['header', 'top bar', 'navigation'], 'Tp', navigationDesignMode()),\n    sidebar: m('Side bar', ComponentCategory.Navigation, 'panel-left', ['navigation', 'menu', 'side panel'], 'Sb', navigationDesignMode({ sidebar: true })),\n    menu: m('Menu', ComponentCategory.Navigation, 'menu', ['navigation', 'list', 'links']),\n    menuItem: m('Menu item', ComponentCategory.Navigation, 'minus', ['link', 'entry', 'navigation']),\n    breadcrumb: m('Breadcrumbs', ComponentCategory.Navigation, 'chevron-right', ['trail', 'path', 'navigation']),\n    footer: m('Footer', ComponentCategory.Layout, 'panel-bottom', ['bottom', 'page footer']),\n    rightPanel: m('Right panel', ComponentCategory.Layout, 'panel-right', ['side panel', 'drawer', 'aside']),\n    configPanel: m('Config panel', ComponentCategory.Layout, 'settings', ['settings', 'layout options', 'preferences']),\n    pageHeader: m('Page header', ComponentCategory.Layout, 'heading', ['title', 'header', 'page title']),\n    mask: m('Mask', ComponentCategory.Feedback, 'layers', ['overlay', 'scrim', 'backdrop']),\n    logo: m('Logo', ComponentCategory.DataDisplay, 'badge', ['brand', 'identity', 'image']),\n    userMenu: m('User menu', ComponentCategory.Actions, 'circle-user', ['account', 'profile', 'sign out']),\n    themeSwitcher: m('Theme switcher', ComponentCategory.Actions, 'palette', ['theme', 'dark mode', 'colors']),\n    layoutModeSwitcher: m('Layout mode switcher', ComponentCategory.Actions, 'layout-dashboard', ['layout', 'mode', 'navigation style']),\n};\n"],"names":["defaultBlueprintComponentMetadata","appShell","m","ComponentCategory","Layout","fullPageShell","topbar","Navigation","navigationDesignMode","sidebar","menu","menuItem","breadcrumb","footer","rightPanel","configPanel","pageHeader","mask","Feedback","logo","DataDisplay","userMenu","Actions","themeSwitcher","layoutModeSwitcher"],"mappings":";;;;;AAAA;AACA;AAKA,6HACO,MAAMA,iCAAAA,GAAuE;AAChFC,IAAAA,QAAAA,EAAUC,6BAAAA,CAAE,mBAAA,EAAqBC,6BAAAA,CAAkBC,MAAM,EAAE,YAAA,EAAc;AAAC,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA;AAAS,KAAA,CAAA;AACtGC,IAAAA,aAAAA,EAAeH,6BAAAA,CAAE,iBAAA,EAAmBC,6BAAAA,CAAkBC,MAAM,EAAE,UAAA,EAAY;AAAC,QAAA,QAAA;AAAU,QAAA,YAAA;AAAc,QAAA;AAAQ,KAAA,CAAA;AAC3GE,IAAAA,MAAAA,EAAQJ,6BAAAA,CAAE,QAAA,EAAUC,6BAAAA,CAAkBI,UAAU,EAAE,WAAA,EAAa;AAAC,QAAA,QAAA;AAAU,QAAA,SAAA;AAAW,QAAA;AAAa,KAAA,EAAE,IAAA,EAAMC,gCAAAA,EAAAA,CAAAA;AAC1GC,IAAAA,OAAAA,EAASP,6BAAAA,CAAE,UAAA,EAAYC,6BAAAA,CAAkBI,UAAU,EAAE,YAAA,EAAc;AAAC,QAAA,YAAA;AAAc,QAAA,MAAA;AAAQ,QAAA;AAAa,KAAA,EAAE,MAAMC,gCAAAA,CAAqB;QAAEC,OAAAA,EAAS;AAAK,KAAA,CAAA,CAAA;AACpJC,IAAAA,IAAAA,EAAMR,6BAAAA,CAAE,MAAA,EAAQC,6BAAAA,CAAkBI,UAAU,EAAE,MAAA,EAAQ;AAAC,QAAA,YAAA;AAAc,QAAA,MAAA;AAAQ,QAAA;AAAQ,KAAA,CAAA;AACrFI,IAAAA,QAAAA,EAAUT,6BAAAA,CAAE,WAAA,EAAaC,6BAAAA,CAAkBI,UAAU,EAAE,OAAA,EAAS;AAAC,QAAA,MAAA;AAAQ,QAAA,OAAA;AAAS,QAAA;AAAa,KAAA,CAAA;AAC/FK,IAAAA,UAAAA,EAAYV,6BAAAA,CAAE,aAAA,EAAeC,6BAAAA,CAAkBI,UAAU,EAAE,eAAA,EAAiB;AAAC,QAAA,OAAA;AAAS,QAAA,MAAA;AAAQ,QAAA;AAAa,KAAA,CAAA;AAC3GM,IAAAA,MAAAA,EAAQX,6BAAAA,CAAE,QAAA,EAAUC,6BAAAA,CAAkBC,MAAM,EAAE,cAAA,EAAgB;AAAC,QAAA,QAAA;AAAU,QAAA;AAAc,KAAA,CAAA;AACvFU,IAAAA,UAAAA,EAAYZ,6BAAAA,CAAE,aAAA,EAAeC,6BAAAA,CAAkBC,MAAM,EAAE,aAAA,EAAe;AAAC,QAAA,YAAA;AAAc,QAAA,QAAA;AAAU,QAAA;AAAQ,KAAA,CAAA;AACvGW,IAAAA,WAAAA,EAAab,6BAAAA,CAAE,cAAA,EAAgBC,6BAAAA,CAAkBC,MAAM,EAAE,UAAA,EAAY;AAAC,QAAA,UAAA;AAAY,QAAA,gBAAA;AAAkB,QAAA;AAAc,KAAA,CAAA;AAClHY,IAAAA,UAAAA,EAAYd,6BAAAA,CAAE,aAAA,EAAeC,6BAAAA,CAAkBC,MAAM,EAAE,SAAA,EAAW;AAAC,QAAA,OAAA;AAAS,QAAA,QAAA;AAAU,QAAA;AAAa,KAAA,CAAA;AACnGa,IAAAA,IAAAA,EAAMf,6BAAAA,CAAE,MAAA,EAAQC,6BAAAA,CAAkBe,QAAQ,EAAE,QAAA,EAAU;AAAC,QAAA,SAAA;AAAW,QAAA,OAAA;AAAS,QAAA;AAAW,KAAA,CAAA;AACtFC,IAAAA,IAAAA,EAAMjB,6BAAAA,CAAE,MAAA,EAAQC,6BAAAA,CAAkBiB,WAAW,EAAE,OAAA,EAAS;AAAC,QAAA,OAAA;AAAS,QAAA,UAAA;AAAY,QAAA;AAAQ,KAAA,CAAA;AACtFC,IAAAA,QAAAA,EAAUnB,6BAAAA,CAAE,WAAA,EAAaC,6BAAAA,CAAkBmB,OAAO,EAAE,aAAA,EAAe;AAAC,QAAA,SAAA;AAAW,QAAA,SAAA;AAAW,QAAA;AAAW,KAAA,CAAA;AACrGC,IAAAA,aAAAA,EAAerB,6BAAAA,CAAE,gBAAA,EAAkBC,6BAAAA,CAAkBmB,OAAO,EAAE,SAAA,EAAW;AAAC,QAAA,OAAA;AAAS,QAAA,WAAA;AAAa,QAAA;AAAS,KAAA,CAAA;AACzGE,IAAAA,kBAAAA,EAAoBtB,6BAAAA,CAAE,sBAAA,EAAwBC,6BAAAA,CAAkBmB,OAAO,EAAE,kBAAA,EAAoB;AAAC,QAAA,QAAA;AAAU,QAAA,MAAA;AAAQ,QAAA;AAAmB,KAAA;AACvI;;"}
+{"version":3,"file":"defaultBlueprintComponentMetadata.js","sources":["../../defaultBlueprintComponentMetadata.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 { ComponentCategory } from '@cratis/scene.model';\nimport { foundationComponentMetadata } from './foundation';\nimport { ComponentMetadata, componentMetadata as m, navigationDesignMode } from '@cratis/scene.react';\n\n/** The category, icon, keywords and picker badge of every component of the package (CMP1), keyed by bare component name. */\nexport const defaultBlueprintComponentMetadata: Record<string, ComponentMetadata> = {\n    ...foundationComponentMetadata,\n    appShell: m('Application shell', ComponentCategory.Layout, 'app-window', ['layout', 'frame', 'chrome']),\n    fullPageShell: m('Full page shell', ComponentCategory.Layout, 'maximize', ['layout', 'fullscreen', 'frame']),\n    topbar: m('Topbar', ComponentCategory.Navigation, 'panel-top', ['header', 'top bar', 'navigation'], 'Tp', navigationDesignMode()),\n    sidebar: m('Side bar', ComponentCategory.Navigation, 'panel-left', ['navigation', 'menu', 'side panel'], 'Sb', navigationDesignMode({ sidebar: true })),\n    menu: m('Menu', ComponentCategory.Navigation, 'menu', ['navigation', 'list', 'links']),\n    menuItem: m('Menu item', ComponentCategory.Navigation, 'minus', ['link', 'entry', 'navigation']),\n    breadcrumb: m('Breadcrumbs', ComponentCategory.Navigation, 'chevron-right', ['trail', 'path', 'navigation']),\n    footer: m('Footer', ComponentCategory.Layout, 'panel-bottom', ['bottom', 'page footer']),\n    rightPanel: m('Right panel', ComponentCategory.Layout, 'panel-right', ['side panel', 'drawer', 'aside']),\n    configPanel: m('Config panel', ComponentCategory.Layout, 'settings', ['settings', 'layout options', 'preferences']),\n    pageHeader: m('Page header', ComponentCategory.Layout, 'heading', ['title', 'header', 'page title']),\n    mask: m('Mask', ComponentCategory.Feedback, 'layers', ['overlay', 'scrim', 'backdrop']),\n    logo: m('Logo', ComponentCategory.DataDisplay, 'badge', ['brand', 'identity', 'image']),\n    userMenu: m('User menu', ComponentCategory.Actions, 'circle-user', ['account', 'profile', 'sign out']),\n    themeSwitcher: m('Theme switcher', ComponentCategory.Actions, 'palette', ['theme', 'dark mode', 'colors']),\n    layoutModeSwitcher: m('Layout mode switcher', ComponentCategory.Actions, 'layout-dashboard', ['layout', 'mode', 'navigation style']),\n};\n"],"names":["defaultBlueprintComponentMetadata","foundationComponentMetadata","appShell","m","ComponentCategory","Layout","fullPageShell","topbar","Navigation","navigationDesignMode","sidebar","menu","menuItem","breadcrumb","footer","rightPanel","configPanel","pageHeader","mask","Feedback","logo","DataDisplay","userMenu","Actions","themeSwitcher","layoutModeSwitcher"],"mappings":"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"}

package/dist/cjs/defaultBlueprintComponents.js

@@ -3,7 +3,15 @@
 var scene_react = require('@cratis/scene.react');
 var ComponentName = require('./ComponentName.js');
 var packageName = require('./packageName.js');
+require('./foundation/ComponentState.js');
 require('react/jsx-runtime');
+var EmptyState = require('./foundation/EmptyState.js');
+var TrendChip = require('./foundation/TrendChip.js');
+var StatusChip = require('./foundation/StatusChip.js');
+var StatCard = require('./foundation/StatCard.js');
+require('./foundation/foundationDescriptors.js');
+require('./foundation/foundationComponentMetadata.js');
+require('./foundation/foundationSamples.js');
 require('react');
 var AppShell = require('./shell/AppShell.js');
 var FullPageShell = require('./shell/FullPageShell.js');
@@ -47,7 +55,11 @@ var LayoutModeSwitcher = require('./shell/LayoutModeSwitcher.js');
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.Logo)]: Logo.Logo,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.UserMenu)]: UserMenu.UserMenu,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.ThemeSwitcher)]: ThemeSwitcher.ThemeSwitcher,
-    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher.LayoutModeSwitcher
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher.LayoutModeSwitcher,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.EmptyState)]: EmptyState.EmptyState,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.StatCard)]: StatCard.StatCard,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.TrendChip)]: TrendChip.TrendChip,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.StatusChip)]: StatusChip.StatusChip
 };
 
 exports.defaultBlueprintComponents = defaultBlueprintComponents;

package/dist/cjs/defaultBlueprintComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprintComponents.js","sources":["../../defaultBlueprintComponents.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 { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintName } from './packageName';\nimport {\n    AppShell,\n    Breadcrumb,\n    ConfigPanel,\n    Footer,\n    FullPageShell,\n    LayoutModeSwitcher,\n    Logo,\n    Mask,\n    Menu,\n    MenuItem,\n    PageHeader,\n    RightPanel,\n    Sidebar,\n    ThemeSwitcher,\n    Topbar,\n    UserMenu,\n} from './shell';\n\n/**\n * The components this package registers, keyed the way the renderer looks them up.\n *\n * Every key is built with `componentRegistryKey` rather than written out, because the separator between\n * package and component name is the registry's own business - it is deliberately not the `.` a screen uses\n * to qualify a name, so that a package name containing dots stays unambiguous. Building a key by hand is\n * how a component ends up registered under something no lookup will ever produce.\n */\nexport const defaultBlueprintComponents: ComponentRegistry = {\n    [componentRegistryKey(defaultBlueprintName, ComponentName.AppShell)]: AppShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FullPageShell)]: FullPageShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Topbar)]: Topbar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Sidebar)]: Sidebar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Menu)]: Menu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.MenuItem)]: MenuItem,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Breadcrumb)]: Breadcrumb,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Footer)]: Footer,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.RightPanel)]: RightPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ConfigPanel)]: ConfigPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.PageHeader)]: PageHeader,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Mask)]: Mask,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Logo)]: Logo,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.UserMenu)]: UserMenu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ThemeSwitcher)]: ThemeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher,\n};\n"],"names":["defaultBlueprintComponents","componentRegistryKey","defaultBlueprintName","ComponentName","AppShell","FullPageShell","Topbar","Sidebar","Menu","MenuItem","Breadcrumb","Footer","RightPanel","ConfigPanel","PageHeader","Mask","Logo","UserMenu","ThemeSwitcher","LayoutModeSwitcher"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAwBA;;;;;;;UAQaA,0BAAAA,GAAgD;AACzD,IAAA,CAACC,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcC,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAACH,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcE,aAAa,IAAIA,2BAAAA;AAC3E,IAAA,CAACJ,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcG,MAAM,IAAIA,aAAAA;AACpE,IAAA,CAACL,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcI,OAAO,IAAIA,eAAAA;AACrE,IAAA,CAACN,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcK,IAAI,IAAIA,SAAAA;AAClE,IAAA,CAACP,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcM,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAACR,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcO,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACT,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcQ,MAAM,IAAIA,aAAAA;AACpE,IAAA,CAACV,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcS,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACX,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcU,WAAW,IAAIA,uBAAAA;AACzE,IAAA,CAACZ,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcW,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACb,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcY,IAAI,IAAIA,SAAAA;AAClE,IAAA,CAACd,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAca,IAAI,IAAIA,SAAAA;AAClE,IAAA,CAACf,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcc,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAAChB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAce,aAAa,IAAIA,2BAAAA;AAC3E,IAAA,CAACjB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcgB,kBAAkB,IAAIA;AACpF;;"}
+{"version":3,"file":"defaultBlueprintComponents.js","sources":["../../defaultBlueprintComponents.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 { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintName } from './packageName';\nimport { EmptyState, StatCard, StatusChip, TrendChip } from './foundation';\nimport {\n    AppShell,\n    Breadcrumb,\n    ConfigPanel,\n    Footer,\n    FullPageShell,\n    LayoutModeSwitcher,\n    Logo,\n    Mask,\n    Menu,\n    MenuItem,\n    PageHeader,\n    RightPanel,\n    Sidebar,\n    ThemeSwitcher,\n    Topbar,\n    UserMenu,\n} from './shell';\n\n/**\n * The components this package registers, keyed the way the renderer looks them up.\n *\n * Every key is built with `componentRegistryKey` rather than written out, because the separator between\n * package and component name is the registry's own business - it is deliberately not the `.` a screen uses\n * to qualify a name, so that a package name containing dots stays unambiguous. Building a key by hand is\n * how a component ends up registered under something no lookup will ever produce.\n */\nexport const defaultBlueprintComponents: ComponentRegistry = {\n    [componentRegistryKey(defaultBlueprintName, ComponentName.AppShell)]: AppShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FullPageShell)]: FullPageShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Topbar)]: Topbar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Sidebar)]: Sidebar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Menu)]: Menu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.MenuItem)]: MenuItem,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Breadcrumb)]: Breadcrumb,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Footer)]: Footer,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.RightPanel)]: RightPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ConfigPanel)]: ConfigPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.PageHeader)]: PageHeader,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Mask)]: Mask,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Logo)]: Logo,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.UserMenu)]: UserMenu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ThemeSwitcher)]: ThemeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.EmptyState)]: EmptyState,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.StatCard)]: StatCard,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.TrendChip)]: TrendChip,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.StatusChip)]: StatusChip,\n};\n"],"names":["defaultBlueprintComponents","componentRegistryKey","defaultBlueprintName","ComponentName","AppShell","FullPageShell","Topbar","Sidebar","Menu","MenuItem","Breadcrumb","Footer","RightPanel","ConfigPanel","PageHeader","Mask","Logo","UserMenu","ThemeSwitcher","LayoutModeSwitcher","EmptyState","StatCard","TrendChip","StatusChip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAyBA;;;;;;;UAQaA,0BAAAA,GAAgD;AACzD,IAAA,CAACC,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcC,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAACH,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcE,aAAa,IAAIA,2BAAAA;AAC3E,IAAA,CAACJ,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcG,MAAM,IAAIA,aAAAA;AACpE,IAAA,CAACL,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcI,OAAO,IAAIA,eAAAA;AACrE,IAAA,CAACN,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcK,IAAI,IAAIA,SAAAA;AAClE,IAAA,CAACP,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcM,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAACR,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcO,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACT,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcQ,MAAM,IAAIA,aAAAA;AACpE,IAAA,CAACV,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcS,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACX,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcU,WAAW,IAAIA,uBAAAA;AACzE,IAAA,CAACZ,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcW,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACb,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcY,IAAI,IAAIA,SAAAA;AAClE,IAAA,CAACd,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAca,IAAI,IAAIA,SAAAA;AAClE,IAAA,CAACf,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcc,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAAChB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAce,aAAa,IAAIA,2BAAAA;AAC3E,IAAA,CAACjB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcgB,kBAAkB,IAAIA,qCAAAA;AAChF,IAAA,CAAClB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAciB,UAAU,IAAIA,qBAAAA;AACxE,IAAA,CAACnB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAckB,QAAQ,IAAIA,iBAAAA;AACtE,IAAA,CAACpB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcmB,SAAS,IAAIA,mBAAAA;AACvE,IAAA,CAACrB,gCAAAA,CAAqBC,gCAAAA,EAAsBC,2BAAAA,CAAcoB,UAAU,IAAIA;AAC5E;;"}

package/dist/cjs/foundation/ActionButton.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PermissionRule = require('./PermissionRule.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The one button every foundation component starts an action with, so the permission rule of spec Part B 1.5 is honoured in one place:
+ * hidden renders nothing; disabled stays focusable-by-description (`aria-disabled`) and carries the reason, rather than a bare
+ * greyed control nobody can explain.
+ */ function ActionButton({ rule = PermissionRule.PermissionRule.Enabled, disabledReason, onClick, emphasis = 'primary', children }) {
+    if (rule === PermissionRule.PermissionRule.Hidden) return undefined;
+    const disabled = rule === PermissionRule.PermissionRule.Disabled;
+    return /*#__PURE__*/ jsxRuntime.jsxs("button", {
+        type: "button",
+        className: "foundation-button",
+        "data-emphasis": emphasis,
+        "aria-disabled": disabled || undefined,
+        title: disabled ? disabledReason : undefined,
+        onClick: disabled ? undefined : onClick,
+        children: [
+            children,
+            disabled && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                className: "foundation-visually-hidden",
+                children: `. ${disabledReason}`
+            })
+        ]
+    });
+}
+
+exports.ActionButton = ActionButton;
+//# sourceMappingURL=ActionButton.js.map

package/dist/cjs/foundation/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sources":["../../../foundation/ActionButton.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 { ReactNode } from 'react';\nimport { PermissionRule } from './PermissionRule';\n\nexport interface ActionButtonProps {\n    /** The permission rule that decides whether the control works, refuses or is not rendered. */\n    rule?: PermissionRule;\n\n    /** Why the control is disabled, announced and shown as its tooltip. */\n    disabledReason: string;\n\n    /** What the control does when pressed. */\n    onClick?: (event: { stopPropagation(): void }) => void;\n\n    /** The emphasis of the button. */\n    emphasis?: 'primary' | 'secondary' | 'quiet';\n\n    children: ReactNode;\n}\n\n/**\n * The one button every foundation component starts an action with, so the permission rule of spec Part B 1.5 is honoured in one place:\n * hidden renders nothing; disabled stays focusable-by-description (`aria-disabled`) and carries the reason, rather than a bare\n * greyed control nobody can explain.\n */\nexport function ActionButton({ rule = PermissionRule.Enabled, disabledReason, onClick, emphasis = 'primary', children }: ActionButtonProps) {\n    if (rule === PermissionRule.Hidden) return undefined;\n\n    const disabled = rule === PermissionRule.Disabled;\n    return (\n        <button type='button' className='foundation-button' data-emphasis={emphasis} aria-disabled={disabled || undefined}\n            title={disabled ? disabledReason : undefined} onClick={disabled ? undefined : onClick}>\n            {children}\n            {disabled && <span className='foundation-visually-hidden'>{`. ${disabledReason}`}</span>}\n        </button>\n    );\n}\n"],"names":["ActionButton","rule","PermissionRule","Enabled","disabledReason","onClick","emphasis","children","Hidden","undefined","disabled","Disabled","_jsxs","button","type","className","data-emphasis","aria-disabled","title","_jsx","span"],"mappings":";;;;;AAAA;AACA;AAqBA;;;;AAIC,IACM,SAASA,YAAAA,CAAa,EAAEC,IAAAA,GAAOC,8BAAeC,OAAO,EAAEC,cAAc,EAAEC,OAAO,EAAEC,QAAAA,GAAW,SAAS,EAAEC,QAAQ,EAAqB,EAAA;AACtI,IAAA,IAAIN,IAAAA,KAASC,6BAAAA,CAAeM,MAAM,EAAE,OAAOC,SAAAA;IAE3C,MAAMC,QAAAA,GAAWT,IAAAA,KAASC,6BAAAA,CAAeS,QAAQ;AACjD,IAAA,qBACIC,eAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;QAASC,SAAAA,EAAU,mBAAA;QAAoBC,eAAAA,EAAeV,QAAAA;AAAUW,QAAAA,eAAAA,EAAeP,QAAAA,IAAYD,SAAAA;AACpGS,QAAAA,KAAAA,EAAOR,WAAWN,cAAAA,GAAiBK,SAAAA;AAAWJ,QAAAA,OAAAA,EAASK,WAAWD,SAAAA,GAAYJ,OAAAA;;AAC7EE,YAAAA,QAAAA;AACAG,YAAAA,QAAAA,kBAAYS,cAAA,CAACC,MAAAA,EAAAA;gBAAKL,SAAAA,EAAU,4BAAA;0BAA8B,CAAC,EAAE,EAAEX,cAAAA,CAAAA;;;;AAG5E;;"}

package/dist/cjs/foundation/ComponentState.js

@@ -0,0 +1,42 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The visual states every data-showing foundation component defines (spec Part B 1.4).
+ *
+ * A template is only worth choosing if it looks right in all of them: an application spends real time loading, empty, failing
+ * and not allowed, and a component that only draws its populated self has not been finished.
+ */ var ComponentState = /*#__PURE__*/ function(ComponentState) {
+    /** The data is there and drawn. */ ComponentState["Ready"] = "ready";
+    /** The data has not answered yet: a skeleton in the shape of the content, never a spinner alone. */ ComponentState["Loading"] = "loading";
+    /** The data answered with nothing: an explanation and the primary action. */ ComponentState["Empty"] = "empty";
+    /** The data could not be loaded: a message and a retry. */ ComponentState["Error"] = "error";
+    /** The user may not see the data: what is missing, and nothing of the data. */ ComponentState["NoPermission"] = "noPermission";
+    /** Some regions loaded and some failed: what loaded, plus which parts did not. */ ComponentState["Partial"] = "partial";
+    return ComponentState;
+}({});
+/** Every state, in the order a preview or a story lists them. */ const componentStates = Object.values(ComponentState);
+/**
+ * Reads the state a component is in from its properties.
+ *
+ * An explicit `state` property wins, which is how a preview forces a state. Otherwise the state follows the properties a bound
+ * query already publishes - the same `loading` and `error` the preview states use for tables - plus `forbidden` and
+ * `failedRegions`, and falls to Empty when the component has nothing to show.
+ *
+ * @param element The element being rendered.
+ * @param hasData Whether the component has anything to draw when it is ready.
+ */ function readComponentState(element, hasData) {
+    const { state, forbidden, error, loading, failedRegions } = element.properties;
+    if (typeof state === 'string' && componentStates.includes(state)) return state;
+    if (forbidden === true) return "noPermission";
+    if (typeof error === 'string' && error.length > 0) return "error";
+    if (loading === true) return "loading";
+    if (Array.isArray(failedRegions) && failedRegions.length > 0) return "partial";
+    return hasData ? "ready" : "empty";
+}
+
+exports.ComponentState = ComponentState;
+exports.componentStates = componentStates;
+exports.readComponentState = readComponentState;
+//# sourceMappingURL=ComponentState.js.map

package/dist/cjs/foundation/ComponentState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentState.js","sources":["../../../foundation/ComponentState.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 { ExternalComponent } from '@cratis/scene.model';\n\n/**\n * The visual states every data-showing foundation component defines (spec Part B 1.4).\n *\n * A template is only worth choosing if it looks right in all of them: an application spends real time loading, empty, failing\n * and not allowed, and a component that only draws its populated self has not been finished.\n */\nexport enum ComponentState {\n    /** The data is there and drawn. */\n    Ready = 'ready',\n\n    /** The data has not answered yet: a skeleton in the shape of the content, never a spinner alone. */\n    Loading = 'loading',\n\n    /** The data answered with nothing: an explanation and the primary action. */\n    Empty = 'empty',\n\n    /** The data could not be loaded: a message and a retry. */\n    Error = 'error',\n\n    /** The user may not see the data: what is missing, and nothing of the data. */\n    NoPermission = 'noPermission',\n\n    /** Some regions loaded and some failed: what loaded, plus which parts did not. */\n    Partial = 'partial',\n}\n\n/** Every state, in the order a preview or a story lists them. */\nexport const componentStates: readonly ComponentState[] = Object.values(ComponentState);\n\n/**\n * Reads the state a component is in from its properties.\n *\n * An explicit `state` property wins, which is how a preview forces a state. Otherwise the state follows the properties a bound\n * query already publishes - the same `loading` and `error` the preview states use for tables - plus `forbidden` and\n * `failedRegions`, and falls to Empty when the component has nothing to show.\n *\n * @param element The element being rendered.\n * @param hasData Whether the component has anything to draw when it is ready.\n */\nexport function readComponentState(element: ExternalComponent, hasData: boolean): ComponentState {\n    const { state, forbidden, error, loading, failedRegions } = element.properties;\n    if (typeof state === 'string' && (componentStates as readonly string[]).includes(state)) return state as ComponentState;\n    if (forbidden === true) return ComponentState.NoPermission;\n    if (typeof error === 'string' && error.length > 0) return ComponentState.Error;\n    if (loading === true) return ComponentState.Loading;\n    if (Array.isArray(failedRegions) && failedRegions.length > 0) return ComponentState.Partial;\n    return hasData ? ComponentState.Ready : ComponentState.Empty;\n}\n"],"names":["ComponentState","componentStates","Object","values","readComponentState","element","hasData","state","forbidden","error","loading","failedRegions","properties","includes","length","Array","isArray"],"mappings":";;AAAA;AACA;AAIA;;;;;IAMO,IAAKA,cAAAA,iBAAAA,SAAAA,cAAAA,EAAAA;wCACyB,cAAA,CAAA,OAAA,CAAA,GAAA,OAAA;yGAGiE,cAAA,CAAA,SAAA,CAAA,GAAA,SAAA;kFAGvB,cAAA,CAAA,OAAA,CAAA,GAAA,OAAA;gEAGlB,cAAA,CAAA,OAAA,CAAA,GAAA,OAAA;oFAGoB,cAAA,CAAA,cAAA,CAAA,GAAA,cAAA;uFAGG,cAAA,CAAA,SAAA,CAAA,GAAA,SAAA;AAhBxEA,IAAAA,OAAAA,cAAAA;AAkBX,CAAA,CAAA,EAAA;AAED,kEACO,MAAMC,kBAA6CC,MAAAA,CAAOC,MAAM,CAACH,cAAAA;AAExE;;;;;;;;;AASC,IACM,SAASI,kBAAAA,CAAmBC,OAA0B,EAAEC,OAAgB,EAAA;AAC3E,IAAA,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGN,QAAQO,UAAU;IAC9E,IAAI,OAAOL,UAAU,QAAA,IAAaN,gBAAsCY,QAAQ,CAACN,QAAQ,OAAOA,KAAAA;AAChG,IAAA,IAAIC,cAAc,IAAA,EAAM,OAAA,cAAA;AACxB,IAAA,IAAI,OAAOC,KAAAA,KAAU,QAAA,IAAYA,KAAAA,CAAMK,MAAM,GAAG,CAAA,EAAG,OAAA,OAAA;AACnD,IAAA,IAAIJ,YAAY,IAAA,EAAM,OAAA,SAAA;AACtB,IAAA,IAAIK,MAAMC,OAAO,CAACL,kBAAkBA,aAAAA,CAAcG,MAAM,GAAG,CAAA,EAAG,OAAA,SAAA;IAC9D,OAAOR,OAAAA,GAAAA,OAAAA,GAAAA,OAAAA;AACX;;;;"}

package/dist/cjs/foundation/EmptyState.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var StateFrame = require('./StateFrame.js');
+var foundationStrings = require('./foundationStrings.js');
+var formatting = require('./formatting.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The empty state as a component of its own: an icon, a headline, a hint and one primary action, embeddable in any region.
+ *
+ * Every other foundation component shows this same view when it has no data, so a screen reads the same wherever nothing is
+ * found. Placed on its own it is what a template puts in a region that has nothing to say yet. The action starts whatever the
+ * element's behaviors say, and honours the `actionPermission` rule, so an empty list never offers a creation the user may not do.
+ */ function EmptyState({ element, interactions }) {
+    return /*#__PURE__*/ jsxRuntime.jsx("section", {
+        className: "foundation foundation-empty-state",
+        "data-scene-id": element.id,
+        "data-state": "empty",
+        lang: formatting.readLocale(element),
+        children: /*#__PURE__*/ jsxRuntime.jsx(StateFrame.EmptyStateView, {
+            element: element,
+            interactions: interactions,
+            strings: foundationStrings.readFoundationStrings(element)
+        })
+    });
+}
+
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=EmptyState.js.map

package/dist/cjs/foundation/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../foundation/EmptyState.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { EmptyStateView } from './StateFrame';\nimport { readFoundationStrings } from './foundationStrings';\nimport { readLocale } from './formatting';\n\n/**\n * The empty state as a component of its own: an icon, a headline, a hint and one primary action, embeddable in any region.\n *\n * Every other foundation component shows this same view when it has no data, so a screen reads the same wherever nothing is\n * found. Placed on its own it is what a template puts in a region that has nothing to say yet. The action starts whatever the\n * element's behaviors say, and honours the `actionPermission` rule, so an empty list never offers a creation the user may not do.\n */\nexport function EmptyState({ element, interactions }: RegisteredComponentProps) {\n    return (\n        <section className='foundation foundation-empty-state' data-scene-id={element.id} data-state='empty' lang={readLocale(element)}>\n            <EmptyStateView element={element} interactions={interactions} strings={readFoundationStrings(element)} />\n        </section>\n    );\n}\n"],"names":["EmptyState","element","interactions","_jsx","section","className","data-scene-id","id","data-state","lang","readLocale","EmptyStateView","strings","readFoundationStrings"],"mappings":";;;;;;;AAAA;AACA;AAOA;;;;;;AAMC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAAEC,YAAY,EAA4B,EAAA;AAC1E,IAAA,qBACIC,cAAA,CAACC,SAAAA,EAAAA;QAAQC,SAAAA,EAAU,mCAAA;AAAoCC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QAAEC,YAAAA,EAAW,OAAA;AAAQC,QAAAA,IAAAA,EAAMC,qBAAAA,CAAWT,OAAAA,CAAAA;AAClH,QAAA,QAAA,gBAAAE,cAAA,CAACQ,yBAAAA,EAAAA;YAAeV,OAAAA,EAASA,OAAAA;YAASC,YAAAA,EAAcA,YAAAA;AAAcU,YAAAA,OAAAA,EAASC,uCAAAA,CAAsBZ,OAAAA;;;AAGzG;;"}

package/dist/cjs/foundation/FoundationIcon.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const paths = {
+    check: 'M5 13l4 4L19 7',
+    close: 'M6 6l12 12M18 6L6 18',
+    'arrow-up': 'M12 19V5M5 12l7-7 7 7',
+    'arrow-down': 'M12 5v14M5 12l7 7 7-7',
+    minus: 'M5 12h14',
+    alert: 'M12 8v5M12 16.5v.5M10.3 3.9L2.5 17.5A2 2 0 004.2 20.5h15.6a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z',
+    info: 'M12 11v6M12 7.5v.5M12 21a9 9 0 100-18 9 9 0 000 18z',
+    lock: 'M7 11V8a5 5 0 0110 0v3M6 11h12a1 1 0 011 1v8a1 1 0 01-1 1H6a1 1 0 01-1-1v-8a1 1 0 011-1z',
+    clock: 'M12 7v5l3 2M12 21a9 9 0 100-18 9 9 0 000 18z',
+    inbox: 'M3 13l3-8h12l3 8M3 13v6a1 1 0 001 1h16a1 1 0 001-1v-6M3 13h5l1 3h6l1-3h5',
+    refresh: 'M20 11a8 8 0 10-2.3 6.3M20 4v7h-7',
+    plus: 'M12 5v14M5 12h14',
+    'chevron-right': 'M9 5l7 7-7 7',
+    'chevron-down': 'M5 9l7 7 7-7',
+    upload: 'M12 16V4M7 9l5-5 5 5M4 17v2a1 1 0 001 1h14a1 1 0 001-1v-2',
+    file: 'M14 3H7a1 1 0 00-1 1v16a1 1 0 001 1h10a1 1 0 001-1V7l-4-4zM14 3v4h4',
+    user: 'M12 12a4 4 0 100-8 4 4 0 000 8zM4 21a8 8 0 0116 0',
+    columns: 'M4 5h16v14H4zM9.5 5v14M14.5 5v14',
+    filter: 'M4 5h16l-6 8v6l-4-2v-4L4 5z',
+    star: 'M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9L12 3z',
+    circle: 'M12 20a8 8 0 100-16 8 8 0 000 16z'
+};
+/** Whether a name is one of the icons drawn here. */ function isFoundationIcon(name) {
+    return name in paths;
+}
+/**
+ * One icon. It is decorative unless given a label: the meaning an icon carries is always repeated in text, so no status is
+ * conveyed by color or shape alone (WCAG 1.4.1).
+ */ function FoundationIcon({ name, label }) {
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        className: "foundation-icon",
+        viewBox: "0 0 24 24",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": label ? undefined : true,
+        role: label ? 'img' : undefined,
+        "aria-label": label,
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            d: paths[name]
+        })
+    });
+}
+
+exports.FoundationIcon = FoundationIcon;
+exports.isFoundationIcon = isFoundationIcon;
+//# sourceMappingURL=FoundationIcon.js.map

package/dist/cjs/foundation/FoundationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoundationIcon.js","sources":["../../../foundation/FoundationIcon.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\n/** The icons the foundation components draw themselves, so none of them depends on an icon font being loaded. */\nexport type FoundationIconName =\n    | 'check' | 'close' | 'arrow-up' | 'arrow-down' | 'minus' | 'alert' | 'info' | 'lock' | 'clock' | 'inbox' | 'refresh'\n    | 'plus' | 'chevron-right' | 'chevron-down' | 'upload' | 'file' | 'user' | 'columns' | 'filter' | 'star' | 'circle';\n\nconst paths: Record<FoundationIconName, string> = {\n    check: 'M5 13l4 4L19 7',\n    close: 'M6 6l12 12M18 6L6 18',\n    'arrow-up': 'M12 19V5M5 12l7-7 7 7',\n    'arrow-down': 'M12 5v14M5 12l7 7 7-7',\n    minus: 'M5 12h14',\n    alert: 'M12 8v5M12 16.5v.5M10.3 3.9L2.5 17.5A2 2 0 004.2 20.5h15.6a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z',\n    info: 'M12 11v6M12 7.5v.5M12 21a9 9 0 100-18 9 9 0 000 18z',\n    lock: 'M7 11V8a5 5 0 0110 0v3M6 11h12a1 1 0 011 1v8a1 1 0 01-1 1H6a1 1 0 01-1-1v-8a1 1 0 011-1z',\n    clock: 'M12 7v5l3 2M12 21a9 9 0 100-18 9 9 0 000 18z',\n    inbox: 'M3 13l3-8h12l3 8M3 13v6a1 1 0 001 1h16a1 1 0 001-1v-6M3 13h5l1 3h6l1-3h5',\n    refresh: 'M20 11a8 8 0 10-2.3 6.3M20 4v7h-7',\n    plus: 'M12 5v14M5 12h14',\n    'chevron-right': 'M9 5l7 7-7 7',\n    'chevron-down': 'M5 9l7 7 7-7',\n    upload: 'M12 16V4M7 9l5-5 5 5M4 17v2a1 1 0 001 1h14a1 1 0 001-1v-2',\n    file: 'M14 3H7a1 1 0 00-1 1v16a1 1 0 001 1h10a1 1 0 001-1V7l-4-4zM14 3v4h4',\n    user: 'M12 12a4 4 0 100-8 4 4 0 000 8zM4 21a8 8 0 0116 0',\n    columns: 'M4 5h16v14H4zM9.5 5v14M14.5 5v14',\n    filter: 'M4 5h16l-6 8v6l-4-2v-4L4 5z',\n    star: 'M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9L12 3z',\n    circle: 'M12 20a8 8 0 100-16 8 8 0 000 16z',\n};\n\n/** Whether a name is one of the icons drawn here. */\nexport function isFoundationIcon(name: string): name is FoundationIconName {\n    return name in paths;\n}\n\n/**\n * One icon. It is decorative unless given a label: the meaning an icon carries is always repeated in text, so no status is\n * conveyed by color or shape alone (WCAG 1.4.1).\n */\nexport function FoundationIcon({ name, label }: { name: FoundationIconName; label?: string }) {\n    return (\n        <svg className='foundation-icon' viewBox='0 0 24 24' width='1em' height='1em' fill='none' stroke='currentColor' strokeWidth='2'\n            strokeLinecap='round' strokeLinejoin='round' aria-hidden={label ? undefined : true} role={label ? 'img' : undefined} aria-label={label}>\n            <path d={paths[name]} />\n        </svg>\n    );\n}\n"],"names":["paths","check","close","minus","alert","info","lock","clock","inbox","refresh","plus","upload","file","user","columns","filter","star","circle","isFoundationIcon","name","FoundationIcon","label","_jsx","svg","className","viewBox","width","height","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","aria-hidden","undefined","role","aria-label","path","d"],"mappings":";;;;AAAA;AACA;AAOA,MAAMA,KAAAA,GAA4C;IAC9CC,KAAAA,EAAO,gBAAA;IACPC,KAAAA,EAAO,sBAAA;IACP,UAAA,EAAY,uBAAA;IACZ,YAAA,EAAc,uBAAA;IACdC,KAAAA,EAAO,UAAA;IACPC,KAAAA,EAAO,mGAAA;IACPC,IAAAA,EAAM,qDAAA;IACNC,IAAAA,EAAM,0FAAA;IACNC,KAAAA,EAAO,8CAAA;IACPC,KAAAA,EAAO,0EAAA;IACPC,OAAAA,EAAS,mCAAA;IACTC,IAAAA,EAAM,kBAAA;IACN,eAAA,EAAiB,cAAA;IACjB,cAAA,EAAgB,cAAA;IAChBC,MAAAA,EAAQ,2DAAA;IACRC,IAAAA,EAAM,qEAAA;IACNC,IAAAA,EAAM,mDAAA;IACNC,OAAAA,EAAS,kCAAA;IACTC,MAAAA,EAAQ,6BAAA;IACRC,IAAAA,EAAM,6EAAA;IACNC,MAAAA,EAAQ;AACZ,CAAA;AAEA,sDACO,SAASC,gBAAAA,CAAiBC,IAAY,EAAA;AACzC,IAAA,OAAOA,IAAAA,IAAQnB,KAAAA;AACnB;AAEA;;;AAGC,IACM,SAASoB,cAAAA,CAAe,EAAED,IAAI,EAAEE,KAAK,EAAgD,EAAA;AACxF,IAAA,qBACIC,cAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,iBAAA;QAAkBC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,KAAA;QAAMC,MAAAA,EAAO,KAAA;QAAMC,IAAAA,EAAK,MAAA;QAAOC,MAAAA,EAAO,cAAA;QAAeC,WAAAA,EAAY,GAAA;QACxHC,aAAAA,EAAc,OAAA;QAAQC,cAAAA,EAAe,OAAA;AAAQC,QAAAA,aAAAA,EAAaZ,QAAQa,SAAAA,GAAY,IAAA;AAAMC,QAAAA,IAAAA,EAAMd,QAAQ,KAAA,GAAQa,SAAAA;QAAWE,YAAAA,EAAYf,KAAAA;AACjI,QAAA,QAAA,gBAAAC,cAAA,CAACe,MAAAA,EAAAA;YAAKC,CAAAA,EAAGtC,KAAK,CAACmB,IAAAA;;;AAG3B;;;"}

package/dist/cjs/foundation/FoundationStates.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var scene_react = require('@cratis/scene.react');
+var defaultBlueprintComponents = require('../defaultBlueprintComponents.js');
+var packageName = require('../packageName.js');
+var light = require('../themes/light.js');
+var dark = require('../themes/dark.js');
+require('react');
+var ComponentState = require('./ComponentState.js');
+var foundationSamples = require('./foundationSamples.js');
+
+/**
+ * Every standard state of one foundation component side by side in one theme: the preview of spec Part B 6 ("all standard states
+ * implemented and previewable"), used by the stories and by the gallery.
+ */ function FoundationStates({ component, theme, properties, rightToLeft }) {
+    const Component = defaultBlueprintComponents.defaultBlueprintComponents[scene_react.componentRegistryKey(packageName.defaultBlueprintName, component)];
+    const sample = foundationSamples.foundationSamples[component];
+    const states = sample?.stateful ? ComponentState.componentStates : [
+        ComponentState.ComponentState.Ready
+    ];
+    return /*#__PURE__*/ jsxRuntime.jsx(scene_react.SceneThemeProvider, {
+        theme: theme === 'dark' ? dark.darkTheme : light.lightTheme,
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            dir: rightToLeft ? 'rtl' : 'ltr',
+            className: "foundation-states",
+            style: {
+                display: 'grid',
+                gap: '1rem',
+                padding: '1rem',
+                gridTemplateColumns: 'repeat(auto-fill, minmax(18rem, 1fr))',
+                background: 'var(--scene-surface-background)',
+                color: 'var(--scene-text-color)'
+            },
+            children: states.map((state)=>/*#__PURE__*/ jsxRuntime.jsxs("figure", {
+                    style: {
+                        margin: 0
+                    },
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("figcaption", {
+                            style: {
+                                fontSize: '0.75rem',
+                                textTransform: 'uppercase',
+                                marginBlockEnd: '0.5rem'
+                            },
+                            children: state
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                            element: foundationSamples.foundationElement(component, {
+                                ...sample?.properties,
+                                ...properties
+                            }, state === ComponentState.ComponentState.Ready ? undefined : state),
+                            slots: {}
+                        })
+                    ]
+                }, state))
+        })
+    });
+}
+
+exports.FoundationStates = FoundationStates;
+//# sourceMappingURL=FoundationStates.js.map

package/dist/cjs/foundation/FoundationStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoundationStates.js","sources":["../../../foundation/FoundationStates.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 { componentRegistryKey, SceneThemeProvider } from '@cratis/scene.react';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { defaultBlueprintName } from '../packageName';\nimport { darkTheme, lightTheme } from '../themes';\nimport { ComponentState, componentStates } from './ComponentState';\nimport { foundationElement, foundationSamples } from './foundationSamples';\n\nexport interface FoundationStatesProps {\n    /** The bare name of the foundation component. */\n    component: string;\n\n    /** The theme the states are drawn in. */\n    theme: 'light' | 'dark';\n\n    /** Properties to lay over the sample, to show a variant. */\n    properties?: Record<string, unknown>;\n\n    /** Whether the page reads right to left. */\n    rightToLeft?: boolean;\n}\n\n/**\n * Every standard state of one foundation component side by side in one theme: the preview of spec Part B 6 (\"all standard states\n * implemented and previewable\"), used by the stories and by the gallery.\n */\nexport function FoundationStates({ component, theme, properties, rightToLeft }: FoundationStatesProps) {\n    const Component = defaultBlueprintComponents[componentRegistryKey(defaultBlueprintName, component)];\n    const sample = foundationSamples[component];\n    const states = sample?.stateful ? componentStates : [ComponentState.Ready];\n\n    return (\n        <SceneThemeProvider theme={theme === 'dark' ? darkTheme : lightTheme}>\n            <div dir={rightToLeft ? 'rtl' : 'ltr'} className='foundation-states' style={{ display: 'grid', gap: '1rem', padding: '1rem', gridTemplateColumns: 'repeat(auto-fill, minmax(18rem, 1fr))', background: 'var(--scene-surface-background)', color: 'var(--scene-text-color)' }}>\n                {states.map(state => (\n                    <figure key={state} style={{ margin: 0 }}>\n                        <figcaption style={{ fontSize: '0.75rem', textTransform: 'uppercase', marginBlockEnd: '0.5rem' }}>{state}</figcaption>\n                        <Component element={foundationElement(component, { ...sample?.properties, ...properties }, state === ComponentState.Ready ? undefined : state)} slots={{}} />\n                    </figure>\n                ))}\n            </div>\n        </SceneThemeProvider>\n    );\n}\n"],"names":["FoundationStates","component","theme","properties","rightToLeft","Component","defaultBlueprintComponents","componentRegistryKey","defaultBlueprintName","sample","foundationSamples","states","stateful","componentStates","ComponentState","Ready","_jsx","SceneThemeProvider","darkTheme","lightTheme","div","dir","className","style","display","gap","padding","gridTemplateColumns","background","color","map","state","_jsxs","figure","margin","figcaption","fontSize","textTransform","marginBlockEnd","element","foundationElement","undefined","slots"],"mappings":";;;;;;;;;;;;AAwBA;;;IAIO,SAASA,gBAAAA,CAAiB,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,WAAW,EAAyB,EAAA;AACjG,IAAA,MAAMC,SAAAA,GAAYC,qDAA0B,CAACC,gCAAAA,CAAqBC,kCAAsBP,SAAAA,CAAAA,CAAW;IACnG,MAAMQ,MAAAA,GAASC,mCAAiB,CAACT,SAAAA,CAAU;IAC3C,MAAMU,MAAAA,GAASF,MAAAA,EAAQG,QAAAA,GAAWC,8BAAAA,GAAkB;AAACC,QAAAA,6BAAAA,CAAeC;AAAM,KAAA;AAE1E,IAAA,qBACIC,cAAA,CAACC,8BAAAA,EAAAA;QAAmBf,KAAAA,EAAOA,KAAAA,KAAU,SAASgB,cAAAA,GAAYC,gBAAAA;AACtD,QAAA,QAAA,gBAAAH,cAAA,CAACI,KAAAA,EAAAA;AAAIC,YAAAA,GAAAA,EAAKjB,cAAc,KAAA,GAAQ,KAAA;YAAOkB,SAAAA,EAAU,mBAAA;YAAoBC,KAAAA,EAAO;gBAAEC,OAAAA,EAAS,MAAA;gBAAQC,GAAAA,EAAK,MAAA;gBAAQC,OAAAA,EAAS,MAAA;gBAAQC,mBAAAA,EAAqB,uCAAA;gBAAyCC,UAAAA,EAAY,iCAAA;gBAAmCC,KAAAA,EAAO;AAA0B,aAAA;AACtQlB,YAAAA,QAAAA,EAAAA,MAAAA,CAAOmB,GAAG,CAACC,CAAAA,KAAAA,iBACRC,eAAA,CAACC,QAAAA,EAAAA;oBAAmBV,KAAAA,EAAO;wBAAEW,MAAAA,EAAQ;AAAE,qBAAA;;sCACnClB,cAAA,CAACmB,YAAAA,EAAAA;4BAAWZ,KAAAA,EAAO;gCAAEa,QAAAA,EAAU,SAAA;gCAAWC,aAAAA,EAAe,WAAA;gCAAaC,cAAAA,EAAgB;AAAS,6BAAA;AAAIP,4BAAAA,QAAAA,EAAAA;;sCACnGf,cAAA,CAACX,SAAAA,EAAAA;AAAUkC,4BAAAA,OAAAA,EAASC,oCAAkBvC,SAAAA,EAAW;AAAE,gCAAA,GAAGQ,QAAQN,UAAU;AAAE,gCAAA,GAAGA;AAAW,6BAAA,EAAG4B,KAAAA,KAAUjB,6BAAAA,CAAeC,KAAK,GAAG0B,SAAAA,GAAYV,KAAAA,CAAAA;AAAQW,4BAAAA,KAAAA,EAAO;;;AAF9IX,iBAAAA,EAAAA,KAAAA,CAAAA;;;AAQjC;;"}

package/dist/cjs/foundation/PermissionRule.js

@@ -0,0 +1,22 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * What an action control does when the user lacks the permission it needs (spec Part B 1.5): it is shown and works, shown and
+ * refuses, or not shown. A template never assumes a role, so every action declares one of these and the host's permission
+ * evaluation sets it.
+ */ var PermissionRule = /*#__PURE__*/ function(PermissionRule) {
+    /** The control works. */ PermissionRule["Enabled"] = "enabled";
+    /** The control is shown but cannot be used, and says why. */ PermissionRule["Disabled"] = "disabled";
+    /** The control is not rendered. */ PermissionRule["Hidden"] = "hidden";
+    return PermissionRule;
+}({});
+/** Reads a permission rule from a property, defaulting to Enabled for anything that is not a rule. */ function readPermissionRule(element, property = 'permission') {
+    const value = element.properties[property];
+    return value === "disabled" || value === "hidden" ? value : "enabled";
+}
+
+exports.PermissionRule = PermissionRule;
+exports.readPermissionRule = readPermissionRule;
+//# sourceMappingURL=PermissionRule.js.map

package/dist/cjs/foundation/PermissionRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionRule.js","sources":["../../../foundation/PermissionRule.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 { ExternalComponent } from '@cratis/scene.model';\n\n/**\n * What an action control does when the user lacks the permission it needs (spec Part B 1.5): it is shown and works, shown and\n * refuses, or not shown. A template never assumes a role, so every action declares one of these and the host's permission\n * evaluation sets it.\n */\nexport enum PermissionRule {\n    /** The control works. */\n    Enabled = 'enabled',\n\n    /** The control is shown but cannot be used, and says why. */\n    Disabled = 'disabled',\n\n    /** The control is not rendered. */\n    Hidden = 'hidden',\n}\n\n/** Reads a permission rule from a property, defaulting to Enabled for anything that is not a rule. */\nexport function readPermissionRule(element: ExternalComponent, property = 'permission'): PermissionRule {\n    const value = element.properties[property];\n    return value === PermissionRule.Disabled || value === PermissionRule.Hidden ? value : PermissionRule.Enabled;\n}\n"],"names":["PermissionRule","readPermissionRule","element","property","value","properties"],"mappings":";;AAAA;AACA;AAIA;;;;IAKO,IAAKA,cAAAA,iBAAAA,SAAAA,cAAAA,EAAAA;8BACe,cAAA,CAAA,SAAA,CAAA,GAAA,SAAA;kEAGoC,cAAA,CAAA,UAAA,CAAA,GAAA,UAAA;wCAG1B,cAAA,CAAA,QAAA,CAAA,GAAA,QAAA;AAPzBA,IAAAA,OAAAA,cAAAA;AASX,CAAA,CAAA,EAAA;AAED,uGACO,SAASC,mBAAmBC,OAA0B,EAAEC,WAAW,YAAY,EAAA;AAClF,IAAA,MAAMC,KAAAA,GAAQF,OAAAA,CAAQG,UAAU,CAACF,QAAAA,CAAS;AAC1C,IAAA,OAAOC,wBAAqCA,KAAAA,KAAAA,QAAAA,GAAkCA,KAAAA,GAAAA,SAAAA;AAClF;;;"}