@bestagentkits/render 0.2.0 → 0.3.0

package/dist/blocks/composition/carousel.js

@@ -0,0 +1,51 @@
+/** Carousel block: sequenced slides with manual navigation. */
+import { anchorProps, define, itemsOf, LABEL, onProp, str as strProp, txt, } from '../../registry/define-helpers.js';
+import { element, nodeAttributes, objectListProp, str, stringProp, } from '../../render/block-helpers.js';
+import { escapeText } from '../../render/escape.js';
+import { checkItemContent, nestedBlocks, renderItemBody } from './nestable-blocks.js';
+export const carouselBlock = {
+    definition: define({
+        type: 'carousel',
+        category: 'interaction',
+        tags: ['slides', 'sequence'],
+        useCases: ['slide sequence', 'walkthrough'],
+        purpose: 'Sequenced slides with manual navigation.',
+        summary: 'Carousel: prev/next, keyboard, and swipe across slides.',
+        props: {
+            ariaLabel: strProp({ required: true, maxLength: 120 }),
+            items: itemsOf({
+                title: LABEL,
+                text: txt(),
+                blocks: nestedBlocks('text', 12),
+            }, { minItems: 1 }),
+            on: onProp('Optional state binding fired when the active slide changes.'),
+            ...anchorProps,
+        },
+        runtimeFeatures: ['carousel'],
+        actions: ['next', 'previous'],
+        a11y: 'Labeled region with prev/next buttons, arrow-key support, a slide counter, and no autoplay.',
+    }),
+    render: (node, context) => {
+        const items = objectListProp(node, 'items');
+        const label = stringProp(node, 'ariaLabel', 'Carousel');
+        const slides = items
+            .map((item, index) => `<div class="ak-carousel-slide" data-ak-slide tabindex="-1"><h3>${escapeText(str(item.title))}</h3>${renderItemBody(node, index, context, str(item.text), true)}</div>`)
+            .join('');
+        return element('section', nodeAttributes(node, {
+            class: 'ak-block ak-carousel',
+            'data-ak-carousel-root': 'true',
+            role: 'group',
+            'aria-roledescription': 'carousel',
+            'aria-label': label,
+        }), [
+            `<div class="ak-carousel-slides">${slides}</div>`,
+            `<div class="ak-carousel-controls">
+<button type="button" class="ak-btn" data-ak-carousel="prev" aria-label="Previous slide">Previous</button>
+<button type="button" class="ak-btn" data-ak-carousel="next" aria-label="Next slide">Next</button>
+<span class="ak-carousel-status" data-ak-carousel-status aria-live="polite">1 / ${Math.max(items.length, 1)}</span>
+</div>`,
+        ].join(''));
+    },
+    check: (node, context) => checkItemContent(node, context, 'text', 'a carousel slide needs text or blocks'),
+};
+//# sourceMappingURL=carousel.js.map

package/dist/blocks/composition/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/blocks/composition/carousel.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAG/D,OAAO,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,IAAI,OAAO,EACd,GAAG,GACJ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,GAAG,EACH,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,CAAC,MAAM,aAAa,GAAgB;IACxC,UAAU,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;QAC5B,QAAQ,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC;QAC3C,OAAO,EAAE,0CAA0C;QACnD,OAAO,EAAE,yDAAyD;QAClE,KAAK,EAAE;YACL,SAAS,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;YACtD,KAAK,EAAE,OAAO,CACZ;gBACE,KAAK,EAAE,KAAK;gBACZ,IAAI,EAAE,GAAG,EAAE;gBACX,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC;aACjC,EACD,EAAE,QAAQ,EAAE,CAAC,EAAE,CAChB;YACD,EAAE,EAAE,MAAM,CAAC,6DAA6D,CAAC;YACzE,GAAG,WAAW;SACf;QACD,eAAe,EAAE,CAAC,UAAU,CAAC;QAC7B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;QAC7B,IAAI,EAAE,6FAA6F;KACpG,CAAC;IACF,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACxB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,KAAK;aACjB,GAAG,CACF,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACd,kEAAkE,UAAU,CAC1E,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAChB,QAAQ,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAC9E;aACA,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,OAAO,OAAO,CACZ,SAAS,EACT,cAAc,CAAC,IAAI,EAAE;YACnB,KAAK,EAAE,sBAAsB;YAC7B,uBAAuB,EAAE,MAAM;YAC/B,IAAI,EAAE,OAAO;YACb,sBAAsB,EAAE,UAAU;YAClC,YAAY,EAAE,KAAK;SACpB,CAAC,EACF;YACE,mCAAmC,MAAM,QAAQ;YACjD;;;kFAG0E,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;OACpG;SACA,CAAC,IAAI,CAAC,EAAE,CAAC,CACX,CAAC;IACJ,CAAC;IACD,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CACvB,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,uCAAuC,CAAC;CACnF,CAAC"}

