@cratis/scene.blueprint.default 4.31.0 → 4.33.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationSamples.js","sources":["../../../foundation/foundationSamples.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';\nimport { componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from '../ComponentName';\nimport { defaultBlueprintName } from '../packageName';\nimport { ComponentState } from './ComponentState';\n\n/**\n * What a story or a specification feeds each foundation component to see it populated.\n *\n * These are design-time and test-time values, never part of what a component is: a component declares the shape of its data\n * and a screen binds it to a query (spec SD1). The domain blueprints supply real preview data as sample-data packs; this is\n * only enough to draw each component in each state.\n */\nexport interface FoundationSample {\n    /** The properties that make the component populated. */\n    properties: Record<string, unknown>;\n\n    /** Text that only appears when the component shows its data, so a specification can prove the no-permission state shows none of it. */\n    data: string[];\n\n    /** Whether the component shows data and so owns the five standard states; chips and the empty state themselves do not. */\n    stateful: boolean;\n}\n\nexport const foundationSamples: Record<string, FoundationSample> = {\n    [ComponentName.EmptyState]: { properties: { headline: 'No invoices yet', hint: 'Invoices you create appear here.', icon: 'file', actionLabel: 'New invoice' }, data: [], stateful: false },\n    [ComponentName.StatCard]: { properties: { label: 'Open pipeline', value: 1234567, format: 'currency', currency: 'USD', change: 12.5, comparison: 'last month', locale: 'en-US' }, data: ['$1,234,567'], stateful: true },\n    [ComponentName.TrendChip]: { properties: { change: -3.2, goodDirection: 'down', comparison: 'last week', locale: 'en-US' }, data: [], stateful: false },\n    [ComponentName.StatusChip]: { properties: { status: 'Awaiting approval', tone: 'warning' }, data: [], stateful: false },\n    [ComponentName.ChartWrapper]: {\n        properties: { title: 'Revenue by quarter', kind: 'line', categories: ['Q1', 'Q2', 'Q3', 'Q4'], series: [{ name: 'Revenue', values: [120, 180, 150, 240] }, { name: 'Target', values: [100, 150, 200, 220] }], locale: 'en-US' },\n        data: ['Revenue by quarter'], stateful: true,\n    },\n    [ComponentName.FilterBuilder]: {\n        properties: {\n            fields: [{ name: 'owner', label: 'Owner', type: 'text' }, { name: 'status', label: 'Status', type: 'select', options: ['Open', 'Won', 'Lost'] }, { name: 'value', label: 'Value', type: 'number' }],\n            filter: { operator: 'and', conditions: [{ field: 'status', operator: 'is', value: 'Open' }, { field: 'owner', operator: 'contains', value: 'Ada' }], groups: [] },\n        },\n        data: ['2 active filters'], stateful: true,\n    },\n    [ComponentName.ColumnChooser]: {\n        properties: { columns: [{ id: 'name', label: 'Name', locked: true }, { id: 'owner', label: 'Owner' }, { id: 'status', label: 'Status', visible: false }] },\n        data: ['3 shown'], stateful: true,\n    },\n    [ComponentName.SavedViewsMenu]: {\n        properties: { views: [{ id: 'all', label: 'All leads' }, { id: 'mine', label: 'Mine' }, { id: 'overdue', label: 'Overdue' }], activeView: 'mine' },\n        data: ['Mine'], stateful: true,\n    },\n};\n\n/** A scene element for a foundation component, populated with its sample unless properties are given, with the state forced when asked. */\nexport function foundationElement(name: string, properties?: Record<string, unknown>, state?: ComponentState): ExternalComponent {\n    const sample = foundationSamples[name];\n    return {\n        id: `${name}-sample`,\n        componentName: componentRegistryKey(defaultBlueprintName, name),\n        properties: { ...(properties ?? sample?.properties ?? {}), ...(state === undefined ? {} : { state }) },\n        slots: {},\n    } as unknown as ExternalComponent;\n}\n"],"names":["foundationSamples","ComponentName","EmptyState","properties","headline","hint","icon","actionLabel","data","stateful","StatCard","label","value","format","currency","change","comparison","locale","TrendChip","goodDirection","StatusChip","status","tone","ChartWrapper","title","kind","categories","series","name","values","FilterBuilder","fields","type","options","filter","operator","conditions","field","groups","ColumnChooser","columns","id","locked","visible","SavedViewsMenu","views","activeView","foundationElement","state","sample","componentName","componentRegistryKey","defaultBlueprintName","undefined","slots"],"mappings":";;;;;;AAAA;AACA;MA0BaA,iBAAAA,GAAsD;IAC/D,CAACC,2BAAAA,CAAcC,UAAU,GAAG;QAAEC,UAAAA,EAAY;YAAEC,QAAAA,EAAU,iBAAA;YAAmBC,IAAAA,EAAM,kCAAA;YAAoCC,IAAAA,EAAM,MAAA;YAAQC,WAAAA,EAAa;AAAc,SAAA;AAAGC,QAAAA,IAAAA,EAAM,EAAE;QAAEC,QAAAA,EAAU;AAAM,KAAA;IACzL,CAACR,2BAAAA,CAAcS,QAAQ,GAAG;QAAEP,UAAAA,EAAY;YAAEQ,KAAAA,EAAO,eAAA;YAAiBC,KAAAA,EAAO,OAAA;YAASC,MAAAA,EAAQ,UAAA;YAAYC,QAAAA,EAAU,KAAA;YAAOC,MAAAA,EAAQ,IAAA;YAAMC,UAAAA,EAAY,YAAA;YAAcC,MAAAA,EAAQ;AAAQ,SAAA;QAAGT,IAAAA,EAAM;AAAC,YAAA;AAAa,SAAA;QAAEC,QAAAA,EAAU;AAAK,KAAA;IACvN,CAACR,2BAAAA,CAAciB,SAAS,GAAG;QAAEf,UAAAA,EAAY;AAAEY,YAAAA,MAAAA,EAAQ,IAAC;YAAKI,aAAAA,EAAe,MAAA;YAAQH,UAAAA,EAAY,WAAA;YAAaC,MAAAA,EAAQ;AAAQ,SAAA;AAAGT,QAAAA,IAAAA,EAAM,EAAE;QAAEC,QAAAA,EAAU;AAAM,KAAA;IACtJ,CAACR,2BAAAA,CAAcmB,UAAU,GAAG;QAAEjB,UAAAA,EAAY;YAAEkB,MAAAA,EAAQ,mBAAA;YAAqBC,IAAAA,EAAM;AAAU,SAAA;AAAGd,QAAAA,IAAAA,EAAM,EAAE;QAAEC,QAAAA,EAAU;AAAM,KAAA;IACtH,CAACR,2BAAAA,CAAcsB,YAAY,GAAG;QAC1BpB,UAAAA,EAAY;YAAEqB,KAAAA,EAAO,oBAAA;YAAsBC,IAAAA,EAAM,MAAA;YAAQC,UAAAA,EAAY;AAAC,gBAAA,IAAA;AAAM,gBAAA,IAAA;AAAM,gBAAA,IAAA;AAAM,gBAAA;AAAK,aAAA;YAAEC,MAAAA,EAAQ;AAAC,gBAAA;oBAAEC,IAAAA,EAAM,SAAA;oBAAWC,MAAAA,EAAQ;AAAC,wBAAA,GAAA;AAAK,wBAAA,GAAA;AAAK,wBAAA,GAAA;AAAK,wBAAA;AAAI;AAAC,iBAAA;AAAG,gBAAA;oBAAED,IAAAA,EAAM,QAAA;oBAAUC,MAAAA,EAAQ;AAAC,wBAAA,GAAA;AAAK,wBAAA,GAAA;AAAK,wBAAA,GAAA;AAAK,wBAAA;AAAI;AAAC;AAAE,aAAA;YAAEZ,MAAAA,EAAQ;AAAQ,SAAA;QAC9NT,IAAAA,EAAM;AAAC,YAAA;AAAqB,SAAA;QAAEC,QAAAA,EAAU;AAC5C,KAAA;IACA,CAACR,2BAAAA,CAAc6B,aAAa,GAAG;QAC3B3B,UAAAA,EAAY;YACR4B,MAAAA,EAAQ;AAAC,gBAAA;oBAAEH,IAAAA,EAAM,OAAA;oBAASjB,KAAAA,EAAO,OAAA;oBAASqB,IAAAA,EAAM;AAAO,iBAAA;AAAG,gBAAA;oBAAEJ,IAAAA,EAAM,QAAA;oBAAUjB,KAAAA,EAAO,QAAA;oBAAUqB,IAAAA,EAAM,QAAA;oBAAUC,OAAAA,EAAS;AAAC,wBAAA,MAAA;AAAQ,wBAAA,KAAA;AAAO,wBAAA;AAAO;AAAC,iBAAA;AAAG,gBAAA;oBAAEL,IAAAA,EAAM,OAAA;oBAASjB,KAAAA,EAAO,OAAA;oBAASqB,IAAAA,EAAM;AAAS;AAAE,aAAA;YACnME,MAAAA,EAAQ;gBAAEC,QAAAA,EAAU,KAAA;gBAAOC,UAAAA,EAAY;AAAC,oBAAA;wBAAEC,KAAAA,EAAO,QAAA;wBAAUF,QAAAA,EAAU,IAAA;wBAAMvB,KAAAA,EAAO;AAAO,qBAAA;AAAG,oBAAA;wBAAEyB,KAAAA,EAAO,OAAA;wBAASF,QAAAA,EAAU,UAAA;wBAAYvB,KAAAA,EAAO;AAAM;AAAE,iBAAA;AAAE0B,gBAAAA,MAAAA,EAAQ;AAAG;AACpK,SAAA;QACA9B,IAAAA,EAAM;AAAC,YAAA;AAAmB,SAAA;QAAEC,QAAAA,EAAU;AAC1C,KAAA;IACA,CAACR,2BAAAA,CAAcsC,aAAa,GAAG;QAC3BpC,UAAAA,EAAY;YAAEqC,OAAAA,EAAS;AAAC,gBAAA;oBAAEC,EAAAA,EAAI,MAAA;oBAAQ9B,KAAAA,EAAO,MAAA;oBAAQ+B,MAAAA,EAAQ;AAAK,iBAAA;AAAG,gBAAA;oBAAED,EAAAA,EAAI,OAAA;oBAAS9B,KAAAA,EAAO;AAAQ,iBAAA;AAAG,gBAAA;oBAAE8B,EAAAA,EAAI,QAAA;oBAAU9B,KAAAA,EAAO,QAAA;oBAAUgC,OAAAA,EAAS;AAAM;AAAE;AAAC,SAAA;QACzJnC,IAAAA,EAAM;AAAC,YAAA;AAAU,SAAA;QAAEC,QAAAA,EAAU;AACjC,KAAA;IACA,CAACR,2BAAAA,CAAc2C,cAAc,GAAG;QAC5BzC,UAAAA,EAAY;YAAE0C,KAAAA,EAAO;AAAC,gBAAA;oBAAEJ,EAAAA,EAAI,KAAA;oBAAO9B,KAAAA,EAAO;AAAY,iBAAA;AAAG,gBAAA;oBAAE8B,EAAAA,EAAI,MAAA;oBAAQ9B,KAAAA,EAAO;AAAO,iBAAA;AAAG,gBAAA;oBAAE8B,EAAAA,EAAI,SAAA;oBAAW9B,KAAAA,EAAO;AAAU;AAAE,aAAA;YAAEmC,UAAAA,EAAY;AAAO,SAAA;QACjJtC,IAAAA,EAAM;AAAC,YAAA;AAAO,SAAA;QAAEC,QAAAA,EAAU;AAC9B;AACJ;AAEA,4IACO,SAASsC,iBAAAA,CAAkBnB,IAAY,EAAEzB,UAAoC,EAAE6C,KAAsB,EAAA;IACxG,MAAMC,MAAAA,GAASjD,iBAAiB,CAAC4B,IAAAA,CAAK;IACtC,OAAO;QACHa,EAAAA,EAAI,CAAA,EAAGb,IAAAA,CAAK,OAAO,CAAC;AACpBsB,QAAAA,aAAAA,EAAeC,iCAAqBC,gCAAAA,EAAsBxB,IAAAA,CAAAA;QAC1DzB,UAAAA,EAAY;AAAE,YAAA,GAAIA,UAAAA,IAAc8C,MAAAA,EAAQ9C,UAAAA,IAAc,EAAE;YAAG,GAAI6C,KAAAA,KAAUK,SAAAA,GAAY,EAAC,GAAI;AAAEL,gBAAAA;;AAAS,SAAA;AACrGM,QAAAA,KAAAA,EAAO;AACX,KAAA;AACJ;;;"}

