@kumwe/studio-core 0.1.0-alpha.10

package/dist/production.js

@@ -0,0 +1,811 @@
+import { STUDIO_CONTRACT_VERSION, studioPresentationSchema, } from '@kumwe/studio-protocol';
+import { cloneContractValue } from './clone.js';
+import { CORE_LAYOUT_BLOCK_TYPES, coreLayoutInitialProperties, createCoreLayoutBlockDefinitions, isCoreLayoutBlockType, } from './layout.js';
+export const CORE_PRODUCTION_BLOCK_TYPES = Object.freeze({
+    ...CORE_LAYOUT_BLOCK_TYPES,
+    accordion: 'studio.core/accordion',
+    accordionItem: 'studio.core/accordion-item',
+    article: 'studio.core/article',
+    attachment: 'studio.core/attachment',
+    audio: 'studio.core/audio',
+    badge: 'studio.core/badge',
+    callToAction: 'studio.core/call-to-action',
+    callout: 'studio.core/callout',
+    card: 'studio.core/card',
+    chart: 'studio.core/chart',
+    code: 'studio.core/code',
+    contentCollection: 'studio.core/content-collection',
+    contentReference: 'studio.core/content-reference',
+    countdown: 'studio.core/countdown',
+    cover: 'studio.core/cover',
+    descriptionItem: 'studio.core/description-item',
+    descriptionList: 'studio.core/description-list',
+    diagram: 'studio.core/diagram',
+    dialog: 'studio.core/dialog',
+    divider: 'studio.core/divider',
+    drawing: 'studio.core/drawing',
+    embed: 'studio.core/embed',
+    gallery: 'studio.core/gallery',
+    heading: 'studio.core/heading',
+    icon: 'studio.core/icon',
+    image: 'studio.core/image',
+    label: 'studio.core/label',
+    math: 'studio.core/math',
+    money: 'studio.core/money',
+    navigation: 'studio.core/navigation',
+    navigationItem: 'studio.core/navigation-item',
+    notice: 'studio.core/notice',
+    popover: 'studio.core/popover',
+    progress: 'studio.core/progress',
+    richText: 'studio.core/rich-text',
+    search: 'studio.core/search',
+    spinner: 'studio.core/spinner',
+    tab: 'studio.core/tab',
+    table: 'studio.core/table',
+    tabs: 'studio.core/tabs',
+    video: 'studio.core/video',
+});
+export const CORE_PRODUCTION_CONTROL_IDS = Object.freeze({
+    chart: 'studio.control/chart',
+    drawing: 'studio.control/drawing',
+    mediaCollection: 'studio.control/media-collection',
+    mediaReference: 'studio.control/media-reference',
+    money: 'studio.control/money',
+    presentation: 'studio.control/presentation',
+    richText: 'studio.control/rich-text',
+    scopedCss: 'studio.control/scoped-css',
+    source: 'studio.control/source',
+    table: 'studio.control/table',
+});
+/** The ten reusable compositions distributed with the production catalog. */
+export const CORE_PRODUCTION_PATTERN_IDS = Object.freeze([
+    'studio.pattern/article',
+    'studio.pattern/collection-index',
+    'studio.pattern/document-header',
+    'studio.pattern/faq',
+    'studio.pattern/feature-grid',
+    'studio.pattern/hero',
+    'studio.pattern/media-gallery',
+    'studio.pattern/pricing',
+    'studio.pattern/product',
+    'studio.pattern/tabbed-content',
+]);
+const VERSION = '1.0.0';
+const OWNER = Object.freeze({ id: 'studio.core/blocks', version: VERSION });
+const WEB_RENDERERS = Object.freeze([
+    {
+        capability: 'studio.renderer/semantic-web',
+        surface: 'preview',
+        versions: '^1.0.0',
+    },
+    {
+        capability: 'studio.renderer/semantic-web',
+        surface: 'web',
+        versions: '^1.0.0',
+    },
+]);
+const ALL_TYPES = Object.freeze(Object.values(CORE_PRODUCTION_BLOCK_TYPES));
+const CONTENT_TYPES = Object.freeze(ALL_TYPES.filter((type) => type !== CORE_PRODUCTION_BLOCK_TYPES.accordionItem &&
+    type !== CORE_PRODUCTION_BLOCK_TYPES.descriptionItem &&
+    type !== CORE_PRODUCTION_BLOCK_TYPES.navigationItem &&
+    type !== CORE_PRODUCTION_BLOCK_TYPES.tab));
+const textPort = (id, required = false) => ({
+    authoring: { control: 'studio.control/single-line-text' },
+    id,
+    label: message(`port-${id}`, title(id)),
+    multiple: false,
+    required,
+    valueType: 'text',
+});
+const numberPort = (id, required = false) => ({
+    authoring: { control: 'studio.control/integer' },
+    id,
+    label: message(`port-${id}`, title(id)),
+    multiple: false,
+    required,
+    valueType: 'integer',
+});
+const richTextPort = (id = 'content') => ({
+    authoring: {
+        control: CORE_PRODUCTION_CONTROL_IDS.richText,
+        profile: 'studio.rich-text/marketing',
+    },
+    id,
+    label: message(`port-${id}`, title(id)),
+    multiple: false,
+    required: false,
+    valueType: 'rich-text',
+});
+const mediaPort = (id, multiple = false) => ({
+    authoring: {
+        control: multiple
+            ? CORE_PRODUCTION_CONTROL_IDS.mediaCollection
+            : CORE_PRODUCTION_CONTROL_IDS.mediaReference,
+    },
+    id,
+    label: message(`port-${id}`, title(id)),
+    multiple,
+    required: false,
+    valueType: 'media',
+});
+const sourcePort = (profile) => ({
+    authoring: { control: CORE_PRODUCTION_CONTROL_IDS.source, profile },
+    id: 'source',
+    label: message('port-source', 'Source'),
+    multiple: false,
+    required: true,
+    valueType: 'text',
+});
+const resourcePort = (id, multiple) => ({
+    authoring: { readOnly: true },
+    id,
+    label: message(`port-${id}`, title(id)),
+    multiple,
+    required: true,
+    valueType: 'resource',
+});
+const stringSchema = (maximum = 20_000) => ({ maxLength: maximum, type: 'string' });
+const booleanSchema = () => ({ type: 'boolean' });
+const enumSchema = (...values) => ({ enum: values });
+const integerSchema = (minimum, maximum) => ({
+    maximum,
+    minimum,
+    type: 'integer',
+});
+const PRESENTATION_PROPERTY_SCHEMA = presentationPropertySchema();
+const SPECS = Object.freeze({
+    accordion: {
+        accessibility: 'composite',
+        controls: { 'allow-multiple': 'studio.control/switch' },
+        defaults: { 'allow-multiple': false },
+        properties: { 'allow-multiple': booleanSchema() },
+        slots: [{ accepts: [CORE_PRODUCTION_BLOCK_TYPES.accordionItem], id: 'items', maximum: 50 }],
+    },
+    accordionItem: {
+        accessibility: 'composite',
+        controls: { expanded: 'studio.control/switch' },
+        defaults: { expanded: false },
+        ports: [textPort('title', true)],
+        properties: { expanded: booleanSchema() },
+        slots: [{ accepts: CONTENT_TYPES, id: 'content', maximum: 100 }],
+    },
+    article: {
+        accessibility: 'landmark',
+        defaults: {},
+        ports: [textPort('title')],
+        slots: [{ accepts: CONTENT_TYPES, id: 'content', maximum: 200 }],
+    },
+    attachment: {
+        accessibility: 'media',
+        controls: { download: 'studio.control/switch' },
+        defaults: { download: true },
+        ports: [mediaPort('asset'), textPort('label')],
+        properties: { download: booleanSchema() },
+    },
+    audio: {
+        accessibility: 'media',
+        controls: { autoplay: 'studio.control/switch', controls: 'studio.control/switch' },
+        defaults: { autoplay: false, controls: true },
+        ports: [mediaPort('asset'), textPort('transcript')],
+        properties: { autoplay: booleanSchema(), controls: booleanSchema() },
+    },
+    badge: {
+        accessibility: 'text',
+        controls: { appearance: 'studio.control/select', tone: 'studio.control/select' },
+        defaults: { appearance: 'solid', tone: 'neutral' },
+        ports: [textPort('label', true)],
+        properties: {
+            appearance: enumSchema('outline', 'soft', 'solid'),
+            tone: enumSchema('error', 'information', 'neutral', 'success', 'warning'),
+        },
+    },
+    callToAction: {
+        accessibility: 'interactive',
+        controls: { appearance: 'studio.control/select', href: 'studio.control/single-line-text' },
+        defaults: { appearance: 'primary', href: '' },
+        ports: [textPort('label', true)],
+        properties: {
+            appearance: enumSchema('primary', 'secondary', 'link'),
+            href: stringSchema(2_048),
+        },
+    },
+    callout: {
+        accessibility: 'composite',
+        controls: { tone: 'studio.control/select' },
+        defaults: { tone: 'information' },
+        ports: [textPort('title'), richTextPort()],
+        properties: { tone: enumSchema('information', 'success', 'warning', 'danger') },
+    },
+    card: {
+        accessibility: 'composite',
+        controls: { appearance: 'studio.control/select' },
+        defaults: { appearance: 'plain' },
+        ports: [mediaPort('media'), textPort('title'), richTextPort('summary')],
+        properties: { appearance: enumSchema('plain', 'bordered', 'elevated') },
+        slots: [{ accepts: CONTENT_TYPES, id: 'actions', maximum: 5 }],
+    },
+    chart: {
+        accessibility: 'data-display',
+        defaults: {},
+        ports: [
+            {
+                authoring: {
+                    control: CORE_PRODUCTION_CONTROL_IDS.chart,
+                    profile: 'studio.chart/canonical',
+                },
+                id: 'chart',
+                label: message('port-chart', 'Chart'),
+                multiple: false,
+                required: true,
+                valueType: 'studio.value/chart',
+            },
+        ],
+    },
+    code: {
+        accessibility: 'text',
+        controls: {
+            language: 'studio.control/single-line-text',
+            'show-line-numbers': 'studio.control/switch',
+        },
+        defaults: { language: 'text', 'show-line-numbers': false },
+        ports: [sourcePort('studio.source/code')],
+        properties: { language: stringSchema(100), 'show-line-numbers': booleanSchema() },
+    },
+    contentCollection: {
+        accessibility: 'data-display',
+        controls: { limit: 'studio.control/integer', presentation: 'studio.control/select' },
+        defaults: { limit: 12, presentation: 'cards' },
+        ports: [resourcePort('items', true)],
+        properties: {
+            limit: integerSchema(1, 100),
+            presentation: enumSchema('cards', 'grid', 'list', 'slideshow'),
+        },
+    },
+    contentReference: {
+        accessibility: 'data-display',
+        controls: { presentation: 'studio.control/select' },
+        defaults: { presentation: 'summary' },
+        ports: [resourcePort('item', false)],
+        properties: { presentation: enumSchema('full', 'summary', 'title') },
+    },
+    countdown: {
+        accessibility: 'data-display',
+        controls: {
+            display: 'studio.control/select',
+            'expired-behavior': 'studio.control/select',
+        },
+        defaults: { display: 'detailed', 'expired-behavior': 'zero' },
+        ports: [textPort('target', true), textPort('completion-message')],
+        properties: {
+            display: enumSchema('compact', 'detailed'),
+            'expired-behavior': enumSchema('hide', 'message', 'zero'),
+        },
+    },
+    cover: {
+        accessibility: 'composite',
+        controls: { alignment: 'studio.control/select', overlay: 'studio.control/select' },
+        defaults: { alignment: 'center', overlay: 'medium' },
+        ports: [mediaPort('background')],
+        properties: {
+            alignment: enumSchema('center', 'end', 'start'),
+            overlay: enumSchema('light', 'medium', 'none', 'strong'),
+        },
+        slots: [{ accepts: CONTENT_TYPES, id: 'content', maximum: 100 }],
+    },
+    descriptionItem: {
+        accessibility: 'text',
+        defaults: {},
+        ports: [textPort('term', true), richTextPort('description')],
+    },
+    descriptionList: {
+        accessibility: 'data-display',
+        defaults: {},
+        ports: [textPort('title')],
+        slots: [{ accepts: [CORE_PRODUCTION_BLOCK_TYPES.descriptionItem], id: 'items', maximum: 100 }],
+    },
+    diagram: {
+        accessibility: 'data-display',
+        controls: { theme: 'studio.control/select' },
+        defaults: { theme: 'neutral' },
+        ports: [sourcePort('studio.source/mermaid')],
+        properties: { theme: enumSchema('dark', 'forest', 'neutral') },
+    },
+    dialog: {
+        accessibility: 'interactive',
+        controls: { modal: 'studio.control/switch', presentation: 'studio.control/select' },
+        defaults: { modal: true, presentation: 'modal' },
+        ports: [textPort('trigger-label', true), textPort('title', true)],
+        properties: {
+            modal: booleanSchema(),
+            presentation: enumSchema('modal', 'offcanvas', 'overlay'),
+        },
+        slots: [{ accepts: CONTENT_TYPES, id: 'content', maximum: 100 }],
+    },
+    divider: {
+        accessibility: 'structural',
+        controls: { style: 'studio.control/select' },
+        defaults: { style: 'solid' },
+        ports: [textPort('label')],
+        properties: { style: enumSchema('dashed', 'dotted', 'solid') },
+    },
+    drawing: {
+        accessibility: 'media',
+        defaults: {},
+        ports: [
+            {
+                authoring: {
+                    control: CORE_PRODUCTION_CONTROL_IDS.drawing,
+                    profile: 'studio.drawing/canonical',
+                },
+                id: 'drawing',
+                label: message('port-drawing', 'Drawing'),
+                multiple: false,
+                required: true,
+                valueType: 'studio.value/drawing',
+            },
+        ],
+    },
+    embed: {
+        accessibility: 'media',
+        controls: { 'aspect-ratio': 'studio.control/select' },
+        defaults: { 'aspect-ratio': '16:9' },
+        ports: [resourcePort('resource', false)],
+        properties: { 'aspect-ratio': enumSchema('1:1', '4:3', '16:9', '21:9') },
+    },
+    gallery: {
+        accessibility: 'composite',
+        controls: {
+            autoplay: 'studio.control/switch',
+            columns: 'studio.control/integer',
+            lightbox: 'studio.control/switch',
+            presentation: 'studio.control/select',
+        },
+        defaults: { autoplay: false, columns: 4, lightbox: false, presentation: 'grid' },
+        ports: [mediaPort('items', true)],
+        properties: {
+            autoplay: booleanSchema(),
+            columns: integerSchema(1, 12),
+            lightbox: booleanSchema(),
+            presentation: enumSchema('grid', 'slideshow'),
+        },
+    },
+    heading: {
+        accessibility: 'text',
+        controls: { level: 'studio.control/select' },
+        defaults: { level: 2 },
+        ports: [textPort('text', true)],
+        properties: { level: integerSchema(1, 6) },
+    },
+    icon: {
+        accessibility: 'media',
+        controls: { decorative: 'studio.control/switch', name: 'studio.control/single-line-text' },
+        defaults: { decorative: true, name: 'symbol' },
+        ports: [textPort('alternative-text')],
+        properties: { decorative: booleanSchema(), name: stringSchema(200) },
+    },
+    image: {
+        accessibility: 'media',
+        controls: { fit: 'studio.control/select', loading: 'studio.control/select' },
+        defaults: { fit: 'cover', loading: 'lazy' },
+        ports: [mediaPort('asset')],
+        properties: {
+            fit: enumSchema('contain', 'cover', 'fill', 'scale-down'),
+            loading: enumSchema('eager', 'lazy'),
+        },
+    },
+    label: {
+        accessibility: 'text',
+        controls: { tone: 'studio.control/select' },
+        defaults: { tone: 'neutral' },
+        ports: [textPort('text', true)],
+        properties: { tone: enumSchema('error', 'information', 'neutral', 'success', 'warning') },
+    },
+    math: {
+        accessibility: 'text',
+        controls: { 'display-mode': 'studio.control/switch' },
+        defaults: { 'display-mode': true },
+        ports: [sourcePort('studio.source/latex')],
+        properties: { 'display-mode': booleanSchema() },
+    },
+    money: {
+        accessibility: 'data-display',
+        defaults: {},
+        ports: [
+            {
+                authoring: {
+                    control: CORE_PRODUCTION_CONTROL_IDS.money,
+                    profile: 'studio.money/canonical',
+                },
+                id: 'amount',
+                label: message('port-amount', 'Amount'),
+                multiple: false,
+                required: true,
+                valueType: 'money',
+            },
+        ],
+    },
+    navigation: {
+        accessibility: 'landmark',
+        controls: { presentation: 'studio.control/select' },
+        defaults: { presentation: 'nav' },
+        ports: [textPort('label')],
+        properties: {
+            presentation: enumSchema('breadcrumbs', 'dotnav', 'dropnav', 'navbar', 'nav', 'pagination', 'subnav', 'thumbnav'),
+        },
+        slots: [{ accepts: [CORE_PRODUCTION_BLOCK_TYPES.navigationItem], id: 'items', maximum: 100 }],
+    },
+    navigationItem: {
+        accessibility: 'interactive',
+        controls: { current: 'studio.control/switch', href: 'studio.control/single-line-text' },
+        defaults: { current: false, href: '' },
+        ports: [textPort('label', true)],
+        properties: { current: booleanSchema(), href: stringSchema(2_048) },
+        slots: [{ accepts: [CORE_PRODUCTION_BLOCK_TYPES.navigationItem], id: 'children', maximum: 50 }],
+    },
+    notice: {
+        accessibility: 'composite',
+        controls: { dismissible: 'studio.control/switch', tone: 'studio.control/select' },
+        defaults: { dismissible: false, tone: 'information' },
+        ports: [textPort('title'), richTextPort()],
+        properties: {
+            dismissible: booleanSchema(),
+            tone: enumSchema('comment', 'error', 'information', 'success', 'warning'),
+        },
+    },
+    popover: {
+        accessibility: 'interactive',
+        controls: {
+            'dismiss-on-blur': 'studio.control/switch',
+            placement: 'studio.control/select',
+            presentation: 'studio.control/select',
+        },
+        defaults: { 'dismiss-on-blur': true, placement: 'auto', presentation: 'popover' },
+        ports: [textPort('trigger-label', true), textPort('title')],
+        properties: {
+            'dismiss-on-blur': booleanSchema(),
+            placement: enumSchema('auto', 'bottom', 'left', 'right', 'top'),
+            presentation: enumSchema('dropbar', 'dropdown', 'popover', 'tooltip'),
+        },
+        slots: [{ accepts: CONTENT_TYPES, id: 'content', maximum: 100 }],
+    },
+    progress: {
+        accessibility: 'data-display',
+        controls: { maximum: 'studio.control/integer' },
+        defaults: { maximum: 100 },
+        ports: [textPort('label'), numberPort('value', true)],
+        properties: { maximum: integerSchema(1, 1_000_000) },
+    },
+    richText: {
+        accessibility: 'text',
+        defaults: {},
+        ports: [richTextPort()],
+    },
+    search: {
+        accessibility: 'interactive',
+        controls: {
+            action: 'studio.control/single-line-text',
+            'query-parameter': 'studio.control/single-line-text',
+        },
+        defaults: { action: '', 'query-parameter': 'q' },
+        ports: [textPort('label'), textPort('placeholder')],
+        properties: { action: stringSchema(2_048), 'query-parameter': stringSchema(100) },
+    },
+    spinner: {
+        accessibility: 'data-display',
+        controls: { active: 'studio.control/switch', size: 'studio.control/select' },
+        defaults: { active: true, size: 'medium' },
+        ports: [textPort('label')],
+        properties: { active: booleanSchema(), size: enumSchema('large', 'medium', 'small') },
+    },
+    tab: {
+        accessibility: 'composite',
+        defaults: {},
+        ports: [textPort('title', true)],
+        slots: [{ accepts: CONTENT_TYPES, id: 'content', maximum: 100 }],
+    },
+    tabs: {
+        accessibility: 'composite',
+        controls: { activation: 'studio.control/select' },
+        defaults: { activation: 'automatic' },
+        properties: { activation: enumSchema('automatic', 'manual') },
+        slots: [{ accepts: [CORE_PRODUCTION_BLOCK_TYPES.tab], id: 'items', maximum: 30 }],
+    },
+    table: {
+        accessibility: 'data-display',
+        defaults: {},
+        ports: [
+            {
+                authoring: {
+                    control: CORE_PRODUCTION_CONTROL_IDS.table,
+                    profile: 'studio.table/canonical',
+                },
+                id: 'table',
+                label: message('port-table', 'Table'),
+                multiple: false,
+                required: true,
+                valueType: 'studio.value/table',
+            },
+        ],
+    },
+    video: {
+        accessibility: 'media',
+        controls: {
+            autoplay: 'studio.control/switch',
+            controls: 'studio.control/switch',
+            muted: 'studio.control/switch',
+        },
+        defaults: { autoplay: false, controls: true, muted: false },
+        ports: [mediaPort('asset'), mediaPort('poster'), textPort('captions')],
+        properties: { autoplay: booleanSchema(), controls: booleanSchema(), muted: booleanSchema() },
+    },
+});
+/** Build the entire canonical catalog with explicit allowlists and no host imports. */
+export function createCoreProductionBlockDefinitions() {
+    const layouts = createCoreLayoutBlockDefinitions({
+        acceptedChildTypes: CONTENT_TYPES,
+        rendererRequirements: WEB_RENDERERS,
+    }).map(addPresentationCapability);
+    const content = Object.keys(SPECS).map((name) => createDefinition(name, SPECS[name]));
+    return [...layouts, ...content];
+}
+/** Minimal schema-valid persisted properties for a newly inserted production node. */
+export function coreProductionInitialProperties(type) {
+    if (isCoreLayoutBlockType(type)) {
+        return coreLayoutInitialProperties(type);
+    }
+    const name = productionName(type);
+    return cloneContractValue(SPECS[name].defaults);
+}
+export function isCoreProductionBlockType(type) {
+    return ALL_TYPES.includes(type);
+}
+/** Create the ten deterministic, schema-valid starter patterns. */
+export function createCoreProductionPatterns() {
+    return [
+        pattern('article', [
+            node('article', 'stack', {}, [
+                node('article-title', 'heading', { text: 'Article title' }),
+                node('article-body', 'richText', { content: richText('Start writing…') }),
+            ]),
+        ]),
+        pattern('collection-index', [
+            node('collection-index', 'section', {}, [
+                node('collection-heading', 'heading', { text: 'Latest content' }),
+                node('collection', 'contentCollection', {}, undefined, {
+                    items: query('studio.query/content'),
+                }),
+            ]),
+        ]),
+        pattern('document-header', [
+            node('document-header', 'columns', {}, [
+                node('document-logo', 'image'),
+                node('document-title', 'heading', { text: 'Document title' }),
+            ]),
+        ]),
+        pattern('faq', [
+            node('faq', 'accordion', {}, [
+                node('faq-item', 'accordionItem', { title: 'Question' }, [
+                    node('faq-answer', 'richText', { content: richText('Answer') }),
+                ]),
+            ]),
+        ]),
+        pattern('feature-grid', [
+            node('features', 'grid', {}, [
+                node('feature-one', 'card', { title: 'Feature one' }),
+                node('feature-two', 'card', { title: 'Feature two' }),
+                node('feature-three', 'card', { title: 'Feature three' }),
+            ]),
+        ]),
+        pattern('hero', [
+            node('hero', 'section', {}, [
+                node('hero-stack', 'stack', {}, [
+                    node('hero-title', 'heading', { text: 'Build something meaningful' }),
+                    node('hero-copy', 'richText', { content: richText('A portable Studio page.') }),
+                    node('hero-action', 'callToAction', { label: 'Get started' }),
+                ]),
+            ]),
+        ]),
+        pattern('media-gallery', [node('media-gallery', 'gallery')]),
+        pattern('pricing', [
+            node('pricing', 'card', { title: 'Plan' }, [
+                node('price', 'money', { amount: { amount: '0.00', currency: 'USD' } }),
+                node('price-action', 'callToAction', { label: 'Choose plan' }),
+            ]),
+        ]),
+        pattern('product', [
+            node('product', 'columns', {}, [
+                node('product-media', 'gallery'),
+                node('product-copy', 'stack', {}, [
+                    node('product-title', 'heading', { text: 'Product' }),
+                    node('product-description', 'richText', { content: richText('Product description') }),
+                    node('product-price', 'money', {}, undefined, {
+                        amount: resource('catalog/product-price', 'studio.resource/money'),
+                    }),
+                ]),
+            ]),
+        ]),
+        pattern('tabbed-content', [
+            node('tabbed-content', 'tabs', {}, [
+                node('tab-one', 'tab', { title: 'First' }, [
+                    node('tab-one-copy', 'richText', { content: richText('First panel') }),
+                ]),
+                node('tab-two', 'tab', { title: 'Second' }, [
+                    node('tab-two-copy', 'richText', { content: richText('Second panel') }),
+                ]),
+            ]),
+        ]),
+    ];
+}
+function createDefinition(name, spec) {
+    const type = CORE_PRODUCTION_BLOCK_TYPES[name];
+    return {
+        accessibility: {
+            accessibleName: spec.accessibility === 'decorative' || spec.accessibility === 'structural'
+                ? 'not-applicable'
+                : 'derived',
+            category: spec.accessibility,
+            keyboard: message('block-keyboard', 'Use Studio controls to edit and reorder this block.'),
+            outputChecks: ['studio.check/accessible-name', 'studio.check/reflow'],
+            reducedMotion: ['audio', 'gallery', 'video'].includes(name)
+                ? 'disable-motion'
+                : 'not-applicable',
+        },
+        category: `studio.category/${categoryFor(spec.accessibility)}`,
+        contractVersion: STUDIO_CONTRACT_VERSION,
+        editingModes: ['blueprint', 'content'],
+        icon: { kind: 'symbol', value: kebab(name) },
+        kind: 'block-definition',
+        label: message(`block-${kebab(name)}`, title(name)),
+        owner: OWNER,
+        ports: cloneContractValue([...(spec.ports ?? [])]),
+        propertyControls: [
+            ...Object.entries(spec.controls ?? {}).map(([property, control]) => ({
+                control,
+                property,
+            })),
+            { control: CORE_PRODUCTION_CONTROL_IDS.presentation, property: 'design' },
+        ],
+        propertySchema: {
+            additionalProperties: false,
+            properties: cloneContractValue({
+                ...(spec.properties ?? {}),
+                design: PRESENTATION_PROPERTY_SCHEMA,
+            }),
+            ...(spec.required === undefined ? {} : { required: [...spec.required] }),
+            type: 'object',
+        },
+        rendererRequirements: cloneContractValue([...WEB_RENDERERS]),
+        revision: `production-${kebab(name)}-r1`,
+        slots: (spec.slots ?? []).map((slot) => ({
+            accepts: { types: cloneContractValue([...slot.accepts]) },
+            id: slot.id,
+            label: message(`slot-${slot.id}`, title(slot.id)),
+            maximum: slot.maximum ?? 100,
+            minimum: slot.minimum ?? 0,
+            ordered: true,
+        })),
+        themeControls: [],
+        type,
+        version: VERSION,
+    };
+}
+function addPresentationCapability(definition) {
+    const properties = definition.propertySchema.properties;
+    if (!isJsonObject(properties)) {
+        throw new TypeError(`${definition.type} property schema must declare an object property map.`);
+    }
+    return {
+        ...definition,
+        propertyControls: [
+            ...(definition.propertyControls ?? []),
+            { control: CORE_PRODUCTION_CONTROL_IDS.presentation, property: 'design' },
+        ],
+        propertySchema: {
+            ...definition.propertySchema,
+            properties: cloneContractValue({ ...properties, design: PRESENTATION_PROPERTY_SCHEMA }),
+        },
+    };
+}
+function presentationPropertySchema() {
+    const schema = cloneContractValue(studioPresentationSchema);
+    delete schema.$id;
+    delete schema.$schema;
+    delete schema.title;
+    return schema;
+}
+function isJsonObject(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value);
+}
+function pattern(id, roots) {
+    const definitions = new Map(createCoreProductionBlockDefinitions().map((item) => [item.type, item]));
+    const used = new Set();
+    const visit = (current) => {
+        used.add(current.type);
+        Object.values(current.slots).flat().forEach(visit);
+    };
+    roots.forEach(visit);
+    return {
+        blockDependencies: [...used].sort().map((type) => {
+            const definition = definitions.get(type);
+            if (definition === undefined)
+                throw new Error(`Pattern ${id} uses unknown block ${type}.`);
+            return { revision: definition.revision, type, version: definition.version };
+        }),
+        contractVersion: STUDIO_CONTRACT_VERSION,
+        id: `studio.pattern/${id}`,
+        kind: 'pattern',
+        label: message(`pattern-${id}`, title(id)),
+        owner: OWNER,
+        revision: `production-pattern-${id}-r1`,
+        roots,
+        version: VERSION,
+    };
+}
+function node(id, name, staticBindings = {}, children, dynamicBindings = {}) {
+    const type = CORE_PRODUCTION_BLOCK_TYPES[name];
+    const slot = name === 'section' ||
+        name === 'accordionItem' ||
+        name === 'dialog' ||
+        name === 'popover' ||
+        name === 'tab'
+        ? 'content'
+        : name === 'card'
+            ? 'actions'
+            : 'items';
+    const bindings = {};
+    for (const [port, value] of Object.entries(staticBindings)) {
+        bindings[port] = binding({ kind: 'static-value', value });
+    }
+    for (const [port, source] of Object.entries(dynamicBindings)) {
+        bindings[port] = binding(source);
+    }
+    const result = {
+        authoring: {
+            mode: isCoreLayoutBlockType(type) || children !== undefined ? 'structural' : 'content',
+        },
+        bindings,
+        id,
+        properties: coreProductionInitialProperties(type),
+        slots: children === undefined ? {} : { [slot]: children },
+        type,
+        version: VERSION,
+    };
+    if (name === 'grid') {
+        result.responsive = { columns: { expanded: 4, medium: 2 } };
+    }
+    return result;
+}
+function binding(source) {
+    return { onError: 'error', onNull: 'empty', source, transforms: [] };
+}
+function query(queryName) {
+    return { kind: 'query-reference', parameters: {}, query: queryName, version: VERSION };
+}
+function resource(id, resourceType) {
+    return { id, kind: 'resource-reference', resourceType };
+}
+function richText(text) {
+    return { content: [{ content: [{ text, type: 'text' }], type: 'paragraph' }], type: 'doc' };
+}
+function productionName(type) {
+    const entry = Object.entries(CORE_PRODUCTION_BLOCK_TYPES).find(([, candidate]) => candidate === type);
+    if (entry === undefined || isCoreLayoutBlockType(type))
+        throw new TypeError(`Unsupported production block ${type}.`);
+    return entry[0];
+}
+function message(id, defaultMessage) {
+    return { defaultMessage, key: `studio.blocks/${id}` };
+}
+function title(value) {
+    return value
+        .replace(/([a-z])([A-Z])/gu, '$1 $2')
+        .replaceAll('-', ' ')
+        .replace(/^./u, (character) => character.toUpperCase());
+}
+function kebab(value) {
+    return value.replace(/([a-z])([A-Z])/gu, '$1-$2').toLowerCase();
+}
+function categoryFor(category) {
+    return category === 'structural' || category === 'landmark' ? 'layout' : category;
+}
+//# sourceMappingURL=production.js.map