package/dist/blocks/composition/composition-runtime.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Runtime parts for the composition blocks: tab selection and the carousel.
+ * `runtime.ts` emits them in the same position and order as the other core
+ * parts, and only when a page uses the feature.
+ *
+ * Without scripts every panel and slide is readable: the markup ships them all
+ * visible, and the runtime marks a container ready (`data-ak-tabs-ready`,
+ * `data-ak-carousel-ready`) before it hides the inactive ones. Queries only
+ * match a container's own tabs and slides, never those of a nested container.
+ * A tab's `select` event carries the tab id as its `value`.
+ */
+export declare const TABS = "\nfunction ownTabs(container, selector) {\n  return qa(selector, container).filter(function (el) { return el.closest('[data-ak-tabs]') === container; });\n}\nfunction selectTab(container, action, fireFn) {\n  var tabs = ownTabs(container, '[role=\"tab\"]');\n  if (!tabs.length) return;\n  var index = tabs.length - 1;\n  if (typeof action.index === 'number') index = Math.min(Math.max(action.index, 0), tabs.length - 1);\n  else if (action.tabId) {\n    for (var i = 0; i < tabs.length; i += 1) if (tabs[i].getAttribute('data-ak-tab-id') === action.tabId) index = i;\n  } else {\n    var active = tabs.findIndex(function (tab) { return tab.getAttribute('aria-selected') === 'true'; });\n    if (active >= 0 && typeof action.index !== 'number' && !action.tabId) index = active;\n  }\n  activateTab(container, index, true, fireFn, true);\n}\nfunction activateTab(container, index, moveFocus, fireFn, announceChange) {\n  var tabs = ownTabs(container, '[role=\"tab\"]');\n  ownTabs(container, '[role=\"tabpanel\"]').forEach(function (panel, panelIndex) {\n    var selected = panelIndex === index;\n    panel.hidden = !selected;\n    panel.setAttribute('tabindex', selected ? '0' : '-1');\n  });\n  tabs.forEach(function (tab, tabIndex) {\n    var selected = tabIndex === index;\n    tab.setAttribute('aria-selected', String(selected));\n    tab.tabIndex = selected ? 0 : -1;\n  });\n  if (moveFocus && tabs[index]) tabs[index].focus();\n  // Only a user-driven change is worth announcing. Announcing the initial\n  // selection would make every page with tabs talk on load.\n  if (announceChange) announce('Tab ' + (index + 1) + ' of ' + tabs.length);\n  // The tab id is the event value, so a set-value binding without its own\n  // value stores which tab is selected.\n  if (fireFn && tabs[index]) fireFn(container, 'select', { index: index, value: tabs[index].getAttribute('data-ak-tab-id') });\n}\nfunction wireTabs() {\n  qa('[data-ak-tabs]').forEach(function (container) {\n    container.setAttribute('data-ak-tabs-ready', '');\n    // The initial selection is the authored view, not a user choice: it fires\n    // nothing, so page state keeps its declared initial values.\n    activateTab(container, 0, false, null, false);\n    ownTabs(container, '[role=\"tab\"]').forEach(function (tab, index) {\n      tab.addEventListener('click', function () { selectTab(container, { index: index }, fire); }, false);\n      tab.addEventListener('keydown', function (event) {\n        var keys = ['ArrowRight', 'ArrowLeft', 'Home', 'End'];\n        if (keys.indexOf(event.key) === -1) return;\n        event.preventDefault();\n        var total = ownTabs(container, '[role=\"tab\"]').length;\n        var current = index;\n        if (event.key === 'ArrowRight') current = (index + 1) % total;\n        else if (event.key === 'ArrowLeft') current = (index - 1 + total) % total;\n        else if (event.key === 'Home') current = 0;\n        else current = total - 1;\n        activateTab(container, current, true, fire, true);\n      }, false);\n    });\n  });\n}";
+export declare const CAROUSEL = "\nfunction ownSlides(carousel, selector) {\n  return qa(selector, carousel).filter(function (el) { return el.closest('[data-ak-carousel-root]') === carousel; });\n}\nfunction shiftSlide(carousel, delta, fireFn) {\n  var slides = ownSlides(carousel, '[data-ak-slide]');\n  if (!slides.length) return;\n  var current = slides.findIndex(function (slide) { return !slide.hidden; });\n  if (current < 0) current = 0;\n  var next = (current + delta + slides.length) % slides.length;\n  showSlide(carousel, next, fireFn, false);\n}\nfunction showSlide(carousel, index, fireFn, focus) {\n  var slides = ownSlides(carousel, '[data-ak-slide]');\n  if (!slides.length) return;\n  var bounded = Math.min(Math.max(index, 0), slides.length - 1);\n  slides.forEach(function (slide, slideIndex) {\n    var active = slideIndex === bounded;\n    slide.hidden = !active;\n    slide.setAttribute('aria-hidden', String(!active));\n  });\n  var buttons = ownSlides(carousel, '[data-ak-carousel]');\n  buttons.forEach(function (button) {\n    var isPrev = button.getAttribute('data-ak-carousel') === 'prev';\n    button.disabled = !carousel.hasAttribute('data-ak-loop') && ((isPrev && bounded === 0) || (!isPrev && bounded === slides.length - 1));\n  });\n  var status = ownSlides(carousel, '[data-ak-carousel-status]')[0];\n  if (status) status.textContent = (bounded + 1) + ' / ' + slides.length;\n  if (focus && slides[bounded]) slides[bounded].focus();\n  if (fireFn) fireFn(carousel, 'change', { index: bounded });\n}\nfunction wireCarousels() {\n  qa('[data-ak-carousel-root]').forEach(function (carousel) {\n    carousel.setAttribute('data-ak-carousel-ready', '');\n    showSlide(carousel, 0, fire, false);\n    ownSlides(carousel, '[data-ak-carousel]').forEach(function (button) {\n      button.addEventListener('click', function () {\n        shiftSlide(carousel, button.getAttribute('data-ak-carousel') === 'next' ? 1 : -1, fire);\n      }, false);\n    });\n    carousel.addEventListener('keydown', function (event) {\n      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n      if (event.target.closest('[data-ak-carousel-root]') !== carousel) return;\n      event.preventDefault();\n      var delta = event.key === 'ArrowRight' ? 1 : -1;\n      var slides = ownSlides(carousel, '[data-ak-slide]');\n      var current = slides.findIndex(function (slide) { return !slide.hidden; });\n      showSlide(carousel, current + delta, fire, true);\n    }, false);\n    var startX = null;\n    carousel.addEventListener('touchstart', function (event) {\n      if (event.target.closest('[data-ak-carousel-root]') !== carousel) return;\n      if (event.touches.length === 1) startX = event.touches[0].clientX;\n    }, { passive: true });\n    carousel.addEventListener('touchend', function (event) {\n      if (startX === null) return;\n      var endX = event.changedTouches.length ? event.changedTouches[0].clientX : startX;\n      var delta = endX - startX;\n      startX = null;\n      if (Math.abs(delta) < 40) return;\n      shiftSlide(carousel, delta < 0 ? 1 : -1, fire);\n    }, false);\n  });\n}";
+//# sourceMappingURL=composition-runtime.d.ts.map

package/dist/blocks/composition/composition-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition-runtime.d.ts","sourceRoot":"","sources":["../../../src/blocks/composition/composition-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,IAAI,q/FA2Df,CAAC;AAEH,eAAO,MAAM,QAAQ,miGA+DnB,CAAC"}

package/dist/blocks/composition/composition-runtime.js

