@cratis/scene.blueprint.default 0.1.0

package/dist/esm/shell/UserMenu.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+export declare function UserMenu({ element }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/esm/shell/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../shell/UserMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAW/D,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAiC7D"}

package/dist/esm/shell/UserMenu.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { Avatar } from 'primereact/avatar';
+import { Button } from 'primereact/button';
+import { Menu } from 'primereact/menu';
+import { readString, readRecords, recordString } from './elementProperties.js';
+
+/**
+ * The signed-in user's avatar and menu.
+ *
+ * The popup is PrimeReact's `Menu` rather than hand-written markup: an overlay that positions itself,
+ * traps focus and closes on escape is framework behavior, and re-implementing it in a layout package is
+ * how a shell ends up with its own subtly broken menu. The shell hand-writes CSS only where PrimeReact 10
+ * has no primitive at all - the app-shell modes - and uses the library everywhere else.
+ */ function UserMenu({ element }) {
+    const menu = useRef(null);
+    const name = readString(element, 'name');
+    const role = readString(element, 'role');
+    const initials = readString(element, 'initials', name.slice(0, 1).toUpperCase());
+    const items = readRecords(element, 'items').map((item)=>({
+            label: recordString(item, 'label'),
+            icon: recordString(item, 'icon') || undefined,
+            url: recordString(item, 'targetScreen') ? `#/${recordString(item, 'targetScreen')}` : undefined
+        }));
+    return /*#__PURE__*/ jsxs("div", {
+        className: "layout-user-menu",
+        "data-scene-id": element.id,
+        children: [
+            /*#__PURE__*/ jsx(Avatar, {
+                label: initials,
+                shape: "circle"
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "layout-user-menu-name",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: name
+                    }),
+                    role && /*#__PURE__*/ jsx("span", {
+                        className: "layout-user-menu-role",
+                        children: role
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Menu, {
+                ref: menu,
+                model: items,
+                popup: true,
+                id: `${element.id}-menu`
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                text: true,
+                rounded: true,
+                icon: "pi pi-angle-down",
+                "aria-label": `Open the menu for ${name}`,
+                "aria-controls": `${element.id}-menu`,
+                "aria-haspopup": true,
+                onClick: (event)=>menu.current?.toggle(event)
+            })
+        ]
+    });
+}
+
+export { UserMenu };
+//# sourceMappingURL=UserMenu.js.map

package/dist/esm/shell/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","sources":["../../../shell/UserMenu.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useRef } from 'react';\nimport { Avatar } from 'primereact/avatar';\nimport { Button } from 'primereact/button';\nimport { Menu as PrimeMenu } from 'primereact/menu';\nimport { MenuItem as PrimeMenuItem } from 'primereact/menuitem';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { readRecords, readString, recordString } from './elementProperties';\n\n/**\n * The signed-in user's avatar and menu.\n *\n * The popup is PrimeReact's `Menu` rather than hand-written markup: an overlay that positions itself,\n * traps focus and closes on escape is framework behavior, and re-implementing it in a layout package is\n * how a shell ends up with its own subtly broken menu. The shell hand-writes CSS only where PrimeReact 10\n * has no primitive at all - the app-shell modes - and uses the library everywhere else.\n */\nexport function UserMenu({ element }: RegisteredComponentProps) {\n    const menu = useRef<PrimeMenu>(null);\n    const name = readString(element, 'name');\n    const role = readString(element, 'role');\n    const initials = readString(element, 'initials', name.slice(0, 1).toUpperCase());\n    const items = readRecords(element, 'items').map(\n        (item): PrimeMenuItem => ({\n            label: recordString(item, 'label'),\n            icon: recordString(item, 'icon') || undefined,\n            url: recordString(item, 'targetScreen') ? `#/${recordString(item, 'targetScreen')}` : undefined,\n        }),\n    );\n\n    return (\n        <div className='layout-user-menu' data-scene-id={element.id}>\n            <Avatar label={initials} shape='circle' />\n            <span className='layout-user-menu-name'>\n                <span>{name}</span>\n                {role && <span className='layout-user-menu-role'>{role}</span>}\n            </span>\n            <PrimeMenu ref={menu} model={items} popup id={`${element.id}-menu`} />\n            <Button\n                type='button'\n                text\n                rounded\n                icon='pi pi-angle-down'\n                aria-label={`Open the menu for ${name}`}\n                aria-controls={`${element.id}-menu`}\n                aria-haspopup\n                onClick={event => menu.current?.toggle(event)}\n            />\n        </div>\n    );\n}\n"],"names":["UserMenu","element","menu","useRef","name","readString","role","initials","slice","toUpperCase","items","readRecords","map","item","label","recordString","icon","undefined","url","_jsxs","div","className","data-scene-id","id","_jsx","Avatar","shape","span","PrimeMenu","ref","model","popup","Button","type","text","rounded","aria-label","aria-controls","aria-haspopup","onClick","event","current","toggle"],"mappings":";;;;;;;AAWA;;;;;;;AAOC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAA4B,EAAA;AAC1D,IAAA,MAAMC,OAAOC,MAAAA,CAAkB,IAAA,CAAA;IAC/B,MAAMC,IAAAA,GAAOC,WAAWJ,OAAAA,EAAS,MAAA,CAAA;IACjC,MAAMK,IAAAA,GAAOD,WAAWJ,OAAAA,EAAS,MAAA,CAAA;IACjC,MAAMM,QAAAA,GAAWF,WAAWJ,OAAAA,EAAS,UAAA,EAAYG,KAAKI,KAAK,CAAC,CAAA,EAAG,CAAA,CAAA,CAAGC,WAAW,EAAA,CAAA;IAC7E,MAAMC,KAAAA,GAAQC,YAAYV,OAAAA,EAAS,OAAA,CAAA,CAASW,GAAG,CAC3C,CAACC,QAAyB;AACtBC,YAAAA,KAAAA,EAAOC,aAAaF,IAAAA,EAAM,OAAA,CAAA;YAC1BG,IAAAA,EAAMD,YAAAA,CAAaF,MAAM,MAAA,CAAA,IAAWI,SAAAA;YACpCC,GAAAA,EAAKH,YAAAA,CAAaF,MAAM,cAAA,CAAA,GAAkB,CAAC,EAAE,EAAEE,YAAAA,CAAaF,IAAAA,EAAM,cAAA,CAAA,CAAA,CAAiB,GAAGI;SAC1F,CAAA,CAAA;AAGJ,IAAA,qBACIE,IAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,kBAAA;AAAmBC,QAAAA,eAAAA,EAAerB,QAAQsB,EAAE;;0BACvDC,GAAA,CAACC,MAAAA,EAAAA;gBAAOX,KAAAA,EAAOP,QAAAA;gBAAUmB,KAAAA,EAAM;;0BAC/BP,IAAA,CAACQ,MAAAA,EAAAA;gBAAKN,SAAAA,EAAU,uBAAA;;kCACZG,GAAA,CAACG,MAAAA,EAAAA;AAAMvB,wBAAAA,QAAAA,EAAAA;;AACNE,oBAAAA,IAAAA,kBAAQkB,GAAA,CAACG,MAAAA,EAAAA;wBAAKN,SAAAA,EAAU,uBAAA;AAAyBf,wBAAAA,QAAAA,EAAAA;;;;0BAEtDkB,GAAA,CAACI,IAAAA,EAAAA;gBAAUC,GAAAA,EAAK3B,IAAAA;gBAAM4B,KAAAA,EAAOpB,KAAAA;gBAAOqB,KAAK,EAAA,IAAA;AAACR,gBAAAA,EAAAA,EAAI,CAAA,EAAGtB,OAAAA,CAAQsB,EAAE,CAAC,KAAK;;0BACjEC,GAAA,CAACQ,MAAAA,EAAAA;gBACGC,IAAAA,EAAK,QAAA;gBACLC,IAAI,EAAA,IAAA;gBACJC,OAAO,EAAA,IAAA;gBACPnB,IAAAA,EAAK,kBAAA;gBACLoB,YAAAA,EAAY,CAAC,kBAAkB,EAAEhC,IAAAA,CAAAA,CAAM;AACvCiC,gBAAAA,eAAAA,EAAe,CAAA,EAAGpC,OAAAA,CAAQsB,EAAE,CAAC,KAAK,CAAC;gBACnCe,eAAa,EAAA,IAAA;AACbC,gBAAAA,OAAAA,EAASC,CAAAA,KAAAA,GAAStC,IAAAA,CAAKuC,OAAO,EAAEC,MAAAA,CAAOF,KAAAA;;;;AAIvD;;;;"}

package/dist/esm/shell/elementProperties.d.ts

@@ -0,0 +1,9 @@
+import { ExternalComponent } from '@cratis/scene.model';
+export declare function readString(element: ExternalComponent, name: string, fallback?: string): string;
+export declare function readOptionalString(element: ExternalComponent, name: string): string | undefined;
+export declare function readBoolean(element: ExternalComponent, name: string, fallback?: boolean): boolean;
+export declare function readNumber(element: ExternalComponent, name: string, fallback?: number): number;
+export declare function readStrings(element: ExternalComponent, name: string): string[];
+export declare function readRecords(element: ExternalComponent, name: string): Record<string, unknown>[];
+export declare function recordString(record: Record<string, unknown>, name: string, fallback?: string): string;
+//# sourceMappingURL=elementProperties.d.ts.map

package/dist/esm/shell/elementProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementProperties.d.ts","sourceRoot":"","sources":["../../../shell/elementProperties.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM,CAG1F;AAGD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAG/F;AAGD,wBAAgB,WAAW,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,OAAO,CAG/F;AAGD,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAGzF;AAGD,wBAAgB,WAAW,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAG9E;AAQD,wBAAgB,WAAW,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAO/F;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM,CAGjG"}

package/dist/esm/shell/elementProperties.js

@@ -0,0 +1,48 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Typed reads out of a {@link SceneElement}'s open `properties` bag.
+ *
+ * The bag is `Record<string, unknown>` by design - it carries whatever a page template author wrote, and
+ * Scene never re-validates it. A shell component that trusts it and reads `properties.label as string`
+ * renders `[object Object]` or crashes the moment a template has a typo, so every read goes through one of
+ * these instead and falls back to something renderable.
+ */ /** Reads a string property, or the fallback when it is absent or not a string. */ function readString(element, name, fallback = '') {
+    const value = element.properties[name];
+    return typeof value === 'string' ? value : fallback;
+}
+/** Reads an optional string property, or `undefined` when it is absent or not a string. */ function readOptionalString(element, name) {
+    const value = element.properties[name];
+    return typeof value === 'string' ? value : undefined;
+}
+/** Reads a boolean property, or the fallback when it is absent or not a boolean. */ function readBoolean(element, name, fallback = false) {
+    const value = element.properties[name];
+    return typeof value === 'boolean' ? value : fallback;
+}
+/** Reads a number property, or the fallback when it is absent or not a number. */ function readNumber(element, name, fallback = 0) {
+    const value = element.properties[name];
+    return typeof value === 'number' ? value : fallback;
+}
+/** Reads an array of strings, or an empty array when the property is absent or holds anything else. */ function readStrings(element, name) {
+    const value = element.properties[name];
+    return Array.isArray(value) ? value.filter((entry)=>typeof entry === 'string') : [];
+}
+/**
+ * Reads an array of objects - a breadcrumb trail, a set of table columns, a user menu's items.
+ *
+ * Entries that are not objects are dropped rather than rendered, for the same reason the scalar reads
+ * fall back: half a table is a better failure than a thrown render.
+ */ function readRecords(element, name) {
+    const value = element.properties[name];
+    if (!Array.isArray(value)) {
+        return [];
+    }
+    return value.filter((entry)=>typeof entry === 'object' && entry !== null && !Array.isArray(entry));
+}
+/** Reads a string out of one of {@link readRecords}' entries. */ function recordString(record, name, fallback = '') {
+    const value = record[name];
+    return typeof value === 'string' ? value : fallback;
+}
+
+export { readBoolean, readNumber, readOptionalString, readRecords, readString, readStrings, recordString };
+//# sourceMappingURL=elementProperties.js.map

package/dist/esm/shell/elementProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementProperties.js","sources":["../../../shell/elementProperties.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 * Typed reads out of a {@link SceneElement}'s open `properties` bag.\n *\n * The bag is `Record<string, unknown>` by design - it carries whatever a page template author wrote, and\n * Scene never re-validates it. A shell component that trusts it and reads `properties.label as string`\n * renders `[object Object]` or crashes the moment a template has a typo, so every read goes through one of\n * these instead and falls back to something renderable.\n */\n\n/** Reads a string property, or the fallback when it is absent or not a string. */\nexport function readString(element: ExternalComponent, name: string, fallback = ''): string {\n    const value = element.properties[name];\n    return typeof value === 'string' ? value : fallback;\n}\n\n/** Reads an optional string property, or `undefined` when it is absent or not a string. */\nexport function readOptionalString(element: ExternalComponent, name: string): string | undefined {\n    const value = element.properties[name];\n    return typeof value === 'string' ? value : undefined;\n}\n\n/** Reads a boolean property, or the fallback when it is absent or not a boolean. */\nexport function readBoolean(element: ExternalComponent, name: string, fallback = false): boolean {\n    const value = element.properties[name];\n    return typeof value === 'boolean' ? value : fallback;\n}\n\n/** Reads a number property, or the fallback when it is absent or not a number. */\nexport function readNumber(element: ExternalComponent, name: string, fallback = 0): number {\n    const value = element.properties[name];\n    return typeof value === 'number' ? value : fallback;\n}\n\n/** Reads an array of strings, or an empty array when the property is absent or holds anything else. */\nexport function readStrings(element: ExternalComponent, name: string): string[] {\n    const value = element.properties[name];\n    return Array.isArray(value) ? value.filter((entry): entry is string => typeof entry === 'string') : [];\n}\n\n/**\n * Reads an array of objects - a breadcrumb trail, a set of table columns, a user menu's items.\n *\n * Entries that are not objects are dropped rather than rendered, for the same reason the scalar reads\n * fall back: half a table is a better failure than a thrown render.\n */\nexport function readRecords(element: ExternalComponent, name: string): Record<string, unknown>[] {\n    const value = element.properties[name];\n    if (!Array.isArray(value)) {\n        return [];\n    }\n\n    return value.filter((entry): entry is Record<string, unknown> => typeof entry === 'object' && entry !== null && !Array.isArray(entry));\n}\n\n/** Reads a string out of one of {@link readRecords}' entries. */\nexport function recordString(record: Record<string, unknown>, name: string, fallback = ''): string {\n    const value = record[name];\n    return typeof value === 'string' ? value : fallback;\n}\n"],"names":["readString","element","name","fallback","value","properties","readOptionalString","undefined","readBoolean","readNumber","readStrings","Array","isArray","filter","entry","readRecords","recordString","record"],"mappings":"AAAA;AACA;AAIA;;;;;;;uFAUO,SAASA,UAAAA,CAAWC,OAA0B,EAAEC,IAAY,EAAEC,QAAAA,GAAW,EAAE,EAAA;AAC9E,IAAA,MAAMC,KAAAA,GAAQH,OAAAA,CAAQI,UAAU,CAACH,IAAAA,CAAK;IACtC,OAAO,OAAOE,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQD,QAAAA;AAC/C;AAEA,4FACO,SAASG,kBAAAA,CAAmBL,OAA0B,EAAEC,IAAY,EAAA;AACvE,IAAA,MAAME,KAAAA,GAAQH,OAAAA,CAAQI,UAAU,CAACH,IAAAA,CAAK;IACtC,OAAO,OAAOE,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQG,SAAAA;AAC/C;AAEA,qFACO,SAASC,WAAAA,CAAYP,OAA0B,EAAEC,IAAY,EAAEC,QAAAA,GAAW,KAAK,EAAA;AAClF,IAAA,MAAMC,KAAAA,GAAQH,OAAAA,CAAQI,UAAU,CAACH,IAAAA,CAAK;IACtC,OAAO,OAAOE,KAAAA,KAAU,SAAA,GAAYA,KAAAA,GAAQD,QAAAA;AAChD;AAEA,mFACO,SAASM,UAAAA,CAAWR,OAA0B,EAAEC,IAAY,EAAEC,QAAAA,GAAW,CAAC,EAAA;AAC7E,IAAA,MAAMC,KAAAA,GAAQH,OAAAA,CAAQI,UAAU,CAACH,IAAAA,CAAK;IACtC,OAAO,OAAOE,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQD,QAAAA;AAC/C;AAEA,wGACO,SAASO,WAAAA,CAAYT,OAA0B,EAAEC,IAAY,EAAA;AAChE,IAAA,MAAME,KAAAA,GAAQH,OAAAA,CAAQI,UAAU,CAACH,IAAAA,CAAK;AACtC,IAAA,OAAOS,KAAAA,CAAMC,OAAO,CAACR,KAAAA,CAAAA,GAASA,KAAAA,CAAMS,MAAM,CAAC,CAACC,KAAAA,GAA2B,OAAOA,KAAAA,KAAU,QAAA,CAAA,GAAY,EAAE;AAC1G;AAEA;;;;;AAKC,IACM,SAASC,WAAAA,CAAYd,OAA0B,EAAEC,IAAY,EAAA;AAChE,IAAA,MAAME,KAAAA,GAAQH,OAAAA,CAAQI,UAAU,CAACH,IAAAA,CAAK;AACtC,IAAA,IAAI,CAACS,KAAAA,CAAMC,OAAO,CAACR,KAAAA,CAAAA,EAAQ;AACvB,QAAA,OAAO,EAAE;AACb,IAAA;AAEA,IAAA,OAAOA,KAAAA,CAAMS,MAAM,CAAC,CAACC,KAAAA,GAA4C,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQ,CAACH,KAAAA,CAAMC,OAAO,CAACE,KAAAA,CAAAA,CAAAA;AACnI;AAEA,kEACO,SAASE,YAAAA,CAAaC,MAA+B,EAAEf,IAAY,EAAEC,QAAAA,GAAW,EAAE,EAAA;IACrF,MAAMC,KAAAA,GAAQa,MAAM,CAACf,IAAAA,CAAK;IAC1B,OAAO,OAAOE,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQD,QAAAA;AAC/C;;;;"}

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

@@ -0,0 +1,19 @@
+export * from './elementProperties';
+export * from './ThemeOption';
+export * from './AppShell';
+export * from './FullPageShell';
+export * from './Topbar';
+export * from './Sidebar';
+export * from './Menu';
+export * from './MenuItem';
+export * from './Breadcrumb';
+export * from './Footer';
+export * from './RightPanel';
+export * from './ConfigPanel';
+export * from './PageHeader';
+export * from './Mask';
+export * from './Logo';
+export * from './UserMenu';
+export * from './ThemeSwitcher';
+export * from './LayoutModeSwitcher';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../shell/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/esm/shell/index.js

@@ -0,0 +1,19 @@
+export * from './elementProperties';
+export * from './ThemeOption';
+export * from './AppShell';
+export * from './FullPageShell';
+export * from './Topbar';
+export * from './Sidebar';
+export * from './Menu';
+export * from './MenuItem';
+export * from './Breadcrumb';
+export * from './Footer';
+export * from './RightPanel';
+export * from './ConfigPanel';
+export * from './PageHeader';
+export * from './Mask';
+export * from './Logo';
+export * from './UserMenu';
+export * from './ThemeSwitcher';
+export * from './LayoutModeSwitcher';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../shell/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/esm/themes/LayoutThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Theme } from '@cratis/scene.model';
+export interface LayoutThemeProviderProps {
+    themes?: Theme[];
+    children?: ReactNode;
+    className?: string;
+}
+export declare function LayoutThemeProvider({ themes, children, className }: LayoutThemeProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=LayoutThemeProvider.d.ts.map

package/dist/esm/themes/LayoutThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../themes/LayoutThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK5C,MAAM,WAAW,wBAAwB;IAErC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IAGjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAaD,wBAAgB,mBAAmB,CAAC,EAAE,MAA+B,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BASrH"}

package/dist/esm/themes/LayoutThemeProvider.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { SceneThemeProvider } from '@cratis/scene.react';
+import { useLayoutConfig } from '../configuration/LayoutConfigProvider.js';
+import { defaultBlueprintThemes } from './defaultBlueprintThemes.js';
+
+/**
+ * Applies whichever theme the shell's configuration currently names.
+ *
+ * This is the seam between the configurator and `SceneThemeProvider`: the configurator only ever records
+ * a name, and this resolves that name against the theme set a host offers. Keeping the shell's state
+ * free of the theme object itself is what lets a host swap in an entirely different theme set - its own
+ * brand palettes - without the configurator or any shell component changing.
+ *
+ * Switching is live re-resolution, not a reload: `SceneThemeProvider` writes the new tokens onto the same
+ * element, so nothing below it remounts and no state is lost.
+ */ function LayoutThemeProvider({ themes = defaultBlueprintThemes, children, className }) {
+    const { config } = useLayoutConfig();
+    const theme = useMemo(()=>themes.find((candidate)=>candidate.name === config.themeName) ?? themes[0], [
+        themes,
+        config.themeName
+    ]);
+    return /*#__PURE__*/ jsx(SceneThemeProvider, {
+        theme: theme,
+        className: className,
+        children: children
+    });
+}
+
+export { LayoutThemeProvider };
+//# sourceMappingURL=LayoutThemeProvider.js.map

package/dist/esm/themes/LayoutThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutThemeProvider.js","sources":["../../../themes/LayoutThemeProvider.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, useMemo } from 'react';\nimport { Theme } from '@cratis/scene.model';\nimport { SceneThemeProvider } from '@cratis/scene.react';\nimport { useLayoutConfig } from '../configuration';\nimport { defaultBlueprintThemes } from './defaultBlueprintThemes';\n\nexport interface LayoutThemeProviderProps {\n    /** The themes to choose between. Defaults to the two this package ships. */\n    themes?: Theme[];\n\n    /** The shell the chosen theme applies to. */\n    children?: ReactNode;\n\n    /** A class name for the element the tokens land on. */\n    className?: string;\n}\n\n/**\n * Applies whichever theme the shell's configuration currently names.\n *\n * This is the seam between the configurator and `SceneThemeProvider`: the configurator only ever records\n * a name, and this resolves that name against the theme set a host offers. Keeping the shell's state\n * free of the theme object itself is what lets a host swap in an entirely different theme set - its own\n * brand palettes - without the configurator or any shell component changing.\n *\n * Switching is live re-resolution, not a reload: `SceneThemeProvider` writes the new tokens onto the same\n * element, so nothing below it remounts and no state is lost.\n */\nexport function LayoutThemeProvider({ themes = defaultBlueprintThemes, children, className }: LayoutThemeProviderProps) {\n    const { config } = useLayoutConfig();\n    const theme = useMemo(() => themes.find(candidate => candidate.name === config.themeName) ?? themes[0], [themes, config.themeName]);\n\n    return (\n        <SceneThemeProvider theme={theme} className={className}>\n            {children}\n        </SceneThemeProvider>\n    );\n}\n"],"names":["LayoutThemeProvider","themes","defaultBlueprintThemes","children","className","config","useLayoutConfig","theme","useMemo","find","candidate","name","themeName","_jsx","SceneThemeProvider"],"mappings":";;;;;;AAoBA;;;;;;;;;;IAWO,SAASA,mBAAAA,CAAoB,EAAEC,MAAAA,GAASC,sBAAsB,EAAEC,QAAQ,EAAEC,SAAS,EAA4B,EAAA;IAClH,MAAM,EAAEC,MAAM,EAAE,GAAGC,eAAAA,EAAAA;AACnB,IAAA,MAAMC,QAAQC,OAAAA,CAAQ,IAAMP,MAAAA,CAAOQ,IAAI,CAACC,CAAAA,SAAAA,GAAaA,SAAAA,CAAUC,IAAI,KAAKN,MAAAA,CAAOO,SAAS,KAAKX,MAAM,CAAC,EAAE,EAAE;AAACA,QAAAA,MAAAA;AAAQI,QAAAA,MAAAA,CAAOO;AAAU,KAAA,CAAA;AAElI,IAAA,qBACIC,GAAA,CAACC,kBAAAA,EAAAA;QAAmBP,KAAAA,EAAOA,KAAAA;QAAOH,SAAAA,EAAWA,SAAAA;AACxCD,QAAAA,QAAAA,EAAAA;;AAGb;;;;"}