package/dist/cjs/foundation/foundationStrings.js

@@ -0,0 +1,130 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Every piece of text the foundation components say themselves, as opposed to text a screen author or a bound query
+ * supplies. Nothing is hard-coded in a component (spec Part B 1.5): a component reads its text from here, merged with
+ * the `strings` property of the element, so an application localizes by supplying a table - and a bound string
+ * (a `{name}` placeholder is replaced by the values the component passes) arrives the same way any other property does.
+ */ const foundationStrings = {
+    loading: 'Loading',
+    emptyHeadline: 'Nothing here yet',
+    emptyHint: 'There is nothing to show for now.',
+    errorHeadline: 'This could not be loaded',
+    errorHint: 'Something went wrong while loading. Try again in a moment.',
+    retry: 'Try again',
+    noPermissionHeadline: 'You do not have access',
+    noPermissionHint: 'Ask an administrator to grant you access to {subject}.',
+    noPermissionSubject: 'this content',
+    partialHeadline: 'Some parts could not be loaded',
+    partialHint: 'The unavailable parts are: {regions}.',
+    disabledNoPermission: 'You do not have permission to do this',
+    trendUp: 'up {value}',
+    trendDown: 'down {value}',
+    trendFlat: 'unchanged',
+    trendComparison: 'compared to {period}',
+    statusSuccess: 'Success',
+    statusWarning: 'Warning',
+    statusDanger: 'Problem',
+    statusInfo: 'Information',
+    statusNeutral: 'Status',
+    chartNoData: 'No data to chart',
+    chartDataTable: 'Chart data',
+    chartSeries: 'Series',
+    chartCategory: 'Category',
+    filterAdd: 'Add condition',
+    filterAddGroup: 'Add group',
+    filterRemove: 'Remove condition',
+    filterRemoveGroup: 'Remove group',
+    filterMatchAll: 'Match all (AND)',
+    filterMatchAny: 'Match any (OR)',
+    filterField: 'Field',
+    filterOperator: 'Operator',
+    filterValue: 'Value',
+    filterClear: 'Clear filters',
+    filterCondition: 'Condition {n}',
+    filterGroup: 'Group {n}',
+    filterNoFields: 'There are no fields to filter on',
+    opContains: 'contains',
+    opEquals: 'equals',
+    opNotEquals: 'does not equal',
+    opStartsWith: 'starts with',
+    opIsEmpty: 'is empty',
+    opGreater: 'is greater than',
+    opGreaterOrEqual: 'is at least',
+    opLess: 'is less than',
+    opLessOrEqual: 'is at most',
+    opBefore: 'is before',
+    opAfter: 'is after',
+    opOn: 'is on',
+    opIs: 'is',
+    opIsNot: 'is not',
+    opTrue: 'is yes',
+    opFalse: 'is no',
+    filterSummary: '{count} active filters',
+    filterSummaryOne: '1 active filter',
+    columnsChoose: 'Columns',
+    columnsLocked: 'always shown',
+    columnsReset: 'Show all columns',
+    columnsMoveUp: 'Move {name} up',
+    columnsMoveDown: 'Move {name} down',
+    columnsShown: '{shown} of {total} shown',
+    columnsNone: 'There are no columns to choose from',
+    viewsLabel: 'Saved views',
+    viewsDefault: 'All items',
+    viewsSave: 'Save current view',
+    viewsManage: 'Manage views',
+    viewsNone: 'There are no saved views',
+    checklistProgress: '{done} of {total} complete',
+    checklistOwner: 'Owner',
+    checklistDue: 'Due',
+    activityEmpty: 'No activity yet',
+    avatarOverflow: '{count} more',
+    avatarPeople: '{count} people',
+    uploadDrop: 'Drop files here or',
+    uploadBrowse: 'Browse files',
+    uploadRemove: 'Remove {name}',
+    uploadTooLarge: '{name} is larger than {limit}',
+    uploadWrongType: '{name} is not an accepted file type',
+    uploadUploading: 'Uploading',
+    uploadDone: 'Uploaded',
+    uploadFailed: 'Upload failed',
+    approvalPending: 'Pending',
+    approvalCurrent: 'Awaiting decision',
+    approvalApproved: 'Approved',
+    approvalRejected: 'Rejected',
+    approvalSkipped: 'Skipped',
+    approvalChain: 'Approval chain',
+    orgExpand: 'Expand {name}',
+    orgCollapse: 'Collapse {name}',
+    orgReports: '{count} reports',
+    matrixAllowed: 'Allowed',
+    matrixDenied: 'Not allowed',
+    matrixGrant: 'Grant {permission} to {role}',
+    matrixReadOnly: 'Read-only'
+};
+/**
+ * The foundation strings with the element's own `strings` property laid over them.
+ *
+ * Only string values of known names are taken, so a typo in an application's table falls back to the default text
+ * rather than rendering nothing.
+ */ function readFoundationStrings(element) {
+    const supplied = element.properties.strings;
+    const result = {
+        ...foundationStrings
+    };
+    if (typeof supplied !== 'object' || supplied === null || Array.isArray(supplied)) return result;
+    for (const [name, value] of Object.entries(supplied)){
+        if (name in foundationStrings && typeof value === 'string') result[name] = value;
+    }
+    return result;
+}
+/** Replaces each `{name}` in a string with the value of the same name, leaving an unknown placeholder visible rather than blank. */ function formatText(text, values = {}) {
+    return text.replace(/\{(\w+)\}/g, (placeholder, name)=>name in values ? String(values[name]) : placeholder);
+}
+
+exports.formatText = formatText;
+exports.foundationStrings = foundationStrings;
+exports.readFoundationStrings = readFoundationStrings;
+//# sourceMappingURL=foundationStrings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationStrings.js","sources":["../../../foundation/foundationStrings.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 * Every piece of text the foundation components say themselves, as opposed to text a screen author or a bound query\n * supplies. Nothing is hard-coded in a component (spec Part B 1.5): a component reads its text from here, merged with\n * the `strings` property of the element, so an application localizes by supplying a table - and a bound string\n * (a `{name}` placeholder is replaced by the values the component passes) arrives the same way any other property does.\n */\nexport const foundationStrings = {\n    loading: 'Loading',\n    emptyHeadline: 'Nothing here yet',\n    emptyHint: 'There is nothing to show for now.',\n    errorHeadline: 'This could not be loaded',\n    errorHint: 'Something went wrong while loading. Try again in a moment.',\n    retry: 'Try again',\n    noPermissionHeadline: 'You do not have access',\n    noPermissionHint: 'Ask an administrator to grant you access to {subject}.',\n    noPermissionSubject: 'this content',\n    partialHeadline: 'Some parts could not be loaded',\n    partialHint: 'The unavailable parts are: {regions}.',\n    disabledNoPermission: 'You do not have permission to do this',\n    trendUp: 'up {value}',\n    trendDown: 'down {value}',\n    trendFlat: 'unchanged',\n    trendComparison: 'compared to {period}',\n    statusSuccess: 'Success',\n    statusWarning: 'Warning',\n    statusDanger: 'Problem',\n    statusInfo: 'Information',\n    statusNeutral: 'Status',\n    chartNoData: 'No data to chart',\n    chartDataTable: 'Chart data',\n    chartSeries: 'Series',\n    chartCategory: 'Category',\n    filterAdd: 'Add condition',\n    filterAddGroup: 'Add group',\n    filterRemove: 'Remove condition',\n    filterRemoveGroup: 'Remove group',\n    filterMatchAll: 'Match all (AND)',\n    filterMatchAny: 'Match any (OR)',\n    filterField: 'Field',\n    filterOperator: 'Operator',\n    filterValue: 'Value',\n    filterClear: 'Clear filters',\n    filterCondition: 'Condition {n}',\n    filterGroup: 'Group {n}',\n    filterNoFields: 'There are no fields to filter on',\n    opContains: 'contains',\n    opEquals: 'equals',\n    opNotEquals: 'does not equal',\n    opStartsWith: 'starts with',\n    opIsEmpty: 'is empty',\n    opGreater: 'is greater than',\n    opGreaterOrEqual: 'is at least',\n    opLess: 'is less than',\n    opLessOrEqual: 'is at most',\n    opBefore: 'is before',\n    opAfter: 'is after',\n    opOn: 'is on',\n    opIs: 'is',\n    opIsNot: 'is not',\n    opTrue: 'is yes',\n    opFalse: 'is no',\n    filterSummary: '{count} active filters',\n    filterSummaryOne: '1 active filter',\n    columnsChoose: 'Columns',\n    columnsLocked: 'always shown',\n    columnsReset: 'Show all columns',\n    columnsMoveUp: 'Move {name} up',\n    columnsMoveDown: 'Move {name} down',\n    columnsShown: '{shown} of {total} shown',\n    columnsNone: 'There are no columns to choose from',\n    viewsLabel: 'Saved views',\n    viewsDefault: 'All items',\n    viewsSave: 'Save current view',\n    viewsManage: 'Manage views',\n    viewsNone: 'There are no saved views',\n    checklistProgress: '{done} of {total} complete',\n    checklistOwner: 'Owner',\n    checklistDue: 'Due',\n    activityEmpty: 'No activity yet',\n    avatarOverflow: '{count} more',\n    avatarPeople: '{count} people',\n    uploadDrop: 'Drop files here or',\n    uploadBrowse: 'Browse files',\n    uploadRemove: 'Remove {name}',\n    uploadTooLarge: '{name} is larger than {limit}',\n    uploadWrongType: '{name} is not an accepted file type',\n    uploadUploading: 'Uploading',\n    uploadDone: 'Uploaded',\n    uploadFailed: 'Upload failed',\n    approvalPending: 'Pending',\n    approvalCurrent: 'Awaiting decision',\n    approvalApproved: 'Approved',\n    approvalRejected: 'Rejected',\n    approvalSkipped: 'Skipped',\n    approvalChain: 'Approval chain',\n    orgExpand: 'Expand {name}',\n    orgCollapse: 'Collapse {name}',\n    orgReports: '{count} reports',\n    matrixAllowed: 'Allowed',\n    matrixDenied: 'Not allowed',\n    matrixGrant: 'Grant {permission} to {role}',\n    matrixReadOnly: 'Read-only',\n} as const;\n\n/** The name of one of the foundation strings. */\nexport type FoundationStringName = keyof typeof foundationStrings;\n\n/** The text table a foundation component works with. */\nexport type FoundationStrings = Record<FoundationStringName, string>;\n\n/**\n * The foundation strings with the element's own `strings` property laid over them.\n *\n * Only string values of known names are taken, so a typo in an application's table falls back to the default text\n * rather than rendering nothing.\n */\nexport function readFoundationStrings(element: ExternalComponent): FoundationStrings {\n    const supplied = element.properties.strings;\n    const result: FoundationStrings = { ...foundationStrings };\n    if (typeof supplied !== 'object' || supplied === null || Array.isArray(supplied)) return result;\n\n    for (const [name, value] of Object.entries(supplied as Record<string, unknown>)) {\n        if (name in foundationStrings && typeof value === 'string') result[name as FoundationStringName] = value;\n    }\n\n    return result;\n}\n\n/** Replaces each `{name}` in a string with the value of the same name, leaving an unknown placeholder visible rather than blank. */\nexport function formatText(text: string, values: Record<string, string | number> = {}): string {\n    return text.replace(/\\{(\\w+)\\}/g, (placeholder, name: string) => (name in values ? String(values[name]) : placeholder));\n}\n"],"names":["foundationStrings","loading","emptyHeadline","emptyHint","errorHeadline","errorHint","retry","noPermissionHeadline","noPermissionHint","noPermissionSubject","partialHeadline","partialHint","disabledNoPermission","trendUp","trendDown","trendFlat","trendComparison","statusSuccess","statusWarning","statusDanger","statusInfo","statusNeutral","chartNoData","chartDataTable","chartSeries","chartCategory","filterAdd","filterAddGroup","filterRemove","filterRemoveGroup","filterMatchAll","filterMatchAny","filterField","filterOperator","filterValue","filterClear","filterCondition","filterGroup","filterNoFields","opContains","opEquals","opNotEquals","opStartsWith","opIsEmpty","opGreater","opGreaterOrEqual","opLess","opLessOrEqual","opBefore","opAfter","opOn","opIs","opIsNot","opTrue","opFalse","filterSummary","filterSummaryOne","columnsChoose","columnsLocked","columnsReset","columnsMoveUp","columnsMoveDown","columnsShown","columnsNone","viewsLabel","viewsDefault","viewsSave","viewsManage","viewsNone","checklistProgress","checklistOwner","checklistDue","activityEmpty","avatarOverflow","avatarPeople","uploadDrop","uploadBrowse","uploadRemove","uploadTooLarge","uploadWrongType","uploadUploading","uploadDone","uploadFailed","approvalPending","approvalCurrent","approvalApproved","approvalRejected","approvalSkipped","approvalChain","orgExpand","orgCollapse","orgReports","matrixAllowed","matrixDenied","matrixGrant","matrixReadOnly","readFoundationStrings","element","supplied","properties","strings","result","Array","isArray","name","value","Object","entries","formatText","text","values","replace","placeholder","String"],"mappings":"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"}