@@ -0,0 +1,136 @@
+/**
+ * Runtime parts for the composition blocks: tab selection and the carousel.
+ * `runtime.ts` emits them in the same position and order as the other core
+ * parts, and only when a page uses the feature.
+ *
+ * Without scripts every panel and slide is readable: the markup ships them all
+ * visible, and the runtime marks a container ready (`data-ak-tabs-ready`,
+ * `data-ak-carousel-ready`) before it hides the inactive ones. Queries only
+ * match a container's own tabs and slides, never those of a nested container.
+ * A tab's `select` event carries the tab id as its `value`.
+ */
+export const TABS = `
+function ownTabs(container, selector) {
+  return qa(selector, container).filter(function (el) { return el.closest('[data-ak-tabs]') === container; });
+}
+function selectTab(container, action, fireFn) {
+  var tabs = ownTabs(container, '[role="tab"]');
+  if (!tabs.length) return;
+  var index = tabs.length - 1;
+  if (typeof action.index === 'number') index = Math.min(Math.max(action.index, 0), tabs.length - 1);
+  else if (action.tabId) {
+    for (var i = 0; i < tabs.length; i += 1) if (tabs[i].getAttribute('data-ak-tab-id') === action.tabId) index = i;
+  } else {
+    var active = tabs.findIndex(function (tab) { return tab.getAttribute('aria-selected') === 'true'; });
+    if (active >= 0 && typeof action.index !== 'number' && !action.tabId) index = active;
+  }
+  activateTab(container, index, true, fireFn, true);
+}
+function activateTab(container, index, moveFocus, fireFn, announceChange) {
+  var tabs = ownTabs(container, '[role="tab"]');
+  ownTabs(container, '[role="tabpanel"]').forEach(function (panel, panelIndex) {
+    var selected = panelIndex === index;
+    panel.hidden = !selected;
+    panel.setAttribute('tabindex', selected ? '0' : '-1');
+  });
+  tabs.forEach(function (tab, tabIndex) {
+    var selected = tabIndex === index;
+    tab.setAttribute('aria-selected', String(selected));
+    tab.tabIndex = selected ? 0 : -1;
+  });
+  if (moveFocus && tabs[index]) tabs[index].focus();
+  // Only a user-driven change is worth announcing. Announcing the initial
+  // selection would make every page with tabs talk on load.
+  if (announceChange) announce('Tab ' + (index + 1) + ' of ' + tabs.length);
+  // The tab id is the event value, so a set-value binding without its own
+  // value stores which tab is selected.
+  if (fireFn && tabs[index]) fireFn(container, 'select', { index: index, value: tabs[index].getAttribute('data-ak-tab-id') });
+}
+function wireTabs() {
+  qa('[data-ak-tabs]').forEach(function (container) {
+    container.setAttribute('data-ak-tabs-ready', '');
+    // The initial selection is the authored view, not a user choice: it fires
+    // nothing, so page state keeps its declared initial values.
+    activateTab(container, 0, false, null, false);
+    ownTabs(container, '[role="tab"]').forEach(function (tab, index) {
+      tab.addEventListener('click', function () { selectTab(container, { index: index }, fire); }, false);
+      tab.addEventListener('keydown', function (event) {
+        var keys = ['ArrowRight', 'ArrowLeft', 'Home', 'End'];
+        if (keys.indexOf(event.key) === -1) return;
+        event.preventDefault();
+        var total = ownTabs(container, '[role="tab"]').length;
+        var current = index;
+        if (event.key === 'ArrowRight') current = (index + 1) % total;
+        else if (event.key === 'ArrowLeft') current = (index - 1 + total) % total;
+        else if (event.key === 'Home') current = 0;
+        else current = total - 1;
+        activateTab(container, current, true, fire, true);
+      }, false);
+    });
+  });
+}`;
+export const CAROUSEL = `
+function ownSlides(carousel, selector) {
+  return qa(selector, carousel).filter(function (el) { return el.closest('[data-ak-carousel-root]') === carousel; });
+}
+function shiftSlide(carousel, delta, fireFn) {
+  var slides = ownSlides(carousel, '[data-ak-slide]');
+  if (!slides.length) return;
+  var current = slides.findIndex(function (slide) { return !slide.hidden; });
+  if (current < 0) current = 0;
+  var next = (current + delta + slides.length) % slides.length;
+  showSlide(carousel, next, fireFn, false);
+}
+function showSlide(carousel, index, fireFn, focus) {
+  var slides = ownSlides(carousel, '[data-ak-slide]');
+  if (!slides.length) return;
+  var bounded = Math.min(Math.max(index, 0), slides.length - 1);
+  slides.forEach(function (slide, slideIndex) {
+    var active = slideIndex === bounded;
+    slide.hidden = !active;
+    slide.setAttribute('aria-hidden', String(!active));
+  });
+  var buttons = ownSlides(carousel, '[data-ak-carousel]');
+  buttons.forEach(function (button) {
+    var isPrev = button.getAttribute('data-ak-carousel') === 'prev';
+    button.disabled = !carousel.hasAttribute('data-ak-loop') && ((isPrev && bounded === 0) || (!isPrev && bounded === slides.length - 1));
+  });
+  var status = ownSlides(carousel, '[data-ak-carousel-status]')[0];
+  if (status) status.textContent = (bounded + 1) + ' / ' + slides.length;
+  if (focus && slides[bounded]) slides[bounded].focus();
+  if (fireFn) fireFn(carousel, 'change', { index: bounded });
+}
+function wireCarousels() {
+  qa('[data-ak-carousel-root]').forEach(function (carousel) {
+    carousel.setAttribute('data-ak-carousel-ready', '');
+    showSlide(carousel, 0, fire, false);
+    ownSlides(carousel, '[data-ak-carousel]').forEach(function (button) {
+      button.addEventListener('click', function () {
+        shiftSlide(carousel, button.getAttribute('data-ak-carousel') === 'next' ? 1 : -1, fire);
+      }, false);
+    });
+    carousel.addEventListener('keydown', function (event) {
+      if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;
+      if (event.target.closest('[data-ak-carousel-root]') !== carousel) return;
+      event.preventDefault();
+      var delta = event.key === 'ArrowRight' ? 1 : -1;
+      var slides = ownSlides(carousel, '[data-ak-slide]');
+      var current = slides.findIndex(function (slide) { return !slide.hidden; });
+      showSlide(carousel, current + delta, fire, true);
+    }, false);
+    var startX = null;
+    carousel.addEventListener('touchstart', function (event) {
+      if (event.target.closest('[data-ak-carousel-root]') !== carousel) return;
+      if (event.touches.length === 1) startX = event.touches[0].clientX;
+    }, { passive: true });
+    carousel.addEventListener('touchend', function (event) {
+      if (startX === null) return;
+      var endX = event.changedTouches.length ? event.changedTouches[0].clientX : startX;
+      var delta = endX - startX;
+      startX = null;
+      if (Math.abs(delta) < 40) return;
+      shiftSlide(carousel, delta < 0 ? 1 : -1, fire);
+    }, false);
+  });
+}`;
+//# sourceMappingURL=composition-runtime.js.map

package/dist/blocks/composition/composition-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition-runtime.js","sourceRoot":"","sources":["../../../src/blocks/composition/composition-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DlB,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DtB,CAAC"}