package/dist/esm/themes/Theming.stories.d.ts

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

package/dist/esm/themes/Theming.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theming.stories.d.ts","sourceRoot":"","sources":["../../../themes/Theming.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAqB,MAAM,YAAY,CAAC;AAerE,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;CAKoB,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAAkI,CAAC;AAGvJ,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AA0BF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC"}

package/dist/esm/themes/Theming.stories.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { expect, userEvent, within } from 'storybook/test';
+import { ColorScheme, LayoutConfigProvider, LayoutMode, useLayoutConfig } from '../configuration';
+import { GalleryScreenPreview, externalComponent } from '../gallery';
+import { ComponentName } from '../ComponentName';
+import { ThemeSwitcher } from '../shell';
+import { LayoutThemeProvider } from './LayoutThemeProvider';
+import { defaultBlueprintThemes } from './defaultBlueprintThemes';
+const meta = {
+    title: 'Blueprint/Theming',
+    component: GalleryScreenPreview,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'The two themes this blueprint ships, and a switcher proving the swap is live rather than a reload.',
+            },
+        },
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Light = { args: { screenName: 'Dashboard', initialConfig: { themeName: 'Scene Default Light', colorScheme: ColorScheme.Light } } };
+export const Dark = {
+    args: { screenName: 'Dashboard', initialConfig: { themeName: 'Scene Default Dark', colorScheme: ColorScheme.Dark, mode: LayoutMode.Static } },
+};
+const switcherElement = externalComponent('theme-switcher', ComponentName.ThemeSwitcher, {
+    label: 'Theme',
+    themes: defaultBlueprintThemes.map(theme => ({ name: theme.name, label: theme.name, isDark: theme.isDark ?? false })),
+});
+function AppliedTheme() {
+    const { config } = useLayoutConfig();
+    return _jsx("output", { "data-testid": 'applied-theme', children: `${config.themeName} · ${config.colorScheme}` });
+}
+function ThemeSwitchingDemo() {
+    return (_jsx(LayoutConfigProvider, { storage: null, children: _jsx(LayoutThemeProvider, { children: _jsxs("div", { style: { padding: '1.5rem', display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsx(ThemeSwitcher, { element: switcherElement, slots: {} }), _jsx(AppliedTheme, {})] }) }) }));
+}
+export const Switcher = {
+    args: { screenName: 'Dashboard' },
+    parameters: { layout: 'padded' },
+    render: () => _jsx(ThemeSwitchingDemo, {}),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Scene Default Dark' }));
+        await expect(canvas.getByTestId('applied-theme').textContent).toContain('Scene Default Dark');
+        const themed = canvasElement.querySelector('[data-scene-theme-root]');
+        await expect(themed.getAttribute('data-scene-color-scheme')).toBe('dark');
+        await expect(themed.style.getPropertyValue('--scene-surface-card')).toBe('#171a23');
+        await userEvent.click(canvas.getByRole('button', { name: 'Scene Default Light' }));
+        await expect(themed.getAttribute('data-scene-color-scheme')).toBe('light');
+        await expect(themed.style.getPropertyValue('--scene-surface-card')).toBe('#ffffff');
+    },
+};
+//# sourceMappingURL=Theming.stories.js.map

