@bestagentkits/render 0.1.1-next.1 → 0.3.0

package/dist/render/signature-styles.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Signature layer of the emitted stylesheet.
+ *
+ * The base sheet sets structure and tokens; this layer adds the details that
+ * make an artifact feel art-directed: fluid display type, one orchestrated
+ * hero entrance, drawn link underlines, and cards that lift and behave as a single target.
+ *
+ * Every motion is gated on `prefers-reduced-motion: no-preference` and scales
+ * with the motion-duration token, so the reduced-motion override zeroes it.
+ * Blocks below the fold never start hidden: a scroll-triggered reveal would leave
+ * them blank in full-page captures, PDF exports and thumbnails, so only the
+ * hero (always in view on load) animates in.
+ *
+ * Selectors here must not contain a feature marker (see `verify.ts`), because
+ * this layer ships on every page.
+ */
+export declare const SIGNATURE_CSS = "h1,h2,h3,h4{text-wrap:balance}\np,li,dd,blockquote{text-wrap:pretty}\n@media (min-width:769px){.ak-hero{padding-top:calc(var(--ak-space-unit) * 7);padding-bottom:calc(var(--ak-space-unit) * 4)}.ak-hero h1{max-width:17ch;font-size:max(calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),5)),min(6.2vw,calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),7.2))));line-height:.98;letter-spacing:-.045em}.ak-hero p:not(.ak-eyebrow){font-size:calc(var(--ak-font-size-base) * 1.28)}.ak-main > .ak-section > .ak-section-head h2{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),2.6));letter-spacing:-.03em}.ak-stat dd{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),4.4));letter-spacing:-.045em}}\n@keyframes ak-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@media (prefers-reduced-motion:no-preference){.ak-hero > *{animation:ak-enter calc(var(--ak-motion-duration) * 4) cubic-bezier(.16,1,.3,1) both}.ak-hero > :nth-child(2){animation-delay:calc(var(--ak-motion-duration) * .5)}.ak-hero > :nth-child(3){animation-delay:var(--ak-motion-duration)}.ak-hero > :nth-child(n + 4){animation-delay:calc(var(--ak-motion-duration) * 1.5)}}\n.ak-main :is(p,li,dd,td,figcaption) > a:not(.ak-btn){text-decoration:none;background-image:linear-gradient(currentColor,currentColor),linear-gradient(color-mix(in srgb,currentColor 32%,transparent),color-mix(in srgb,currentColor 32%,transparent));background-size:0 1.5px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:.1em;transition:background-size calc(var(--ak-motion-duration) * 4) cubic-bezier(.16,1,.3,1),color var(--ak-motion-duration) var(--ak-motion-easing)}\n.ak-main :is(p,li,dd,td,figcaption) > a:not(.ak-btn):hover{background-size:100% 1.5px,100% 1px}\n.ak-card{transition:translate calc(var(--ak-motion-duration) * 1.6) cubic-bezier(.16,1,.3,1),box-shadow calc(var(--ak-motion-duration) * 1.6) cubic-bezier(.16,1,.3,1),border-color var(--ak-motion-duration) var(--ak-motion-easing)}\n.ak-card > .ak-caption{font-family:var(--ak-font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--ak-color-text-muted)}\n.ak-card > .ak-caption:has(+ a:last-child){margin-top:auto;padding-top:var(--ak-space-unit)}\n.ak-card > a:last-child:not(.ak-btn){align-self:flex-start;display:inline-flex;align-items:center;gap:.45em;margin-top:auto;font-weight:600;text-decoration:none}\n.ak-card > .ak-caption + a:last-child:not(.ak-btn){margin-top:0}\n.ak-card > a:last-child:not(.ak-btn)::after{content:\"\\2192\";transition:transform calc(var(--ak-motion-duration) * 1.6) cubic-bezier(.16,1,.3,1)}\n.ak-card:has(> a:last-child:not(.ak-btn)):not(:has(button,input,select,textarea,summary,a:not(:last-child))){position:relative}\n.ak-card:has(> a:last-child:not(.ak-btn)):not(:has(button,input,select,textarea,summary,a:not(:last-child))) > a:last-child::before{content:\"\";position:absolute;inset:0;border-radius:inherit}\n.ak-card:has(> a:last-child:not(.ak-btn)):not(:has(button,input,select,textarea,summary,a:not(:last-child))):hover{translate:0 -3px;border-color:color-mix(in srgb,var(--ak-color-accent) 45%,var(--ak-color-border));box-shadow:var(--ak-elevation-popover)}\n.ak-card:hover > a:last-child:not(.ak-btn)::after{transform:translateX(4px)}\n.ak-card:has(> a:last-child:focus-visible){outline:2px solid var(--ak-color-accent);outline-offset:2px}\n.ak-btn[data-variant=\"primary\"]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--ak-color-accent-contrast) 12%,transparent),transparent)}\n.ak-btn{transition:var(--ak-transition),translate var(--ak-motion-duration) cubic-bezier(.16,1,.3,1)}\n.ak-btn:not(:disabled):hover{translate:0 -1px}\n@media print{.ak-hero > *{animation:none!important}}";
+//# sourceMappingURL=signature-styles.d.ts.map