package/dist/blocks/composition/composition-styles.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Feature sheets for the composition blocks: tabs, accordion, carousel and
+ * bento. The core feature tables import them back under the same keys, so the
+ * compiler still emits each one only when a page uses the feature.
+ */
+export declare const TABS_CSS = ".ak-tabs [role=\"tablist\"]{display:inline-flex;flex-wrap:wrap;gap:3px;max-width:100%;padding:3px;margin-bottom:calc(var(--ak-space-unit) * 2);background:color-mix(in srgb,var(--ak-color-text) 5%,var(--ak-color-background));border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium)}\n.ak-tabs [role=\"tab\"]{font:inherit;font-size:.92em;font-weight:550;background:transparent;border:0;padding:.5em 1.05em;min-height:36px;cursor:pointer;color:var(--ak-color-text-muted);border-radius:max(0px,calc(var(--ak-radius-medium) - 3px));transition:var(--ak-transition)}\n.ak-tabs [role=\"tab\"]:hover{color:var(--ak-color-text)}\n.ak-tabs [role=\"tab\"][aria-selected=\"true\"]{color:var(--ak-color-text);background:var(--ak-color-surface);box-shadow:0 0 0 var(--ak-border-width) var(--ak-color-border),0 1px 3px color-mix(in srgb,var(--ak-color-text) 10%,transparent)}\n.ak-tabs [role=\"tabpanel\"]{padding:0;max-width:var(--ak-measure)}\n.ak-tabs>[role=\"tabpanel\"]:has(>.ak-nested){max-width:none}\n.ak-tabs>[role=\"tabpanel\"]>.ak-nested{min-width:0}\n.ak-tabs>[role=\"tabpanel\"]>p:not(.ak-tab-panel-title){margin:0;max-width:var(--ak-measure)}\n.ak-tabs>[role=\"tabpanel\"]>p:not(.ak-tab-panel-title)+.ak-nested{margin-top:calc(var(--ak-space-unit) * 2)}\n.ak-tabs [role=\"tabpanel\"][hidden]{display:none}\n.ak-tab-panel-title{margin:0 0 .4em;font-family:var(--ak-font-heading);font-weight:600;color:var(--ak-color-text)}\n.ak-tabs:not([data-ak-tabs-ready])>[role=\"tablist\"]{display:none}\n.ak-tabs:not([data-ak-tabs-ready])>[role=\"tabpanel\"]+[role=\"tabpanel\"]{margin-top:calc(var(--ak-space-unit) * 2.5)}\n.ak-tabs[data-ak-tabs-ready]>[role=\"tabpanel\"]>.ak-tab-panel-title{display:none}\n@media (max-width:768px){.ak-tabs [role=\"tab\"]{min-height:44px}}\n@media print{.ak-tabs>[role=\"tablist\"]{display:none!important}.ak-tabs>[role=\"tabpanel\"][hidden]{display:block!important}.ak-tabs>[role=\"tabpanel\"]+[role=\"tabpanel\"]{margin-top:calc(var(--ak-space-unit) * 2.5)}.ak-tabs>[role=\"tabpanel\"]>.ak-tab-panel-title{display:block!important}}";
+export declare const ACCORDION_CSS = ".ak-accordion{display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 1)}\n.ak-accordion>details{background:var(--ak-fill);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);transition:var(--ak-transition)}\n.ak-accordion>details[open]{border-color:color-mix(in srgb,var(--ak-color-accent) 28%,var(--ak-color-border));box-shadow:var(--ak-elevation-card)}\n.ak-accordion>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ak-space-unit) * 2);cursor:pointer;padding:calc(var(--ak-space-unit) * 1.75) calc(var(--ak-space-unit) * 2.25);min-height:48px;font-family:var(--ak-font-heading);font-weight:600;border-radius:inherit;transition:var(--ak-transition)}\n.ak-accordion>details>summary::-webkit-details-marker{display:none}\n.ak-accordion>details>summary::after{content:\"\";flex:none;width:26px;height:26px;border-radius:50%;border:var(--ak-border-width) solid var(--ak-color-border);color:var(--ak-color-text-muted);background:linear-gradient(currentColor,currentColor) center/10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 10px no-repeat;transition:var(--ak-transition)}\n.ak-accordion>details>summary:hover{color:var(--ak-color-accent)}\n.ak-accordion>details>summary:hover::after{border-color:var(--ak-color-accent);color:var(--ak-color-accent)}\n.ak-accordion>details[open]>summary::after{transform:rotate(180deg);background-size:10px 1.5px,1.5px 0;background-color:var(--ak-tint);color:var(--ak-color-accent);border-color:color-mix(in srgb,var(--ak-color-accent) 40%,var(--ak-color-border))}\n.ak-accordion>details>:not(summary){padding:0 calc(var(--ak-space-unit) * 2.25) calc(var(--ak-space-unit) * 2);margin:0;max-width:var(--ak-measure);color:var(--ak-color-text-muted)}\n.ak-accordion>details>.ak-nested{min-width:0;max-width:none;color:var(--ak-color-text)}\n@media print{.ak-accordion>details::details-content{content-visibility:visible;display:block}.ak-accordion>details>summary::after{display:none}}";
+export declare const CAROUSEL_CSS = ".ak-carousel{display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 1.5)}\n.ak-carousel-slides{position:relative;min-height:120px}\n.ak-carousel-slide{display:flex;flex-direction:column;justify-content:flex-end;gap:.5em;min-height:200px;padding:calc(var(--ak-space-unit) * 4);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--ak-color-accent) 12%,transparent),transparent 55%),var(--ak-fill);box-shadow:var(--ak-elevation-card)}\n.ak-carousel-slide>h3{font-size:calc(var(--ak-font-size-base) * 1.56);font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),2));letter-spacing:-.018em}\n.ak-carousel-slide>p{color:var(--ak-color-text-muted);max-width:56ch;margin:0}\n.ak-carousel-slide[hidden]{display:none}\n.ak-carousel-slide:has(>.ak-nested){justify-content:flex-start}\n.ak-carousel-slide>.ak-nested{min-width:0;margin-top:calc(var(--ak-space-unit) * 1)}\n.ak-carousel-slide>.ak-nested img{max-height:min(60vh,420px);object-fit:contain}\n.ak-carousel:not([data-ak-carousel-ready])>.ak-carousel-slides{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,100%);gap:var(--ak-space-unit);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}\n.ak-carousel:not([data-ak-carousel-ready])>.ak-carousel-slides>.ak-carousel-slide{scroll-snap-align:start}\n.ak-carousel:not([data-ak-carousel-ready])>.ak-carousel-controls{display:none}\n.ak-carousel-controls{display:flex;gap:var(--ak-space-unit);align-items:center}\n.ak-carousel-controls [data-ak-carousel=\"prev\"]::before{content:\"\\2190\";font-family:var(--ak-font-mono)}\n.ak-carousel-controls [data-ak-carousel=\"next\"]::after{content:\"\\2192\";font-family:var(--ak-font-mono)}\n.ak-carousel-status{margin-left:auto;font-family:var(--ak-font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--ak-color-text-muted);font-variant-numeric:tabular-nums}\n@media (max-width:480px){.ak-carousel-slide{min-height:160px;padding:calc(var(--ak-space-unit) * 2.5)}}\n@media print{.ak-carousel>.ak-carousel-slides{display:flex!important;flex-direction:column;gap:var(--ak-space-unit);overflow:visible!important}.ak-carousel>.ak-carousel-slides>.ak-carousel-slide[hidden]{display:flex!important}.ak-carousel-slide{min-height:0;box-shadow:none;break-inside:avoid}.ak-carousel>.ak-carousel-controls{display:none!important}}";
+export declare const BENTO_CSS: string;
+//# sourceMappingURL=composition-styles.d.ts.map

package/dist/blocks/composition/composition-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition-styles.d.ts","sourceRoot":"","sources":["../../../src/blocks/composition/composition-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,eAAO,MAAM,QAAQ,ojEAesQ,CAAC;AAE5R,eAAO,MAAM,aAAa,ihEAWuH,CAAC;AAElJ,eAAO,MAAM,YAAY,04EAiBwU,CAAC;AAElW,eAAO,MAAM,SAAS,QA0BqC,CAAC"}

package/dist/blocks/composition/composition-styles.js

