rikiki-deck 0.1.0

package/dist/deck-root.js

@@ -0,0 +1,11 @@
+var f=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var o=(p,h,t,e)=>{for(var i=e>1?void 0:e?_(h,t):h,s=p.length-1,r;s>=0;s--)(r=p[s])&&(i=(e?r(h,t,i):r(i))||i);return e&&i&&f(h,t,i),i};import{LitElement as m,html as u,css as y}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as k,property as l,state as c}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var a=class extends m{constructor(){super(...arguments);this.current=0;this.step=0;this.blank=null;this.overview=!1;this.transition=null;this.autoplay=0;this.loop=!1;this.swipe=!1;this.slides=[];this.chapters=[];this._overviewTeardown=null;this._transitionLoaded=!1;this._autoplayTimer=null;this._autoplayPaused=!1;this._swipeStartX=0;this._swipeStartY=0;this._swipePointerId=null;this._onHoverEnter=()=>{this._autoplayPaused=!0,this._stopAutoplay()};this._onHoverLeave=()=>{this._autoplayPaused=!1,this.autoplay>0&&this._startAutoplay()};this._onPointerDown=t=>{!this.swipe||t.pointerType==="mouse"&&t.button!==0||t.target?.closest("a, button, input, textarea, [contenteditable]")||(this._swipePointerId=t.pointerId,this._swipeStartX=t.clientX,this._swipeStartY=t.clientY)};this._onPointerUp=t=>{if(this._swipePointerId===null||t.pointerId!==this._swipePointerId)return;let e=t.clientX-this._swipeStartX,i=t.clientY-this._swipeStartY;this._swipePointerId=null,!(Math.abs(e)<60||Math.abs(e)<Math.abs(i)*2)&&(this._stopAutoplay(),e<0?this._advance():this._back(),this.autoplay>0&&!this._autoplayPaused&&this._startAutoplay())};this._onHash=()=>{this._readHash(!1)};this._onKey=t=>{if(!(t.target&&t.target.matches?.("input,textarea,[contenteditable]"))){if(this.autoplay>0&&!this._autoplayPaused&&this._startAutoplay(),this.overview){(t.key==="Escape"||t.key==="o"||t.key==="O"||t.key==="Enter")&&(t.preventDefault(),this.overview=!1);return}if(this.blank){t.preventDefault(),this.blank=null;return}if(t.key==="."||t.key==="b"||t.key==="B"){t.preventDefault(),this.blank="black";return}if(t.key===","||t.key==="w"||t.key==="W"){t.preventDefault(),this.blank="white";return}if(t.key==="?"||t.key==="h"||t.key==="H"){this._toggleHelp();return}if(t.key==="Escape"){this._closeHelp();return}if(t.key==="o"||t.key==="O"){t.preventDefault(),this.overview=!0;return}if(t.key==="p"||t.key==="P"){t.preventDefault(),this._togglePresenter();return}if(t.key==="Home"){this._goTo(0);return}if(t.key==="End"){this._goTo(this.slides.length-1);return}if(t.key===" "||t.key==="PageDown"){t.preventDefault(),this._advance();return}if(t.key==="PageUp"){t.preventDefault(),this._back();return}if(this._has2DNav()){let{c:e,i}=this._coords(this.current);if(t.key==="ArrowRight"){t.preventDefault(),e+1<this.chapters.length?this._goToCoords(e+1,0):this._advance();return}if(t.key==="ArrowLeft"){t.preventDefault(),e-1>=0?this._goToCoords(e-1,0):this._back();return}if(t.key==="ArrowDown"){t.preventDefault();let s=this.chapters[e];s&&i+1<s.slides.length?this._goToCoords(e,i+1):this._advance();return}if(t.key==="ArrowUp"){t.preventDefault(),i-1>=0?this._goToCoords(e,i-1):this._back();return}}else{if(t.key==="ArrowRight"||t.key==="ArrowDown"){t.preventDefault(),this._advance();return}if(t.key==="ArrowLeft"||t.key==="ArrowUp"){t.preventDefault(),this._back();return}}}}}firstUpdated(){this.slides=Array.from(this.querySelectorAll(":scope > *")).filter(t=>t.tagName?.toLowerCase().startsWith("deck-")&&t.tagName?.toLowerCase()!=="deck-root"),this._buildChapters(),this._readHash(!0),this._applyActive(),this._applyStep(),this._updateUI(),this.requestUpdate(),window.addEventListener("keydown",this._onKey),window.addEventListener("hashchange",this._onHash),this.autoplay>0&&this._startAutoplay(),this.swipe?(this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("pointerup",this._onPointerUp),this.addEventListener("pointercancel",this._onPointerUp),this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave)):this.autoplay>0&&(this.addEventListener("mouseenter",this._onHoverEnter),this.addEventListener("mouseleave",this._onHoverLeave))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKey),window.removeEventListener("hashchange",this._onHash),this._stopAutoplay(),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("pointerup",this._onPointerUp),this.removeEventListener("pointercancel",this._onPointerUp),this.removeEventListener("mouseenter",this._onHoverEnter),this.removeEventListener("mouseleave",this._onHoverLeave)}_startAutoplay(){this._stopAutoplay(),!(this.autoplay<=0||this._autoplayPaused)&&(this._autoplayTimer=window.setInterval(()=>this._autoTick(),this.autoplay))}_stopAutoplay(){this._autoplayTimer!==null&&(window.clearInterval(this._autoplayTimer),this._autoplayTimer=null)}_autoTick(){if(this.overview)return;this.current>=this.slides.length-1&&this.step>=this._maxSteps()&&this.loop?this._goTo(0):this._advance()}_buildChapters(){this.chapters=[];let t=null;this.slides.forEach((e,i)=>{e.tagName?.toLowerCase()==="deck-section"||!t?(t={startIdx:i,slides:[e]},this.chapters.push(t)):t.slides.push(e)})}_has2DNav(){return this.chapters.some(t=>t.slides.length>1)&&this.chapters.length>1}_coords(t){for(let e=0;e<this.chapters.length;e++){let i=this.chapters[e],s=t-i.startIdx;if(s>=0&&s<i.slides.length)return{c:e,i:s}}return{c:0,i:0}}_flatFromCoords(t,e){let i=this.chapters[t];return i?i.startIdx+Math.max(0,Math.min(i.slides.length-1,e)):0}_readHash(t){let e=location.hash,i=e.match(/^#(\d+)\.(\d+)(?:s(\d+))?$/),s=e.match(/^#(\d+)(?:\.(\d+))?$/),r=this.current,n=this.step;if(this._has2DNav()&&i){let v=parseInt(i[1],10)-1,d=parseInt(i[2],10)-1;r=this._flatFromCoords(Math.max(0,v),Math.max(0,d)),n=i[3]?parseInt(i[3],10):0}else if(s)r=parseInt(s[1],10)-1,n=s[2]?parseInt(s[2],10):0;else return;r===this.current&&n===this.step&&!t||(this.current=Math.max(0,Math.min(this.slides.length-1,r)),this.step=Math.max(0,n),t||(this._applyActive(),this._applyStep(),this._updateUI()))}_writeHash(){let t=`#${this.current+1}`+(this.step>0?`.${this.step}`:"");location.hash!==t&&history.replaceState(null,"",t)}async _toggleHelp(){(await import("./deck-help.js")).toggleHelp(this)}async _togglePresenter(){(await import("./deck-presenter.js")).installPresenter(this)}async _closeHelp(){(await import("./deck-help.js")).closeHelp(this)}async _renderOverviewIfActive(){if(!this.overview){this._overviewTeardown?.(),this._overviewTeardown=null;return}let{mountOverview:t}=await import("./deck-overview.js");this._overviewTeardown=t(this,{slides:this.slides,chapters:this.chapters,currentIdx:this.current,onPick:e=>{this.overview=!1,this._goTo(e)}})}_maxSteps(){let t=this.slides[this.current];if(!t)return 0;let e=parseInt(t.getAttribute("steps")||t.dataset?.steps||"0",10);if(e>0)return e;let i=t.querySelector("deck-code[step-groups]");if(i)try{return JSON.parse(i.getAttribute("step-groups")).length}catch{}return 0}_advance(){let t=this._maxSteps();this.step<t?(this.step++,this._applyStep(),this._updateUI(),this._writeHash()):this.current<this.slides.length-1?this._goTo(this.current+1):this.loop&&this._goTo(0)}_back(){this.step>0?(this.step--,this._applyStep(),this._updateUI(),this._writeHash()):this.current>0?(this._goTo(this.current-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash()):this.loop&&(this._goTo(this.slides.length-1),this.step=this._maxSteps(),this._applyStep(),this._updateUI(),this._writeHash())}_goTo(t){this.current=Math.max(0,Math.min(this.slides.length-1,t)),this.step=0,this._applyActive(),this._applyStep(),this._updateUI(),this._writeHash()}_goToCoords(t,e){let i=Math.max(0,Math.min(this.chapters.length-1,t)),s=this.chapters[i];if(!s)return;let r=Math.max(0,Math.min(s.slides.length-1,e));this._goTo(this._flatFromCoords(i,r))}_applyActive(){let t=this.slides.find(i=>i.hasAttribute("active"))??null,e=this.slides[this.current]??null;this.slides.forEach((i,s)=>{let r=s===this.current;i.toggleAttribute("active",r),r&&i.querySelectorAll("deck-mermaid").forEach(n=>n.render?.())}),this.transition&&!this._transitionLoaded&&(this._transitionLoaded=!0,import("./deck-transition.js").then(i=>i.installTransitions(this))),t!==e&&this.dispatchEvent(new CustomEvent("slide-change",{detail:{current:e,previous:t},bubbles:!1}))}_applyStep(){let t=this.slides[this.current];t&&(t.applyStep?.(this.step),t.querySelectorAll("*").forEach(e=>e.applyStep?.(this.step)),t.querySelectorAll("[data-step-block]").forEach(e=>{let i=parseInt(e.dataset.stepBlock,10);e.style.transition="opacity 0.25s ease",e.style.opacity=this.step===0||i<=this.step?"1":"0.15"}))}_updateUI(){let t=this.slides.length,e=this.current+1,i=this.renderRoot.querySelector("#progress"),s=this.renderRoot.querySelector("#counter"),r=this.renderRoot.querySelector("#step-dots");i&&(i.style.width=e/t*100+"%"),s&&(s.textContent=`${e} / ${t}`);let n=this._maxSteps();r&&(r.innerHTML=n===0?"":Array.from({length:n},(v,d)=>`<div class="dot${d<this.step?" active":""}"></div>`).join(""))}updated(){this._updateUI(),this._renderOverviewIfActive()}render(){return u`<div id="progress"></div> <div id="counter"></div> <div id="step-dots"></div> <div id="kb-hint"> <kbd>←</kbd><kbd>→</kbd> ${this._has2DNav()?u`<kbd>↑</kbd><kbd>↓</kbd>`:""}
+        <span>·</span>
+        <kbd>O</kbd>
+        <span>·</span>
+        <kbd>P</kbd>
+        <span>·</span>
+        <kbd>?</kbd>
+      </div>
+      <slot></slot>
+      ${this.blank?u`<div id="blank" data-tone="${this.blank}" @click=${()=>{this.blank=null}}></div>`:""}
+    `}};a.styles=y`:host{display:block;width:100vw;height:100vh;position:relative;background:var(--deck-root-bg,var(--rik-surface-page))}#progress{position:fixed;bottom:0;left:0;height:var(--deck-root-progress-height,3px);background:var(--deck-root-progress-color,linear-gradient(90deg,var(--rik-accent),var(--rik-accent--soft)));transition:width 0.25s ease;z-index:100}#counter{position:fixed;bottom:1rem;right:1.5rem;font-size:var(--rik-font-size-xs);color:var(--deck-root-counter-color,var(--rik-text-default--faint));font-family:var(--rik-font-mono);z-index:100}#step-dots{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:100}.dot{width:6px;height:6px;border-radius:50%;background:var(--deck-root-dot-bg,#d4d4d0);transition:background 0.2s}.dot.active{background:var(--deck-root-dot-active-bg,var(--rik-accent))}#kb-hint{position:fixed;bottom:1rem;left:1.5rem;display:inline-flex;align-items:center;gap:6px;font:600 0.62rem/1 var(--rik-font-mono);color:var(--deck-root-kb-hint-color,var(--rik-text-default--faint));z-index:100;opacity:0.5;transition:opacity 0.2s ease;cursor:help}#kb-hint:hover{opacity:1}#kb-hint kbd{background:var(--rik-surface-raised);border:1px solid var(--rik-border-default);border-bottom:2px solid var(--rik-border-default);border-radius:4px;padding:2px 6px;color:var(--rik-text-default);font:inherit;min-width:16px;text-align:center}#kb-hint .sep{opacity:0.4}#blank{position:fixed;inset:0;z-index:9999;cursor:pointer}#blank[data-tone="black"]{background:#000}#blank[data-tone="white"]{background:#fff}`,o([c()],a.prototype,"current",2),o([c()],a.prototype,"step",2),o([c()],a.prototype,"blank",2),o([l({type:Boolean,reflect:!0})],a.prototype,"overview",2),o([l({type:String,reflect:!0})],a.prototype,"transition",2),o([l({type:Number,reflect:!0})],a.prototype,"autoplay",2),o([l({type:Boolean,reflect:!0})],a.prototype,"loop",2),o([l({type:Boolean,reflect:!0})],a.prototype,"swipe",2),a=o([k("deck-root")],a);export{a as DeckRoot};

package/dist/deck-section.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class DeckSection extends LitElement {
+    static styles: import("lit").CSSResult[];
+    num?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-section': DeckSection;
+    }
+}
+//# sourceMappingURL=deck-section.d.ts.map

package/dist/deck-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-section.d.ts","sourceRoot":"","sources":["../src/deck-section.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,WAAY,SAAQ,UAAU;IAOzC,OAAgB,MAAM,4BA8BnB;IAEyB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEhC,MAAM;CAMhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/deck-section.js

@@ -0,0 +1,3 @@
+var m=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var l=(o,t,a,i)=>{for(var e=i>1?void 0:i?k(t,a):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(e=(i?s(t,a,e):s(e))||e);return i&&e&&m(t,a,e),e};import{LitElement as x,html as f,css as u}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as h,property as b}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";import{css as c}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var p=c`:host{display:none;position:absolute;inset:0;padding:var(--rik-slide-padding-y) var(--rik-slide-padding-x);flex-direction:column;overflow:hidden;background:var(--rik-surface-page);font-family:var(--rik-font-sans);color:var(--rik-text-default)}:host([active]){display:flex}`,v=c`h1{font-size:var(--rik-font-size-h1);font-weight:700;color:var(--rik-text-default);letter-spacing:-0.022em;line-height:1.15;margin-bottom:var(--rik-space-4);padding-bottom:var(--rik-space-2);border-bottom:3px solid var(--rik-accent);display:inline-block;align-self:flex-start;flex:0 0 auto}h1 .accent{color:var(--rik-accent)}::slotted(p),p{font-size:var(--rik-font-size-body);line-height:1.65;color:var(--rik-text-default--muted);margin:0}::slotted(strong),strong{color:var(--rik-text-default);font-weight:700}::slotted(code),code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:rgba(0,0,0,0.06);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,g=c`.lbl{display:inline-block;padding:var(--deck-eyebrow-padding-y,4px) var(--deck-eyebrow-padding-x,12px);background:var(--deck-eyebrow-bg,var(--rik-accent));color:var(--deck-eyebrow-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:var(--deck-eyebrow-radius,var(--rik-radius-pill));font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--rik-space-1);align-self:flex-start}.lead{font-size:var(--rik-font-size-lead);color:var(--rik-text-default--faint);line-height:1.5;margin-bottom:var(--rik-space-4);max-width:75ch;flex:0 0 auto}.kicker{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-3);display:block}.kicker.on-dark{color:rgba(255,255,255,0.35)}.caption{font-size:var(--rik-font-size-sm);color:var(--rik-text-default--faint);line-height:1.55}.caption.on-dark{color:rgba(255,255,255,0.5)}.col-label{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-2)}`,d=[p,v,g];var r=class extends x{render(){return f`${this.num?f`<div class="sec-num" part="num">${this.num}</div>`:""}
+      <slot></slot>
+    `}};r.styles=[...d,u`:host{background:var(--deck-section-bg,var(--rik-surface-inverse));color:var(--rik-text-inverse);justify-content:center;align-items:center;text-align:center}.sec-num{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--deck-section-num-color,var(--rik-text-inverse--ghost));margin-bottom:var(--rik-space-3);display:inline-flex;align-items:center;gap:0.8rem;font-family:var(--rik-font-mono)}.sec-num::before,.sec-num::after{content:'';width:32px;height:1px;background:var(--deck-section-rule-color,var(--rik-border-inverse))}::slotted(h1){font-size:var(--rik-font-size-section);font-weight:900;color:var(--deck-section-title-color,var(--rik-accent));line-height:1.02;letter-spacing:-0.03em;max-width:18ch;border:none;padding:0;margin:0;text-align:center;align-self:center}::slotted(h1 em){color:var(--deck-section-em-color,var(--rik-text-inverse--muted));font-style:normal;font-weight:700}`],l([b({type:String})],r.prototype,"num",2),r=l([h("deck-section")],r);export{r as DeckSection};

package/dist/deck-shortcut.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+export type DeckKbdTone = 'accent' | 'ok';
+export declare class DeckKbd extends LitElement {
+    static styles: import("lit").CSSResult;
+    tone?: DeckKbdTone;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class DeckShortcut extends LitElement {
+    static styles: import("lit").CSSResult;
+    keys?: string;
+    label?: string;
+    note?: string;
+    tone?: DeckKbdTone;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class DeckShortcutList extends LitElement {
+    static styles: import("lit").CSSResult;
+    cols?: string;
+    colGap?: string;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-kbd': DeckKbd;
+        'deck-shortcut': DeckShortcut;
+        'deck-shortcut-list': DeckShortcutList;
+    }
+}
+//# sourceMappingURL=deck-shortcut.d.ts.map

package/dist/deck-shortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-shortcut.d.ts","sourceRoot":"","sources":["../src/deck-shortcut.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC;AAI1C,qBACa,OAAQ,SAAQ,UAAU;IAKrC,OAAgB,MAAM,0BAwBpB;IAE0B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEtC,MAAM;CAGhB;AAID,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BA8BpB;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IAEtC,MAAM;CAYhB;AAID,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAWpB;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACQ,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzD,OAAO;IAQP,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;QACpB,eAAe,EAAE,YAAY,CAAC;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/deck-shortcut.js

@@ -0,0 +1,7 @@
+var f=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var e=(l,r,a,c)=>{for(var o=c>1?void 0:c?y(r,a):r,k=l.length-1,p;k>=0;k--)(p=l[k])&&(o=(c?p(r,a,o):p(o))||o);return c&&o&&f(r,a,o),o};import{LitElement as v,html as i,css as b}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as g,property as n}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var d=class extends v{render(){return i`<slot></slot>`}};d.styles=b`:host{display:inline-flex;align-items:center;justify-content:center;background:var(--deck-kbd-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-kbd-border,var(--rik-border-default));border-bottom:3px solid var(--rik-surface-tint--strong,rgba(0,0,0,0.10));border-radius:var(--deck-kbd-radius,5px);padding:var(--deck-kbd-padding-y,3px) var(--deck-kbd-padding-x,8px);font:700 0.92rem/1 var(--rik-font-mono);color:var(--deck-kbd-color,var(--rik-text-default));min-width:22px;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}:host([tone="accent"]){background:var(--deck-kbd-accent-bg,var(--rik-accent));color:var(--deck-kbd-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-color:rgba(0,0,0,0.15)}:host([tone="ok"]){background:var(--deck-kbd-ok-bg,var(--rik-status-success));color:var(--deck-kbd-color,var(--rik-surface-inverse));border-color:rgba(0,0,0,0.15)}`,e([n({type:String})],d.prototype,"tone",2),d=e([g("deck-kbd")],d);var t=class extends v{render(){let r=(this.keys??"").trim().split(/\s+/).filter(Boolean);return i`<span class="keys" part="keys"> ${r.map(a=>i`<span class="k">${a}</span>`)}
+      </span>
+      <div class="body" part="body">
+        ${this.label?i`<div class="label">${this.label}</div>`:""}
+        ${this.note?i`<div class="note">${this.note}</div>`:i`<div class="note"><slot></slot></div>`}
+      </div>
+    `}};t.styles=b`:host{display:flex;align-items:center;gap:var(--rik-space-3);padding:var(--rik-space-2) 0;font-family:var(--rik-font-sans)}.keys{display:inline-flex;gap:4px;flex-shrink:0}.keys deck-kbd,.keys .k{display:inline-flex;align-items:center;justify-content:center;background:var(--rik-surface-raised--strong);border:1px solid var(--rik-border-default);border-bottom:3px solid rgba(0,0,0,0.10);border-radius:5px;padding:3px 8px;font:700 0.92rem/1 var(--rik-font-mono);color:var(--rik-text-default);min-width:22px;text-align:center}.body{flex:1;min-width:0}.label{font:700 var(--rik-font-size-body)/1.2 var(--rik-font-sans);color:var(--rik-text-default)}.note{font:400 var(--rik-font-size-sm)/1.4 var(--rik-font-sans);color:var(--rik-text-default--faint);margin-top:2px}:host([tone="accent"]) .keys .k{background:var(--rik-accent);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}:host([tone="ok"]) .keys .k{background:var(--rik-status-success);color:var(--rik-surface-inverse);border-color:rgba(0,0,0,0.15)}`,e([n({type:String})],t.prototype,"keys",2),e([n({type:String})],t.prototype,"label",2),e([n({type:String})],t.prototype,"note",2),e([n({type:String})],t.prototype,"tone",2),t=e([g("deck-shortcut")],t);var s=class extends v{updated(){if(this.colGap){let r=parseInt(this.colGap,10),a=!Number.isNaN(r)&&r>=1&&r<=6?`var(--sp-${r})`:this.colGap;this.style.setProperty("--_col-gap",a)}}render(){return i`<slot></slot>`}};s.styles=b`:host{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--_col-gap,var(--rik-space-5));font-family:var(--rik-font-sans)}:host([cols="1"]){grid-template-columns:1fr}::slotted(deck-shortcut){border-bottom:1px solid var(--rik-border-default)}`,e([n({type:String})],s.prototype,"cols",2),e([n({type:String,attribute:"col-gap"})],s.prototype,"colGap",2),s=e([g("deck-shortcut-list")],s);export{d as DeckKbd,t as DeckShortcut,s as DeckShortcutList};

package/dist/deck-split.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export type DeckSplitCols = '1-1' | '1-2' | '2-1' | '3';
+export declare class DeckSplit extends LitElement {
+    static styles: import("lit").CSSResult[];
+    eyebrow?: string;
+    cols?: DeckSplitCols;
+    gap?: string;
+    colGap?: string;
+    /** Map '1'..'6' to var(--sp-N); fall through to raw values otherwise. */
+    private _resolveSp;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-split': DeckSplit;
+    }
+}
+//# sourceMappingURL=deck-split.d.ts.map

package/dist/deck-split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-split.d.ts","sourceRoot":"","sources":["../src/deck-split.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,GAAG,CAAC;AAExD,qBACa,SAAU,SAAQ,UAAU;IAIvC,OAAgB,MAAM,4BAmBnB;IAEyB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACS,MAAM,CAAC,EAAE,MAAM,CAAC;IAElE,yEAAyE;IACzE,OAAO,CAAC,UAAU;IAMT,OAAO;IAKP,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/deck-split.js

@@ -0,0 +1,7 @@
+var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var a=(n,r,t,i)=>{for(var o=i>1?void 0:i?v(r,t):r,c=n.length-1,d;c>=0;c--)(d=n[c])&&(o=(i?d(r,t,o):d(o))||o);return i&&o&&g(r,t,o),o};import{LitElement as b,html as s,css as u}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as x,property as l}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";import{css as p}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var m=p`:host{display:none;position:absolute;inset:0;padding:var(--rik-slide-padding-y) var(--rik-slide-padding-x);flex-direction:column;overflow:hidden;background:var(--rik-surface-page);font-family:var(--rik-font-sans);color:var(--rik-text-default)}:host([active]){display:flex}`,k=p`h1{font-size:var(--rik-font-size-h1);font-weight:700;color:var(--rik-text-default);letter-spacing:-0.022em;line-height:1.15;margin-bottom:var(--rik-space-4);padding-bottom:var(--rik-space-2);border-bottom:3px solid var(--rik-accent);display:inline-block;align-self:flex-start;flex:0 0 auto}h1 .accent{color:var(--rik-accent)}::slotted(p),p{font-size:var(--rik-font-size-body);line-height:1.65;color:var(--rik-text-default--muted);margin:0}::slotted(strong),strong{color:var(--rik-text-default);font-weight:700}::slotted(code),code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:rgba(0,0,0,0.06);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,h=p`.lbl{display:inline-block;padding:var(--deck-eyebrow-padding-y,4px) var(--deck-eyebrow-padding-x,12px);background:var(--deck-eyebrow-bg,var(--rik-accent));color:var(--deck-eyebrow-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:var(--deck-eyebrow-radius,var(--rik-radius-pill));font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--rik-space-1);align-self:flex-start}.lead{font-size:var(--rik-font-size-lead);color:var(--rik-text-default--faint);line-height:1.5;margin-bottom:var(--rik-space-4);max-width:75ch;flex:0 0 auto}.kicker{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-3);display:block}.kicker.on-dark{color:rgba(255,255,255,0.35)}.caption{font-size:var(--rik-font-size-sm);color:var(--rik-text-default--faint);line-height:1.55}.caption.on-dark{color:rgba(255,255,255,0.5)}.col-label{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-2)}`,f=[m,k,h];var e=class extends b{_resolveSp(r){let t=parseInt(r,10);return!Number.isNaN(t)&&t>=1&&t<=6?`var(--rik-space-${t})`:r}updated(){this.gap&&this.style.setProperty("--_gap",this._resolveSp(this.gap)),this.colGap&&this.style.setProperty("--_col-gap",this._resolveSp(this.colGap))}render(){let r=this.querySelector('[slot="a"]'),t=this.cols==="3"||!!r;return s`${this.eyebrow?s`<span class="lbl">${this.eyebrow}</span>`:""}
+      <slot name="title"></slot>
+      <slot name="lead"></slot>
+      <div class="body" part="body">
+        ${t?s`<div class="col" part="col"><slot name="a"></slot></div> <div class="col" part="col"><slot name="b"></slot></div> <div class="col" part="col"><slot name="c"></slot></div>`:s`<div class="col" part="col"><slot name="left"></slot></div> <div class="col" part="col"><slot name="right"></slot></div>`}
+      </div>
+    `}};e.styles=[...f,u`:host{justify-content:flex-start}.body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:var(--_gap,var(--deck-split-gap,var(--rik-space-5)))}:host([cols="1-2"]) .body{grid-template-columns:1fr 2fr}:host([cols="2-1"]) .body{grid-template-columns:2fr 1fr}:host([cols="3"]) .body{grid-template-columns:1fr 1fr 1fr;gap:var(--_gap,var(--deck-split-gap,var(--rik-space-4)))}.col{display:flex;flex-direction:column;min-height:0;min-width:0;gap:var(--_col-gap,var(--deck-split-col-gap,var(--rik-space-3)));overflow:hidden}.col.center{justify-content:center}`],a([l({type:String})],e.prototype,"eyebrow",2),a([l({type:String})],e.prototype,"cols",2),a([l({type:String})],e.prototype,"gap",2),a([l({type:String,attribute:"col-gap"})],e.prototype,"colGap",2),e=a([x("deck-split")],e);export{e as DeckSplit};