package/dist/render/signature-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-styles.d.ts","sourceRoot":"","sources":["../../src/render/signature-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAKH,eAAO,MAAM,aAAa,urHAqB2B,CAAC"}

package/dist/render/signature-styles.js

@@ -0,0 +1,41 @@
+/**
+ * Signature layer of the emitted stylesheet.
+ *
+ * The base sheet sets structure and tokens; this layer adds the details that
+ * make an artifact feel art-directed: fluid display type, one orchestrated
+ * hero entrance, drawn link underlines, and cards that lift and behave as a single target.
+ *
+ * Every motion is gated on `prefers-reduced-motion: no-preference` and scales
+ * with the motion-duration token, so the reduced-motion override zeroes it.
+ * Blocks below the fold never start hidden: a scroll-triggered reveal would leave
+ * them blank in full-page captures, PDF exports and thumbnails, so only the
+ * hero (always in view on load) animates in.
+ *
+ * Selectors here must not contain a feature marker (see `verify.ts`), because
+ * this layer ships on every page.
+ */
+const EASE_OUT = 'cubic-bezier(.16,1,.3,1)';
+const SLOW = 'calc(var(--ak-motion-duration) * 4)';
+export const SIGNATURE_CSS = `h1,h2,h3,h4{text-wrap:balance}
+p,li,dd,blockquote{text-wrap:pretty}
+@media (min-width:769px){.ak-hero{padding-top:calc(var(--ak-space-unit) * 7);padding-bottom:calc(var(--ak-space-unit) * 4)}.ak-hero h1{max-width:17ch;font-size:max(calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),5)),min(6.2vw,calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),7.2))));line-height:.98;letter-spacing:-.045em}.ak-hero p:not(.ak-eyebrow){font-size:calc(var(--ak-font-size-base) * 1.28)}.ak-main > .ak-section > .ak-section-head h2{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),2.6));letter-spacing:-.03em}.ak-stat dd{font-size:calc(var(--ak-font-size-base) * pow(var(--ak-font-scale),4.4));letter-spacing:-.045em}}
+@keyframes ak-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
+@media (prefers-reduced-motion:no-preference){.ak-hero > *{animation:ak-enter ${SLOW} ${EASE_OUT} both}.ak-hero > :nth-child(2){animation-delay:calc(var(--ak-motion-duration) * .5)}.ak-hero > :nth-child(3){animation-delay:var(--ak-motion-duration)}.ak-hero > :nth-child(n + 4){animation-delay:calc(var(--ak-motion-duration) * 1.5)}}
+.ak-main :is(p,li,dd,td,figcaption) > a:not(.ak-btn){text-decoration:none;background-image:linear-gradient(currentColor,currentColor),linear-gradient(color-mix(in srgb,currentColor 32%,transparent),color-mix(in srgb,currentColor 32%,transparent));background-size:0 1.5px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:.1em;transition:background-size ${SLOW} ${EASE_OUT},color var(--ak-motion-duration) var(--ak-motion-easing)}
+.ak-main :is(p,li,dd,td,figcaption) > a:not(.ak-btn):hover{background-size:100% 1.5px,100% 1px}
+.ak-card{transition:translate calc(var(--ak-motion-duration) * 1.6) ${EASE_OUT},box-shadow calc(var(--ak-motion-duration) * 1.6) ${EASE_OUT},border-color var(--ak-motion-duration) var(--ak-motion-easing)}
+.ak-card > .ak-caption{font-family:var(--ak-font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--ak-color-text-muted)}
+.ak-card > .ak-caption:has(+ a:last-child){margin-top:auto;padding-top:var(--ak-space-unit)}
+.ak-card > a:last-child:not(.ak-btn){align-self:flex-start;display:inline-flex;align-items:center;gap:.45em;margin-top:auto;font-weight:600;text-decoration:none}
+.ak-card > .ak-caption + a:last-child:not(.ak-btn){margin-top:0}
+.ak-card > a:last-child:not(.ak-btn)::after{content:"\\2192";transition:transform calc(var(--ak-motion-duration) * 1.6) ${EASE_OUT}}
+.ak-card:has(> a:last-child:not(.ak-btn)):not(:has(button,input,select,textarea,summary,a:not(:last-child))){position:relative}
+.ak-card:has(> a:last-child:not(.ak-btn)):not(:has(button,input,select,textarea,summary,a:not(:last-child))) > a:last-child::before{content:"";position:absolute;inset:0;border-radius:inherit}
+.ak-card:has(> a:last-child:not(.ak-btn)):not(:has(button,input,select,textarea,summary,a:not(:last-child))):hover{translate:0 -3px;border-color:color-mix(in srgb,var(--ak-color-accent) 45%,var(--ak-color-border));box-shadow:var(--ak-elevation-popover)}
+.ak-card:hover > a:last-child:not(.ak-btn)::after{transform:translateX(4px)}
+.ak-card:has(> a:last-child:focus-visible){outline:2px solid var(--ak-color-accent);outline-offset:2px}
+.ak-btn[data-variant="primary"]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--ak-color-accent-contrast) 12%,transparent),transparent)}
+.ak-btn{transition:var(--ak-transition),translate var(--ak-motion-duration) ${EASE_OUT}}
+.ak-btn:not(:disabled):hover{translate:0 -1px}
+@media print{.ak-hero > *{animation:none!important}}`;
+//# sourceMappingURL=signature-styles.js.map