@@ -0,0 +1,80 @@
+/**
+ * Feature sheets for the composition blocks: tabs, accordion, carousel and
+ * bento. The core feature tables import them back under the same keys, so the
+ * compiler still emits each one only when a page uses the feature.
+ */
+import { EASE_OUT, MID, SLOW, TRANSITION, UNIT } from '../../render/style-units.js';
+export const TABS_CSS = `.ak-tabs [role="tablist"]{display:inline-flex;flex-wrap:wrap;gap:3px;max-width:100%;padding:3px;margin-bottom:calc(var(--ak-space-unit) * 2);background:color-mix(in srgb,var(--ak-color-text) 5%,var(--ak-color-background));border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium)}
+.ak-tabs [role="tab"]{font:inherit;font-size:.92em;font-weight:550;background:transparent;border:0;padding:.5em 1.05em;min-height:36px;cursor:pointer;color:var(--ak-color-text-muted);border-radius:max(0px,calc(var(--ak-radius-medium) - 3px));${TRANSITION}}
+.ak-tabs [role="tab"]:hover{color:var(--ak-color-text)}
+.ak-tabs [role="tab"][aria-selected="true"]{color:var(--ak-color-text);background:var(--ak-color-surface);box-shadow:0 0 0 var(--ak-border-width) var(--ak-color-border),0 1px 3px color-mix(in srgb,var(--ak-color-text) 10%,transparent)}
+.ak-tabs [role="tabpanel"]{padding:0;max-width:var(--ak-measure)}
+.ak-tabs>[role="tabpanel"]:has(>.ak-nested){max-width:none}
+.ak-tabs>[role="tabpanel"]>.ak-nested{min-width:0}
+.ak-tabs>[role="tabpanel"]>p:not(.ak-tab-panel-title){margin:0;max-width:var(--ak-measure)}
+.ak-tabs>[role="tabpanel"]>p:not(.ak-tab-panel-title)+.ak-nested{margin-top:calc(var(--ak-space-unit) * 2)}
+.ak-tabs [role="tabpanel"][hidden]{display:none}
+.ak-tab-panel-title{margin:0 0 .4em;font-family:var(--ak-font-heading);font-weight:600;color:var(--ak-color-text)}
+.ak-tabs:not([data-ak-tabs-ready])>[role="tablist"]{display:none}
+.ak-tabs:not([data-ak-tabs-ready])>[role="tabpanel"]+[role="tabpanel"]{margin-top:calc(var(--ak-space-unit) * 2.5)}
+.ak-tabs[data-ak-tabs-ready]>[role="tabpanel"]>.ak-tab-panel-title{display:none}
+@media (max-width:768px){.ak-tabs [role="tab"]{min-height:44px}}
+@media print{.ak-tabs>[role="tablist"]{display:none!important}.ak-tabs>[role="tabpanel"][hidden]{display:block!important}.ak-tabs>[role="tabpanel"]+[role="tabpanel"]{margin-top:calc(var(--ak-space-unit) * 2.5)}.ak-tabs>[role="tabpanel"]>.ak-tab-panel-title{display:block!important}}`;
+export const ACCORDION_CSS = `.ak-accordion{display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 1)}
+.ak-accordion>details{background:var(--ak-fill);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);${TRANSITION}}
+.ak-accordion>details[open]{border-color:color-mix(in srgb,var(--ak-color-accent) 28%,var(--ak-color-border));box-shadow:var(--ak-elevation-card)}
+.ak-accordion>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ak-space-unit) * 2);cursor:pointer;padding:calc(var(--ak-space-unit) * 1.75) calc(var(--ak-space-unit) * 2.25);min-height:48px;font-family:var(--ak-font-heading);font-weight:600;border-radius:inherit;${TRANSITION}}
+.ak-accordion>details>summary::-webkit-details-marker{display:none}
+.ak-accordion>details>summary::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;border:var(--ak-border-width) solid var(--ak-color-border);color:var(--ak-color-text-muted);background:linear-gradient(currentColor,currentColor) center/10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 10px no-repeat;${TRANSITION}}
+.ak-accordion>details>summary:hover{color:var(--ak-color-accent)}
+.ak-accordion>details>summary:hover::after{border-color:var(--ak-color-accent);color:var(--ak-color-accent)}
+.ak-accordion>details[open]>summary::after{transform:rotate(180deg);background-size:10px 1.5px,1.5px 0;background-color:var(--ak-tint);color:var(--ak-color-accent);border-color:color-mix(in srgb,var(--ak-color-accent) 40%,var(--ak-color-border))}
+.ak-accordion>details>:not(summary){padding:0 calc(var(--ak-space-unit) * 2.25) calc(var(--ak-space-unit) * 2);margin:0;max-width:var(--ak-measure);color:var(--ak-color-text-muted)}
+.ak-accordion>details>.ak-nested{min-width:0;max-width:none;color:var(--ak-color-text)}
+@media print{.ak-accordion>details::details-content{content-visibility:visible;display:block}.ak-accordion>details>summary::after{display:none}}`;
+export const CAROUSEL_CSS = `.ak-carousel{display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 1.5)}
+.ak-carousel-slides{position:relative;min-height:120px}
+.ak-carousel-slide{display:flex;flex-direction:column;justify-content:flex-end;gap:.5em;min-height:200px;padding:calc(var(--ak-space-unit) * 4);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--ak-color-accent) 12%,transparent),transparent 55%),var(--ak-fill);box-shadow:var(--ak-elevation-card)}
+.ak-carousel-slide>h3{font-size:calc(var(--ak-font-size-base) * 1.56);font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),2));letter-spacing:-.018em}
+.ak-carousel-slide>p{color:var(--ak-color-text-muted);max-width:56ch;margin:0}
+.ak-carousel-slide[hidden]{display:none}
+.ak-carousel-slide:has(>.ak-nested){justify-content:flex-start}
+.ak-carousel-slide>.ak-nested{min-width:0;margin-top:calc(var(--ak-space-unit) * 1)}
+.ak-carousel-slide>.ak-nested img{max-height:min(60vh,420px);object-fit:contain}
+.ak-carousel:not([data-ak-carousel-ready])>.ak-carousel-slides{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,100%);gap:var(--ak-space-unit);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
+.ak-carousel:not([data-ak-carousel-ready])>.ak-carousel-slides>.ak-carousel-slide{scroll-snap-align:start}
+.ak-carousel:not([data-ak-carousel-ready])>.ak-carousel-controls{display:none}
+.ak-carousel-controls{display:flex;gap:var(--ak-space-unit);align-items:center}
+.ak-carousel-controls [data-ak-carousel="prev"]::before{content:"\\2190";font-family:var(--ak-font-mono)}
+.ak-carousel-controls [data-ak-carousel="next"]::after{content:"\\2192";font-family:var(--ak-font-mono)}
+.ak-carousel-status{margin-left:auto;font-family:var(--ak-font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--ak-color-text-muted);font-variant-numeric:tabular-nums}
+@media (max-width:480px){.ak-carousel-slide{min-height:160px;padding:calc(var(--ak-space-unit) * 2.5)}}
+@media print{.ak-carousel>.ak-carousel-slides{display:flex!important;flex-direction:column;gap:var(--ak-space-unit);overflow:visible!important}.ak-carousel>.ak-carousel-slides>.ak-carousel-slide[hidden]{display:flex!important}.ak-carousel-slide{min-height:0;box-shadow:none;break-inside:avoid}.ak-carousel>.ak-carousel-controls{display:none!important}}`;
+export const BENTO_CSS = `.ak-bento{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);grid-auto-flow:dense;gap:${UNIT(2)}}
+.ak-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.45em;min-width:0;padding:${UNIT(3)};border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-large);background:var(--ak-fill);box-shadow:var(--ak-elevation-card);transition:translate ${MID} ${EASE_OUT},box-shadow ${MID} ${EASE_OUT},border-color var(--ak-motion-duration) var(--ak-motion-easing)}
+.ak-tile[data-size="wide"]{grid-column:span 2}
+.ak-tile[data-size="tall"]{grid-row:span 2}
+.ak-tile[data-size="large"]{grid-column:span 2;grid-row:span 2}
+.ak-tile:first-child{background:radial-gradient(120% 100% at 100% 0%,color-mix(in srgb,var(--ak-color-accent) 16%,transparent),transparent 62%),var(--ak-fill)}
+.ak-tile:hover{translate:0 -4px;border-color:color-mix(in srgb,var(--ak-color-accent) 40%,var(--ak-color-border));box-shadow:var(--ak-elevation-popover)}
+.ak-tile[data-media]{justify-content:flex-start;padding:0}
+.ak-tile-media{display:flex;flex:1 1 auto;min-height:170px;overflow:hidden;padding:${UNIT(3)} 0 0 ${UNIT(3)};border-bottom:var(--ak-border-width) solid var(--ak-color-border);background:radial-gradient(120% 140% at 0 0,color-mix(in srgb,var(--ak-color-accent) 16%,var(--ak-color-surface-raised)),var(--ak-color-surface-raised) 70%)}
+.ak-tile-media img{display:block;flex:1 1 auto;width:100%;min-width:0;min-height:146px;object-fit:cover;object-position:top left;border:var(--ak-border-width) solid var(--ak-color-border);border-width:var(--ak-border-width) 0 0 var(--ak-border-width);border-top-left-radius:var(--ak-radius-large);box-shadow:0 18px 48px -18px color-mix(in srgb,var(--ak-color-text) 34%,transparent);transform-origin:0 0;transition:transform ${SLOW} ${EASE_OUT}}
+.ak-tile:hover .ak-tile-media img{transform:translate(-4px,-4px) scale(1.02)}
+.ak-tile-media .ak-caption{padding:${UNIT(2)}}
+.ak-tile[data-media] .ak-tile-body{padding:${UNIT(2.25)} ${UNIT(2.5)} ${UNIT(2.5)}}
+.ak-tile-body{display:flex;flex-direction:column;gap:.4em}
+.ak-tile-body > p{margin:0}
+.ak-tile-body>.ak-nested{min-width:0;margin-top:calc(var(--ak-space-unit) * 1)}
+.ak-tile-body>.ak-nested:first-child{margin-top:0}
+.ak-tile .ak-eyebrow{color:var(--ak-color-accent)}
+.ak-tile-value{font-family:var(--ak-font-heading);font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),5));font-weight:700;line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(140deg,var(--ak-color-text) 30%,var(--ak-color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
+.ak-tile-title{font-family:var(--ak-font-heading);font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),1.4));font-weight:650;line-height:1.2;letter-spacing:-.02em}
+.ak-tile[data-size="large"] .ak-tile-title{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),2.4));letter-spacing:-.03em}
+.ak-tile-text{max-width:46ch;color:var(--ak-color-text-muted);font-size:.95rem}
+@media (max-width:900px){.ak-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
+@media (max-width:560px){.ak-bento{grid-template-columns:1fr;grid-auto-rows:auto}.ak-tile[data-size]{grid-column:auto;grid-row:auto;min-height:0}.ak-tile-value{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),4))}}
+@keyframes ak-settle{from{scale:1.12}to{scale:1}}
+@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ak-tile-media img{animation:ak-settle linear both;animation-timeline:view();animation-range:entry 0% cover 40%}}}
+@media print{.ak-tile-media img{animation:none!important}}`;
+//# sourceMappingURL=composition-styles.js.map