package/dist/deck-stack.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export type DeckStackDirection = 'row' | 'column';
+export type DeckStackAlign = 'start' | 'center' | 'end' | 'stretch';
+export type DeckStackJustify = 'start' | 'center' | 'end' | 'between' | 'around';
+export declare class DeckStack extends LitElement {
+    static styles: import("lit").CSSResult;
+    gap?: string;
+    direction?: DeckStackDirection;
+    align?: DeckStackAlign;
+    justify?: DeckStackJustify;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-stack': DeckStack;
+    }
+}
+//# sourceMappingURL=deck-stack.d.ts.map

package/dist/deck-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-stack.d.ts","sourceRoot":"","sources":["../src/deck-stack.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClD,MAAM,MAAM,cAAc,GAAO,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAgBnF,qBACa,SAAU,SAAQ,UAAU;IAEvC,OAAgB,MAAM,0BAWpB;IAE0B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE9C,OAAO;IAgBP,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/deck-stack.js

@@ -0,0 +1 @@
+var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var s=(a,t,o,i)=>{for(var r=i>1?void 0:i?y(t,o):t,l=a.length-1,c;l>=0;l--)(c=a[l])&&(r=(i?c(t,o,r):c(r))||r);return i&&r&&p(t,o,r),r};import{LitElement as g,html as d,css as f}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as h,property as n}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var u={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around"},m={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch"},e=class extends g{updated(){if(this.gap){let t=parseInt(this.gap,10);!Number.isNaN(t)&&t>=1&&t<=6?this.style.setProperty("--_gap",`var(--rik-space-${t})`):this.style.setProperty("--_gap",this.gap)}else this.style.removeProperty("--_gap");this.style.setProperty("--_dir",this.direction==="row"?"row":"column"),this.align&&this.style.setProperty("--_align",m[this.align]??this.align),this.justify&&this.style.setProperty("--_justify",u[this.justify]??this.justify)}render(){return d`<slot></slot>`}};e.styles=f`:host{display:flex;flex-direction:var(--_dir,column);gap:var(--_gap,var(--deck-stack-gap,var(--rik-space-3)));align-items:var(--_align,stretch);justify-content:var(--_justify,flex-start);min-width:0;min-height:0}:host([fill]){flex:1 1 auto}`,s([n({type:String})],e.prototype,"gap",2),s([n({type:String})],e.prototype,"direction",2),s([n({type:String})],e.prototype,"align",2),s([n({type:String})],e.prototype,"justify",2),e=s([h("deck-stack")],e);export{e as DeckStack};