package/dist/cjs/foundation/useElementWidth.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = 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 width of an element, kept up to date, so a chart can draw at the size it is shown at instead of scaling a fixed drawing -
+ * which would shrink its labels with it on a phone. Where there is no `ResizeObserver` (a test environment) the fallback is used.
+ */ function useElementWidth(reference, fallback) {
+    const [width, setWidth] = react.useState(fallback);
+    react.useLayoutEffect(()=>{
+        const element = reference.current;
+        if (!element) return;
+        const measure = ()=>{
+            const measured = Math.round(element.getBoundingClientRect().width);
+            if (measured > 0) setWidth(measured);
+        };
+        measure();
+        if (typeof ResizeObserver === 'undefined') return;
+        const observer = new ResizeObserver(measure);
+        observer.observe(element);
+        return ()=>observer.disconnect();
+    }, [
+        reference
+    ]);
+    return width;
+}
+
+exports.useElementWidth = useElementWidth;
+//# sourceMappingURL=useElementWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useElementWidth.js","sources":["../../../foundation/useElementWidth.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 { RefObject, useLayoutEffect, useState } from 'react';\n\n/**\n * The width of an element, kept up to date, so a chart can draw at the size it is shown at instead of scaling a fixed drawing -\n * which would shrink its labels with it on a phone. Where there is no `ResizeObserver` (a test environment) the fallback is used.\n */\nexport function useElementWidth(reference: RefObject<HTMLElement | null>, fallback: number): number {\n    const [width, setWidth] = useState(fallback);\n\n    useLayoutEffect(() => {\n        const element = reference.current;\n        if (!element) return;\n\n        const measure = () => {\n            const measured = Math.round(element.getBoundingClientRect().width);\n            if (measured > 0) setWidth(measured);\n        };\n\n        measure();\n        if (typeof ResizeObserver === 'undefined') return;\n\n        const observer = new ResizeObserver(measure);\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, [reference]);\n\n    return width;\n}\n"],"names":["useElementWidth","reference","fallback","width","setWidth","useState","useLayoutEffect","element","current","measure","measured","Math","round","getBoundingClientRect","ResizeObserver","observer","observe","disconnect"],"mappings":";;;;AAAA;AACA;AAIA;;;AAGC,IACM,SAASA,eAAAA,CAAgBC,SAAwC,EAAEC,QAAgB,EAAA;AACtF,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAASH,QAAAA,CAAAA;IAEnCI,qBAAAA,CAAgB,IAAA;QACZ,MAAMC,OAAAA,GAAUN,UAAUO,OAAO;AACjC,QAAA,IAAI,CAACD,OAAAA,EAAS;AAEd,QAAA,MAAME,OAAAA,GAAU,IAAA;AACZ,YAAA,MAAMC,WAAWC,IAAAA,CAAKC,KAAK,CAACL,OAAAA,CAAQM,qBAAqB,GAAGV,KAAK,CAAA;YACjE,IAAIO,QAAAA,GAAW,GAAGN,QAAAA,CAASM,QAAAA,CAAAA;AAC/B,QAAA,CAAA;AAEAD,QAAAA,OAAAA,EAAAA;QACA,IAAI,OAAOK,mBAAmB,WAAA,EAAa;QAE3C,MAAMC,QAAAA,GAAW,IAAID,cAAAA,CAAeL,OAAAA,CAAAA;AACpCM,QAAAA,QAAAA,CAASC,OAAO,CAACT,OAAAA,CAAAA;QACjB,OAAO,IAAMQ,SAASE,UAAU,EAAA;IACpC,CAAA,EAAG;AAAChB,QAAAA;AAAU,KAAA,CAAA;IAEd,OAAOE,KAAAA;AACX;;"}