package/dist/blocks/composition/composition-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition-styles.js","sourceRoot":"","sources":["../../../src/blocks/composition/composition-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEpF,MAAM,CAAC,MAAM,QAAQ,GAAG;oPAC4N,UAAU;;;;;;;;;;;;;;2RAc6B,CAAC;AAE5R,MAAM,CAAC,MAAM,aAAa,GAAG;mJACsH,UAAU;;qUAEwK,UAAU;;0VAEW,UAAU;;;;;;iJAMnN,CAAC;AAElJ,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;iWAiBqU,CAAC;AAElW,MAAM,CAAC,MAAM,SAAS,GAAG,sKAAsK,IAAI,CAAC,CAAC,CAAC;yJAC7C,IAAI,CAAC,CAAC,CAAC,uLAAuL,GAAG,IAAI,QAAQ,eAAe,GAAG,IAAI,QAAQ;;;;;;;qFAO/S,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;0aAC+T,IAAI,IAAI,QAAQ;;qCAErZ,IAAI,CAAC,CAAC,CAAC;6CACC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;2DActB,CAAC"}

package/dist/blocks/composition/index.d.ts

@@ -0,0 +1,4 @@
+/** Composition blocks: tabbed, collapsible, sequenced and mosaic groupings of content. */
+import type { BlockGroup } from '../../registry/block-module.js';
+export declare const COMPOSITION_GROUP: BlockGroup;
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/composition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/composition/index.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAE1F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAMjE,eAAO,MAAM,iBAAiB,EAAE,UAI/B,CAAC"}

package/dist/blocks/composition/index.js

@@ -0,0 +1,11 @@
+/** Composition blocks: tabbed, collapsible, sequenced and mosaic groupings of content. */
+import { accordionBlock } from './accordion.js';
+import { bentoBlock } from './bento.js';
+import { carouselBlock } from './carousel.js';
+import { tabsBlock } from './tabs.js';
+export const COMPOSITION_GROUP = {
+    name: 'composition',
+    blocks: [tabsBlock, accordionBlock, carouselBlock, bentoBlock],
+    features: [],
+};
+//# sourceMappingURL=index.js.map

package/dist/blocks/composition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/composition/index.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAG1F,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAe;IAC3C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,CAAC;IAC9D,QAAQ,EAAE,EAAE;CACb,CAAC"}