package/dist/esm/themes/Theming.stories.js.map

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

package/dist/esm/themes/blueprintThemeCompatibility.d.ts

@@ -0,0 +1,2 @@
+export declare const blueprintThemeCompatibility: string[];
+//# sourceMappingURL=blueprintThemeCompatibility.d.ts.map

package/dist/esm/themes/blueprintThemeCompatibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprintThemeCompatibility.d.ts","sourceRoot":"","sources":["../../../themes/blueprintThemeCompatibility.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,2BAA2B,EAAE,MAAM,EAAkF,CAAC"}

package/dist/esm/themes/blueprintThemeCompatibility.js

@@ -0,0 +1,26 @@
+import { defaultBlueprintName } from '../packageName.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The packages this blueprint's themes declare compatibility with.
+ *
+ * `core` is on the list on purpose. `incompatiblePackages` has no implicit exemption for it - a theme
+ * that omits it is reported incompatible for `core` with every profile that lists it, which is every
+ * profile, since `core` is the fallback vocabulary. The exemption was left out of the engine deliberately
+ * so that "compatible with everything active" has to be stated rather than assumed, and a theme shipped by
+ * a blueprint is exactly where stating it matters.
+ *
+ * The rest is the stack the shell is actually built on: this blueprint's own components, the PrimeReact
+ * primitives it uses, the Cratis Components library its screen templates draw from, and the styling
+ * package those are written against.
+ */ const blueprintThemeCompatibility = [
+    'core',
+    defaultBlueprintName,
+    'PrimeReact',
+    'Cratis.Components',
+    'Tailwind'
+];
+
+export { blueprintThemeCompatibility };
+//# sourceMappingURL=blueprintThemeCompatibility.js.map