package/dist/render/signature-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-styles.js","sourceRoot":"","sources":["../../src/render/signature-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAC5C,MAAM,IAAI,GAAG,qCAAqC,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG;;;;gFAImD,IAAI,IAAI,QAAQ;uYACuS,IAAI,IAAI,QAAQ;;sEAEjV,QAAQ,qDAAqD,QAAQ;;;;;0HAKjB,QAAQ;;;;;;;8EAOpD,QAAQ;;qDAEjC,CAAC"}

package/dist/render/style-units.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Shared CSS fragments for feature sheets: the transition shorthand, motion
+ * timings and the spacing unit, plus the quiet disclosure summary. Feature
+ * sheets in `src/render/` and in block modules both build on them.
+ */
+export declare const TRANSITION = "transition:var(--ak-transition)";
+/**
+ * The quiet disclosure summary: a mono label with a chevron that turns when the
+ * `<details>` opens. A chart's data table and an adapter diagram's text
+ * description both sit behind one.
+ */
+export declare function disclosureSummary(details: string): string;
+export declare const EASE_OUT = "cubic-bezier(.16,1,.3,1)";
+export declare const SLOW = "calc(var(--ak-motion-duration) * 4)";
+export declare const MID = "calc(var(--ak-motion-duration) * 1.6)";
+export declare const UNIT: (n: number) => string;
+//# sourceMappingURL=style-units.d.ts.map

package/dist/render/style-units.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-units.d.ts","sourceRoot":"","sources":["../../src/render/style-units.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,UAAU,oCAAoC,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED,eAAO,MAAM,QAAQ,6BAA6B,CAAC;AACnD,eAAO,MAAM,IAAI,wCAAwC,CAAC;AAC1D,eAAO,MAAM,GAAG,0CAA0C,CAAC;AAC3D,eAAO,MAAM,IAAI,GAAI,GAAG,MAAM,WAAwC,CAAC"}