package/dist/deck-stat.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export type DeckStatTone = 'yellow' | 'orange' | 'green' | 'red' | 'purple' | 'lime' | 'cyan';
+export declare class DeckStat extends LitElement {
+    static styles: import("lit").CSSResult;
+    num?: string;
+    tone?: DeckStatTone;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-stat': DeckStat;
+    }
+}
+//# sourceMappingURL=deck-stat.d.ts.map

package/dist/deck-stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-stat.d.ts","sourceRoot":"","sources":["../src/deck-stat.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,YAAY,GACpB,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAYvE,qBACa,QAAS,SAAQ,UAAU;IAStC,OAAgB,MAAM,0BAsCpB;IAE0B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IAEvC,OAAO;IAQP,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/deck-stat.js

@@ -0,0 +1,4 @@
+var v=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var i=(o,e,s,a)=>{for(var r=a>1?void 0:a?m(e,s):e,n=o.length-1,d;n>=0;n--)(d=o[n])&&(r=(a?d(e,s,r):d(r))||r);return a&&r&&v(e,s,r),r};import{LitElement as k,html as l,css as p}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as f,property as c}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var g={yellow:"var(--rik-accent)",orange:"var(--rik-status-warn)",green:"var(--rik-status-success)",red:"var(--rik-status-danger)",purple:"var(--rik-decor-orchid)",lime:"var(--rik-decor-lime)",cyan:"var(--rik-decor-canary)"},t=class extends k{updated(){this.tone?this.style.setProperty("--_c",g[this.tone]??this.tone):this.style.removeProperty("--_c")}render(){return l`${this.num?l`<div class="num" part="num">${this.num}</div>`:""}
+      <slot name="claim"></slot>
+      <div class="body" part="body"><slot></slot></div>
+    `}};t.styles=p`:host{display:flex;flex-direction:column;gap:var(--deck-stat-gap,var(--rik-space-2));padding:var(--deck-stat-padding-y,var(--rik-space-4)) var(--deck-stat-padding-x,var(--rik-space-3));border-left:var(--deck-stat-border-width,4px) solid var(--_c,var(--deck-stat-color,var(--rik-accent)));min-width:0;font-family:var(--rik-font-sans)}.num{font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--deck-stat-num-size,clamp(3.5rem,7vw,6rem));font-weight:var(--deck-stat-num-weight,900);line-height:0.9;color:var(--_c,var(--deck-stat-color,var(--rik-accent)));letter-spacing:-0.04em}::slotted([slot="claim"]){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:var(--rik-font-size-strong);font-weight:800;color:var(--deck-stat-claim-color,var(--rik-text-default));line-height:1.1;letter-spacing:-0.02em;margin:0}.body{font-size:var(--rik-font-size-body);color:var(--deck-stat-body-color,var(--rik-text-default--faint));line-height:1.45;margin-top:var(--rik-space-2)}::slotted(strong){color:var(--rik-text-default);font-weight:700}::slotted(code){font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:var(--rik-surface-tint);color:var(--rik-text-default);padding:2px 6px;border-radius:var(--rik-radius-sm)}`,i([c({type:String})],t.prototype,"num",2),i([c({type:String})],t.prototype,"tone",2),t=i([f("deck-stat")],t);export{t as DeckStat};