package/dist/esm/themes/blueprintThemeCompatibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprintThemeCompatibility.js","sources":["../../../themes/blueprintThemeCompatibility.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 { defaultBlueprintName } from '../packageName';\n\n/**\n * The packages this blueprint's themes declare compatibility with.\n *\n * `core` is on the list on purpose. `incompatiblePackages` has no implicit exemption for it - a theme\n * that omits it is reported incompatible for `core` with every profile that lists it, which is every\n * profile, since `core` is the fallback vocabulary. The exemption was left out of the engine deliberately\n * so that \"compatible with everything active\" has to be stated rather than assumed, and a theme shipped by\n * a blueprint is exactly where stating it matters.\n *\n * The rest is the stack the shell is actually built on: this blueprint's own components, the PrimeReact\n * primitives it uses, the Cratis Components library its screen templates draw from, and the styling\n * package those are written against.\n */\nexport const blueprintThemeCompatibility: string[] = ['core', defaultBlueprintName, 'PrimeReact', 'Cratis.Components', 'Tailwind'];\n"],"names":["blueprintThemeCompatibility","defaultBlueprintName"],"mappings":";;AAAA;AACA;AAIA;;;;;;;;;;;;UAaaA,2BAAAA,GAAwC;AAAC,IAAA,MAAA;AAAQC,IAAAA,oBAAAA;AAAsB,IAAA,YAAA;AAAc,IAAA,mBAAA;AAAqB,IAAA;;;;;"}