package/dist/render/style-units.js

@@ -0,0 +1,24 @@
+/**
+ * Shared CSS fragments for feature sheets: the transition shorthand, motion
+ * timings and the spacing unit, plus the quiet disclosure summary. Feature
+ * sheets in `src/render/` and in block modules both build on them.
+ */
+export const TRANSITION = 'transition:var(--ak-transition)';
+/**
+ * The quiet disclosure summary: a mono label with a chevron that turns when the
+ * `<details>` opens. A chart's data table and an adapter diagram's text
+ * description both sit behind one.
+ */
+export function disclosureSummary(details) {
+    return `${details} summary{display:inline-flex;align-items:center;gap:.55em;cursor:pointer;list-style:none;font-family:var(--ak-font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ak-color-text-muted);${TRANSITION}}
+${details} summary::-webkit-details-marker{display:none}
+${details} summary::before{content:"";width:.42em;height:.42em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);${TRANSITION}}
+${details}[open] summary::before{transform:rotate(45deg)}
+${details} summary:hover{color:var(--ak-color-accent)}
+${details}[open] summary{margin-bottom:calc(var(--ak-space-unit) * 1.5)}`;
+}
+export const EASE_OUT = 'cubic-bezier(.16,1,.3,1)';
+export const SLOW = 'calc(var(--ak-motion-duration) * 4)';
+export const MID = 'calc(var(--ak-motion-duration) * 1.6)';
+export const UNIT = (n) => `calc(var(--ak-space-unit) * ${n})`;
+//# sourceMappingURL=style-units.js.map

package/dist/render/style-units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-units.js","sourceRoot":"","sources":["../../src/render/style-units.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,iCAAiC,CAAC;AAE5D;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAAe;IAC/C,OAAO,GAAG,OAAO,4NAA4N,UAAU;EACvP,OAAO;EACP,OAAO,8JAA8J,UAAU;EAC/K,OAAO;EACP,OAAO;EACP,OAAO,gEAAgE,CAAC;AAC1E,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AACnD,MAAM,CAAC,MAAM,IAAI,GAAG,qCAAqC,CAAC;AAC1D,MAAM,CAAC,MAAM,GAAG,GAAG,uCAAuC,CAAC;AAC3D,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC,GAAG,CAAC"}

package/dist/render/styles.d.ts

@@ -1,15 +1,24 @@
 /**
  * Emitted stylesheets.
  *
- * One base sheet plus per-feature sheets. The compiler emits only the feature
- * sheets a page actually uses, which is both a size win and a correctness
- * property: a page without a carousel cannot ship carousel CSS that a later
- * change could accidentally apply.
+ * One base sheet plus per-feature sheets (`feature-styles.ts`). The compiler
+ * emits only the feature sheets a page actually uses, which is both a size win
+ * and a correctness property: a page without a carousel cannot ship carousel CSS
+ * that a later change could accidentally apply.
  *
- * The sheets are static strings with no interpolation. Everything variable
- * comes from theme tokens, so a spec cannot influence a declaration.
+ * The sheets are static strings: the only interpolation is the shared
+ * transition constant below. Everything variable comes from theme tokens, so a
+ * spec cannot influence a declaration.
+ *
+ * Design rules the sheets follow (see DESIGN.md):
+ * - the type scale is derived from the `font-scale` token, with a fixed fallback
+ *   for engines without CSS `pow()`;
+ * - vertical rhythm comes from one density-driven gap, enlarged at section breaks;
+ * - top-level sections open on a hairline carrying a short accent tab, the same
+ *   motif as the hero eyebrow rule;
+ * - every transition uses the `motion-*` tokens, which reduced motion zeroes;
+ * - tints are `color-mix()` of theme tokens, so no preset needs extra colours.
  */
