@cratis/scene.components 4.14.0 → 4.16.0

package/dist/esm/forms/CommandFormRuntime.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AutoCommandForm } from '@cratis/components/CommandForm';
 import { CommandForm } from '@cratis/arc.react/commands';
-import { normalizeCommandFormLayout, validateCommandFormLayout, formWidthToCss } from '@cratis/scene.engine';
+import { normalizeCommandFormLayout, validateCommandFormLayout, stackCommandFormLayout, formWidthToCss } from '@cratis/scene.engine';
 import { Guid } from '@cratis/fundamentals';
 import { CommandFormSubmit } from './CommandFormSubmit.js';
 import { ExplicitCommandField } from './ExplicitCommandField.js';
@@ -46,7 +46,7 @@ const NativeAutoCommandForm = AutoCommandForm;
     }
     return undefined;
 }
-/** Private lazy entry point: importing the Scene registry must not import Arc. */ function CommandFormRuntime({ command, inputs, exclude, submitLabel, columns = 1, layout }) {
+/** Private lazy entry point: importing the Scene registry must not import Arc. */ function CommandFormRuntime({ command, inputs, exclude, submitLabel, columns = 1, layout, compact = false }) {
     const error = capability(command, inputs, exclude);
     if (error) return /*#__PURE__*/ jsx("div", {
         role: "alert",
@@ -54,18 +54,20 @@ const NativeAutoCommandForm = AutoCommandForm;
     });
     // The registry's never-argument constructor is erased; Arc creates this checked proxy with no args.
     if (inputs) {
-        const formLayout = normalizeCommandFormLayout(layout, inputs);
-        const diagnostics = validateCommandFormLayout(formLayout, inputs.map((input)=>input.property));
+        const authoredLayout = normalizeCommandFormLayout(layout, inputs);
+        const diagnostics = validateCommandFormLayout(authoredLayout, inputs.map((input)=>input.property));
         if (diagnostics.length) return /*#__PURE__*/ jsx("div", {
             role: "alert",
             children: diagnostics[0].message
         });
+        const formLayout = compact ? stackCommandFormLayout(authoredLayout) : authoredLayout;
         const columnsCss = formLayout.columns.map((column)=>formWidthToCss(column.width) ?? 'minmax(0, 1fr)').join(' ') || `repeat(${Math.max(1, columns)}, minmax(0, 1fr))`;
         return /*#__PURE__*/ jsxs(CommandForm, {
             command: command,
             showTitles: false,
             children: [
                 /*#__PURE__*/ jsx("div", {
+                    "data-scene-form-columns": formLayout.columns.length,
                     style: {
                         display: 'grid',
                         gridTemplateColumns: columnsCss,

package/dist/esm/forms/CommandFormRuntime.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandFormRuntime.js","sources":["../../../forms/CommandFormRuntime.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 type { ComponentType, ReactNode } from 'react';\nimport { AutoCommandForm } from '@cratis/components/CommandForm';\nimport { CommandForm } from '@cratis/arc.react/commands';\nimport { formWidthToCss, normalizeCommandFormLayout, validateCommandFormLayout } from '@cratis/scene.engine';\nimport { Guid } from '@cratis/fundamentals';\nimport type { BoundConstructor } from '../bindings';\nimport type { CommandInput } from './commandInputs';\nimport type { CommandFormLayout } from '@cratis/scene.model';\nimport { CommandFormSubmit } from './CommandFormSubmit';\nimport { ExplicitCommandField } from './ExplicitCommandField';\n\ninterface CommandFormRuntimeProps {\n    command: BoundConstructor;\n    inputs?: CommandInput[];\n    exclude?: string[];\n    submitLabel: string;\n    columns?: number;\n    layout?: CommandFormLayout;\n}\n\n// Runtime bindings erase the proxy's keys; the optional footer is a Components >=4.13 contract.\nconst NativeAutoCommandForm = AutoCommandForm as unknown as ComponentType<{\n    command: BoundConstructor;\n    exclude?: string[];\n    footer?: ReactNode;\n}>;\n\ntype Descriptor = { name: string; type: unknown; isOptional: boolean };\n\n/** Verify the whole command before mounting any native form: partial forms must never execute. */\nfunction capability(command: BoundConstructor, inputs?: CommandInput[], exclude?: string[]): string | undefined {\n    let descriptors: unknown;\n    try { descriptors = (new command() as { propertyDescriptors?: unknown }).propertyDescriptors; }\n    catch { return 'Unable to inspect command proxy'; }\n    if (!Array.isArray(descriptors)) return 'Command proxy has no property descriptors';\n    const byName = new Map<string, Descriptor>();\n    for (const descriptor of descriptors) {\n        if (!descriptor || typeof descriptor.name !== 'string' || !descriptor.name ||\n            typeof descriptor.isOptional !== 'boolean' || byName.has(descriptor.name)) return 'Ambiguous or invalid command property descriptors';\n        byName.set(descriptor.name, descriptor);\n    }\n    if (inputs) {\n        for (const input of inputs) {\n            const descriptor = byName.get(input.property);\n            if (!descriptor) return `Unknown command property '${input.property}'`;\n            if (descriptor.type !== (input.type === 'guid' ? Guid : String)) return `Command property '${input.property}' type does not match '${input.type}'`;\n        }\n        for (const descriptor of byName.values()) {\n            if (!descriptor.isOptional && !inputs.some(input => input.property === descriptor.name)) return `Required command property '${descriptor.name}' has no input`;\n        }\n    } else {\n        for (const descriptor of byName.values()) {\n            if (!descriptor.isOptional && (exclude?.includes(descriptor.name) ||\n                ![String, Number, Boolean, Date].includes(descriptor.type as typeof String))) {\n                return `Required command property '${descriptor.name}' has no supported automatic field; declare inputs`;\n            }\n        }\n    }\n    return undefined;\n}\n\n/** Private lazy entry point: importing the Scene registry must not import Arc. */\nexport default function CommandFormRuntime({ command, inputs, exclude, submitLabel, columns = 1, layout }: CommandFormRuntimeProps) {\n    const error = capability(command, inputs, exclude);\n    if (error) return <div role='alert'>{error}</div>;\n    // The registry's never-argument constructor is erased; Arc creates this checked proxy with no args.\n    if (inputs) {\n        const formLayout = normalizeCommandFormLayout(layout, inputs);\n        const diagnostics = validateCommandFormLayout(formLayout, inputs.map(input => input.property));\n        if (diagnostics.length) return <div role='alert'>{diagnostics[0].message}</div>;\n        const columnsCss = formLayout.columns.map(column => formWidthToCss(column.width) ?? 'minmax(0, 1fr)').join(' ') || `repeat(${Math.max(1, columns)}, minmax(0, 1fr))`;\n        return <CommandForm command={command as unknown as new () => object} showTitles={false}>\n            <div style={{ display: 'grid', gridTemplateColumns: columnsCss, columnGap: formWidthToCss(formLayout.columnGap) ?? '1rem', rowGap: formWidthToCss(formLayout.rowGap) ?? '1rem' }}>\n                {inputs.map(input => <ExplicitCommandField key={input.property} input={input} placement={formLayout.placements.find(placement => placement.field === input.property) ?? input.placement} />)}\n            </div>\n            <CommandFormSubmit label={submitLabel} />\n        </CommandForm>;\n    }\n    return <NativeAutoCommandForm command={command} exclude={exclude} footer={<CommandFormSubmit label={submitLabel} />} />;\n}\n"],"names":["NativeAutoCommandForm","AutoCommandForm","capability","command","inputs","exclude","descriptors","propertyDescriptors","Array","isArray","byName","Map","descriptor","name","isOptional","has","set","input","get","property","type","Guid","String","values","some","includes","Number","Boolean","Date","undefined","CommandFormRuntime","submitLabel","columns","layout","error","_jsx","div","role","formLayout","normalizeCommandFormLayout","diagnostics","validateCommandFormLayout","map","length","message","columnsCss","column","formWidthToCss","width","join","Math","max","_jsxs","CommandForm","showTitles","style","display","gridTemplateColumns","columnGap","rowGap","ExplicitCommandField","placement","placements","find","field","CommandFormSubmit","label","footer"],"mappings":"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"}
+{"version":3,"file":"CommandFormRuntime.js","sources":["../../../forms/CommandFormRuntime.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 type { ComponentType, ReactNode } from 'react';\nimport { AutoCommandForm } from '@cratis/components/CommandForm';\nimport { CommandForm } from '@cratis/arc.react/commands';\nimport { formWidthToCss, normalizeCommandFormLayout, stackCommandFormLayout, validateCommandFormLayout } from '@cratis/scene.engine';\nimport { Guid } from '@cratis/fundamentals';\nimport type { BoundConstructor } from '../bindings';\nimport type { CommandInput } from './commandInputs';\nimport type { CommandFormLayout } from '@cratis/scene.model';\nimport { CommandFormSubmit } from './CommandFormSubmit';\nimport { ExplicitCommandField } from './ExplicitCommandField';\n\ninterface CommandFormRuntimeProps {\n    command: BoundConstructor;\n    inputs?: CommandInput[];\n    exclude?: string[];\n    submitLabel: string;\n    columns?: number;\n    layout?: CommandFormLayout;\n\n    /** At a compact width the fields stack in one column, in reading order. */\n    compact?: boolean;\n}\n\n// Runtime bindings erase the proxy's keys; the optional footer is a Components >=4.13 contract.\nconst NativeAutoCommandForm = AutoCommandForm as unknown as ComponentType<{\n    command: BoundConstructor;\n    exclude?: string[];\n    footer?: ReactNode;\n}>;\n\ntype Descriptor = { name: string; type: unknown; isOptional: boolean };\n\n/** Verify the whole command before mounting any native form: partial forms must never execute. */\nfunction capability(command: BoundConstructor, inputs?: CommandInput[], exclude?: string[]): string | undefined {\n    let descriptors: unknown;\n    try { descriptors = (new command() as { propertyDescriptors?: unknown }).propertyDescriptors; }\n    catch { return 'Unable to inspect command proxy'; }\n    if (!Array.isArray(descriptors)) return 'Command proxy has no property descriptors';\n    const byName = new Map<string, Descriptor>();\n    for (const descriptor of descriptors) {\n        if (!descriptor || typeof descriptor.name !== 'string' || !descriptor.name ||\n            typeof descriptor.isOptional !== 'boolean' || byName.has(descriptor.name)) return 'Ambiguous or invalid command property descriptors';\n        byName.set(descriptor.name, descriptor);\n    }\n    if (inputs) {\n        for (const input of inputs) {\n            const descriptor = byName.get(input.property);\n            if (!descriptor) return `Unknown command property '${input.property}'`;\n            if (descriptor.type !== (input.type === 'guid' ? Guid : String)) return `Command property '${input.property}' type does not match '${input.type}'`;\n        }\n        for (const descriptor of byName.values()) {\n            if (!descriptor.isOptional && !inputs.some(input => input.property === descriptor.name)) return `Required command property '${descriptor.name}' has no input`;\n        }\n    } else {\n        for (const descriptor of byName.values()) {\n            if (!descriptor.isOptional && (exclude?.includes(descriptor.name) ||\n                ![String, Number, Boolean, Date].includes(descriptor.type as typeof String))) {\n                return `Required command property '${descriptor.name}' has no supported automatic field; declare inputs`;\n            }\n        }\n    }\n    return undefined;\n}\n\n/** Private lazy entry point: importing the Scene registry must not import Arc. */\nexport default function CommandFormRuntime({ command, inputs, exclude, submitLabel, columns = 1, layout, compact = false }: CommandFormRuntimeProps) {\n    const error = capability(command, inputs, exclude);\n    if (error) return <div role='alert'>{error}</div>;\n    // The registry's never-argument constructor is erased; Arc creates this checked proxy with no args.\n    if (inputs) {\n        const authoredLayout = normalizeCommandFormLayout(layout, inputs);\n        const diagnostics = validateCommandFormLayout(authoredLayout, inputs.map(input => input.property));\n        if (diagnostics.length) return <div role='alert'>{diagnostics[0].message}</div>;\n        const formLayout = compact ? stackCommandFormLayout(authoredLayout) : authoredLayout;\n        const columnsCss = formLayout.columns.map(column => formWidthToCss(column.width) ?? 'minmax(0, 1fr)').join(' ') || `repeat(${Math.max(1, columns)}, minmax(0, 1fr))`;\n        return <CommandForm command={command as unknown as new () => object} showTitles={false}>\n            <div data-scene-form-columns={formLayout.columns.length} style={{ display: 'grid', gridTemplateColumns: columnsCss, columnGap: formWidthToCss(formLayout.columnGap) ?? '1rem', rowGap: formWidthToCss(formLayout.rowGap) ?? '1rem' }}>\n                {inputs.map(input => <ExplicitCommandField key={input.property} input={input} placement={formLayout.placements.find(placement => placement.field === input.property) ?? input.placement} />)}\n            </div>\n            <CommandFormSubmit label={submitLabel} />\n        </CommandForm>;\n    }\n    return <NativeAutoCommandForm command={command} exclude={exclude} footer={<CommandFormSubmit label={submitLabel} />} />;\n}\n"],"names":["NativeAutoCommandForm","AutoCommandForm","capability","command","inputs","exclude","descriptors","propertyDescriptors","Array","isArray","byName","Map","descriptor","name","isOptional","has","set","input","get","property","type","Guid","String","values","some","includes","Number","Boolean","Date","undefined","CommandFormRuntime","submitLabel","columns","layout","compact","error","_jsx","div","role","authoredLayout","normalizeCommandFormLayout","diagnostics","validateCommandFormLayout","map","length","message","formLayout","stackCommandFormLayout","columnsCss","column","formWidthToCss","width","join","Math","max","_jsxs","CommandForm","showTitles","data-scene-form-columns","style","display","gridTemplateColumns","columnGap","rowGap","ExplicitCommandField","placement","placements","find","field","CommandFormSubmit","label","footer"],"mappings":"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"}

package/dist/esm/forms/SceneCommandForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneCommandForm.d.ts","sourceRoot":"","sources":["../../../forms/SceneCommandForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AA0B/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAqBrE"}
+{"version":3,"file":"SceneCommandForm.d.ts","sourceRoot":"","sources":["../../../forms/SceneCommandForm.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AA0B/D,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAsBrE"}

package/dist/esm/forms/SceneCommandForm.js

@@ -1,10 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
+import { WidthSizeClass } from '@cratis/scene.model';
 import { BindingKind } from '../bindings/BindingKind.js';
 import { resolveElementBinding } from '../bindings/resolveElementBinding.js';
 import { MissingBinding } from '../bindings/MissingBinding.js';
 import { ArcRuntimeBoundary } from '../bindings/ArcRuntimeBoundary.js';
-import { unionProperty, numberProperty, stringProperty, stringArrayProperty } from '../properties.js';
+import { unionProperty, stringProperty, numberProperty, stringArrayProperty } from '../properties.js';
 import { commandFormLayout } from './commandFormLayout.js';
 import { commandInputs } from './commandInputs.js';
 
@@ -51,7 +52,10 @@ function commandKey(command) {
             },
             ...commandFormLayout(element.properties) === undefined ? {} : {
                 layout: commandFormLayout(element.properties)
-            }
+            },
+            ...stringProperty(element.properties, 'widthSizeClass') === WidthSizeClass.Compact ? {
+                compact: true
+            } : {}
         }, commandKey(target))
     });
 }

package/dist/esm/forms/SceneCommandForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneCommandForm.js","sources":["../../../forms/SceneCommandForm.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 { lazy } from 'react';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ArcRuntimeBoundary, BindingKind, MissingBinding, resolveElementBinding } from '../bindings';\nimport type { BoundConstructor } from '../bindings';\nimport { numberProperty, stringArrayProperty, stringProperty, unionProperty } from '../properties';\nimport { commandFormLayout } from './commandFormLayout';\nimport { commandInputs } from './commandInputs';\n\nconst CommandFormRuntime = lazy(() => import('./CommandFormRuntime'));\n\n// Arc's useCommand constructs the proxy only on mount. Key by the actual registered class,\n// not its Scene name (which may be re-registered with a different route or roles).\nconst commandKeys = new WeakMap<BoundConstructor, number>();\nlet nextCommandKey = 0;\nfunction commandKey(command: BoundConstructor): number {\n    let key = commandKeys.get(command);\n    if (key === undefined) {\n        key = ++nextCommandKey;\n        commandKeys.set(command, key);\n    }\n    return key;\n}\n\n/**\n * Auto mode follows supported native proxy descriptors; opt-in inputs bind exactly named fields\n * inside a single native Arc form. Neither mode consumes the content slot.\n */\nexport function SceneCommandForm({ element }: RegisteredComponentProps) {\n    const { name, target } = resolveElementBinding(element, BindingKind.Command);\n    if (!target) return <MissingBinding element={element} kind={BindingKind.Command} name={name} />;\n\n    const mode = unionProperty(element.properties, 'mode', ['auto', 'manual'] as const) ?? (Object.hasOwn(element.properties, 'inputs') ? 'manual' : 'auto');\n    const inputs = mode === 'manual' ? commandInputs(element.properties) : undefined;\n    if (mode === 'manual' && !inputs) return <div role='alert'>Invalid command form inputs declaration</div>;\n\n    return (\n        <ArcRuntimeBoundary>\n            <CommandFormRuntime\n                key={commandKey(target)}\n                command={target}\n                inputs={inputs}\n                exclude={stringArrayProperty(element.properties, 'exclude')}\n                submitLabel={stringProperty(element.properties, 'submitLabel') ?? 'Submit'}\n                {...(numberProperty(element.properties, 'columns') === undefined ? {} : { columns: numberProperty(element.properties, 'columns') })}\n                {...(commandFormLayout(element.properties) === undefined ? {} : { layout: commandFormLayout(element.properties) })}\n            />\n        </ArcRuntimeBoundary>\n    );\n}\n"],"names":["CommandFormRuntime","lazy","commandKeys","WeakMap","nextCommandKey","commandKey","command","key","get","undefined","set","SceneCommandForm","element","name","target","resolveElementBinding","BindingKind","Command","_jsx","MissingBinding","kind","mode","unionProperty","properties","Object","hasOwn","inputs","commandInputs","div","role","ArcRuntimeBoundary","exclude","stringArrayProperty","submitLabel","stringProperty","numberProperty","columns","commandFormLayout","layout"],"mappings":";;;;;;;;;;AAWA,MAAMA,kBAAAA,iBAAqBC,IAAAA,CAAK,IAAM,OAAO,yBAAA,CAAA,CAAA;AAE7C;AACA;AACA,MAAMC,cAAc,IAAIC,OAAAA,EAAAA;AACxB,IAAIC,cAAAA,GAAiB,CAAA;AACrB,SAASC,WAAWC,OAAyB,EAAA;IACzC,IAAIC,GAAAA,GAAML,WAAAA,CAAYM,GAAG,CAACF,OAAAA,CAAAA;AAC1B,IAAA,IAAIC,QAAQE,SAAAA,EAAW;AACnBF,QAAAA,GAAAA,GAAM,EAAEH,cAAAA;QACRF,WAAAA,CAAYQ,GAAG,CAACJ,OAAAA,EAASC,GAAAA,CAAAA;AAC7B,IAAA;IACA,OAAOA,GAAAA;AACX;AAEA;;;AAGC,IACM,SAASI,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,qBAAAA,CAAsBH,OAAAA,EAASI,WAAAA,CAAYC,OAAO,CAAA;IAC3E,IAAI,CAACH,MAAAA,EAAQ,qBAAOI,GAAA,CAACC,cAAAA,EAAAA;QAAeP,OAAAA,EAASA,OAAAA;AAASQ,QAAAA,IAAAA,EAAMJ,YAAYC,OAAO;QAAEJ,IAAAA,EAAMA;;AAEvF,IAAA,MAAMQ,IAAAA,GAAOC,aAAAA,CAAcV,OAAAA,CAAQW,UAAU,EAAE,MAAA,EAAQ;AAAC,QAAA,MAAA;AAAQ,QAAA;KAAS,CAAA,KAAeC,OAAOC,MAAM,CAACb,QAAQW,UAAU,EAAE,QAAA,CAAA,GAAY,QAAA,GAAW,MAAK,CAAA;AACtJ,IAAA,MAAMG,SAASL,IAAAA,KAAS,QAAA,GAAWM,aAAAA,CAAcf,OAAAA,CAAQW,UAAU,CAAA,GAAId,SAAAA;AACvE,IAAA,IAAIY,IAAAA,KAAS,QAAA,IAAY,CAACK,MAAAA,EAAQ,qBAAOR,GAAA,CAACU,KAAAA,EAAAA;QAAIC,IAAAA,EAAK,OAAA;AAAQ,QAAA,QAAA,EAAA;;AAE3D,IAAA,qBACIX,GAAA,CAACY,kBAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAZ,GAAA,CAAClB,kBAAAA,EAAAA;YAEGM,OAAAA,EAASQ,MAAAA;YACTY,MAAAA,EAAQA,MAAAA;YACRK,OAAAA,EAASC,mBAAAA,CAAoBpB,OAAAA,CAAQW,UAAU,EAAE,SAAA,CAAA;AACjDU,YAAAA,WAAAA,EAAaC,cAAAA,CAAetB,OAAAA,CAAQW,UAAU,EAAE,aAAA,CAAA,IAAkB,QAAA;AACjE,YAAA,GAAIY,eAAevB,OAAAA,CAAQW,UAAU,EAAE,SAAA,CAAA,KAAed,SAAAA,GAAY,EAAC,GAAI;gBAAE2B,OAAAA,EAASD,cAAAA,CAAevB,OAAAA,CAAQW,UAAU,EAAE,SAAA;aAAY;AACjI,YAAA,GAAIc,kBAAkBzB,OAAAA,CAAQW,UAAU,CAAA,KAAMd,SAAAA,GAAY,EAAC,GAAI;gBAAE6B,MAAAA,EAAQD,iBAAAA,CAAkBzB,QAAQW,UAAU;;WANzGlB,UAAAA,CAAWS,MAAAA,CAAAA;;AAUhC;;"}
+{"version":3,"file":"SceneCommandForm.js","sources":["../../../forms/SceneCommandForm.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 { lazy } from 'react';\nimport { WidthSizeClass } from '@cratis/scene.model';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ArcRuntimeBoundary, BindingKind, MissingBinding, resolveElementBinding } from '../bindings';\nimport type { BoundConstructor } from '../bindings';\nimport { numberProperty, stringArrayProperty, stringProperty, unionProperty } from '../properties';\nimport { commandFormLayout } from './commandFormLayout';\nimport { commandInputs } from './commandInputs';\n\nconst CommandFormRuntime = lazy(() => import('./CommandFormRuntime'));\n\n// Arc's useCommand constructs the proxy only on mount. Key by the actual registered class,\n// not its Scene name (which may be re-registered with a different route or roles).\nconst commandKeys = new WeakMap<BoundConstructor, number>();\nlet nextCommandKey = 0;\nfunction commandKey(command: BoundConstructor): number {\n    let key = commandKeys.get(command);\n    if (key === undefined) {\n        key = ++nextCommandKey;\n        commandKeys.set(command, key);\n    }\n    return key;\n}\n\n/**\n * Auto mode follows supported native proxy descriptors; opt-in inputs bind exactly named fields\n * inside a single native Arc form. Neither mode consumes the content slot.\n */\nexport function SceneCommandForm({ element }: RegisteredComponentProps) {\n    const { name, target } = resolveElementBinding(element, BindingKind.Command);\n    if (!target) return <MissingBinding element={element} kind={BindingKind.Command} name={name} />;\n\n    const mode = unionProperty(element.properties, 'mode', ['auto', 'manual'] as const) ?? (Object.hasOwn(element.properties, 'inputs') ? 'manual' : 'auto');\n    const inputs = mode === 'manual' ? commandInputs(element.properties) : undefined;\n    if (mode === 'manual' && !inputs) return <div role='alert'>Invalid command form inputs declaration</div>;\n\n    return (\n        <ArcRuntimeBoundary>\n            <CommandFormRuntime\n                key={commandKey(target)}\n                command={target}\n                inputs={inputs}\n                exclude={stringArrayProperty(element.properties, 'exclude')}\n                submitLabel={stringProperty(element.properties, 'submitLabel') ?? 'Submit'}\n                {...(numberProperty(element.properties, 'columns') === undefined ? {} : { columns: numberProperty(element.properties, 'columns') })}\n                {...(commandFormLayout(element.properties) === undefined ? {} : { layout: commandFormLayout(element.properties) })}\n                {...(stringProperty(element.properties, 'widthSizeClass') === WidthSizeClass.Compact ? { compact: true } : {})}\n            />\n        </ArcRuntimeBoundary>\n    );\n}\n"],"names":["CommandFormRuntime","lazy","commandKeys","WeakMap","nextCommandKey","commandKey","command","key","get","undefined","set","SceneCommandForm","element","name","target","resolveElementBinding","BindingKind","Command","_jsx","MissingBinding","kind","mode","unionProperty","properties","Object","hasOwn","inputs","commandInputs","div","role","ArcRuntimeBoundary","exclude","stringArrayProperty","submitLabel","stringProperty","numberProperty","columns","commandFormLayout","layout","WidthSizeClass","Compact","compact"],"mappings":";;;;;;;;;;;AAYA,MAAMA,kBAAAA,iBAAqBC,IAAAA,CAAK,IAAM,OAAO,yBAAA,CAAA,CAAA;AAE7C;AACA;AACA,MAAMC,cAAc,IAAIC,OAAAA,EAAAA;AACxB,IAAIC,cAAAA,GAAiB,CAAA;AACrB,SAASC,WAAWC,OAAyB,EAAA;IACzC,IAAIC,GAAAA,GAAML,WAAAA,CAAYM,GAAG,CAACF,OAAAA,CAAAA;AAC1B,IAAA,IAAIC,QAAQE,SAAAA,EAAW;AACnBF,QAAAA,GAAAA,GAAM,EAAEH,cAAAA;QACRF,WAAAA,CAAYQ,GAAG,CAACJ,OAAAA,EAASC,GAAAA,CAAAA;AAC7B,IAAA;IACA,OAAOA,GAAAA;AACX;AAEA;;;AAGC,IACM,SAASI,gBAAAA,CAAiB,EAAEC,OAAO,EAA4B,EAAA;IAClE,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGC,qBAAAA,CAAsBH,OAAAA,EAASI,WAAAA,CAAYC,OAAO,CAAA;IAC3E,IAAI,CAACH,MAAAA,EAAQ,qBAAOI,GAAA,CAACC,cAAAA,EAAAA;QAAeP,OAAAA,EAASA,OAAAA;AAASQ,QAAAA,IAAAA,EAAMJ,YAAYC,OAAO;QAAEJ,IAAAA,EAAMA;;AAEvF,IAAA,MAAMQ,IAAAA,GAAOC,aAAAA,CAAcV,OAAAA,CAAQW,UAAU,EAAE,MAAA,EAAQ;AAAC,QAAA,MAAA;AAAQ,QAAA;KAAS,CAAA,KAAeC,OAAOC,MAAM,CAACb,QAAQW,UAAU,EAAE,QAAA,CAAA,GAAY,QAAA,GAAW,MAAK,CAAA;AACtJ,IAAA,MAAMG,SAASL,IAAAA,KAAS,QAAA,GAAWM,aAAAA,CAAcf,OAAAA,CAAQW,UAAU,CAAA,GAAId,SAAAA;AACvE,IAAA,IAAIY,IAAAA,KAAS,QAAA,IAAY,CAACK,MAAAA,EAAQ,qBAAOR,GAAA,CAACU,KAAAA,EAAAA;QAAIC,IAAAA,EAAK,OAAA;AAAQ,QAAA,QAAA,EAAA;;AAE3D,IAAA,qBACIX,GAAA,CAACY,kBAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAZ,GAAA,CAAClB,kBAAAA,EAAAA;YAEGM,OAAAA,EAASQ,MAAAA;YACTY,MAAAA,EAAQA,MAAAA;YACRK,OAAAA,EAASC,mBAAAA,CAAoBpB,OAAAA,CAAQW,UAAU,EAAE,SAAA,CAAA;AACjDU,YAAAA,WAAAA,EAAaC,cAAAA,CAAetB,OAAAA,CAAQW,UAAU,EAAE,aAAA,CAAA,IAAkB,QAAA;AACjE,YAAA,GAAIY,eAAevB,OAAAA,CAAQW,UAAU,EAAE,SAAA,CAAA,KAAed,SAAAA,GAAY,EAAC,GAAI;gBAAE2B,OAAAA,EAASD,cAAAA,CAAevB,OAAAA,CAAQW,UAAU,EAAE,SAAA;aAAY;AACjI,YAAA,GAAIc,kBAAkBzB,OAAAA,CAAQW,UAAU,CAAA,KAAMd,SAAAA,GAAY,EAAC,GAAI;gBAAE6B,MAAAA,EAAQD,iBAAAA,CAAkBzB,QAAQW,UAAU;aAAG;AAChH,YAAA,GAAIW,eAAetB,OAAAA,CAAQW,UAAU,EAAE,gBAAA,CAAA,KAAsBgB,cAAAA,CAAeC,OAAO,GAAG;gBAAEC,OAAAA,EAAS;AAAK,aAAA,GAAI;WAPtGpC,UAAAA,CAAWS,MAAAA,CAAAA;;AAWhC;;"}

package/dist/esm/forms/generateCommandFieldsAction.js

@@ -11,7 +11,7 @@ const generateCommandFieldsAction = {
         description: 'Creates a deterministic editable field layout from the selected command metadata.'
     },
     isVisible: (context)=>context.element.componentName.endsWith(':commandForm'),
-    isEnabled: (context)=>Array.isArray(context.commandMetadata?.properties) && !Array.isArray(context.element.properties.inputs),
+    isEnabled: (context)=>Array.isArray(context.commandMetadata?.properties) && context.element.properties.inputs === undefined,
     execute: (context)=>generateCommandFields(context)
 };
 function generateCommandFields(context) {
@@ -22,6 +22,7 @@ function generateCommandFields(context) {
             'No command metadata was supplied.'
         ]
     };
+    // Authored fields, or a binding that supplies them, are never overwritten.
     if (Array.isArray(context.element.properties.inputs)) {
         return {
             edits: [],
@@ -30,6 +31,14 @@ function generateCommandFields(context) {
             ]
         };
     }
+    if (context.element.properties.inputs !== undefined) {
+        return {
+            edits: [],
+            diagnostics: [
+                'The form\'s fields come from a binding; Generate fields will not overwrite it.'
+            ]
+        };
+    }
     return {
         diagnostics: [],
         edits: [

package/dist/esm/forms/generateCommandFieldsAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateCommandFieldsAction.js","sources":["../../../forms/generateCommandFieldsAction.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 { DesignTimeAction, DesignTimeActionContext, DesignTimeActionResult } from '@cratis/scene.react';\nimport { DesignTimeActionPlacement, SceneEditKind } from '@cratis/scene.model';\n\nexport const generateCommandFieldsAction: DesignTimeAction = {\n    descriptor: {\n        id: 'Cratis.Components.commandForm.generateFields',\n        label: 'Generate fields',\n        placement: DesignTimeActionPlacement.Toolbar,\n        availability: 'commandForm.canGenerateFields',\n        description: 'Creates a deterministic editable field layout from the selected command metadata.',\n    },\n    isVisible: context => context.element.componentName.endsWith(':commandForm'),\n    isEnabled: context => Array.isArray(context.commandMetadata?.properties) && !Array.isArray(context.element.properties.inputs),\n    execute: context => generateCommandFields(context),\n};\n\nfunction generateCommandFields(context: DesignTimeActionContext): DesignTimeActionResult {\n    const properties = context.commandMetadata?.properties ?? [];\n    if (!properties.length) return { edits: [], diagnostics: ['No command metadata was supplied.'] };\n    if (Array.isArray(context.element.properties.inputs)) {\n        return { edits: [], diagnostics: ['The form already has authored fields; Generate fields will not overwrite them.'] };\n    }\n\n    return {\n        diagnostics: [],\n        edits: [{\n            kind: SceneEditKind.SetProperty,\n            nodeId: context.element.id,\n            path: 'inputs',\n            value: properties.map((property, index) => ({\n                property: property.name,\n                type: property.type === 'Guid' || property.type === 'guid' ? 'guid' : 'string',\n                label: property.label ?? humanize(property.name),\n                column: (index % 2) + 1,\n                width: '1fr',\n            })),\n        }],\n    };\n}\n\nfunction humanize(name: string): string {\n    return name.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/^./, value => value.toUpperCase());\n}\n"],"names":["generateCommandFieldsAction","descriptor","id","label","placement","DesignTimeActionPlacement","Toolbar","availability","description","isVisible","context","element","componentName","endsWith","isEnabled","Array","isArray","commandMetadata","properties","inputs","execute","generateCommandFields","length","edits","diagnostics","kind","SceneEditKind","SetProperty","nodeId","path","value","map","property","index","name","type","humanize","column","width","replace","toUpperCase"],"mappings":";;AAAA;AACA;MAKaA,2BAAAA,GAAgD;IACzDC,UAAAA,EAAY;QACRC,EAAAA,EAAI,8CAAA;QACJC,KAAAA,EAAO,iBAAA;AACPC,QAAAA,SAAAA,EAAWC,0BAA0BC,OAAO;QAC5CC,YAAAA,EAAc,+BAAA;QACdC,WAAAA,EAAa;AACjB,KAAA;IACAC,SAAAA,EAAWC,CAAAA,UAAWA,OAAAA,CAAQC,OAAO,CAACC,aAAa,CAACC,QAAQ,CAAC,cAAA,CAAA;AAC7DC,IAAAA,SAAAA,EAAWJ,CAAAA,OAAAA,GAAWK,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQO,eAAe,EAAEC,UAAAA,CAAAA,IAAe,CAACH,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,CAAA;IAC5HC,OAAAA,EAASV,CAAAA,UAAWW,qBAAAA,CAAsBX,OAAAA;AAC9C;AAEA,SAASW,sBAAsBX,OAAgC,EAAA;AAC3D,IAAA,MAAMQ,UAAAA,GAAaR,OAAAA,CAAQO,eAAe,EAAEC,cAAc,EAAE;AAC5D,IAAA,IAAI,CAACA,UAAAA,CAAWI,MAAM,EAAE,OAAO;AAAEC,QAAAA,KAAAA,EAAO,EAAE;QAAEC,WAAAA,EAAa;AAAC,YAAA;AAAoC;AAAC,KAAA;IAC/F,IAAIT,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,CAAA,EAAG;QAClD,OAAO;AAAEI,YAAAA,KAAAA,EAAO,EAAE;YAAEC,WAAAA,EAAa;AAAC,gBAAA;AAAiF;AAAC,SAAA;AACxH,IAAA;IAEA,OAAO;AACHA,QAAAA,WAAAA,EAAa,EAAE;QACfD,KAAAA,EAAO;AAAC,YAAA;AACJE,gBAAAA,IAAAA,EAAMC,cAAcC,WAAW;gBAC/BC,MAAAA,EAAQlB,OAAAA,CAAQC,OAAO,CAACT,EAAE;gBAC1B2B,IAAAA,EAAM,QAAA;AACNC,gBAAAA,KAAAA,EAAOZ,WAAWa,GAAG,CAAC,CAACC,QAAAA,EAAUC,SAAW;AACxCD,wBAAAA,QAAAA,EAAUA,SAASE,IAAI;wBACvBC,IAAAA,EAAMH,QAAAA,CAASG,IAAI,KAAK,MAAA,IAAUH,SAASG,IAAI,KAAK,SAAS,MAAA,GAAS,QAAA;AACtEhC,wBAAAA,KAAAA,EAAO6B,QAAAA,CAAS7B,KAAK,IAAIiC,QAAAA,CAASJ,SAASE,IAAI,CAAA;wBAC/CG,MAAAA,EAASJ,QAAQ,CAAA,GAAK,CAAA;wBACtBK,KAAAA,EAAO;qBACX,CAAA;AACJ;AAAE;AACN,KAAA;AACJ;AAEA,SAASF,SAASF,IAAY,EAAA;IAC1B,OAAOA,IAAAA,CAAKK,OAAO,CAAC,oBAAA,EAAsB,OAAA,CAAA,CAASA,OAAO,CAAC,IAAA,EAAMT,CAAAA,KAAAA,GAASA,KAAAA,CAAMU,WAAW,EAAA,CAAA;AAC/F;;"}
+{"version":3,"file":"generateCommandFieldsAction.js","sources":["../../../forms/generateCommandFieldsAction.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 { DesignTimeAction, DesignTimeActionContext, DesignTimeActionResult } from '@cratis/scene.react';\nimport { DesignTimeActionPlacement, SceneEditKind } from '@cratis/scene.model';\n\nexport const generateCommandFieldsAction: DesignTimeAction = {\n    descriptor: {\n        id: 'Cratis.Components.commandForm.generateFields',\n        label: 'Generate fields',\n        placement: DesignTimeActionPlacement.Toolbar,\n        availability: 'commandForm.canGenerateFields',\n        description: 'Creates a deterministic editable field layout from the selected command metadata.',\n    },\n    isVisible: context => context.element.componentName.endsWith(':commandForm'),\n    isEnabled: context => Array.isArray(context.commandMetadata?.properties) && context.element.properties.inputs === undefined,\n    execute: context => generateCommandFields(context),\n};\n\nfunction generateCommandFields(context: DesignTimeActionContext): DesignTimeActionResult {\n    const properties = context.commandMetadata?.properties ?? [];\n    if (!properties.length) return { edits: [], diagnostics: ['No command metadata was supplied.'] };\n    // Authored fields, or a binding that supplies them, are never overwritten.\n    if (Array.isArray(context.element.properties.inputs)) {\n        return { edits: [], diagnostics: ['The form already has authored fields; Generate fields will not overwrite them.'] };\n    }\n    if (context.element.properties.inputs !== undefined) {\n        return { edits: [], diagnostics: ['The form\\'s fields come from a binding; Generate fields will not overwrite it.'] };\n    }\n\n    return {\n        diagnostics: [],\n        edits: [{\n            kind: SceneEditKind.SetProperty,\n            nodeId: context.element.id,\n            path: 'inputs',\n            value: properties.map((property, index) => ({\n                property: property.name,\n                type: property.type === 'Guid' || property.type === 'guid' ? 'guid' : 'string',\n                label: property.label ?? humanize(property.name),\n                column: (index % 2) + 1,\n                width: '1fr',\n            })),\n        }],\n    };\n}\n\nfunction humanize(name: string): string {\n    return name.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/^./, value => value.toUpperCase());\n}\n"],"names":["generateCommandFieldsAction","descriptor","id","label","placement","DesignTimeActionPlacement","Toolbar","availability","description","isVisible","context","element","componentName","endsWith","isEnabled","Array","isArray","commandMetadata","properties","inputs","undefined","execute","generateCommandFields","length","edits","diagnostics","kind","SceneEditKind","SetProperty","nodeId","path","value","map","property","index","name","type","humanize","column","width","replace","toUpperCase"],"mappings":";;AAAA;AACA;MAKaA,2BAAAA,GAAgD;IACzDC,UAAAA,EAAY;QACRC,EAAAA,EAAI,8CAAA;QACJC,KAAAA,EAAO,iBAAA;AACPC,QAAAA,SAAAA,EAAWC,0BAA0BC,OAAO;QAC5CC,YAAAA,EAAc,+BAAA;QACdC,WAAAA,EAAa;AACjB,KAAA;IACAC,SAAAA,EAAWC,CAAAA,UAAWA,OAAAA,CAAQC,OAAO,CAACC,aAAa,CAACC,QAAQ,CAAC,cAAA,CAAA;AAC7DC,IAAAA,SAAAA,EAAWJ,CAAAA,OAAAA,GAAWK,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQO,eAAe,EAAEC,UAAAA,CAAAA,IAAeR,QAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,KAAKC,SAAAA;IAClHC,OAAAA,EAASX,CAAAA,UAAWY,qBAAAA,CAAsBZ,OAAAA;AAC9C;AAEA,SAASY,sBAAsBZ,OAAgC,EAAA;AAC3D,IAAA,MAAMQ,UAAAA,GAAaR,OAAAA,CAAQO,eAAe,EAAEC,cAAc,EAAE;AAC5D,IAAA,IAAI,CAACA,UAAAA,CAAWK,MAAM,EAAE,OAAO;AAAEC,QAAAA,KAAAA,EAAO,EAAE;QAAEC,WAAAA,EAAa;AAAC,YAAA;AAAoC;AAAC,KAAA;;IAE/F,IAAIV,KAAAA,CAAMC,OAAO,CAACN,OAAAA,CAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,CAAA,EAAG;QAClD,OAAO;AAAEK,YAAAA,KAAAA,EAAO,EAAE;YAAEC,WAAAA,EAAa;AAAC,gBAAA;AAAiF;AAAC,SAAA;AACxH,IAAA;AACA,IAAA,IAAIf,QAAQC,OAAO,CAACO,UAAU,CAACC,MAAM,KAAKC,SAAAA,EAAW;QACjD,OAAO;AAAEI,YAAAA,KAAAA,EAAO,EAAE;YAAEC,WAAAA,EAAa;AAAC,gBAAA;AAAiF;AAAC,SAAA;AACxH,IAAA;IAEA,OAAO;AACHA,QAAAA,WAAAA,EAAa,EAAE;QACfD,KAAAA,EAAO;AAAC,YAAA;AACJE,gBAAAA,IAAAA,EAAMC,cAAcC,WAAW;gBAC/BC,MAAAA,EAAQnB,OAAAA,CAAQC,OAAO,CAACT,EAAE;gBAC1B4B,IAAAA,EAAM,QAAA;AACNC,gBAAAA,KAAAA,EAAOb,WAAWc,GAAG,CAAC,CAACC,QAAAA,EAAUC,SAAW;AACxCD,wBAAAA,QAAAA,EAAUA,SAASE,IAAI;wBACvBC,IAAAA,EAAMH,QAAAA,CAASG,IAAI,KAAK,MAAA,IAAUH,SAASG,IAAI,KAAK,SAAS,MAAA,GAAS,QAAA;AACtEjC,wBAAAA,KAAAA,EAAO8B,QAAAA,CAAS9B,KAAK,IAAIkC,QAAAA,CAASJ,SAASE,IAAI,CAAA;wBAC/CG,MAAAA,EAASJ,QAAQ,CAAA,GAAK,CAAA;wBACtBK,KAAAA,EAAO;qBACX,CAAA;AACJ;AAAE;AACN,KAAA;AACJ;AAEA,SAASF,SAASF,IAAY,EAAA;IAC1B,OAAOA,IAAAA,CAAKK,OAAO,CAAC,oBAAA,EAAsB,OAAA,CAAA,CAASA,OAAO,CAAC,IAAA,EAAMT,CAAAA,KAAAA,GAASA,KAAAA,CAAMU,WAAW,EAAA,CAAA;AAC/F;;"}

package/dist/esm/index.d.ts

@@ -10,4 +10,6 @@ export * from './toolbar';
 export * from './cratisComponents';
 export * from './cratisComponentsDescriptors';
 export * from './cratisComponentsPackage';
+export * from './cratisComponentsRuntimePackage';
+export * from './designTime/cratisComponentsDesignTime';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC"}

package/dist/esm/index.js

@@ -50,5 +50,8 @@ export { SceneToolbarGroup } from './toolbar/SceneToolbarGroup.js';
 export { SceneToolbarSeparator } from './toolbar/SceneToolbarSeparator.js';
 export { cratisComponents, cratisComponentsPackageName } from './cratisComponents.js';
 export { cratisComponentsDescriptors } from './cratisComponentsDescriptors.js';
-export { cratisComponentsPackage, cratisComponentsPackageManifest } from './cratisComponentsPackage.js';
+export { cratisComponentsPackage } from './cratisComponentsPackage.js';
+export { cratisComponentsRuntimePackage } from './cratisComponentsRuntimePackage.js';
+export { cratisComponentsDesignTime } from './designTime/cratisComponentsDesignTime.js';
+export { cratisComponentsPackageManifest } from './cratisComponentsPackageManifest.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/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/esm/runtime.d.ts

@@ -0,0 +1,5 @@
+export * from './cratisComponents';
+export * from './cratisComponentsDescriptors';
+export * from './cratisComponentsPackageManifest';
+export * from './cratisComponentsRuntimePackage';
+//# sourceMappingURL=runtime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../runtime.ts"],"names":[],"mappings":"AAKA,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}

package/dist/esm/runtime.js

@@ -0,0 +1,5 @@
+export { cratisComponents, cratisComponentsPackageName } from './cratisComponents.js';
+export { cratisComponentsDescriptors } from './cratisComponentsDescriptors.js';
+export { cratisComponentsPackageManifest } from './cratisComponentsPackageManifest.js';
+export { cratisComponentsRuntimePackage } from './cratisComponentsRuntimePackage.js';
+//# sourceMappingURL=runtime.js.map

package/dist/esm/runtime.js.map

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