package/dist/deck-step-list.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class DeckStepList extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class DeckStep extends LitElement {
+    static styles: import("lit").CSSResult;
+    n?: string;
+    note?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-step-list': DeckStepList;
+        'deck-step': DeckStep;
+    }
+}
+//# sourceMappingURL=deck-step-list.d.ts.map

package/dist/deck-step-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-step-list.d.ts","sourceRoot":"","sources":["../src/deck-step-list.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAKpB;IACO,MAAM;CAChB;AAED,qBACa,QAAS,SAAQ,UAAU;IAMtC,OAAgB,MAAM,0BAmCpB;IAE0B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjC,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;QAC/B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/deck-step-list.js

@@ -0,0 +1,2 @@
+var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(t,i,o,n)=>{for(var r=n>1?void 0:n?m(i,o):i,d=t.length-1,l;d>=0;d--)(l=t[d])&&(r=(n?l(i,o,r):l(r))||r);return n&&r&&u(i,o,r),r};import{LitElement as v,html as c,css as k}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as f,property as p}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var s=class extends v{render(){return c`<slot></slot>`}};s.styles=k`:host{display:flex;flex-direction:column;gap:var(--rik-space-2xs)}`,s=a([f("deck-step-list")],s);var e=class extends v{render(){return c`<span class="step-num">${this.n}</span> <span class="label"><slot></slot></span> ${this.note?c`<span class="chip">${this.note}</span>`:""}
+    `}};e.styles=k`:host{display:flex;align-items:center;gap:var(--rik-space-3);background:var(--deck-step-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-step-border,var(--rik-border-default));border-radius:var(--deck-step-radius,var(--rik-radius-md));padding:var(--deck-step-padding-y,var(--rik-space-2xs)) var(--deck-step-padding-x,var(--rik-space-3));box-shadow:var(--deck-step-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans);font-size:var(--rik-font-size-body)}.step-num{flex:0 0 auto;width:var(--deck-step-num-size,var(--rik-icon-sm));height:var(--deck-step-num-size,var(--rik-icon-sm));display:inline-flex;align-items:center;justify-content:center;background:var(--deck-step-num-bg,var(--rik-accent));color:var(--deck-step-num-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:50%;font:700 var(--rik-font-size-xs)/1 var(--rik-font-sans)}.label{flex:1;font-family:var(--rik-font-mono);font-weight:600;color:var(--deck-step-label-color,var(--rik-text-default))}.chip{flex:0 0 auto;display:inline-block;padding:2px var(--rik-space-2);background:var(--deck-step-chip-bg,var(--rik-surface-tint));color:var(--deck-step-chip-color,var(--rik-text-default--faint));border-radius:var(--rik-radius-pill);font:600 var(--rik-font-size-sm)/1.4 var(--rik-font-sans)}`,a([p({type:String})],e.prototype,"n",2),a([p({type:String})],e.prototype,"note",2),e=a([f("deck-step")],e);export{e as DeckStep,s as DeckStepList};