package/dist/cjs/foundation/viewModel.js

@@ -0,0 +1,24 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** One saved view of a list: a named combination of filters, sort and columns. The definition lives with the application. */ /** Reads saved views out of a property value, dropping entries without an id. */ function readViews(value) {
+    if (!Array.isArray(value)) return [];
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { id, label, description } = entry;
+        if (typeof id !== 'string' || id.length === 0) return [];
+        return [
+            {
+                id,
+                label: typeof label === 'string' && label.length > 0 ? label : id,
+                ...typeof description === 'string' ? {
+                    description
+                } : {}
+            }
+        ];
+    });
+}
+
+exports.readViews = readViews;
+//# sourceMappingURL=viewModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewModel.js","sources":["../../../foundation/viewModel.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/** One saved view of a list: a named combination of filters, sort and columns. The definition lives with the application. */\nexport interface SavedView {\n    id: string;\n    label: string;\n    description?: string;\n}\n\n/** Reads saved views out of a property value, dropping entries without an id. */\nexport function readViews(value: unknown): SavedView[] {\n    if (!Array.isArray(value)) return [];\n\n    return value.flatMap((entry): SavedView[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { id, label, description } = entry as Record<string, unknown>;\n        if (typeof id !== 'string' || id.length === 0) return [];\n        return [{ id, label: typeof label === 'string' && label.length > 0 ? label : id, ...(typeof description === 'string' ? { description } : {}) }];\n    });\n}\n"],"names":["readViews","value","Array","isArray","flatMap","entry","id","label","description","length"],"mappings":";;AAAA;AACA;AAEA,gNAQO,SAASA,UAAUC,KAAc,EAAA;AACpC,IAAA,IAAI,CAACC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,OAAO,EAAE;IAEpC,OAAOA,KAAAA,CAAMG,OAAO,CAAC,CAACC,KAAAA,GAAAA;QAClB,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQH,MAAMC,OAAO,CAACE,KAAAA,CAAAA,EAAQ,OAAO,EAAE;AAClF,QAAA,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGH,KAAAA;QACnC,IAAI,OAAOC,OAAO,QAAA,IAAYA,EAAAA,CAAGG,MAAM,KAAK,CAAA,EAAG,OAAO,EAAE;QACxD,OAAO;AAAC,YAAA;AAAEH,gBAAAA,EAAAA;AAAIC,gBAAAA,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,IAAYA,MAAME,MAAM,GAAG,IAAIF,KAAAA,GAAQD,EAAAA;gBAAI,GAAI,OAAOE,gBAAgB,QAAA,GAAW;AAAEA,oBAAAA;AAAY,iBAAA,GAAI;AAAI;AAAE,SAAA;AACnJ,IAAA,CAAA,CAAA;AACJ;;"}