package/dist/blocks/composition/nestable-blocks.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Nested content for the composition blocks: a tab panel, an accordion
+ * section, a carousel slide or a bento tile may hold typed child blocks in
+ * `items[i].blocks`.
+ *
+ * Every block type may nest except the page-level ones listed in
+ * `NOT_NESTABLE`. The slot itself accepts any type and the exclusion is checked
+ * here, so a block another group registers later is nestable without a list to
+ * keep in sync, and `describe` stays small (no long `accepts` enumeration).
+ */
+import type { IrNode } from '../../ir.js';
+import type { CheckContext } from '../../registry/block-module.js';
+import type { PropSchema } from '../../registry/prop-schema.js';
+import { type RenderContext } from '../../render/render-context.js';
+/** Page-level blocks that never sit inside an item: they own landmarks and the page heading. */
+export declare const NOT_NESTABLE: readonly string[];
+/** The `blocks` field of a composition item whose other content lives in `contentField`. */
+export declare function nestedBlocks(contentField: string, maxItems: number): PropSchema;
+/** The IR node ids nested in item `index`; empty when the item has no blocks. */
+export declare function itemSlot(node: IrNode, index: number): readonly string[];
+/** Item `index`'s nested blocks in a wrapper that keeps wide children inside its column; '' without blocks. */
+export declare function renderItemBlocks(node: IrNode, index: number, context: RenderContext): string;
+/**
+ * The body of item `index`. A text-only item renders exactly as it did before
+ * items could nest blocks: its text bare, or in one paragraph when
+ * `paragraph` is set, even when empty. An item with blocks shows its text as a
+ * paragraph only when present, then the blocks in a wrapper that spaces them
+ * from the text and keeps wide children inside the item's column.
+ */
+export declare function renderItemBody(node: IrNode, index: number, context: RenderContext, text: string, paragraph: boolean): string;
+/**
+ * Every item needs content: `contentField` (text, or a bento tile's title) or
+ * nested blocks. Without either the item would render empty, so it is
+ * reported at the item's path. Nested types are checked as well.
+ */
+export declare function checkItemContent(node: IrNode, context: CheckContext, contentField: string, message: string): void;
+//# sourceMappingURL=nestable-blocks.d.ts.map

package/dist/blocks/composition/nestable-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nestable-blocks.d.ts","sourceRoot":"","sources":["../../../src/blocks/composition/nestable-blocks.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,KAAK,aAAa,EAAW,MAAM,gCAAgC,CAAC;AAE7E,gGAAgG;AAChG,eAAO,MAAM,YAAY,EAAE,SAAS,MAAM,EAAgC,CAAC;AAE3E,4FAA4F;AAC5F,wBAAgB,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAK/E;AAED,iFAAiF;AACjF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAEvE;AAED,+GAA+G;AAC/G,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,MAAM,CAG5F;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,OAAO,GACjB,MAAM,CAIR;AAoBD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,YAAY,EACrB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,MAAM,GACd,IAAI,CAiBN"}

package/dist/blocks/composition/nestable-blocks.js

@@ -0,0 +1,92 @@
+/**
+ * Nested content for the composition blocks: a tab panel, an accordion
+ * section, a carousel slide or a bento tile may hold typed child blocks in
+ * `items[i].blocks`.
+ *
+ * Every block type may nest except the page-level ones listed in
+ * `NOT_NESTABLE`. The slot itself accepts any type and the exclusion is checked
+ * here, so a block another group registers later is nestable without a list to
+ * keep in sync, and `describe` stays small (no long `accepts` enumeration).
+ */
+import { pathIndex, pathKey } from '../../diagnostics.js';
+import { isPlainObject } from '../../json.js';
+import { blocks } from '../../registry/define-helpers.js';
+import { escapeInlineText } from '../../render/escape.js';
+import { slotKey } from '../../render/render-context.js';
+/** Page-level blocks that never sit inside an item: they own landmarks and the page heading. */
+export const NOT_NESTABLE = ['page', 'section', 'hero'];
+/** The `blocks` field of a composition item whose other content lives in `contentField`. */
+export function nestedBlocks(contentField, maxItems) {
+    return blocks({
+        maxItems,
+        description: `Child blocks inside the item; it needs ${contentField} or blocks. Not ${NOT_NESTABLE.join('/')}.`,
+    });
+}
+/** The IR node ids nested in item `index`; empty when the item has no blocks. */
+export function itemSlot(node, index) {
+    return node.slots?.[slotKey('items', index, 'blocks')] ?? [];
+}
+/** Item `index`'s nested blocks in a wrapper that keeps wide children inside its column; '' without blocks. */
+export function renderItemBlocks(node, index, context) {
+    if (itemSlot(node, index).length === 0)
+        return '';
+    return `<div class="ak-nested">${context.renderSlot(node, slotKey('items', index, 'blocks'))}</div>`;
+}
+/**
+ * The body of item `index`. A text-only item renders exactly as it did before
+ * items could nest blocks: its text bare, or in one paragraph when
+ * `paragraph` is set, even when empty. An item with blocks shows its text as a
+ * paragraph only when present, then the blocks in a wrapper that spaces them
+ * from the text and keeps wide children inside the item's column.
+ */
+export function renderItemBody(node, index, context, text, paragraph) {
+    const escaped = escapeInlineText(text);
+    if (itemSlot(node, index).length === 0)
+        return paragraph ? `<p>${escaped}</p>` : escaped;
+    return `${text === '' ? '' : `<p>${escaped}</p>`}${renderItemBlocks(node, index, context)}`;
+}
+/**
+ * Report a nested block whose type may not sit inside an item, at the child's
+ * `.type` path, the same place a slot's `accepts` rule reports.
+ */
+function checkNestedTypes(node, index, context) {
+    for (const id of itemSlot(node, index)) {
+        const child = context.byId.get(id);
+        if (child === undefined || !NOT_NESTABLE.includes(child.type))
+            continue;
+        context.bag.add({
+            code: 'SPEC_VALIDATION_ERROR',
+            path: pathKey(child.path, 'type'),
+            nodeId: child.id,
+            message: `"${node.type}" items cannot hold a "${child.type}" block`,
+            details: { type: child.type, excluded: [...NOT_NESTABLE] },
+        });
+    }
+}
+/**
+ * Every item needs content: `contentField` (text, or a bento tile's title) or
+ * nested blocks. Without either the item would render empty, so it is
+ * reported at the item's path. Nested types are checked as well.
+ */
+export function checkItemContent(node, context, contentField, message) {
+    const items = node.props.items;
+    if (!Array.isArray(items))
+        return;
+    items.forEach((item, index) => {
+        checkNestedTypes(node, index, context);
+        if (!isPlainObject(item))
+            return;
+        // Presence, not emptiness: an explicit empty text stays valid, as it was
+        // when the field was required.
+        if (typeof item[contentField] === 'string' || itemSlot(node, index).length > 0)
+            return;
+        context.bag.add({
+            code: 'SPEC_VALIDATION_ERROR',
+            path: pathIndex(pathKey(node.path, 'items'), index),
+            nodeId: node.id,
+            message,
+            details: { required: [contentField, 'blocks'] },
+        });
+    });
+}
+//# sourceMappingURL=nestable-blocks.js.map

package/dist/blocks/composition/nestable-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nestable-blocks.js","sourceRoot":"","sources":["../../../src/blocks/composition/nestable-blocks.ts"],"names":[],"mappings":"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"}

package/dist/blocks/composition/tabs.d.ts