package/dist/deck-takeaway.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class DeckTakeaway extends LitElement {
+    static styles: import("lit").CSSResult[];
+    kicker?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-takeaway': DeckTakeaway;
+    }
+}
+//# sourceMappingURL=deck-takeaway.d.ts.map

package/dist/deck-takeaway.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-takeaway.d.ts","sourceRoot":"","sources":["../src/deck-takeaway.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,YAAa,SAAQ,UAAU;IAM1C,OAAgB,MAAM,4BAwBnB;IAEyB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEnC,MAAM;CAQhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/deck-takeaway.js

@@ -0,0 +1,4 @@
+var f=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=(i,t,o,a)=>{for(var r=a>1?void 0:a?p(t,o):t,n=i.length-1,s;n>=0;n--)(s=i[n])&&(r=(a?s(t,o,r):s(r))||r);return a&&r&&f(t,o,r),r};import{LitElement as x,html as k,css as b}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as u,property as h}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";import{css as c}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";var v=c`:host{display:none;position:absolute;inset:0;padding:var(--rik-slide-padding-y) var(--rik-slide-padding-x);flex-direction:column;overflow:hidden;background:var(--rik-surface-page);font-family:var(--rik-font-sans);color:var(--rik-text-default)}:host([active]){display:flex}`,g=c`h1{font-size:var(--rik-font-size-h1);font-weight:700;color:var(--rik-text-default);letter-spacing:-0.022em;line-height:1.15;margin-bottom:var(--rik-space-4);padding-bottom:var(--rik-space-2);border-bottom:3px solid var(--rik-accent);display:inline-block;align-self:flex-start;flex:0 0 auto}h1 .accent{color:var(--rik-accent)}::slotted(p),p{font-size:var(--rik-font-size-body);line-height:1.65;color:var(--rik-text-default--muted);margin:0}::slotted(strong),strong{color:var(--rik-text-default);font-weight:700}::slotted(code),code{font-family:var(--rik-font-mono);font-size:var(--rik-font-size-mono-sm);background:rgba(0,0,0,0.06);padding:2px 6px;border-radius:var(--rik-radius-sm);color:var(--rik-text-default)}`,m=c`.lbl{display:inline-block;padding:var(--deck-eyebrow-padding-y,4px) var(--deck-eyebrow-padding-x,12px);background:var(--deck-eyebrow-bg,var(--rik-accent));color:var(--deck-eyebrow-color,var(--rik-accent__on,var(--rik-surface-inverse)));border-radius:var(--deck-eyebrow-radius,var(--rik-radius-pill));font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--rik-space-1);align-self:flex-start}.lead{font-size:var(--rik-font-size-lead);color:var(--rik-text-default--faint);line-height:1.5;margin-bottom:var(--rik-space-4);max-width:75ch;flex:0 0 auto}.kicker{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-3);display:block}.kicker.on-dark{color:rgba(255,255,255,0.35)}.caption{font-size:var(--rik-font-size-sm);color:var(--rik-text-default--faint);line-height:1.55}.caption.on-dark{color:rgba(255,255,255,0.5)}.col-label{font-size:var(--rik-font-size-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--rik-text-default--faint);margin-bottom:var(--rik-space-2)}`,d=[v,g,m];var e=class extends x{render(){return k`<div class="body" part="body"> ${this.kicker?k`<span class="kicker on-dark">${this.kicker}</span>`:""}
+        <slot></slot>
+      </div>
+    `}};e.styles=[...d,b`:host{background:var(--deck-takeaway-bg,var(--rik-surface-inverse));color:var(--rik-text-inverse);justify-content:center;align-items:center;text-align:center}.body{display:flex;flex-direction:column;align-items:center;gap:var(--deck-takeaway-gap,var(--rik-space-4));max-width:75vw}::slotted(.display){font-family:var(--rik-font-display,var(--rik-font-sans));font-size:clamp(3rem,7vw,5.5rem);font-weight:900;color:var(--deck-takeaway-display-color,var(--rik-accent));letter-spacing:-0.03em;line-height:1.05;margin:0}::slotted(.display.danger){color:var(--rik-status-danger)}::slotted(.caption){font-size:var(--rik-font-size-lead);color:var(--deck-takeaway-caption-color,var(--rik-text-inverse--faint))}`],l([h({type:String})],e.prototype,"kicker",2),e=l([u("deck-takeaway")],e);export{e as DeckTakeaway};