package/dist/esm/themes/dark.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@cratis/scene.model';
+export declare const darkTheme: Theme;
+//# sourceMappingURL=dark.d.ts.map

package/dist/esm/themes/dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../themes/dark.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAW5C,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC"}

package/dist/esm/themes/dark.js

@@ -0,0 +1,38 @@
+import { blueprintThemeCompatibility } from './blueprintThemeCompatibility.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The dark theme the shell ships with.
+ *
+ * Deliberately the same ten token names as the light theme and nothing more. A dark theme that introduced
+ * extra tokens would work only for the parts of the shell written after it existed - the token set is the
+ * contract, and both themes filling it identically is what makes switching between them a swap rather than
+ * a re-render with holes in it.
+ */ const darkTheme = {
+    name: 'Scene Default Dark',
+    compatibleWith: blueprintThemeCompatibility,
+    isDark: true,
+    author: 'Cratis',
+    authorUrl: 'https://cratis.io',
+    license: 'MIT',
+    description: 'The default dark palette: a deep slate ramp with a lifted indigo accent.',
+    tokens: {
+        'primary.color': '#818cf8',
+        'primary.contrastColor': '#10131f',
+        'surface.background': '#0f1117',
+        'surface.card': '#171a23',
+        'surface.border': '#262a36',
+        'surface.hover': '#1f2431',
+        'surface.overlay': '#1c2030',
+        'text.color': '#e6e8ef',
+        'text.mutedColor': '#9aa1b1',
+        'highlight.background': '#232a45',
+        'highlight.color': '#c7ccff',
+        'content.borderRadius': '0.5rem',
+        'focus.ring': '0 0 0 2px rgb(129 140 248 / 0.45)'
+    }
+};
+
+export { darkTheme };
+//# sourceMappingURL=dark.js.map

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