package/dist/cjs/index.js

@@ -54,6 +54,30 @@ var Logo = require('./shell/Logo.js');
 var UserMenu = require('./shell/UserMenu.js');
 var ThemeSwitcher = require('./shell/ThemeSwitcher.js');
 var LayoutModeSwitcher = require('./shell/LayoutModeSwitcher.js');
+var foundationStrings = require('./foundation/foundationStrings.js');
+var ComponentState = require('./foundation/ComponentState.js');
+var PermissionRule = require('./foundation/PermissionRule.js');
+var formatting = require('./foundation/formatting.js');
+var FoundationIcon = require('./foundation/FoundationIcon.js');
+var ActionButton = require('./foundation/ActionButton.js');
+var StateFrame = require('./foundation/StateFrame.js');
+var EmptyState = require('./foundation/EmptyState.js');
+var TrendChip = require('./foundation/TrendChip.js');
+var StatusChip = require('./foundation/StatusChip.js');
+var StatCard = require('./foundation/StatCard.js');
+var chartGeometry = require('./foundation/chartGeometry.js');
+var useElementWidth = require('./foundation/useElementWidth.js');
+var ChartWrapper = require('./foundation/ChartWrapper.js');
+var filterModel = require('./foundation/filterModel.js');
+var FilterBuilder = require('./foundation/FilterBuilder.js');
+var columnModel = require('./foundation/columnModel.js');
+var ColumnChooser = require('./foundation/ColumnChooser.js');
+var viewModel = require('./foundation/viewModel.js');
+var SavedViewsMenu = require('./foundation/SavedViewsMenu.js');
+var foundationDescriptors = require('./foundation/foundationDescriptors.js');
+var foundationComponentMetadata = require('./foundation/foundationComponentMetadata.js');
+var foundationSamples = require('./foundation/foundationSamples.js');
+var FoundationStates = require('./foundation/FoundationStates.js');
 var blueprintThemeCompatibility = require('./themes/blueprintThemeCompatibility.js');
 var light = require('./themes/light.js');
 var dark = require('./themes/dark.js');
@@ -217,6 +241,72 @@ exports.Logo = Logo.Logo;
 exports.UserMenu = UserMenu.UserMenu;
 exports.ThemeSwitcher = ThemeSwitcher.ThemeSwitcher;
 exports.LayoutModeSwitcher = LayoutModeSwitcher.LayoutModeSwitcher;
+exports.formatText = foundationStrings.formatText;
+exports.foundationStrings = foundationStrings.foundationStrings;
+exports.readFoundationStrings = foundationStrings.readFoundationStrings;
+exports.ComponentState = ComponentState.ComponentState;
+exports.componentStates = ComponentState.componentStates;
+exports.readComponentState = ComponentState.readComponentState;
+exports.PermissionRule = PermissionRule.PermissionRule;
+exports.readPermissionRule = PermissionRule.readPermissionRule;
+exports.NumberFormat = formatting.NumberFormat;
+exports.formatDate = formatting.formatDate;
+exports.formatNumber = formatting.formatNumber;
+exports.isRightToLeft = formatting.isRightToLeft;
+exports.readLocale = formatting.readLocale;
+exports.readNumberFormat = formatting.readNumberFormat;
+exports.FoundationIcon = FoundationIcon.FoundationIcon;
+exports.isFoundationIcon = FoundationIcon.isFoundationIcon;
+exports.ActionButton = ActionButton.ActionButton;
+exports.EmptyStateView = StateFrame.EmptyStateView;
+exports.FoundationFrame = StateFrame.FoundationFrame;
+exports.EmptyState = EmptyState.EmptyState;
+exports.TrendChip = TrendChip.TrendChip;
+exports.TrendChipView = TrendChip.TrendChipView;
+exports.trendDirection = TrendChip.trendDirection;
+exports.trendOutcome = TrendChip.trendOutcome;
+exports.StatusChip = StatusChip.StatusChip;
+exports.StatusTone = StatusChip.StatusTone;
+exports.readStatusTone = StatusChip.readStatusTone;
+exports.statusToneIcons = StatusChip.statusToneIcons;
+exports.StatCard = StatCard.StatCard;
+exports.ChartKind = chartGeometry.ChartKind;
+exports.dataMaximum = chartGeometry.dataMaximum;
+exports.donutSlices = chartGeometry.donutSlices;
+exports.funnelStages = chartGeometry.funnelStages;
+exports.niceScale = chartGeometry.niceScale;
+exports.readSeries = chartGeometry.readSeries;
+exports.ringPath = chartGeometry.ringPath;
+exports.useElementWidth = useElementWidth.useElementWidth;
+exports.ChartWrapper = ChartWrapper.ChartWrapper;
+exports.readChartKind = ChartWrapper.readChartKind;
+exports.FilterFieldType = filterModel.FilterFieldType;
+exports.countActiveConditions = filterModel.countActiveConditions;
+exports.emptyFilter = filterModel.emptyFilter;
+exports.filterOperators = filterModel.filterOperators;
+exports.maximumFilterDepth = filterModel.maximumFilterDepth;
+exports.newCondition = filterModel.newCondition;
+exports.normalizeFilter = filterModel.normalizeFilter;
+exports.readFilterFields = filterModel.readFilterFields;
+exports.updateGroupAt = filterModel.updateGroupAt;
+exports.valuelessOperators = filterModel.valuelessOperators;
+exports.FilterBuilder = FilterBuilder.FilterBuilder;
+exports.moveColumn = columnModel.moveColumn;
+exports.readColumns = columnModel.readColumns;
+exports.toggleColumn = columnModel.toggleColumn;
+exports.visibleColumnIds = columnModel.visibleColumnIds;
+exports.ColumnChooser = ColumnChooser.ColumnChooser;
+exports.readViews = viewModel.readViews;
+exports.SavedViewsMenu = SavedViewsMenu.SavedViewsMenu;
+exports.savedViewActionOutput = SavedViewsMenu.savedViewActionOutput;
+exports.bindable = foundationDescriptors.bindable;
+exports.foundationDescriptors = foundationDescriptors.foundationDescriptors;
+exports.list = foundationDescriptors.list;
+exports.standardStateProperties = foundationDescriptors.standardStateProperties;
+exports.foundationComponentMetadata = foundationComponentMetadata.foundationComponentMetadata;
+exports.foundationElement = foundationSamples.foundationElement;
+exports.foundationSamples = foundationSamples.foundationSamples;
+exports.FoundationStates = FoundationStates.FoundationStates;
 exports.blueprintThemeCompatibility = blueprintThemeCompatibility.blueprintThemeCompatibility;
 exports.lightTheme = light.lightTheme;
 exports.darkTheme = dark.darkTheme;

package/dist/cjs/index.js.map

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

package/dist/cjs/themes/dark.js

@@ -32,7 +32,15 @@ var blueprintThemeCompatibility = require('./blueprintThemeCompatibility.js');
         'highlight.background': '#232a45',
         'highlight.color': '#c7ccff',
         'content.borderRadius': '0.5rem',
-        'focus.ring': '0 0 0 2px rgb(129 140 248 / 0.45)'
+        'focus.ring': '0 0 0 2px rgb(129 140 248 / 0.45)',
+        'status.successColor': '#86efac',
+        'status.successBackground': '#14301f',
+        'status.warningColor': '#fcd34d',
+        'status.warningBackground': '#33290f',
+        'status.dangerColor': '#fca5a5',
+        'status.dangerBackground': '#3a1616',
+        'status.infoColor': '#93c5fd',
+        'status.infoBackground': '#162a4a'
     }
 };
 