package/dist/deck-tier-list.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+export type DeckTierSeverity = 'muted' | 'warn' | 'ok' | 'hot';
+export declare class DeckTierList extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class DeckTier extends LitElement {
+    static styles: import("lit").CSSResult;
+    name?: string;
+    speed?: string;
+    severity?: DeckTierSeverity;
+    hot: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class DeckTierArrow extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'deck-tier-list': DeckTierList;
+        'deck-tier': DeckTier;
+        'deck-tier-arrow': DeckTierArrow;
+    }
+}
+//# sourceMappingURL=deck-tier-list.d.ts.map

package/dist/deck-tier-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-tier-list.d.ts","sourceRoot":"","sources":["../src/deck-tier-list.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AAE/D,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAEpB;IACO,MAAM;CAChB;AAED,qBACa,QAAS,SAAQ,UAAU;IAOtC,OAAgB,MAAM,0BA8BpB;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IACZ,GAAG,UAAS;IAE/C,MAAM;CAShB;AAED,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAOpB;IACO,MAAM;CAChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;QAC/B,WAAW,EAAE,QAAQ,CAAC;QACtB,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/deck-tier-list.js

@@ -0,0 +1 @@
+var y=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var r=(a,s,l,d)=>{for(var t=d>1?void 0:d?m(s,l):s,c=a.length-1,v;c>=0;c--)(v=a[c])&&(t=(d?v(s,l,t):v(t))||t);return d&&t&&y(s,l,t),t};import{LitElement as p,html as k,css as f}from"https://cdn.jsdelivr.net/npm/lit@3/+esm";import{customElement as h,property as n}from"https://cdn.jsdelivr.net/npm/lit@3/decorators.js/+esm";var o=class extends p{render(){return k`<slot></slot>`}};o.styles=f`:host{display:flex;flex-direction:column;gap:var(--rik-space-2xs)}`,o=r([h("deck-tier-list")],o);var e=class extends p{constructor(){super(...arguments);this.hot=!1}render(){return k`<div class="head"> <span class="name">${this.name}</span> <span class="speed" data-severity="${this.severity??(this.hot?"hot":"")}">${this.speed}</span> </div> <div class="desc"><slot></slot></div>`}};e.styles=f`:host{display:flex;flex-direction:column;gap:var(--rik-space-hair);background:var(--deck-tier-bg,var(--rik-surface-raised--strong));border:1px solid var(--deck-tier-border,var(--rik-border-default));border-radius:var(--deck-tier-radius,var(--rik-radius-md));padding:var(--deck-tier-padding-y,var(--rik-space-2)) var(--deck-tier-padding-x,var(--rik-space-4));box-shadow:var(--deck-tier-shadow,var(--rik-elevation-2));font-family:var(--rik-font-sans)}:host([hot]){border-color:var(--deck-tier-hot-border,var(--rik-status-info__border));background:var(--deck-tier-hot-bg,var(--rik-status-info__bg))}.head{display:flex;justify-content:space-between;align-items:baseline}.name{font:700 var(--rik-font-size-body)/1 var(--rik-font-mono);color:var(--deck-tier-name-color,var(--rik-text-default))}:host([hot]) .name{color:var(--deck-tier-hot-color,var(--rik-accent))}.speed{font:700 var(--rik-font-size-body)/1 var(--rik-font-mono)}.speed[data-severity="muted"]{color:var(--deck-tier-speed-muted,var(--rik-text-default--faint))}.speed[data-severity="warn"]{color:var(--deck-tier-speed-warn,var(--rik-status-warn))}.speed[data-severity="ok"]{color:var(--deck-tier-speed-ok,var(--rik-status-success))}:host([hot]) .speed{color:var(--deck-tier-hot-color,var(--rik-accent))}.desc{font-size:var(--rik-font-size-sm);color:var(--deck-tier-desc-color,var(--rik-text-default--faint));line-height:1.4}`,r([n({type:String})],e.prototype,"name",2),r([n({type:String})],e.prototype,"speed",2),r([n({type:String})],e.prototype,"severity",2),r([n({type:Boolean,reflect:!0})],e.prototype,"hot",2),e=r([h("deck-tier")],e);var i=class extends p{render(){return k`<slot></slot>`}};i.styles=f`:host{display:block;text-align:center;color:var(--rik-text-default--faint);opacity:var(--rik-opacity-soft);font-size:var(--rik-font-size-xs);padding:2px 0}`,i=r([h("deck-tier-arrow")],i);export{e as DeckTier,i as DeckTierArrow,o as DeckTierList};