@@ -0,0 +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,2BAAAA;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;;;;"}

package/dist/esm/themes/defaultBlueprintThemes.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@cratis/scene.model';
+export declare const defaultBlueprintThemes: Theme[];
+//# sourceMappingURL=defaultBlueprintThemes.d.ts.map

package/dist/esm/themes/defaultBlueprintThemes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultBlueprintThemes.d.ts","sourceRoot":"","sources":["../../../themes/defaultBlueprintThemes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAU5C,eAAO,MAAM,sBAAsB,EAAE,KAAK,EAA4B,CAAC"}

package/dist/esm/themes/defaultBlueprintThemes.js

@@ -0,0 +1,17 @@
+import { darkTheme } from './dark.js';
+import { lightTheme } from './light.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The themes this blueprint ships, in the order a picker should offer them.
+ *
+ * The list is what the manifest's `themes` names and what the bundle provides, so it is the one place the
+ * two can be kept in step - `validatePackageBundle` proves they are.
+ */ const defaultBlueprintThemes = [
+    lightTheme,
+    darkTheme
+];
+
+export { defaultBlueprintThemes };
+//# sourceMappingURL=defaultBlueprintThemes.js.map

package/dist/esm/themes/defaultBlueprintThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultBlueprintThemes.js","sources":["../../../themes/defaultBlueprintThemes.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 { darkTheme } from './dark';\nimport { lightTheme } from './light';\n\n/**\n * The themes this blueprint ships, in the order a picker should offer them.\n *\n * The list is what the manifest's `themes` names and what the bundle provides, so it is the one place the\n * two can be kept in step - `validatePackageBundle` proves they are.\n */\nexport const defaultBlueprintThemes: Theme[] = [lightTheme, darkTheme];\n"],"names":["defaultBlueprintThemes","lightTheme","darkTheme"],"mappings":";;;AAAA;AACA;AAMA;;;;;UAMaA,sBAAAA,GAAkC;AAACC,IAAAA,UAAAA;AAAYC,IAAAA;;;;;"}

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