package/dist/cjs/themes/dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"dark.js","sources":["../../../themes/dark.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 { Theme } from '@cratis/scene.model';\nimport { blueprintThemeCompatibility } from './blueprintThemeCompatibility';\n\n/**\n * The dark theme the shell ships with.\n *\n * Deliberately the same ten token names as the light theme and nothing more. A dark theme that introduced\n * extra tokens would work only for the parts of the shell written after it existed - the token set is the\n * contract, and both themes filling it identically is what makes switching between them a swap rather than\n * a re-render with holes in it.\n */\nexport const darkTheme: Theme = {\n    name: 'Scene Default Dark',\n    compatibleWith: blueprintThemeCompatibility,\n    isDark: true,\n    author: 'Cratis',\n    authorUrl: 'https://cratis.io',\n    license: 'MIT',\n    description: 'The default dark palette: a deep slate ramp with a lifted indigo accent.',\n    tokens: {\n        'primary.color': '#818cf8',\n        'primary.contrastColor': '#10131f',\n        'surface.background': '#0f1117',\n        'surface.card': '#171a23',\n        'surface.border': '#262a36',\n        'surface.hover': '#1f2431',\n        'surface.overlay': '#1c2030',\n        'text.color': '#e6e8ef',\n        'text.mutedColor': '#9aa1b1',\n        'highlight.background': '#232a45',\n        'highlight.color': '#c7ccff',\n        'content.borderRadius': '0.5rem',\n        'focus.ring': '0 0 0 2px rgb(129 140 248 / 0.45)',\n    },\n};\n"],"names":["darkTheme","name","compatibleWith","blueprintThemeCompatibility","isDark","author","authorUrl","license","description","tokens"],"mappings":";;;;AAAA;AACA;AAKA;;;;;;;UAQaA,SAAAA,GAAmB;IAC5BC,IAAAA,EAAM,oBAAA;IACNC,cAAAA,EAAgBC,uDAAAA;IAChBC,MAAAA,EAAQ,IAAA;IACRC,MAAAA,EAAQ,QAAA;IACRC,SAAAA,EAAW,mBAAA;IACXC,OAAAA,EAAS,KAAA;IACTC,WAAAA,EAAa,0EAAA;IACbC,MAAAA,EAAQ;QACJ,eAAA,EAAiB,SAAA;QACjB,uBAAA,EAAyB,SAAA;QACzB,oBAAA,EAAsB,SAAA;QACtB,cAAA,EAAgB,SAAA;QAChB,gBAAA,EAAkB,SAAA;QAClB,eAAA,EAAiB,SAAA;QACjB,iBAAA,EAAmB,SAAA;QACnB,YAAA,EAAc,SAAA;QACd,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,SAAA;QACxB,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,QAAA;QACxB,YAAA,EAAc;AAClB;AACJ;;"}
+{"version":3,"file":"dark.js","sources":["../../../themes/dark.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 { Theme } from '@cratis/scene.model';\nimport { blueprintThemeCompatibility } from './blueprintThemeCompatibility';\n\n/**\n * The dark theme the shell ships with.\n *\n * Deliberately the same ten token names as the light theme and nothing more. A dark theme that introduced\n * extra tokens would work only for the parts of the shell written after it existed - the token set is the\n * contract, and both themes filling it identically is what makes switching between them a swap rather than\n * a re-render with holes in it.\n */\nexport const darkTheme: Theme = {\n    name: 'Scene Default Dark',\n    compatibleWith: blueprintThemeCompatibility,\n    isDark: true,\n    author: 'Cratis',\n    authorUrl: 'https://cratis.io',\n    license: 'MIT',\n    description: 'The default dark palette: a deep slate ramp with a lifted indigo accent.',\n    tokens: {\n        'primary.color': '#818cf8',\n        'primary.contrastColor': '#10131f',\n        'surface.background': '#0f1117',\n        'surface.card': '#171a23',\n        'surface.border': '#262a36',\n        'surface.hover': '#1f2431',\n        'surface.overlay': '#1c2030',\n        'text.color': '#e6e8ef',\n        'text.mutedColor': '#9aa1b1',\n        'highlight.background': '#232a45',\n        'highlight.color': '#c7ccff',\n        'content.borderRadius': '0.5rem',\n        'focus.ring': '0 0 0 2px rgb(129 140 248 / 0.45)',\n        'status.successColor': '#86efac',\n        'status.successBackground': '#14301f',\n        'status.warningColor': '#fcd34d',\n        'status.warningBackground': '#33290f',\n        'status.dangerColor': '#fca5a5',\n        'status.dangerBackground': '#3a1616',\n        'status.infoColor': '#93c5fd',\n        'status.infoBackground': '#162a4a',\n    },\n};\n"],"names":["darkTheme","name","compatibleWith","blueprintThemeCompatibility","isDark","author","authorUrl","license","description","tokens"],"mappings":";;;;AAAA;AACA;AAKA;;;;;;;UAQaA,SAAAA,GAAmB;IAC5BC,IAAAA,EAAM,oBAAA;IACNC,cAAAA,EAAgBC,uDAAAA;IAChBC,MAAAA,EAAQ,IAAA;IACRC,MAAAA,EAAQ,QAAA;IACRC,SAAAA,EAAW,mBAAA;IACXC,OAAAA,EAAS,KAAA;IACTC,WAAAA,EAAa,0EAAA;IACbC,MAAAA,EAAQ;QACJ,eAAA,EAAiB,SAAA;QACjB,uBAAA,EAAyB,SAAA;QACzB,oBAAA,EAAsB,SAAA;QACtB,cAAA,EAAgB,SAAA;QAChB,gBAAA,EAAkB,SAAA;QAClB,eAAA,EAAiB,SAAA;QACjB,iBAAA,EAAmB,SAAA;QACnB,YAAA,EAAc,SAAA;QACd,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,SAAA;QACxB,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,QAAA;QACxB,YAAA,EAAc,mCAAA;QACd,qBAAA,EAAuB,SAAA;QACvB,0BAAA,EAA4B,SAAA;QAC5B,qBAAA,EAAuB,SAAA;QACvB,0BAAA,EAA4B,SAAA;QAC5B,oBAAA,EAAsB,SAAA;QACtB,yBAAA,EAA2B,SAAA;QAC3B,kBAAA,EAAoB,SAAA;QACpB,uBAAA,EAAyB;AAC7B;AACJ;;"}

package/dist/cjs/themes/light.js

@@ -31,11 +31,19 @@ var blueprintThemeCompatibility = require('./blueprintThemeCompatibility.js');
         'surface.hover': '#eceef1',
         'surface.overlay': '#ffffff',
         'text.color': '#1f2430',
-        'text.mutedColor': '#6b7280',
+        'text.mutedColor': '#5b6472',
         'highlight.background': '#eef2ff',
         'highlight.color': '#3730a3',
         'content.borderRadius': '0.5rem',
-        'focus.ring': '0 0 0 2px rgb(79 70 229 / 0.4)'
+        'focus.ring': '0 0 0 2px rgb(79 70 229 / 0.4)',
+        'status.successColor': '#166534',
+        'status.successBackground': '#dcfce7',
+        'status.warningColor': '#854d0e',
+        'status.warningBackground': '#fef3c7',
+        'status.dangerColor': '#991b1b',
+        'status.dangerBackground': '#fee2e2',
+        'status.infoColor': '#1e40af',
+        'status.infoBackground': '#dbeafe'
     }
 };
 

package/dist/cjs/themes/light.js.map