package/dist/deck-transition.d.ts

@@ -0,0 +1,3 @@
+import type { DeckRoot } from './deck-root.js';
+export declare function installTransitions(host: DeckRoot): () => void;
+//# sourceMappingURL=deck-transition.d.ts.map

package/dist/deck-transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deck-transition.d.ts","sourceRoot":"","sources":["../src/deck-transition.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAkF/C,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,IAAI,CAgF7D"}

package/dist/deck-transition.js

@@ -0,0 +1,51 @@
+var e={slide:560,"slide-up":520,"slide-down":520,"slide-right":560,fade:480,zoom:520,flip:560},r="var(--rik-motion__ease-out, cubic-bezier(0.16, 1, 0.3, 1))",y="var(--rik-motion__ease-spring, cubic-bezier(0.5, 1.8, 0.3, 1))",w=`
+  /* Incoming \xB7 from right (forward) */
+  @keyframes rk-slide-in       { from { transform: translateX(100%);  } to { transform: translateX(0); } }
+  /* Outgoing \xB7 pushed off to the left (forward) */
+  @keyframes rk-slide-out      { from { transform: translateX(0);     } to { transform: translateX(-100%); } }
+  /* Incoming \xB7 from left (backward) */
+  @keyframes rk-slide-right-in  { from { transform: translateX(-100%); } to { transform: translateX(0); } }
+  /* Outgoing \xB7 pushed off to the right (backward) */
+  @keyframes rk-slide-right-out { from { transform: translateX(0);     } to { transform: translateX(100%); } }
+  /* Vertical \xB7 incoming from below, outgoing pushed up (forward) */
+  @keyframes rk-slide-up-in     { from { transform: translateY(100%);  } to { transform: translateY(0); } }
+  @keyframes rk-slide-up-out    { from { transform: translateY(0);     } to { transform: translateY(-100%); } }
+  /* Vertical \xB7 incoming from above, outgoing pushed down (backward) */
+  @keyframes rk-slide-down-in   { from { transform: translateY(-100%); } to { transform: translateY(0); } }
+  @keyframes rk-slide-down-out  { from { transform: translateY(0);     } to { transform: translateY(100%); } }
+  /* Fade \xB7 pop in / pop out from center, no horizontal motion */
+  @keyframes rk-fade-in         { from { transform: scale(0.94); } to { transform: scale(1); } }
+  @keyframes rk-fade-out        { from { transform: scale(1);    } to { transform: scale(1.06); } }
+  /* Zoom \xB7 aggressive scale (for hooks) */
+  @keyframes rk-zoom-in         { from { transform: scale(0.86); } to { transform: scale(1);    } }
+  @keyframes rk-zoom-out        { from { transform: scale(1);    } to { transform: scale(1.10); } }
+  /* Flip \xB7 3D rotateY */
+  @keyframes rk-flip-in         { from { transform: perspective(900px) rotateY(-22deg) scale(0.94); }
+                                  to   { transform: perspective(900px) rotateY(0)     scale(1);    } }
+  @keyframes rk-flip-out        { from { transform: perspective(900px) rotateY(0)    scale(1);    }
+                                  to   { transform: perspective(900px) rotateY(22deg) scale(0.94); } }
+
+  /* Outgoing slide stays display:flex via inline JS style; this rule is
+     a placeholder so the selector resolves cleanly in shadow CSS. */
+  ::slotted(.rk-leaving) { }
+
+  ::slotted([active].rk-enter-slide)        { animation: rk-slide-in       ${e.slide}ms ${r}    both; }
+  ::slotted(.rk-leaving.rk-exit-slide)      { animation: rk-slide-out      ${e.slide}ms ${r}    both; }
+  ::slotted([active].rk-enter-slide-right)  { animation: rk-slide-right-in ${e["slide-right"]}ms ${r} both; }
+  ::slotted(.rk-leaving.rk-exit-slide-right){ animation: rk-slide-right-out ${e["slide-right"]}ms ${r} both; }
+  ::slotted([active].rk-enter-slide-up)     { animation: rk-slide-up-in    ${e["slide-up"]}ms ${r} both; }
+  ::slotted(.rk-leaving.rk-exit-slide-up)   { animation: rk-slide-up-out   ${e["slide-up"]}ms ${r} both; }
+  ::slotted([active].rk-enter-slide-down)   { animation: rk-slide-down-in  ${e["slide-down"]}ms ${r} both; }
+  ::slotted(.rk-leaving.rk-exit-slide-down) { animation: rk-slide-down-out ${e["slide-down"]}ms ${r} both; }
+  ::slotted([active].rk-enter-fade)         { animation: rk-fade-in        ${e.fade}ms ${r} both; }
+  ::slotted(.rk-leaving.rk-exit-fade)       { animation: rk-fade-out       ${e.fade}ms ${r} both; }
+  ::slotted([active].rk-enter-zoom)         { animation: rk-zoom-in        ${e.zoom}ms ${y} both; }
+  ::slotted(.rk-leaving.rk-exit-zoom)       { animation: rk-zoom-out       ${e.zoom}ms ${r} both; }
+  ::slotted([active].rk-enter-flip)         { animation: rk-flip-in        ${e.flip}ms ${r} both; }
+  ::slotted(.rk-leaving.rk-exit-flip)       { animation: rk-flip-out       ${e.flip}ms ${r} both; }
+
+  @media (prefers-reduced-motion: reduce) {
+    ::slotted([active][class*='rk-enter-']),
+    ::slotted(.rk-leaving)                  { animation: none; }
+  }
+`,v=["rk-enter-slide","rk-enter-slide-up","rk-enter-slide-down","rk-enter-slide-right","rk-enter-fade","rk-enter-zoom","rk-enter-flip"],$=["rk-exit-slide","rk-exit-slide-up","rk-exit-slide-down","rk-exit-slide-right","rk-exit-fade","rk-exit-zoom","rk-exit-flip"];function x(s){if(s.__rkTransitions)return s.__rkTransitions;let f=s.shadowRoot;if(!f)return()=>{};let a=document.createElement("style");a.textContent=w,a.setAttribute("data-rik-transitions",""),f.appendChild(a);function h(m,n){if(!n)return 0;let t=m.compareDocumentPosition(n);return t&Node.DOCUMENT_POSITION_PRECEDING?1:t&Node.DOCUMENT_POSITION_FOLLOWING?-1:0}let d=m=>{let n=m,t=n.detail.current,o=n.detail.previous;if(!t)return;let i=t.dataset.transition||s.transition||"fade",l=h(t,o);i==="slide"&&l<0?i="slide-right":i==="slide-right"&&l>0?i="slide":i==="slide-up"&&l<0?i="slide-down":i==="slide-down"&&l>0&&(i="slide-up");let u=`rk-enter-${i}`,p=`rk-exit-${i}`,g=e[i]??480;o&&o!==t&&(o.classList.remove(...v,...$,"rk-leaving"),o.style.display="flex",o.style.zIndex="1",o.offsetWidth,o.classList.add("rk-leaving",p),window.setTimeout(()=>{o.classList.remove("rk-leaving",p),o.style.display="",o.style.zIndex=""},g+40)),t.classList.remove(...v),t.style.zIndex="2",t.offsetWidth,t.classList.add(u),window.setTimeout(()=>{t.classList.remove(u),t.style.zIndex=""},g+40)};s.addEventListener("slide-change",d);let k=s.querySelector(":scope > [active]");k&&d(new CustomEvent("slide-change",{detail:{current:k,previous:null}}));let c=()=>{s.removeEventListener("slide-change",d),a.remove(),delete s.__rkTransitions};return s.__rkTransitions=c,c}export{x as installTransitions};

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+import './deck-root.js';
+import './deck-cover.js';
+import './deck-section.js';
+import './deck-feature.js';
+import './deck-split.js';
+import './deck-feature-cards.js';
+import './deck-photo.js';
+import './deck-takeaway.js';
+import './deck-md.js';
+import './deck-code.js';
+import './deck-callout.js';
+import './deck-card.js';
+import './deck-mermaid.js';
+import './deck-step-list.js';
+import './deck-metric.js';
+import './deck-tier-list.js';
+import './deck-badge.js';
+import './deck-kicker.js';
+import './deck-stack.js';
+import './deck-grid.js';
+import './deck-punch.js';
+import './deck-stat.js';
+import './deck-shortcut.js';
+import './deck-notes.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC"}