@cratis/scene.blueprint.default 0.1.0

package/dist/esm/gallery/widgets.js

@@ -0,0 +1,86 @@
+import { ComponentName } from '../ComponentName.js';
+import { card, text, externalComponent, panel, button } from './elements.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The repeated pieces the gallery's screen templates are built from.
+ *
+ * The gallery only earns its place if a preview shows something that looks like an application - a
+ * dashboard with four stat cards over two columns of larger widgets, a list with real columns and real
+ * rows. Seeded content that says "Lorem ipsum" proves the renderer runs and nothing else. These builders
+ * are what keep twenty templates' worth of realistic content from becoming twenty pages of literals.
+ */ /** A screen's title, subtitle and actions - the furniture every template starts with. */ function pageHeader(id, title, subtitle, actions = []) {
+    return externalComponent(id, ComponentName.PageHeader, {
+        title,
+        subtitle
+    }, {
+        actions
+    });
+}
+/**
+ * One of the four figures across the top of a dashboard - the composition Sakai's dashboard opens with,
+ * and the one every template in the line has copied since.
+ */ function statCard(id, label, value, delta, icon) {
+    return card(id, [
+        text(`${id}-label`, label),
+        text(`${id}-value`, value),
+        text(`${id}-delta`, delta)
+    ], {
+        icon,
+        variant: 'stat'
+    });
+}
+/** A titled surface holding a widget's content. */ function widget(id, title, content) {
+    return card(id, [
+        text(`${id}-title`, title),
+        ...content
+    ], {
+        title
+    });
+}
+/** A table with real columns and real rows, so a list template looks like a list. */ function table(id, columns, rows) {
+    return externalComponent(id, 'dataTable', {
+        value: rows,
+        dataKey: columns[0]?.field ?? 'id',
+        paginator: rows.length > 8,
+        rows: 8
+    }, {
+        columns: columns.map((column)=>externalComponent(`${id}-${column.field}`, 'column', {
+                field: column.field,
+                header: column.header,
+                sortable: true
+            }))
+    });
+}
+/** One labeled input in a form template. */ function field(id, label, componentName, properties = {}) {
+    return panel(id, [
+        text(`${id}-label`, label),
+        externalComponent(`${id}-input`, componentName, properties)
+    ]);
+}
+/** A row of buttons closing a form. */ function formActions(id, confirmLabel, cancelLabel = 'Cancel') {
+    return panel(id, [
+        button(`${id}-confirm`, confirmLabel, {
+            severity: 'primary'
+        }),
+        button(`${id}-cancel`, cancelLabel, {
+            severity: 'secondary'
+        })
+    ]);
+}
+/** The empty state a list shows before anything exists - the designed one, never a build-time apology. */ function emptyState(id, title, message, actionLabel) {
+    return card(id, [
+        externalComponent(`${id}-icon`, 'image', {
+            alt: title
+        }),
+        text(`${id}-title`, title),
+        text(`${id}-message`, message),
+        button(`${id}-action`, actionLabel, {
+            severity: 'primary'
+        })
+    ]);
+}
+
+export { emptyState, field, formActions, pageHeader, statCard, table, widget };
+//# sourceMappingURL=widgets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.js","sources":["../../../gallery/widgets.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 { SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { button, card, externalComponent, panel, text } from './elements';\n\n/**\n * The repeated pieces the gallery's screen templates are built from.\n *\n * The gallery only earns its place if a preview shows something that looks like an application - a\n * dashboard with four stat cards over two columns of larger widgets, a list with real columns and real\n * rows. Seeded content that says \"Lorem ipsum\" proves the renderer runs and nothing else. These builders\n * are what keep twenty templates' worth of realistic content from becoming twenty pages of literals.\n */\n\n/** A screen's title, subtitle and actions - the furniture every template starts with. */\nexport function pageHeader(id: string, title: string, subtitle: string, actions: SceneElement[] = []): SceneElement {\n    return externalComponent(id, ComponentName.PageHeader, { title, subtitle }, { actions });\n}\n\n/**\n * One of the four figures across the top of a dashboard - the composition Sakai's dashboard opens with,\n * and the one every template in the line has copied since.\n */\nexport function statCard(id: string, label: string, value: string, delta: string, icon: string): SceneElement {\n    return card(id, [text(`${id}-label`, label), text(`${id}-value`, value), text(`${id}-delta`, delta)], { icon, variant: 'stat' });\n}\n\n/** A titled surface holding a widget's content. */\nexport function widget(id: string, title: string, content: SceneElement[]): SceneElement {\n    return card(id, [text(`${id}-title`, title), ...content], { title });\n}\n\n/** A table with real columns and real rows, so a list template looks like a list. */\nexport function table(id: string, columns: { field: string; header: string }[], rows: Record<string, unknown>[]): SceneElement {\n    return externalComponent(\n        id,\n        'dataTable',\n        { value: rows, dataKey: columns[0]?.field ?? 'id', paginator: rows.length > 8, rows: 8 },\n        { columns: columns.map(column => externalComponent(`${id}-${column.field}`, 'column', { field: column.field, header: column.header, sortable: true })) },\n    );\n}\n\n/** One labeled input in a form template. */\nexport function field(id: string, label: string, componentName: string, properties: Record<string, unknown> = {}): SceneElement {\n    return panel(id, [text(`${id}-label`, label), externalComponent(`${id}-input`, componentName, properties)]);\n}\n\n/** A row of buttons closing a form. */\nexport function formActions(id: string, confirmLabel: string, cancelLabel = 'Cancel'): SceneElement {\n    return panel(id, [button(`${id}-confirm`, confirmLabel, { severity: 'primary' }), button(`${id}-cancel`, cancelLabel, { severity: 'secondary' })]);\n}\n\n/** The empty state a list shows before anything exists - the designed one, never a build-time apology. */\nexport function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement {\n    return card(id, [\n        externalComponent(`${id}-icon`, 'image', { alt: title }),\n        text(`${id}-title`, title),\n        text(`${id}-message`, message),\n        button(`${id}-action`, actionLabel, { severity: 'primary' }),\n    ]);\n}\n"],"names":["pageHeader","id","title","subtitle","actions","externalComponent","ComponentName","PageHeader","statCard","label","value","delta","icon","card","text","variant","widget","content","table","columns","rows","dataKey","field","paginator","length","map","column","header","sortable","componentName","properties","panel","formActions","confirmLabel","cancelLabel","button","severity","emptyState","message","actionLabel","alt"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const dashboardTemplate: ScreenTemplate;
+export declare const crudListTemplate: ScreenTemplate;
+export declare const detailViewTemplate: ScreenTemplate;
+export declare const formPageTemplate: ScreenTemplate;
+export declare const emptyTemplate: ScreenTemplate;
+export declare const workspaceTemplates: ScreenTemplate[];
+//# sourceMappingURL=workspaceTemplates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/workspaceTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AAyBrE,eAAO,MAAM,iBAAiB,EAAE,cA8D/B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAkC9B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cA2BhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAoB9B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAW3B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAA+F,CAAC"}