-import type { RuntimeFeature } from '../registry/roster.js';
-export declare const BASE_CSS = "*,*::before,*::after{box-sizing:border-box}\nhtml{-webkit-text-size-adjust:100%}\nbody{margin:0;background:var(--ak-color-background);color:var(--ak-color-text);font-family:var(--ak-font-body);font-size:var(--ak-font-size-base);line-height:var(--ak-line-height)}\n.ak-skip{position:absolute;left:-9999px;top:0;background:var(--ak-color-surface);color:var(--ak-color-text);padding:calc(var(--ak-space-unit) * 1.5);z-index:10}\n.ak-skip:focus{left:0}\n.ak-shell{max-width:1100px;margin:0 auto;padding:calc(var(--ak-space-unit) * 3) calc(var(--ak-space-unit) * 2) calc(var(--ak-space-unit) * 8)}\n.ak-main{display:block}\n:where(a){color:var(--ak-color-accent)}\n:where(h1,h2,h3,h4,h5,h6){font-family:var(--ak-font-heading);line-height:1.2;margin:0}\nh1{font-size:calc(var(--ak-font-size-base) * 2.1)}\nh2{font-size:calc(var(--ak-font-size-base) * 1.6)}\nh3{font-size:calc(var(--ak-font-size-base) * 1.3)}\nh4,h5,h6{font-size:calc(var(--ak-font-size-base) * 1.1)}\np{margin:0}\nul,ol{margin:0;padding-left:1.4em}\ncode,kbd{font-family:var(--ak-font-mono)}\n:focus-visible{outline:2px solid var(--ak-color-accent);outline-offset:2px}\n.ak-block + .ak-block{margin-top:calc(var(--ak-space-unit) * 3)}\n[data-density=\"compact\"] .ak-block + .ak-block{margin-top:calc(var(--ak-space-unit) * 2)}\n[data-density=\"spacious\"] .ak-block + .ak-block{margin-top:calc(var(--ak-space-unit) * 4)}\n.ak-stack{display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 2)}\n.ak-stack[data-gap=\"tight\"]{gap:var(--ak-space-unit)}\n.ak-stack[data-gap=\"loose\"]{gap:calc(var(--ak-space-unit) * 3)}\n.ak-grid{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:repeat(3,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"1\"],.ak-gallery[data-ak-columns=\"1\"]{grid-template-columns:minmax(0,1fr)}\n.ak-grid[data-ak-columns=\"2\"],.ak-gallery[data-ak-columns=\"2\"]{grid-template-columns:repeat(2,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"3\"],.ak-gallery[data-ak-columns=\"3\"]{grid-template-columns:repeat(3,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"4\"],.ak-gallery[data-ak-columns=\"4\"]{grid-template-columns:repeat(4,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"5\"],.ak-gallery[data-ak-columns=\"5\"]{grid-template-columns:repeat(5,minmax(0,1fr))}\n.ak-grid[data-ak-columns=\"6\"],.ak-gallery[data-ak-columns=\"6\"]{grid-template-columns:repeat(6,minmax(0,1fr))}\n.ak-split{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:1fr 1fr}\n.ak-split[data-ratio=\"wide-left\"]{grid-template-columns:2fr 1fr}\n.ak-split[data-ratio=\"wide-right\"]{grid-template-columns:1fr 2fr}\n.ak-muted{color:var(--ak-color-text-muted)}\n.ak-eyebrow,.ak-label{font-family:var(--ak-font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ak-color-text-muted)}\n.ak-hero{gap:var(--ak-space-unit);display:flex;flex-direction:column}\n.ak-hero h1{max-width:var(--ak-measure)}\n.ak-hero p{max-width:var(--ak-measure);font-size:calc(var(--ak-font-size-base) * 1.1);color:var(--ak-color-text-muted)}\n.ak-lead{font-size:calc(var(--ak-font-size-base) * 1.15)}\n.ak-caption{font-size:.85rem;color:var(--ak-color-text-muted)}\n.ak-prose{max-width:var(--ak-measure)}\n.ak-card,.ak-surface{background:var(--ak-color-surface);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 2)}\n.ak-card{display:flex;flex-direction:column;gap:var(--ak-space-unit)}\n.ak-card--elevated,.ak-surface{box-shadow:var(--ak-elevation-card)}\n.ak-section-head{display:flex;flex-direction:column;gap:.35em;margin-bottom:calc(var(--ak-space-unit) * 1.5)}\n.ak-divider{border:0;border-top:var(--ak-border-width) solid var(--ak-color-border);margin:calc(var(--ak-space-unit) * 2) 0;display:flex;align-items:center;gap:var(--ak-space-unit)}\n.ak-spacer{display:block}\n.ak-spacer[data-size=\"small\"]{height:var(--ak-space-unit)}\n.ak-spacer[data-size=\"medium\"]{height:calc(var(--ak-space-unit) * 2)}\n.ak-spacer[data-size=\"large\"]{height:calc(var(--ak-space-unit) * 4)}\n.ak-quote{border-left:3px solid var(--ak-color-accent);padding-left:calc(var(--ak-space-unit) * 2);font-size:calc(var(--ak-font-size-base) * 1.1)}\n.ak-quote cite{display:block;margin-top:.5em;color:var(--ak-color-text-muted);font-size:.9rem;font-style:normal}\n.ak-badge{display:inline-block;padding:.15em .6em;border-radius:999px;border:var(--ak-border-width) solid var(--ak-color-border);background:var(--ak-color-surface-raised);font-size:.78rem;font-family:var(--ak-font-mono)}\n.ak-badge[data-tone=\"info\"]{border-color:var(--ak-color-info);color:var(--ak-color-info)}\n.ak-badge[data-tone=\"success\"]{border-color:var(--ak-color-success);color:var(--ak-color-success)}\n.ak-badge[data-tone=\"warning\"]{border-color:var(--ak-color-warning);color:var(--ak-color-warning)}\n.ak-badge[data-tone=\"danger\"]{border-color:var(--ak-color-danger);color:var(--ak-color-danger)}\n.ak-kbd{display:inline-flex;gap:.2em}\n.ak-kbd kbd{border:var(--ak-border-width) solid var(--ak-color-border);border-bottom-width:2px;border-radius:var(--ak-radius-small);padding:.1em .4em;background:var(--ak-color-surface-raised);font-size:.85em}\n.ak-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4em calc(var(--ak-space-unit) * 2);margin:0}\n.ak-kv dt{color:var(--ak-color-text-muted)}\n.ak-kv dd{margin:0}\n.ak-stats{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;list-style:none}\n.ak-stat{background:var(--ak-color-surface);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 1.5)}\n.ak-stat dt{font-size:.8rem;color:var(--ak-color-text-muted);font-family:var(--ak-font-mono)}\n.ak-stat dd{margin:.2em 0 0;font-size:calc(var(--ak-font-size-base) * 1.5);font-family:var(--ak-font-heading)}\n.ak-steps{counter-reset:ak-step;list-style:none;padding:0;display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 1.5)}\n.ak-steps li{counter-increment:ak-step;position:relative;padding-left:calc(var(--ak-space-unit) * 4)}\n.ak-steps li::before{content:counter(ak-step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--ak-color-accent);color:var(--ak-color-accent-contrast);display:flex;align-items:center;justify-content:center;font-family:var(--ak-font-mono);font-size:.8rem}\n.ak-timeline{list-style:none;padding:0;margin:0;border-left:var(--ak-border-width) solid var(--ak-color-border);display:flex;flex-direction:column;gap:calc(var(--ak-space-unit) * 2)}\n.ak-timeline li{position:relative;padding-left:calc(var(--ak-space-unit) * 2)}\n.ak-timeline li::before{content:\"\";position:absolute;left:calc(var(--ak-space-unit) * -1 - 3px);top:.45em;width:7px;height:7px;border-radius:50%;background:var(--ak-color-accent)}\n.ak-timeline time{display:block;font-family:var(--ak-font-mono);font-size:.78rem;color:var(--ak-color-text-muted)}\n.ak-table-wrap{overflow-x:auto}\ntable{border-collapse:collapse;width:100%;background:var(--ak-color-surface)}\ncaption{text-align:left;padding-bottom:.5em;color:var(--ak-color-text-muted)}\nth,td{text-align:left;padding:.55em .75em;border-bottom:var(--ak-border-width) solid var(--ak-color-border);vertical-align:top}\nthead th{background:var(--ak-color-surface-raised);font-family:var(--ak-font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}\n.ak-compare{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:1fr 1fr}\n.ak-compare h3{font-size:calc(var(--ak-font-size-base) * 1.05);margin-bottom:.5em}\n.ak-compare ul{margin:0}\n.ak-callout,.ak-alert{border-left:4px solid var(--ak-color-info);background:var(--ak-color-surface);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 1.5);display:flex;flex-direction:column;gap:.4em}\n.ak-callout[data-tone=\"success\"],.ak-alert[data-tone=\"success\"]{border-left-color:var(--ak-color-success)}\n.ak-callout[data-tone=\"warning\"],.ak-alert[data-tone=\"warning\"]{border-left-color:var(--ak-color-warning)}\n.ak-callout[data-tone=\"danger\"],.ak-alert[data-tone=\"danger\"]{border-left-color:var(--ak-color-danger)}\n.ak-code{margin:0;background:var(--ak-color-surface-raised);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium);padding:calc(var(--ak-space-unit) * 1.5);overflow-x:auto}\n.ak-code pre{margin:0;font-family:var(--ak-font-mono);font-size:.88rem;line-height:1.55}\n.ak-code-head{display:flex;justify-content:space-between;gap:var(--ak-space-unit);align-items:center;margin-bottom:.5em}\n.ak-btn{font:inherit;color:var(--ak-color-text);background:var(--ak-color-surface-raised);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-small);padding:.4em .8em;cursor:pointer;min-height:36px}\n.ak-btn:hover{border-color:var(--ak-color-accent)}\n.ak-btn[data-variant=\"primary\"]{background:var(--ak-color-accent);color:var(--ak-color-accent-contrast);border-color:var(--ak-color-accent)}\n.ak-btn[data-variant=\"ghost\"]{background:transparent;border-color:transparent}\n.ak-toolbar{display:flex;flex-wrap:wrap;gap:var(--ak-space-unit);align-items:center;padding:var(--ak-space-unit);background:var(--ak-color-surface);border:var(--ak-border-width) solid var(--ak-color-border);border-radius:var(--ak-radius-medium)}\n.ak-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5em}\n.ak-list li{display:flex;gap:.5em;align-items:baseline;justify-content:space-between;border-bottom:var(--ak-border-width) solid var(--ak-color-border);padding-bottom:.4em}\n.ak-list li[hidden]{display:none}\nli.ak-hidden{display:none}\n.ak-progress{display:flex;flex-direction:column;gap:.35em}\n.ak-progress progress{width:100%;height:10px}\n.ak-progress progress::-webkit-progress-bar{background:var(--ak-color-surface-raised)}\n.ak-media{margin:0;display:flex;flex-direction:column;gap:.5em}\n.ak-media img,.ak-gallery img{max-width:100%;height:auto;border-radius:var(--ak-radius-medium);border:var(--ak-border-width) solid var(--ak-color-border);background:var(--ak-color-surface-raised)}\n.ak-media video{max-width:100%;border-radius:var(--ak-radius-medium)}\n.ak-gallery{display:grid;gap:calc(var(--ak-space-unit) * 2);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}\n.ak-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n@media (max-width:768px){body{--ak-font-size-base:16px}.ak-grid,.ak-compare,.ak-split,.ak-gallery{grid-template-columns:1fr!important}.ak-shell{padding:calc(var(--ak-space-unit) * 2) var(--ak-space-unit) calc(var(--ak-space-unit) * 6)}h1{font-size:calc(var(--ak-font-size-base) * 1.7)}}\n@media (max-width:480px){.ak-toolbar{flex-direction:column;align-items:stretch}.ak-stats{grid-template-columns:1fr 1fr}}\n@media print{.ak-skip,.ak-theme-toggle{display:none}}";
-export declare const FEATURE_CSS: Readonly<Partial<Record<RuntimeFeature, string>>>;
+export { FEATURE_CSS } from './feature-styles.js';
+export declare const BASE_CSS: string;
 //# sourceMappingURL=styles.d.ts.map

package/dist/render/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/render/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,QAAQ,uwVA2GiC,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAmDzE,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/render/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAalD,eAAO,MAAM,QAAQ,QAqON,CAAC"}