@@ -1 +1 @@
-{"version":3,"file":"light.js","sources":["../../../themes/light.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 { Theme } from '@cratis/scene.model';\nimport { blueprintThemeCompatibility } from './blueprintThemeCompatibility';\n\n/**\n * The light theme the shell ships with.\n *\n * The palette is original to Cratis - a neutral grey ramp with an indigo accent - rather than adopted from\n * any existing preset, which is why `author` says so rather than being left blank. A theme with empty\n * attribution reads as \"nobody has checked\", and once a palette is lifted from somewhere else without its\n * credit, nobody can tell afterwards which of the two it was.\n *\n * The token set is the shell's whole styling contract: every rule in `layout.css` resolves back to one of\n * these ten names. A theme that defines them defines the entire shell.\n */\nexport const lightTheme: Theme = {\n    name: 'Scene Default Light',\n    compatibleWith: blueprintThemeCompatibility,\n    isDark: false,\n    author: 'Cratis',\n    authorUrl: 'https://cratis.io',\n    license: 'MIT',\n    description: 'The default light palette: a neutral grey ramp with an indigo accent.',\n    tokens: {\n        'primary.color': '#4f46e5',\n        'primary.contrastColor': '#ffffff',\n        'surface.background': '#f4f5f7',\n        'surface.card': '#ffffff',\n        'surface.border': '#e2e5e9',\n        'surface.hover': '#eceef1',\n        'surface.overlay': '#ffffff',\n        'text.color': '#1f2430',\n        'text.mutedColor': '#6b7280',\n        'highlight.background': '#eef2ff',\n        'highlight.color': '#3730a3',\n        'content.borderRadius': '0.5rem',\n        'focus.ring': '0 0 0 2px rgb(79 70 229 / 0.4)',\n    },\n};\n"],"names":["lightTheme","name","compatibleWith","blueprintThemeCompatibility","isDark","author","authorUrl","license","description","tokens"],"mappings":";;;;AAAA;AACA;AAKA;;;;;;;;;;UAWaA,UAAAA,GAAoB;IAC7BC,IAAAA,EAAM,qBAAA;IACNC,cAAAA,EAAgBC,uDAAAA;IAChBC,MAAAA,EAAQ,KAAA;IACRC,MAAAA,EAAQ,QAAA;IACRC,SAAAA,EAAW,mBAAA;IACXC,OAAAA,EAAS,KAAA;IACTC,WAAAA,EAAa,uEAAA;IACbC,MAAAA,EAAQ;QACJ,eAAA,EAAiB,SAAA;QACjB,uBAAA,EAAyB,SAAA;QACzB,oBAAA,EAAsB,SAAA;QACtB,cAAA,EAAgB,SAAA;QAChB,gBAAA,EAAkB,SAAA;QAClB,eAAA,EAAiB,SAAA;QACjB,iBAAA,EAAmB,SAAA;QACnB,YAAA,EAAc,SAAA;QACd,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,SAAA;QACxB,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,QAAA;QACxB,YAAA,EAAc;AAClB;AACJ;;"}
+{"version":3,"file":"light.js","sources":["../../../themes/light.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 { Theme } from '@cratis/scene.model';\nimport { blueprintThemeCompatibility } from './blueprintThemeCompatibility';\n\n/**\n * The light theme the shell ships with.\n *\n * The palette is original to Cratis - a neutral grey ramp with an indigo accent - rather than adopted from\n * any existing preset, which is why `author` says so rather than being left blank. A theme with empty\n * attribution reads as \"nobody has checked\", and once a palette is lifted from somewhere else without its\n * credit, nobody can tell afterwards which of the two it was.\n *\n * The token set is the shell's whole styling contract: every rule in `layout.css` resolves back to one of\n * these ten names. A theme that defines them defines the entire shell.\n */\nexport const lightTheme: Theme = {\n    name: 'Scene Default Light',\n    compatibleWith: blueprintThemeCompatibility,\n    isDark: false,\n    author: 'Cratis',\n    authorUrl: 'https://cratis.io',\n    license: 'MIT',\n    description: 'The default light palette: a neutral grey ramp with an indigo accent.',\n    tokens: {\n        'primary.color': '#4f46e5',\n        'primary.contrastColor': '#ffffff',\n        'surface.background': '#f4f5f7',\n        'surface.card': '#ffffff',\n        'surface.border': '#e2e5e9',\n        'surface.hover': '#eceef1',\n        'surface.overlay': '#ffffff',\n        'text.color': '#1f2430',\n        'text.mutedColor': '#5b6472',\n        'highlight.background': '#eef2ff',\n        'highlight.color': '#3730a3',\n        'content.borderRadius': '0.5rem',\n        'focus.ring': '0 0 0 2px rgb(79 70 229 / 0.4)',\n        'status.successColor': '#166534',\n        'status.successBackground': '#dcfce7',\n        'status.warningColor': '#854d0e',\n        'status.warningBackground': '#fef3c7',\n        'status.dangerColor': '#991b1b',\n        'status.dangerBackground': '#fee2e2',\n        'status.infoColor': '#1e40af',\n        'status.infoBackground': '#dbeafe',\n    },\n};\n"],"names":["lightTheme","name","compatibleWith","blueprintThemeCompatibility","isDark","author","authorUrl","license","description","tokens"],"mappings":";;;;AAAA;AACA;AAKA;;;;;;;;;;UAWaA,UAAAA,GAAoB;IAC7BC,IAAAA,EAAM,qBAAA;IACNC,cAAAA,EAAgBC,uDAAAA;IAChBC,MAAAA,EAAQ,KAAA;IACRC,MAAAA,EAAQ,QAAA;IACRC,SAAAA,EAAW,mBAAA;IACXC,OAAAA,EAAS,KAAA;IACTC,WAAAA,EAAa,uEAAA;IACbC,MAAAA,EAAQ;QACJ,eAAA,EAAiB,SAAA;QACjB,uBAAA,EAAyB,SAAA;QACzB,oBAAA,EAAsB,SAAA;QACtB,cAAA,EAAgB,SAAA;QAChB,gBAAA,EAAkB,SAAA;QAClB,eAAA,EAAiB,SAAA;QACjB,iBAAA,EAAmB,SAAA;QACnB,YAAA,EAAc,SAAA;QACd,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,SAAA;QACxB,iBAAA,EAAmB,SAAA;QACnB,sBAAA,EAAwB,QAAA;QACxB,YAAA,EAAc,gCAAA;QACd,qBAAA,EAAuB,SAAA;QACvB,0BAAA,EAA4B,SAAA;QAC5B,qBAAA,EAAuB,SAAA;QACvB,0BAAA,EAA4B,SAAA;QAC5B,oBAAA,EAAsB,SAAA;QACtB,yBAAA,EAA2B,SAAA;QAC3B,kBAAA,EAAoB,SAAA;QACpB,uBAAA,EAAyB;AAC7B;AACJ;;"}

package/dist/esm/ComponentName.d.ts

@@ -14,6 +14,14 @@ export declare enum ComponentName {
     Logo = "logo",
     UserMenu = "userMenu",
     ThemeSwitcher = "themeSwitcher",
-    LayoutModeSwitcher = "layoutModeSwitcher"
+    LayoutModeSwitcher = "layoutModeSwitcher",
+    EmptyState = "emptyState",
+    StatCard = "statCard",
+    TrendChip = "trendChip",
+    StatusChip = "statusChip",
+    ChartWrapper = "chartWrapper",
+    FilterBuilder = "filterBuilder",
+    ColumnChooser = "columnChooser",
+    SavedViewsMenu = "savedViewsMenu"
 }
 //# sourceMappingURL=ComponentName.d.ts.map

package/dist/esm/ComponentName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentName.d.ts","sourceRoot":"","sources":["../../ComponentName.ts"],"names":[],"mappings":"AAWA,oBAAY,aAAa;IAErB,QAAQ,aAAa;IAGrB,aAAa,kBAAkB;IAG/B,MAAM,WAAW;IAGjB,OAAO,YAAY;IAGnB,IAAI,SAAS;IAGb,QAAQ,aAAa;IAGrB,UAAU,eAAe;IAGzB,MAAM,WAAW;IAGjB,UAAU,eAAe;IAGzB,WAAW,gBAAgB;IAG3B,UAAU,eAAe;IAGzB,IAAI,SAAS;IAGb,IAAI,SAAS;IAGb,QAAQ,aAAa;IAGrB,aAAa,kBAAkB;IAG/B,kBAAkB,uBAAuB;CAC5C"}
+{"version":3,"file":"ComponentName.d.ts","sourceRoot":"","sources":["../../ComponentName.ts"],"names":[],"mappings":"AAWA,oBAAY,aAAa;IAErB,QAAQ,aAAa;IAGrB,aAAa,kBAAkB;IAG/B,MAAM,WAAW;IAGjB,OAAO,YAAY;IAGnB,IAAI,SAAS;IAGb,QAAQ,aAAa;IAGrB,UAAU,eAAe;IAGzB,MAAM,WAAW;IAGjB,UAAU,eAAe;IAGzB,WAAW,gBAAgB;IAG3B,UAAU,eAAe;IAGzB,IAAI,SAAS;IAGb,IAAI,SAAS;IAGb,QAAQ,aAAa;IAGrB,aAAa,kBAAkB;IAG/B,kBAAkB,uBAAuB;IAGzC,UAAU,eAAe;IAGzB,QAAQ,aAAa;IAGrB,SAAS,cAAc;IAGvB,UAAU,eAAe;IAGzB,YAAY,iBAAiB;IAG7B,aAAa,kBAAkB;IAG/B,aAAa,kBAAkB;IAG/B,cAAc,mBAAmB;CACpC"}