package/dist/esm/gallery/workspaceTemplates.js

@@ -0,0 +1,388 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { SlotName } from '../layouts/SlotName.js';
+import { column, slotLeaf, grid } from '../layouts/flowBuilders.js';
+import '../layouts/shellComponents.js';
+import '../layouts/appShell.js';
+import '../layouts/fullPage.js';
+import { TemplateSlotName } from './TemplateSlotName.js';
+import { button, externalComponent, card, text } from './elements.js';
+import { widget, table, statCard, pageHeader, formActions, emptyState, field } from './widgets.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The five workhorse shapes inside an application shell: a dashboard, a list, a detail, a form and the
+ * designed empty state.
+ *
+ * Every one fits the layout's `content` slot, and every one carries realistic seeded content rather than
+ * placeholder text. A gallery whose dashboard shows four boxes labeled "Card" proves the renderer runs; a
+ * gallery whose dashboard shows revenue, orders, customers and a real table proves the blueprint is worth
+ * starting an application from.
+ */ /**
+ * The dashboard: four figures across the top, then two columns of larger widgets.
+ *
+ * This is Sakai's composition, and the reason to copy it is that it is the arrangement people already read
+ * fluently - the eye takes the row of numbers first and then settles into the detail.
+ *
+ * Its own arrangement collapses the two columns into one at a compact width, because a two-column widget
+ * grid on a phone is two columns of unreadable slivers.
+ */ const dashboardTemplate = {
+    name: 'Dashboard',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Stats
+        },
+        {
+            name: TemplateSlotName.Primary
+        },
+        {
+            name: TemplateSlotName.Secondary
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf(TemplateSlotName.Stats),
+            grid([
+                slotLeaf(TemplateSlotName.Primary, {
+                    span: 2
+                }),
+                slotLeaf(TemplateSlotName.Secondary)
+            ], 3, 16)
+        ]),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf(TemplateSlotName.Stats),
+                    slotLeaf(TemplateSlotName.Primary),
+                    slotLeaf(TemplateSlotName.Secondary)
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        [TemplateSlotName.Stats]: [
+            statCard('stat-revenue', 'Revenue', '$284,120', '+12.4% this month', 'pi pi-dollar'),
+            statCard('stat-orders', 'Orders', '1,842', '+3.1% this month', 'pi pi-shopping-cart'),
+            statCard('stat-customers', 'Customers', '9,410', '+128 new', 'pi pi-users'),
+            statCard('stat-open', 'Open tickets', '17', '-4 since Monday', 'pi pi-inbox')
+        ],
+        [TemplateSlotName.Primary]: [
+            widget('widget-revenue', 'Revenue over time', [
+                table('revenue-table', [
+                    {
+                        field: 'month',
+                        header: 'Month'
+                    },
+                    {
+                        field: 'revenue',
+                        header: 'Revenue'
+                    },
+                    {
+                        field: 'change',
+                        header: 'Change'
+                    }
+                ], [
+                    {
+                        month: 'March',
+                        revenue: '$284,120',
+                        change: '+12.4%'
+                    },
+                    {
+                        month: 'February',
+                        revenue: '$252,780',
+                        change: '+4.1%'
+                    },
+                    {
+                        month: 'January',
+                        revenue: '$242,830',
+                        change: '-1.8%'
+                    },
+                    {
+                        month: 'December',
+                        revenue: '$247,290',
+                        change: '+9.6%'
+                    }
+                ])
+            ]),
+            widget('widget-orders', 'Recent orders', [
+                table('orders-table', [
+                    {
+                        field: 'reference',
+                        header: 'Reference'
+                    },
+                    {
+                        field: 'customer',
+                        header: 'Customer'
+                    },
+                    {
+                        field: 'total',
+                        header: 'Total'
+                    },
+                    {
+                        field: 'status',
+                        header: 'Status'
+                    }
+                ], [
+                    {
+                        reference: 'ORD-4192',
+                        customer: 'Northwind Traders',
+                        total: '$1,240.00',
+                        status: 'Shipped'
+                    },
+                    {
+                        reference: 'ORD-4191',
+                        customer: 'Contoso Ltd',
+                        total: '$318.50',
+                        status: 'Packing'
+                    },
+                    {
+                        reference: 'ORD-4188',
+                        customer: 'Fabrikam',
+                        total: '$2,980.00',
+                        status: 'Awaiting payment'
+                    },
+                    {
+                        reference: 'ORD-4184',
+                        customer: 'Adventure Works',
+                        total: '$76.20',
+                        status: 'Shipped'
+                    }
+                ])
+            ])
+        ],
+        [TemplateSlotName.Secondary]: [
+            widget('widget-activity', 'Activity', [
+                externalComponent('activity-timeline', 'timeline', {
+                    align: 'left'
+                })
+            ]),
+            widget('widget-capacity', 'Warehouse capacity', [
+                externalComponent('capacity-bar', 'progressBar', {
+                    value: 68
+                })
+            ])
+        ]
+    },
+    displayName: 'Dashboard',
+    description: 'Four stat cards over two columns of widgets - the composition every template line opens with.'
+};
+/** The list: a filter toolbar, a real table, and the row actions a list needs. */ const crudListTemplate = {
+    name: 'CrudList',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Toolbar
+        },
+        {
+            name: TemplateSlotName.Body
+        }
+    ],
+    content: {
+        [TemplateSlotName.Toolbar]: [
+            pageHeader('crud-header', 'Products', '412 products across 9 categories', [
+                button('crud-new', 'New product', {
+                    severity: 'primary',
+                    icon: 'pi pi-plus'
+                }),
+                button('crud-import', 'Import', {
+                    severity: 'secondary',
+                    icon: 'pi pi-upload'
+                })
+            ]),
+            externalComponent('crud-search', 'inputText', {
+                placeholder: 'Search products'
+            })
+        ],
+        [TemplateSlotName.Body]: [
+            table('products-table', [
+                {
+                    field: 'code',
+                    header: 'Code'
+                },
+                {
+                    field: 'name',
+                    header: 'Name'
+                },
+                {
+                    field: 'category',
+                    header: 'Category'
+                },
+                {
+                    field: 'price',
+                    header: 'Price'
+                },
+                {
+                    field: 'stock',
+                    header: 'In stock'
+                }
+            ], [
+                {
+                    code: 'P-1001',
+                    name: 'Bamboo Watch',
+                    category: 'Accessories',
+                    price: '$65.00',
+                    stock: 24
+                },
+                {
+                    code: 'P-1002',
+                    name: 'Black Watch',
+                    category: 'Accessories',
+                    price: '$72.00',
+                    stock: 61
+                },
+                {
+                    code: 'P-1003',
+                    name: 'Blue Band',
+                    category: 'Fitness',
+                    price: '$79.00',
+                    stock: 2
+                },
+                {
+                    code: 'P-1004',
+                    name: 'Blue T-Shirt',
+                    category: 'Clothing',
+                    price: '$29.00',
+                    stock: 25
+                },
+                {
+                    code: 'P-1005',
+                    name: 'Bracelet',
+                    category: 'Accessories',
+                    price: '$15.00',
+                    stock: 73
+                }
+            ])
+        ]
+    },
+    displayName: 'List',
+    description: 'A searchable table with a header, primary action and row data.'
+};
+/** The detail: a summary panel beside the record's own sections. */ const detailViewTemplate = {
+    name: 'DetailView',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.SidePanel
+        }
+    ],
+    content: {
+        [TemplateSlotName.Header]: [
+            pageHeader('detail-header', 'Bamboo Watch', 'P-1001 · Accessories', [
+                button('detail-edit', 'Edit', {
+                    severity: 'primary',
+                    icon: 'pi pi-pencil'
+                }),
+                button('detail-archive', 'Archive', {
+                    severity: 'secondary',
+                    icon: 'pi pi-inbox'
+                })
+            ])
+        ],
+        [TemplateSlotName.Body]: [
+            widget('detail-description', 'Description', [
+                text('detail-description-text', 'A bamboo-cased watch with a sapphire face and a recycled steel strap.')
+            ]),
+            widget('detail-history', 'Price history', [
+                externalComponent('detail-history-timeline', 'timeline', {
+                    align: 'left'
+                })
+            ])
+        ],
+        [TemplateSlotName.SidePanel]: [
+            widget('detail-summary', 'Summary', [
+                text('detail-stock', 'In stock: 24'),
+                text('detail-reserved', 'Reserved: 3'),
+                externalComponent('detail-status', 'tag', {
+                    value: 'Active',
+                    severity: 'success'
+                })
+            ])
+        ]
+    },
+    displayName: 'Detail',
+    description: 'One record: a header with actions, its sections, and a summary panel.'
+};
+/** The form: fields, grouped, with the actions that close them. */ const formPageTemplate = {
+    name: 'FormPage',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.Actions
+        }
+    ],
+    content: {
+        [TemplateSlotName.Header]: [
+            pageHeader('form-header', 'New product', 'Everything marked with an asterisk is required')
+        ],
+        [TemplateSlotName.Body]: [
+            card('form-card', [
+                field('form-name', 'Name', 'inputText', {
+                    placeholder: 'Bamboo Watch'
+                }),
+                field('form-code', 'Code', 'inputText', {
+                    placeholder: 'P-1001'
+                }),
+                field('form-category', 'Category', 'dropdown', {
+                    options: [
+                        'Accessories',
+                        'Clothing',
+                        'Fitness'
+                    ]
+                }),
+                field('form-price', 'Price', 'inputNumber', {
+                    mode: 'currency',
+                    currency: 'USD'
+                }),
+                field('form-available', 'Available from', 'calendar', {}),
+                field('form-notes', 'Notes', 'inputTextarea', {
+                    rows: 4
+                })
+            ])
+        ],
+        [TemplateSlotName.Actions]: [
+            formActions('form-actions', 'Create product')
+        ]
+    },
+    displayName: 'Form',
+    description: 'A grouped form with the field types an application actually uses.'
+};
+/** The empty state: what a list looks like before anything exists, designed rather than apologized for. */ const emptyTemplate = {
+    name: 'Empty',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Body
+        }
+    ],
+    content: {
+        [TemplateSlotName.Body]: [
+            emptyState('empty-state', 'No products yet', 'Products you create will show up here, with their stock and pricing.', 'Create the first product')
+        ]
+    },
+    displayName: 'Empty state',
+    description: 'The designed empty state for a list that has nothing in it yet.'
+};
+/** The five workspace templates. */ const workspaceTemplates = [
+    dashboardTemplate,
+    crudListTemplate,
+    detailViewTemplate,
+    formPageTemplate,
+    emptyTemplate
+];
+
+export { crudListTemplate, dashboardTemplate, detailViewTemplate, emptyTemplate, formPageTemplate, workspaceTemplates };
+//# sourceMappingURL=workspaceTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceTemplates.js","sources":["../../../gallery/workspaceTemplates.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 { ScreenTemplate, WidthSizeClass } from '@cratis/scene.model';\nimport { SlotName, column, grid, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { emptyState, field, formActions, pageHeader, statCard, table, widget } from './widgets';\n\n/**\n * The five workhorse shapes inside an application shell: a dashboard, a list, a detail, a form and the\n * designed empty state.\n *\n * Every one fits the layout's `content` slot, and every one carries realistic seeded content rather than\n * placeholder text. A gallery whose dashboard shows four boxes labeled \"Card\" proves the renderer runs; a\n * gallery whose dashboard shows revenue, orders, customers and a real table proves the blueprint is worth\n * starting an application from.\n */\n\n/**\n * The dashboard: four figures across the top, then two columns of larger widgets.\n *\n * This is Sakai's composition, and the reason to copy it is that it is the arrangement people already read\n * fluently - the eye takes the row of numbers first and then settles into the detail.\n *\n * Its own arrangement collapses the two columns into one at a compact width, because a two-column widget\n * grid on a phone is two columns of unreadable slivers.\n */\nexport const dashboardTemplate: ScreenTemplate = {\n    name: 'Dashboard',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Stats }, { name: TemplateSlotName.Primary }, { name: TemplateSlotName.Secondary }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Stats), grid([slotLeaf(TemplateSlotName.Primary, { span: 2 }), slotLeaf(TemplateSlotName.Secondary)], 3, 16)]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column([slotLeaf(TemplateSlotName.Stats), slotLeaf(TemplateSlotName.Primary), slotLeaf(TemplateSlotName.Secondary)], 16),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Stats]: [\n            statCard('stat-revenue', 'Revenue', '$284,120', '+12.4% this month', 'pi pi-dollar'),\n            statCard('stat-orders', 'Orders', '1,842', '+3.1% this month', 'pi pi-shopping-cart'),\n            statCard('stat-customers', 'Customers', '9,410', '+128 new', 'pi pi-users'),\n            statCard('stat-open', 'Open tickets', '17', '-4 since Monday', 'pi pi-inbox'),\n        ],\n        [TemplateSlotName.Primary]: [\n            widget('widget-revenue', 'Revenue over time', [\n                table(\n                    'revenue-table',\n                    [\n                        { field: 'month', header: 'Month' },\n                        { field: 'revenue', header: 'Revenue' },\n                        { field: 'change', header: 'Change' },\n                    ],\n                    [\n                        { month: 'March', revenue: '$284,120', change: '+12.4%' },\n                        { month: 'February', revenue: '$252,780', change: '+4.1%' },\n                        { month: 'January', revenue: '$242,830', change: '-1.8%' },\n                        { month: 'December', revenue: '$247,290', change: '+9.6%' },\n                    ],\n                ),\n            ]),\n            widget('widget-orders', 'Recent orders', [\n                table(\n                    'orders-table',\n                    [\n                        { field: 'reference', header: 'Reference' },\n                        { field: 'customer', header: 'Customer' },\n                        { field: 'total', header: 'Total' },\n                        { field: 'status', header: 'Status' },\n                    ],\n                    [\n                        { reference: 'ORD-4192', customer: 'Northwind Traders', total: '$1,240.00', status: 'Shipped' },\n                        { reference: 'ORD-4191', customer: 'Contoso Ltd', total: '$318.50', status: 'Packing' },\n                        { reference: 'ORD-4188', customer: 'Fabrikam', total: '$2,980.00', status: 'Awaiting payment' },\n                        { reference: 'ORD-4184', customer: 'Adventure Works', total: '$76.20', status: 'Shipped' },\n                    ],\n                ),\n            ]),\n        ],\n        [TemplateSlotName.Secondary]: [\n            widget('widget-activity', 'Activity', [externalComponent('activity-timeline', 'timeline', { align: 'left' })]),\n            widget('widget-capacity', 'Warehouse capacity', [externalComponent('capacity-bar', 'progressBar', { value: 68 })]),\n        ],\n    },\n    displayName: 'Dashboard',\n    description: 'Four stat cards over two columns of widgets - the composition every template line opens with.',\n};\n\n/** The list: a filter toolbar, a real table, and the row actions a list needs. */\nexport const crudListTemplate: ScreenTemplate = {\n    name: 'CrudList',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            pageHeader('crud-header', 'Products', '412 products across 9 categories', [\n                button('crud-new', 'New product', { severity: 'primary', icon: 'pi pi-plus' }),\n                button('crud-import', 'Import', { severity: 'secondary', icon: 'pi pi-upload' }),\n            ]),\n            externalComponent('crud-search', 'inputText', { placeholder: 'Search products' }),\n        ],\n        [TemplateSlotName.Body]: [\n            table(\n                'products-table',\n                [\n                    { field: 'code', header: 'Code' },\n                    { field: 'name', header: 'Name' },\n                    { field: 'category', header: 'Category' },\n                    { field: 'price', header: 'Price' },\n                    { field: 'stock', header: 'In stock' },\n                ],\n                [\n                    { code: 'P-1001', name: 'Bamboo Watch', category: 'Accessories', price: '$65.00', stock: 24 },\n                    { code: 'P-1002', name: 'Black Watch', category: 'Accessories', price: '$72.00', stock: 61 },\n                    { code: 'P-1003', name: 'Blue Band', category: 'Fitness', price: '$79.00', stock: 2 },\n                    { code: 'P-1004', name: 'Blue T-Shirt', category: 'Clothing', price: '$29.00', stock: 25 },\n                    { code: 'P-1005', name: 'Bracelet', category: 'Accessories', price: '$15.00', stock: 73 },\n                ],\n            ),\n        ],\n    },\n    displayName: 'List',\n    description: 'A searchable table with a header, primary action and row data.',\n};\n\n/** The detail: a summary panel beside the record's own sections. */\nexport const detailViewTemplate: ScreenTemplate = {\n    name: 'DetailView',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [\n            pageHeader('detail-header', 'Bamboo Watch', 'P-1001 · Accessories', [\n                button('detail-edit', 'Edit', { severity: 'primary', icon: 'pi pi-pencil' }),\n                button('detail-archive', 'Archive', { severity: 'secondary', icon: 'pi pi-inbox' }),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            widget('detail-description', 'Description', [\n                text('detail-description-text', 'A bamboo-cased watch with a sapphire face and a recycled steel strap.'),\n            ]),\n            widget('detail-history', 'Price history', [externalComponent('detail-history-timeline', 'timeline', { align: 'left' })]),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('detail-summary', 'Summary', [\n                text('detail-stock', 'In stock: 24'),\n                text('detail-reserved', 'Reserved: 3'),\n                externalComponent('detail-status', 'tag', { value: 'Active', severity: 'success' }),\n            ]),\n        ],\n    },\n    displayName: 'Detail',\n    description: 'One record: a header with actions, its sections, and a summary panel.',\n};\n\n/** The form: fields, grouped, with the actions that close them. */\nexport const formPageTemplate: ScreenTemplate = {\n    name: 'FormPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('form-header', 'New product', 'Everything marked with an asterisk is required')],\n        [TemplateSlotName.Body]: [\n            card('form-card', [\n                field('form-name', 'Name', 'inputText', { placeholder: 'Bamboo Watch' }),\n                field('form-code', 'Code', 'inputText', { placeholder: 'P-1001' }),\n                field('form-category', 'Category', 'dropdown', { options: ['Accessories', 'Clothing', 'Fitness'] }),\n                field('form-price', 'Price', 'inputNumber', { mode: 'currency', currency: 'USD' }),\n                field('form-available', 'Available from', 'calendar', {}),\n                field('form-notes', 'Notes', 'inputTextarea', { rows: 4 }),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('form-actions', 'Create product')],\n    },\n    displayName: 'Form',\n    description: 'A grouped form with the field types an application actually uses.',\n};\n\n/** The empty state: what a list looks like before anything exists, designed rather than apologized for. */\nexport const emptyTemplate: ScreenTemplate = {\n    name: 'Empty',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            emptyState('empty-state', 'No products yet', 'Products you create will show up here, with their stock and pricing.', 'Create the first product'),\n        ],\n    },\n    displayName: 'Empty state',\n    description: 'The designed empty state for a list that has nothing in it yet.',\n};\n\n/** The five workspace templates. */\nexport const workspaceTemplates: ScreenTemplate[] = [dashboardTemplate, crudListTemplate, detailViewTemplate, formPageTemplate, emptyTemplate];\n"],"names":["dashboardTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Stats","Primary","Secondary","arrangement","root","column","slotLeaf","grid","span","overrides","width","WidthSizeClass","Compact","content","statCard","widget","table","field","header","month","revenue","change","reference","customer","total","status","externalComponent","align","value","displayName","description","crudListTemplate","Toolbar","Body","pageHeader","button","severity","icon","placeholder","code","category","price","stock","detailViewTemplate","Header","SidePanel","text","formPageTemplate","Actions","card","options","mode","currency","rows","formActions","emptyTemplate","emptyState","workspaceTemplates"],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+export * from './packageName';
+export * from './ComponentName';
+export * from './configuration';
+export * from './layouts';
+export * from './gallery';
+export * from './shell';
+export * from './themes';
+export * from './defaultBlueprintComponents';
+export * from './defaultBlueprint';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,60 @@
+export { defaultBlueprintName } from './packageName.js';
+export { ComponentName } from './ComponentName.js';
+export { LayoutMode, layoutModes } from './configuration/LayoutMode.js';
+export { ColorScheme, colorSchemes } from './configuration/ColorScheme.js';
+export { MenuTheme, menuThemes } from './configuration/MenuTheme.js';
+export { defaultLayoutConfigState, effectiveLayoutMode, isMobileWidth, isOffCanvasMode, isPointerRevealMode, mobileBreakpoint, mobileMediaQuery, toggleSidebar, toggleSidebarAnchor, withColorScheme, withMenuTheme, withMobile, withMode, withSidebarAnchored, withSidebarOpen, withSidebarRevealed, withThemeName } from './configuration/layoutConfigTransitions.js';
+export { isLayoutMaskVisible, layoutWrapperClasses } from './configuration/layoutWrapperClasses.js';
+export { layoutConfigStorageKey, persistLayoutConfig, readPersistedLayoutConfig } from './configuration/layoutConfigStorage.js';
+export { LayoutConfigProvider, useLayoutConfig, useOptionalLayoutConfig } from './configuration/LayoutConfigProvider.js';
+export { SlotName } from './layouts/SlotName.js';
+export { LayoutName } from './layouts/LayoutName.js';
+export { column, grid, row, slotLeaf } from './layouts/flowBuilders.js';
+export { shellComponentForLayout } from './layouts/shellComponents.js';
+export { appShellArrangement, appShellCompactHeightRoot, appShellCompactRoot, appShellCompactWidthRoot, appShellLayout, appShellRegularRoot } from './layouts/appShell.js';
+export { fullPageArrangement, fullPageCompactWidthRoot, fullPageLayout, fullPageRegularRoot } from './layouts/fullPage.js';
+export { defaultLayouts } from './layouts/defaultLayouts.js';
+export { button, card, externalComponent, panel, text } from './gallery/elements.js';
+export { emptyState, field, formActions, pageHeader, statCard, table, widget } from './gallery/widgets.js';
+export { TemplateSlotName } from './gallery/TemplateSlotName.js';
+export { entriesInGroup, navigationContributionPoint, navigationContributions, navigationElement, navigationEntries, navigationGroups } from './gallery/navigation.js';
+export { applicationChrome, fullPageChrome } from './gallery/applicationChrome.js';
+export { composeScreenElement, nestScreenTemplates, templateContentInLayout } from './gallery/composeScreen.js';
+export { featureSectionTemplate, moduleWorkspaceTemplate, nestingChainTemplates, sliceSectionTemplate } from './gallery/nesting.js';
+export { crudListTemplate, dashboardTemplate, detailViewTemplate, emptyTemplate, formPageTemplate, workspaceTemplates } from './gallery/workspaceTemplates.js';
+export { documentationTemplate, helpTemplate, invoiceTemplate, profileSettingsTemplate, supportTemplates, userManagementTemplate } from './gallery/supportTemplates.js';
+export { authTemplates, forgotPasswordTemplate, lockScreenTemplate, loginTemplate, newPasswordTemplate, registerTemplate, verificationTemplate } from './gallery/authTemplates.js';
+export { accessDeniedTemplate, errorTemplate, landingTemplate, notFoundTemplate, statusTemplates } from './gallery/statusTemplates.js';
+export { confirmDialogTemplate, detailDialogTemplate, formDialogTemplate, galleryDialogTemplates } from './gallery/dialogTemplates.js';
+export { galleryScreen, galleryScreenTemplates, galleryScreens } from './gallery/screens.js';
+export { coreComponentNames, cratisComponentsNames, primeReactComponentNames } from './gallery/dependencyComponentNames.js';
+export { componentNamesIn, distinctComponentNames } from './gallery/componentNames.js';
+export { galleryComponentCatalog, galleryPreviewProfile, galleryProfile } from './gallery/previewProfile.js';
+export { resolveElementComponentNames } from './gallery/resolveElementNames.js';
+export { GalleryScreenPreview, galleryPreviewRegistry } from './gallery/GalleryScreenPreview.js';
+export { readBoolean, readNumber, readOptionalString, readRecords, readString, readStrings, recordString } from './shell/elementProperties.js';
+export { readThemeOptions, themeOptionsFor } from './shell/ThemeOption.js';
+export { AppShell } from './shell/AppShell.js';
+export { FullPageShell } from './shell/FullPageShell.js';
+export { Topbar } from './shell/Topbar.js';
+export { Sidebar } from './shell/Sidebar.js';
+export { Menu } from './shell/Menu.js';
+export { MenuItem } from './shell/MenuItem.js';
+export { Breadcrumb } from './shell/Breadcrumb.js';
+export { Footer } from './shell/Footer.js';
+export { RightPanel } from './shell/RightPanel.js';
+export { ConfigPanel } from './shell/ConfigPanel.js';
+export { PageHeader } from './shell/PageHeader.js';
+export { LayoutMask, Mask } from './shell/Mask.js';
+export { Logo } from './shell/Logo.js';
+export { UserMenu } from './shell/UserMenu.js';
+export { ThemeSwitcher } from './shell/ThemeSwitcher.js';
+export { LayoutModeSwitcher } from './shell/LayoutModeSwitcher.js';
+export { blueprintThemeCompatibility } from './themes/blueprintThemeCompatibility.js';
+export { lightTheme } from './themes/light.js';
+export { darkTheme } from './themes/dark.js';
+export { defaultBlueprintThemes } from './themes/defaultBlueprintThemes.js';
+export { LayoutThemeProvider } from './themes/LayoutThemeProvider.js';
+export { defaultBlueprintComponents } from './defaultBlueprintComponents.js';
+export { defaultBlueprint, defaultBlueprintManifest } from './defaultBlueprint.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/layouts/LayoutName.d.ts

@@ -0,0 +1,5 @@
+export declare enum LayoutName {
+    AppShell = "AppShell",
+    FullPage = "FullPage"
+}
+//# sourceMappingURL=LayoutName.d.ts.map

package/dist/esm/layouts/LayoutName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutName.d.ts","sourceRoot":"","sources":["../../../layouts/LayoutName.ts"],"names":[],"mappings":"AAWA,oBAAY,UAAU;IAElB,QAAQ,aAAa;IAGrB,QAAQ,aAAa;CACxB"}