@@ -0,0 +1,4 @@
+/** Tabs block: tabbed groups of related content. */
+import type { BlockModule } from '../../registry/block-module.js';
+export declare const tabsBlock: BlockModule;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/blocks/composition/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/blocks/composition/tabs.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAsBlE,eAAO,MAAM,SAAS,EAAE,WA6DvB,CAAC"}

package/dist/blocks/composition/tabs.js

@@ -0,0 +1,48 @@
+/** Tabs block: tabbed groups of related content. */
+import { anchorProps, define, idProp, itemsOf, LABEL, OPTIONAL_TITLE, onProp, txt, } from '../../registry/define-helpers.js';
+import { element, nodeAttributes, objectListProp, str, stringProp, titleHeader, } from '../../render/block-helpers.js';
+import { escapeAttribute, escapeText } from '../../render/escape.js';
+import { checkItemContent, nestedBlocks, renderItemBody } from './nestable-blocks.js';
+export const tabsBlock = {
+    definition: define({
+        type: 'tabs',
+        category: 'interaction',
+        tags: ['tabbed', 'panels'],
+        useCases: ['alternate views', 'grouped content'],
+        purpose: 'Tabbed groups of related content.',
+        summary: 'Tabs: roving-tabindex tablist with tabpanels.',
+        props: {
+            title: OPTIONAL_TITLE,
+            items: itemsOf({
+                id: idProp('Tab id; a `select` binding receives it as the event value.'),
+                title: LABEL,
+                text: txt(),
+                blocks: nestedBlocks('text', 12),
+            }, { minItems: 2 }),
+            on: onProp('Optional state binding fired when a tab is selected.'),
+            ...anchorProps,
+        },
+        runtimeFeatures: ['tabs'],
+        actions: ['select-tab'],
+        a11y: 'role="tablist" with arrow-key roving focus, aria-selected, aria-controls, and labelled tabpanels.',
+    }),
+    render: (node, context) => {
+        const items = objectListProp(node, 'items');
+        const base = node.id;
+        const tabs = items
+            .map((item, index) => {
+            const tabId = str(item.id, `${base}-tab-${index}`);
+            return `<button type="button" role="tab" id="${escapeAttribute(tabId)}" data-ak-tab-id="${escapeAttribute(tabId)}" aria-controls="${escapeAttribute(`${base}-panel-${index}`)}" aria-selected="${index === 0 ? 'true' : 'false'}" tabindex="${index === 0 ? '0' : '-1'}">${escapeText(str(item.title))}</button>`;
+        })
+            .join('');
+        const panels = items
+            .map((item, index) => `<div role="tabpanel" id="${escapeAttribute(`${base}-panel-${index}`)}" aria-labelledby="${escapeAttribute(str(item.id, `${base}-tab-${index}`))}" tabindex="${index === 0 ? '0' : '-1'}"><p class="ak-tab-panel-title">${escapeText(str(item.title))}</p>${renderItemBody(node, index, context, str(item.text), false)}</div>`)
+            .join('');
+        return element('section', nodeAttributes(node, { class: 'ak-block ak-tabs', 'data-ak-tabs': 'true' }), [
+            titleHeader(node),
+            `<div role="tablist" aria-label="${escapeAttribute(stringProp(node, 'title', 'Tabs'))}">${tabs}</div>${panels}`,
+        ].join(''));
+    },
+    check: (node, context) => checkItemContent(node, context, 'text', 'a tab needs text or blocks'),
+};
+//# sourceMappingURL=tabs.js.map

package/dist/blocks/composition/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/blocks/composition/tabs.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAGpD,OAAO,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,cAAc,EACd,MAAM,EACN,GAAG,GACJ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,GAAG,EACH,UAAU,EACV,WAAW,GACZ,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC,UAAU,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAC1B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;QAChD,OAAO,EAAE,mCAAmC;QAC5C,OAAO,EAAE,+CAA+C;QACxD,KAAK,EAAE;YACL,KAAK,EAAE,cAAc;YACrB,KAAK,EAAE,OAAO,CACZ;gBACE,EAAE,EAAE,MAAM,CAAC,4DAA4D,CAAC;gBACxE,KAAK,EAAE,KAAK;gBACZ,IAAI,EAAE,GAAG,EAAE;gBACX,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC;aACjC,EACD,EAAE,QAAQ,EAAE,CAAC,EAAE,CAChB;YACD,EAAE,EAAE,MAAM,CAAC,sDAAsD,CAAC;YAClE,GAAG,WAAW;SACf;QACD,eAAe,EAAE,CAAC,MAAM,CAAC;QACzB,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,IAAI,EAAE,mGAAmG;KAC1G,CAAC;IACF,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACxB,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,GAAG,KAAK;aACf,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnB,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,QAAQ,KAAK,EAAE,CAAC,CAAC;YACnD,OAAO,wCAAwC,eAAe,CAC5D,KAAK,CACN,qBAAqB,eAAe,CAAC,KAAK,CAAC,oBAAoB,eAAe,CAC7E,GAAG,IAAI,UAAU,KAAK,EAAE,CACzB,oBAAoB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CACvG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAChB,WAAW,CAAC;QACf,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,MAAM,GAAG,KAAK;aACjB,GAAG,CACF,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACd,4BAA4B,eAAe,CAAC,GAAG,IAAI,UAAU,KAAK,EAAE,CAAC,sBAAsB,eAAe,CACxG,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,QAAQ,KAAK,EAAE,CAAC,CACrC,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,mCAAmC,UAAU,CACnF,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAChB,OAAO,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAC9E;aACA,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,OAAO,OAAO,CACZ,SAAS,EACT,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,EAC3E;YACE,WAAW,CAAC,IAAI,CAAC;YACjB,mCAAmC,eAAe,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,KAAK,IAAI,SAAS,MAAM,EAAE;SAChH,CAAC,IAAI,CAAC,EAAE,CAAC,CACX,CAAC;IACJ,CAAC;IACD,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,4BAA4B,CAAC;CAChG,CAAC"}

package/dist/blocks/controls/checkbox.d.ts

@@ -0,0 +1,12 @@
+/** Checkbox: a native on/off input that writes a boolean or filters to truthy rows. */
+import type { IrNode } from '../../ir.js';
+import type { BlockModule } from '../../registry/block-module.js';
+import type { RenderContext } from '../../render/render-context.js';
+import { type ControlKind } from './control-shared.js';
+/**
+ * The checkbox markup, shared with `switch`: the input comes first so the
+ * label sits beside it, and the whole row is the touch target.
+ */
+export declare function renderToggle(node: IrNode, kind: ControlKind, context: RenderContext, asSwitch: boolean): string;
+export declare const checkboxBlock: BlockModule;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/blocks/controls/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/blocks/controls/checkbox.ts"],"names":[],"mappings":"AAAA,uFAAuF;AAEvF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EACL,KAAK,WAAW,EAQjB,MAAM,qBAAqB,CAAC;AAI7B;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,OAAO,GAChB,MAAM,CAqBR;AAED,eAAO,MAAM,aAAa,EAAE,WAe3B,CAAC"}