package/dist/esm/ComponentName.js

@@ -24,6 +24,14 @@
     /** 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";
+    /** One chart - line, bar, stacked, donut or funnel - with its legend and a table of the same data. */ ComponentName["ChartWrapper"] = "chartWrapper";
+    /** Conditions on fields, joined by AND or OR in nested groups. */ ComponentName["FilterBuilder"] = "filterBuilder";
+    /** Which columns a table shows, and in what order. */ ComponentName["ColumnChooser"] = "columnChooser";
+    /** A list's saved views as a menu button. */ ComponentName["SavedViewsMenu"] = "savedViewsMenu";
     return ComponentName;
 }({});
 

package/dist/esm/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    /** One chart - line, bar, stacked, donut or funnel - with its legend and a table of the same data. */\n    ChartWrapper = 'chartWrapper',\n\n    /** Conditions on fields, joined by AND or OR in nested groups. */\n    FilterBuilder = 'filterBuilder',\n\n    /** Which columns a table shows, and in what order. */\n    ColumnChooser = 'columnChooser',\n\n    /** A list's saved views as a menu button. */\n    SavedViewsMenu = 'savedViewsMenu',\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;2GAG4C,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;uEAGpC,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;2DAGZ,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;kDAGT,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;AAtEnCA,IAAAA,OAAAA,aAAAA;AAwEX,CAAA,CAAA,EAAA;;"}

package/dist/esm/defaultBlueprint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprint.d.ts","sourceRoot":"","sources":["../../defaultBlueprint.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAsB,MAAM,qBAAqB,CAAC;AA4B7E,eAAO,MAAM,wBAAwB,EAAE,YAetC,CAAC;AAaF,eAAO,MAAM,gBAAgB,EAAE,kBAS9B,CAAC"}
+{"version":3,"file":"defaultBlueprint.d.ts","sourceRoot":"","sources":["../../defaultBlueprint.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAsB,MAAM,qBAAqB,CAAC;AA6B7E,eAAO,MAAM,wBAAwB,EAAE,YAetC,CAAC;AAaF,eAAO,MAAM,gBAAgB,EAAE,kBAS9B,CAAC"}

package/dist/esm/defaultBlueprint.js

@@ -2,7 +2,15 @@ import { PackageKind } from '@cratis/scene.model';
 import { describeComponents } from '@cratis/scene.react';
 import { ComponentName } from './ComponentName.js';
 import { defaultBlueprintComponentMetadata } from './defaultBlueprintComponentMetadata.js';
+import './foundation/ComponentState.js';
+import 'react/jsx-runtime';
+import 'react';
+import { foundationDescriptors } from './foundation/foundationDescriptors.js';
+import './foundation/foundationComponentMetadata.js';
+import './foundation/foundationSamples.js';
 import { defaultBlueprintComponents } from './defaultBlueprintComponents.js';
+import { defaultBlueprintName } from './packageName.js';
+import { defaultBlueprintThemes } from './themes/defaultBlueprintThemes.js';
 import './gallery/elements.js';
 import './gallery/navigation.js';
 import { LayoutName } from './layouts/LayoutName.js';
@@ -10,10 +18,6 @@ import './layouts/shellComponents.js';
 import './layouts/appShell.js';
 import './layouts/fullPage.js';
 import { defaultLayouts } from './layouts/defaultLayouts.js';
-import { defaultBlueprintName } from './packageName.js';
-import { defaultBlueprintThemes } from './themes/defaultBlueprintThemes.js';
-import 'react/jsx-runtime';
-import 'react';
 import './gallery/nesting.js';
 import './gallery/workspaceTemplates.js';
 import './gallery/supportTemplates.js';
@@ -86,7 +90,7 @@ import './gallery/GalleryScreenPreview.js';
     dialogTemplates: galleryDialogTemplates,
     screens: galleryScreens,
     themes: defaultBlueprintThemes,
-    descriptors: describeComponents(defaultBlueprintManifest.name, [], defaultBlueprintComponentMetadata)
+    descriptors: describeComponents(defaultBlueprintManifest.name, foundationDescriptors, defaultBlueprintComponentMetadata)
 };
 
 export { defaultBlueprint, defaultBlueprintManifest };

package/dist/esm/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,oBAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,YAAYC,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,aAAAA,CAAAA;IAC1BC,OAAAA,EAASH,MAAAA,CAAOC,MAAM,CAACG,UAAAA,CAAAA;AACvBC,IAAAA,eAAAA,EAAiBC,uBAAuBC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEiB,IAAAA,eAAAA,EAAiBC,uBAAuBH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEmB,IAAAA,MAAAA,EAAQC,uBAAuBL,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,0BAAAA;IACZlB,OAAAA,EAASmB,cAAAA;IACTjB,eAAAA,EAAiBC,sBAAAA;IACjBG,eAAAA,EAAiBC,sBAAAA;IACjBa,OAAAA,EAASC,cAAAA;IACTb,MAAAA,EAAQC,sBAAAA;AACRa,IAAAA,WAAAA,EAAaC,kBAAAA,CAAmBnC,wBAAAA,CAAyBC,IAAI,EAAE,EAAE,EAAEmC,iCAAAA;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,oBAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,YAAYC,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,aAAAA,CAAAA;IAC1BC,OAAAA,EAASH,MAAAA,CAAOC,MAAM,CAACG,UAAAA,CAAAA;AACvBC,IAAAA,eAAAA,EAAiBC,uBAAuBC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEiB,IAAAA,eAAAA,EAAiBC,uBAAuBH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEmB,IAAAA,MAAAA,EAAQC,uBAAuBL,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,0BAAAA;IACZlB,OAAAA,EAASmB,cAAAA;IACTjB,eAAAA,EAAiBC,sBAAAA;IACjBG,eAAAA,EAAiBC,sBAAAA;IACjBa,OAAAA,EAASC,cAAAA;IACTb,MAAAA,EAAQC,sBAAAA;AACRa,IAAAA,WAAAA,EAAaC,kBAAAA,CAAmBnC,wBAAAA,CAAyBC,IAAI,EAAEmC,qBAAAA,EAAuBC,iCAAAA;AAC1F;;"}

package/dist/esm/defaultBlueprintComponentMetadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprintComponentMetadata.d.ts","sourceRoot":"","sources":["../../defaultBlueprintComponentMetadata.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAgD,MAAM,qBAAqB,CAAC;AAGtG,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAiB/E,CAAC"}
+{"version":3,"file":"defaultBlueprintComponentMetadata.d.ts","sourceRoot":"","sources":["../../defaultBlueprintComponentMetadata.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAgD,MAAM,qBAAqB,CAAC;AAGtG,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAkB/E,CAAC"}

package/dist/esm/defaultBlueprintComponentMetadata.js

@@ -1,9 +1,17 @@
 import { ComponentCategory } from '@cratis/scene.model';
+import './foundation/ComponentState.js';
+import 'react/jsx-runtime';
+import 'react';
 import { componentMetadata, navigationDesignMode } from '@cratis/scene.react';
+import './foundation/foundationDescriptors.js';
+import { foundationComponentMetadata } from './foundation/foundationComponentMetadata.js';
+import './foundation/foundationSamples.js';
+import './defaultBlueprintComponents.js';
 
 // 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,
     appShell: componentMetadata('Application shell', ComponentCategory.Layout, 'app-window', [
         'layout',
         'frame',