@@ -0,0 +1,6 @@
+export * from './blueprintThemeCompatibility';
+export * from './light';
+export * from './dark';
+export * from './defaultBlueprintThemes';
+export * from './LayoutThemeProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../themes/index.ts"],"names":[],"mappings":"AAGA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/dist/esm/themes/index.js

@@ -0,0 +1,6 @@
+export * from './blueprintThemeCompatibility';
+export * from './light';
+export * from './dark';
+export * from './defaultBlueprintThemes';
+export * from './LayoutThemeProvider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../themes/index.ts"],"names":[],"mappings":"AAGA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/dist/esm/themes/light.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@cratis/scene.model';
+export declare const lightTheme: Theme;
+//# sourceMappingURL=light.d.ts.map

package/dist/esm/themes/light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../themes/light.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAc5C,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC"}

package/dist/esm/themes/light.js

@@ -0,0 +1,41 @@
+import { blueprintThemeCompatibility } from './blueprintThemeCompatibility.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The light theme the shell ships with.
+ *
+ * The palette is original to Cratis - a neutral grey ramp with an indigo accent - rather than adopted from
+ * any existing preset, which is why `author` says so rather than being left blank. A theme with empty
+ * attribution reads as "nobody has checked", and once a palette is lifted from somewhere else without its
+ * credit, nobody can tell afterwards which of the two it was.
+ *
+ * The token set is the shell's whole styling contract: every rule in `layout.css` resolves back to one of
+ * these ten names. A theme that defines them defines the entire shell.
+ */ const lightTheme = {
+    name: 'Scene Default Light',
+    compatibleWith: blueprintThemeCompatibility,
+    isDark: false,
+    author: 'Cratis',
+    authorUrl: 'https://cratis.io',
+    license: 'MIT',
+    description: 'The default light palette: a neutral grey ramp with an indigo accent.',
+    tokens: {
+        'primary.color': '#4f46e5',
+        'primary.contrastColor': '#ffffff',
+        'surface.background': '#f4f5f7',
+        'surface.card': '#ffffff',
+        'surface.border': '#e2e5e9',
+        'surface.hover': '#eceef1',
+        'surface.overlay': '#ffffff',
+        'text.color': '#1f2430',
+        'text.mutedColor': '#6b7280',
+        'highlight.background': '#eef2ff',
+        'highlight.color': '#3730a3',
+        'content.borderRadius': '0.5rem',
+        'focus.ring': '0 0 0 2px rgb(79 70 229 / 0.4)'
+    }
+};
+
+export { lightTheme };
+//# sourceMappingURL=light.js.map

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

@@ -0,0 +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,2BAAAA;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;;;;"}