@ponchia/ui 0.8.1 → 0.10.0

package/dist/css/table.css

@@ -1 +1 @@
-@layer bronto{.ui-table-wrap{border: 1px solid var(--line);border-radius: var(--radius-md);overflow: auto}.ui-table{border-collapse: collapse;font-family: var(--mono);font-size: var(--text-sm);min-inline-size: 100%;inline-size: 100%}.ui-table th,.ui-table td{border-block-end: 1px solid var(--line);overflow-wrap: break-word;padding: 0.7rem 0.85rem;text-align: start;vertical-align: top;word-break: normal}.ui-table th{background: var(--panel);color: var(--text-dim);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);position: sticky;text-transform: uppercase;inset-block-start: 0;z-index: 1}.ui-table td{color: var(--text-soft)}.ui-table tbody tr:last-child td{border-block-end: 0}.ui-table tbody tr{transition: background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.ui-table tbody tr:hover td{background: var(--bg-accent)}}.ui-table--dense th,.ui-table--dense td{font-size: var(--text-xs);padding: 0.42rem 0.6rem}.ui-table--comfortable th,.ui-table--comfortable td{padding: 0.95rem 1.1rem}.ui-table--lined td{border-inline-end: 1px solid var(--line)}.ui-table--lined td:last-child{border-inline-end: 0}.ui-table--break-anywhere th,.ui-table--break-anywhere td{overflow-wrap: anywhere}.ui-table--break-anywhere{table-layout: fixed}.ui-table .is-num,.ui-table th.is-num{font-variant-numeric: tabular-nums;text-align: end}.ui-table .is-pos{color: var(--success)}.ui-table .is-neg{color: var(--danger)}.ui-table .is-key{color: var(--text);font-weight: 600}.ui-table__empty td{color: var(--text-dim);padding: 2rem;text-align: center}.ui-table__sort{align-items: center;background: none;border: 0;color: inherit;cursor: pointer;display: flex;font: inherit;gap: 0.4rem;letter-spacing: inherit;padding: 0;text-transform: inherit;inline-size: 100%}@media (pointer: coarse){.ui-table__sort{box-sizing: border-box;margin-block: -0.7rem;min-block-size: var(--tap-target-min);padding-block: 0.7rem}.ui-table--dense .ui-table__sort{margin-block: -0.42rem;padding-block: 0.42rem}.ui-table--comfortable .ui-table__sort{margin-block: -0.95rem;padding-block: 0.95rem}}.ui-table__sort::after{content: '↕';opacity: 0.4}.ui-table th[aria-sort='ascending'] .ui-table__sort::after{content: '↑';opacity: 1}.ui-table th[aria-sort='descending'] .ui-table__sort::after{content: '↓';opacity: 1}.ui-table__select{inline-size: 1px;white-space: nowrap}.ui-table--selectable tbody tr[aria-selected='true'] td{background: var(--bg-accent)}.ui-table__toolbar{align-items: center;border: 1px solid var(--line);border-block-end: 0;border-start-start-radius: var(--radius-md);border-start-end-radius: var(--radius-md);display: flex;gap: var(--space-sm);padding: var(--space-sm) var(--space-md)}.ui-table-wrap--loading{opacity: 0.6;pointer-events: none}}
+@layer bronto{.ui-table-wrap{border: 1px solid var(--line);border-radius: var(--radius-md);overflow: auto}.ui-table{border-collapse: collapse;font-family: var(--sans);font-size: var(--text-sm);min-inline-size: 100%;inline-size: 100%}.ui-table th,.ui-table td{border-block-end: 1px solid var(--line);overflow-wrap: break-word;padding: 0.7rem 0.85rem;text-align: start;vertical-align: top;word-break: normal}.ui-table th{background: var(--panel);color: var(--text-dim);font-size: var(--text-2xs);font-weight: 700;letter-spacing: 0;position: sticky;text-transform: none;inset-block-start: 0;z-index: 1}.ui-table td{color: var(--text-soft)}.ui-table tbody tr:last-child td{border-block-end: 0}.ui-table tbody tr{transition: background-color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.ui-table tbody tr:hover td{background: var(--bg-accent)}}.ui-table--dense th,.ui-table--dense td{font-size: var(--text-xs);padding: 0.42rem 0.6rem}.ui-table--comfortable th,.ui-table--comfortable td{padding: 0.95rem 1.1rem}.ui-table--lined td{border-inline-end: 1px solid var(--line)}.ui-table--lined td:last-child{border-inline-end: 0}.ui-table--break-anywhere th,.ui-table--break-anywhere td{overflow-wrap: anywhere}.ui-table--break-anywhere{table-layout: fixed}.ui-table .is-num,.ui-table th.is-num{font-variant-numeric: tabular-nums;text-align: end}.ui-table .is-pos{color: var(--success)}.ui-table .is-neg{color: var(--danger)}.ui-table .is-key{color: var(--text);font-weight: 600}.ui-table__empty td{color: var(--text-dim);padding: 2rem;text-align: center}.ui-table__sort{align-items: center;background: none;border: 0;color: inherit;cursor: pointer;display: flex;font: inherit;gap: 0.4rem;letter-spacing: inherit;padding: 0;text-transform: inherit;inline-size: 100%}@media (pointer: coarse){.ui-table__sort{box-sizing: border-box;margin-block: -0.7rem;min-block-size: var(--tap-target-min);padding-block: 0.7rem}.ui-table--dense .ui-table__sort{margin-block: -0.42rem;padding-block: 0.42rem}.ui-table--comfortable .ui-table__sort{margin-block: -0.95rem;padding-block: 0.95rem}}.ui-table__sort::after{content: '↕';opacity: 0.4}.ui-table th[aria-sort='ascending'] .ui-table__sort::after{content: '↑';opacity: 1}.ui-table th[aria-sort='descending'] .ui-table__sort::after{content: '↓';opacity: 1}.ui-table__select{inline-size: 1px;white-space: nowrap}.ui-table--selectable tbody tr[aria-selected='true'] td{background: var(--bg-accent)}.ui-table__toolbar{align-items: center;border: 1px solid var(--line);border-block-end: 0;border-start-start-radius: var(--radius-md);border-start-end-radius: var(--radius-md);display: flex;gap: var(--space-sm);padding: var(--space-sm) var(--space-md)}.ui-table-wrap--loading{opacity: 0.6;pointer-events: none}}

package/dist/css/tokens.css

@@ -1 +1 @@
-@layer bronto{:root{--radius-xl: 4px;--radius-lg: 3px;--radius-md: 2px;--radius-sm: 1px;--radius-pill: 999px;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.35rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--tap-target: max(44px,2.9rem);--tap-target-min: max(24px,1.6rem);--safe-area-top: env(safe-area-inset-top,0px);--safe-area-right: env(safe-area-inset-right,0px);--safe-area-bottom: env(safe-area-inset-bottom,0px);--safe-area-left: env(safe-area-inset-left,0px);--mono: 'JetBrains Mono','Fira Code','Cascadia Code','SF Mono',ui-monospace,monospace;--sans: 'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--dot-font: 'Doto',var(--mono);--display: var(--dot-font);--display-weight: 700;--display-weight-strong: 800;--text-2xs: 0.72rem;--text-xs: 0.76rem;--text-sm: 0.86rem;--text-base: 0.95rem;--text-lg: 1.15rem;--text-xl: 1.45rem;--tracking-wide: 0.14em;--tracking-wider: 0.22em;--ease-standard: cubic-bezier(0.2,0.8,0.2,1);--ease-spring: cubic-bezier(0.16,1,0.3,1);--ease-out: cubic-bezier(0.33,1,0.68,1);--duration-fast: 130ms;--duration-base: 200ms;--duration-slow: 360ms;--dot-size: 2px;--dot-gap: 14px;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-overlay: 30;--z-popover: 50;--z-toast: 60;--accent-1: color-mix(in oklch,var(--accent) 8%,var(--accent-ramp-end));--accent-2: color-mix(in oklch,var(--accent) 16%,var(--accent-ramp-end));--accent-3: color-mix(in oklch,var(--accent) 32%,var(--accent-ramp-end));--accent-4: color-mix(in oklch,var(--accent) 60%,var(--accent-ramp-end));--accent-5: var(--accent);--accent-6: var(--accent-strong);--surface-1: var(--bg);--surface-2: var(--bg-elevated);--surface-3: var(--panel);--surface-4: var(--panel-soft);--surface-5: var(--line);--surface-6: var(--line-strong);--bronto-color-bg: var(--bg);--bronto-color-surface: var(--panel);--bronto-color-surface-raised: var(--panel-strong);--bronto-color-border: var(--line);--bronto-color-border-strong: var(--line-strong);--bronto-color-text: var(--text);--bronto-color-text-muted: var(--text-dim);--bronto-color-action: var(--accent);--bronto-color-on-action: var(--button-text);--bronto-color-focus: var(--focus-ring);--bronto-color-success: var(--success);--bronto-color-warning: var(--warning);--bronto-color-danger: var(--danger);--bronto-color-info: var(--info);--surface: var(--panel);--surface-raised: var(--panel-strong);--surface-muted: var(--panel-soft);--border: var(--line);--border-strong: var(--line-strong)}:root,:root[data-theme='light']{color-scheme: light;--bg: #f4f4f2;--bg-elevated: #fbfbfa;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--panel: #ffffff;--panel-strong: #ffffff;--panel-soft: #ececea;--line: #d8d8d4;--line-strong: #a8a8a2;--text: #0a0a0a;--text-soft: #353533;--text-dim: #686863;--accent: #d71921;--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--code-bg: rgb(10,10,10,0.05);--button-text: #ffffff;--field-dot: rgb(10,10,10,0.16);--field-dot-hot: rgb(10,10,10,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}}:root[data-theme='dark']{color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}[data-density='compact']{--space-2xs: 0.2rem;--space-xs: 0.4rem;--space-sm: 0.6rem;--space-md: 0.8rem;--space-lg: 1.05rem;--space-xl: 1.35rem;--space-2xl: 1.9rem}[data-density='comfortable']{--space-2xs: 0.3rem;--space-xs: 0.6rem;--space-sm: 0.95rem;--space-md: 1.25rem;--space-lg: 1.7rem;--space-xl: 2.2rem;--space-2xl: 3.1rem}[data-contrast='high'],:root[data-contrast='high']{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}@media (prefers-contrast: more){:root:root{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}}:root[data-theme='dark'][data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}@media (prefers-color-scheme: dark){:root:not([data-theme='light'])[data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}}@media print{:root:root:root:root{color-scheme: light;--text: #111;--text-soft: #2a2a2a;--text-dim: #555;--bg: #fff;--bg-elevated: #fff;--panel: #fff;--panel-strong: #fff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #b3b3b3;--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--accent: #d71921;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--button-text: #ffffff;--on-accent: var(--button-text);--field-dot: rgb(17,17,17,0.16);--field-dot-hot: rgb(17,17,17,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--code-bg: rgb(17,17,17,0.05)}}}
+@layer bronto{:root{--radius-xl: 8px;--radius-lg: 6px;--radius-md: 4px;--radius-sm: 2px;--radius-pill: 999px;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.35rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--tap-target: max(44px,2.9rem);--tap-target-min: max(24px,1.6rem);--safe-area-top: env(safe-area-inset-top,0px);--safe-area-right: env(safe-area-inset-right,0px);--safe-area-bottom: env(safe-area-inset-bottom,0px);--safe-area-left: env(safe-area-inset-left,0px);--mono: 'JetBrains Mono','Fira Code','Cascadia Code','SF Mono',ui-monospace,monospace;--sans: 'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--dot-font: 'Doto',var(--mono);--display: var(--dot-font);--display-weight: 700;--display-weight-strong: 800;--text-2xs: 0.75rem;--text-xs: 0.8125rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--tracking-wide: 0.14em;--tracking-wider: 0.22em;--ease-standard: cubic-bezier(0.2,0.8,0.2,1);--ease-spring: cubic-bezier(0.16,1,0.3,1);--ease-out: cubic-bezier(0.33,1,0.68,1);--duration-fast: 130ms;--duration-base: 200ms;--duration-slow: 360ms;--dot-size: 2px;--dot-gap: 14px;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-overlay: 30;--z-popover: 50;--z-toast: 60;--accent-1: color-mix(in oklch,var(--accent) 8%,var(--accent-ramp-end));--accent-2: color-mix(in oklch,var(--accent) 16%,var(--accent-ramp-end));--accent-3: color-mix(in oklch,var(--accent) 32%,var(--accent-ramp-end));--accent-4: color-mix(in oklch,var(--accent) 60%,var(--accent-ramp-end));--accent-5: var(--accent);--accent-6: var(--accent-strong);--surface-1: var(--bg);--surface-2: var(--bg-elevated);--surface-3: var(--panel);--surface-4: var(--panel-soft);--surface-5: var(--line);--surface-6: var(--line-strong);--bronto-color-bg: var(--bg);--bronto-color-surface: var(--panel);--bronto-color-surface-raised: var(--panel-strong);--bronto-color-border: var(--line);--bronto-color-border-strong: var(--line-strong);--bronto-color-text: var(--text);--bronto-color-text-muted: var(--text-dim);--bronto-color-action: var(--accent);--bronto-color-on-action: var(--button-text);--bronto-color-focus: var(--focus-ring);--bronto-color-success: var(--success);--bronto-color-warning: var(--warning);--bronto-color-danger: var(--danger);--bronto-color-info: var(--info);--surface: var(--panel);--surface-raised: var(--panel-strong);--surface-muted: var(--panel-soft);--border: var(--line);--border-strong: var(--line-strong)}:root,:root[data-theme='light']{color-scheme: light;--bg: #f4f4f2;--bg-elevated: #fbfbfa;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--panel: #ffffff;--panel-strong: #ffffff;--panel-soft: #ececea;--line: #d8d8d4;--line-strong: #a8a8a2;--text: #0a0a0a;--text-soft: #353533;--text-dim: #686863;--accent: #d71921;--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--code-bg: rgb(10,10,10,0.05);--button-text: #ffffff;--field-dot: rgb(10,10,10,0.16);--field-dot-hot: rgb(10,10,10,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}}:root[data-theme='dark']{color-scheme: dark;--bg: #121212;--bg-elevated: #181818;--bg-accent: color-mix(in srgb,var(--accent) 8%,transparent);--panel: #1c1c1c;--panel-strong: #222222;--panel-soft: #242424;--line: #383838;--line-strong: #555555;--text: #e6e6e6;--text-soft: #c8c8c8;--text-dim: #a0a0a0;--accent: #ff3b41;--accent-ramp-end: #000000;--accent-strong: color-mix(in srgb,var(--accent) 80%,#fff);--accent-text: var(--accent-strong);--on-accent: var(--button-text);--accent-soft: color-mix(in srgb,var(--accent) 14%,transparent);--success: #4ec27e;--success-soft: rgb(78,194,126,0.14);--warning: #d8bd72;--warning-soft: rgb(216,189,114,0.14);--danger: #ff4d54;--danger-soft: rgb(255,77,84,0.15);--info: #6fb0e6;--info-soft: rgb(111,176,230,0.14);--code-bg: rgb(255,255,255,0.05);--button-text: #000000;--field-dot: rgb(242,242,242,0.14);--field-dot-hot: rgb(242,242,242,0.36);--field-dot-accent: color-mix(in srgb,var(--accent) 82%,transparent);--focus-ring: var(--accent);--shadow: none;--shadow-raised: 0 0 0 1px var(--line-strong)}[data-density='compact']{--space-2xs: 0.2rem;--space-xs: 0.4rem;--space-sm: 0.6rem;--space-md: 0.8rem;--space-lg: 1.05rem;--space-xl: 1.35rem;--space-2xl: 1.9rem}[data-density='comfortable']{--space-2xs: 0.3rem;--space-xs: 0.6rem;--space-sm: 0.95rem;--space-md: 1.25rem;--space-lg: 1.7rem;--space-xl: 2.2rem;--space-2xl: 3.1rem}[data-contrast='high'],:root[data-contrast='high']{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}@media (prefers-contrast: more){:root:root{--line: var(--line-strong);--text-dim: var(--text-soft);--focus-ring: var(--accent);--shadow-raised: 0 0 0 1px var(--text)}}:root[data-theme='dark'][data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}@media (prefers-color-scheme: dark){:root:not([data-theme='light'])[data-surface='oled']{--bg: #000000;--bg-elevated: #0a0a0a;--panel: #101010;--panel-strong: #161616;--panel-soft: #1a1a1a}}@media print{:root:root:root:root{color-scheme: light;--text: #111;--text-soft: #2a2a2a;--text-dim: #555;--bg: #fff;--bg-elevated: #fff;--panel: #fff;--panel-strong: #fff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #b3b3b3;--success: #2f7d4f;--success-soft: rgb(47,125,79,0.12);--danger: #c01622;--danger-soft: rgb(192,22,34,0.1);--warning: #806414;--warning-soft: rgb(128,100,20,0.13);--info: #1f63c4;--info-soft: rgb(31,99,196,0.12);--accent: #d71921;--bg-accent: color-mix(in srgb,var(--accent) 6%,transparent);--accent-ramp-end: #ffffff;--accent-strong: color-mix(in srgb,var(--accent) 83%,#000);--accent-text: var(--accent-strong);--accent-soft: color-mix(in srgb,var(--accent) 10%,transparent);--button-text: #ffffff;--on-accent: var(--button-text);--field-dot: rgb(17,17,17,0.16);--field-dot-hot: rgb(17,17,17,0.4);--field-dot-accent: color-mix(in srgb,var(--accent) 78%,transparent);--focus-ring: var(--accent);--code-bg: rgb(17,17,17,0.05)}}}

package/dist/css/workbench.css

@@ -1 +1 @@
-@layer bronto{.ui-inspector{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-inspector__head{align-items: baseline;border-block-end: 1px solid var(--line);display: flex;gap: var(--space-sm);justify-content: space-between;padding-block-end: var(--space-xs)}.ui-inspector__body{display: grid;gap: var(--space-2xs)}.ui-toolstrip{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: var(--space-xs);min-inline-size: 0;padding: 0.35rem}.ui-toolstrip--floating{box-shadow: var(--shadow-raised)}.ui-toolstrip--compact{gap: var(--space-2xs);padding: 0.25rem}.ui-toolstrip--pane{background: none;border: 0;border-block-end: 1px solid var(--line);border-radius: 0;flex-wrap: nowrap;gap: var(--space-2xs);overflow-x: auto;padding: 0.3rem var(--space-xs);scrollbar-width: thin}.ui-toolstrip__fill{flex: 1 1 auto;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-toolstrip__brand{align-items: baseline;display: inline-flex;flex: 0 1 auto;gap: var(--space-xs);min-inline-size: 0;padding-inline: var(--space-xs)}.ui-toolstrip__brand strong{color: var(--text);font-size: var(--text-sm)}.ui-toolstrip__context{color: var(--text-dim);font-size: var(--text-xs);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-toolstrip__group,.ui-toolstrip__actions{align-items: center;display: inline-flex;flex-wrap: wrap;gap: var(--space-2xs)}.ui-toolstrip__group{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);padding: 0.16rem}.ui-toolstrip__search{flex: 1 1 14rem;min-inline-size: min(100%,11rem)}.ui-toolstrip__actions{margin-inline-start: auto}.ui-segmented-buttons{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);display: inline-flex;flex-wrap: wrap;gap: 0.16rem;padding: 0.16rem}.ui-segmented-buttons__button{background: transparent;border: 1px solid transparent;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;font-family: var(--mono);font-size: var(--text-xs);font-weight: 700;letter-spacing: var(--tracking-wide);line-height: 1;min-block-size: 1.9rem;padding: 0.48rem 0.7rem;text-transform: uppercase}.ui-segmented-buttons__button[aria-pressed='true'],.ui-segmented-buttons__button.is-active{background: var(--accent);border-color: var(--accent);color: var(--button-text)}.ui-segmented-buttons__button:disabled,.ui-segmented-buttons__button[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-property{align-items: baseline;display: grid;gap: var(--space-sm);grid-template-columns: minmax(6rem,38%) 1fr}.ui-property__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-property__value{color: var(--text);font-size: var(--text-sm);min-inline-size: 0}.ui-pane{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: flex;flex-direction: column;min-block-size: 0;min-inline-size: 0;overflow: hidden}.ui-pane__head{align-items: center;background: var(--bg-elevated);border-block-end: 1px solid var(--line);cursor: grab;display: flex;flex: none;gap: var(--space-2xs);min-block-size: var(--pane-head,2.5rem);padding: var(--space-2xs) var(--space-xs)}.ui-pane__head:active{cursor: grabbing}.ui-pane__title{flex: 1 1 auto;font-size: var(--text-xs);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-pane__title-input{background: var(--bg-elevated);border: 1px solid var(--accent);border-radius: var(--radius-sm);color: inherit;font: inherit;letter-spacing: inherit;margin-block: -1px;max-inline-size: 100%;min-inline-size: 0;padding: 0 0.25rem}.ui-pane__actions{display: flex;flex: 0 1 auto;flex-wrap: nowrap;gap: var(--space-2xs);min-inline-size: 0;overflow-x: auto;scrollbar-width: thin}.ui-pane__actions:empty{display: none}.ui-pane__body{display: flex;flex: 1;flex-direction: column;min-block-size: 0;min-inline-size: 0;overflow: auto}.ui-selectionbar{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding: 0.5rem 0.85rem}.ui-selectionbar__count{color: var(--text);font-family: var(--mono);font-size: var(--text-sm)}.ui-selectionbar__actions{display: flex;flex-wrap: wrap;gap: var(--space-xs)}.ui-selectionbar--anchored,.ui-toolstrip--anchored{--anchor-offset: var(--space-sm);inset-inline-start: 50%;max-inline-size: calc(100% - 2 * var(--space-md));position: absolute;transform: translateX(-50%)}.ui-selectionbar--anchored,.ui-toolstrip--anchored,.ui-selectionbar--anchor-block-end,.ui-toolstrip--anchor-block-end{inset-block: auto max(var(--anchor-offset),var(--safe-area-bottom))}.ui-selectionbar--anchor-block-start,.ui-toolstrip--anchor-block-start{inset-block: max(var(--anchor-offset),var(--safe-area-top)) auto}@media (hover: hover){.ui-segmented-buttons__button:hover:not(:disabled,[aria-disabled='true'],[aria-pressed='true'],.is-active){background: var(--panel);border-color: var(--line-strong);color: var(--text)}}.ui-splitter{--splitter-pos: 50%;--splitter-handle: 0.75rem;--splitter-pane-min: 0px;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr);min-block-size: 18rem;overflow: hidden}.ui-splitter--vertical{grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter--horizontal{grid-template-columns: 1fr;grid-template-rows: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter__pane{min-block-size: 0;min-inline-size: 0;overflow: auto;padding: var(--space-md)}.ui-splitter__handle{align-self: stretch;background: var(--panel-strong);border-block: 0;border-inline: 1px solid var(--line);cursor: col-resize;display: grid;min-inline-size: var(--splitter-handle);place-items: center;touch-action: none}.ui-splitter__handle::before{background: var(--line-strong);border-radius: var(--radius-pill);block-size: 2.5rem;content: "";inline-size: 2px}.ui-splitter__handle:hover::before,.ui-splitter__handle.is-active::before,.ui-splitter__handle[aria-valuenow]:focus-visible::before{background: var(--accent)}.ui-splitter__handle:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ui-splitter--horizontal .ui-splitter__handle{border-block: 1px solid var(--line);border-inline: 0;cursor: row-resize;min-block-size: var(--splitter-handle);min-inline-size: 0}.ui-splitter--horizontal .ui-splitter__handle::before{block-size: 2px;inline-size: 2.5rem}@media (forced-colors: active){.ui-segmented-buttons__button[aria-pressed='true'],.ui-segmented-buttons__button.is-active{background: Highlight;border-color: Highlight;color: HighlightText}.ui-splitter__handle{border-color: CanvasText}.ui-splitter__handle::before{background: CanvasText}}}
+@layer bronto{.ui-inspector{container: bronto-inspector / inline-size;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-inspector__head{align-items: baseline;border-block-end: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-sm);justify-content: space-between;padding-block-end: var(--space-xs)}.ui-inspector__body{display: grid;gap: var(--space-2xs)}.ui-toolstrip{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: var(--space-xs);min-inline-size: 0;padding: 0.35rem}.ui-toolstrip--floating{box-shadow: var(--shadow-raised)}.ui-toolstrip--compact{gap: var(--space-2xs);padding: var(--space-2xs)}.ui-toolstrip--pane{background: none;border: 0;border-block-end: 1px solid var(--line);border-radius: 0;flex-wrap: nowrap;gap: var(--space-2xs);overflow-x: auto;padding: 0.3rem var(--space-xs);scrollbar-width: thin}.ui-toolstrip__fill{flex: 1 1 auto;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-toolstrip__brand{align-items: baseline;display: inline-flex;flex: 0 1 auto;gap: var(--space-xs);min-inline-size: 0;padding-inline: var(--space-xs)}.ui-toolstrip__brand strong{color: var(--text);font-size: var(--text-sm)}.ui-toolstrip__context{color: var(--text-dim);font-size: var(--text-xs);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-toolstrip__group,.ui-toolstrip__actions{align-items: center;display: inline-flex;flex-wrap: wrap;gap: var(--space-2xs)}.ui-toolstrip__group{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);padding: 0.16rem}.ui-toolstrip__search{flex: 1 1 14rem;min-inline-size: min(100%,11rem)}.ui-toolstrip__actions{margin-inline-start: auto}.ui-segmented-buttons{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-md);display: inline-flex;flex-wrap: wrap;gap: 0.16rem;padding: 0.16rem}.ui-segmented-buttons__button{background: transparent;border: 1px solid transparent;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;font-family: var(--sans);font-size: var(--text-xs);font-weight: 700;letter-spacing: 0;line-height: 1;min-block-size: 1.9rem;padding: 0.48rem 0.7rem;text-transform: none}.ui-segmented-buttons__button[aria-pressed='true'],.ui-segmented-buttons__button.is-active{background: var(--accent);border-color: var(--accent);color: var(--button-text)}.ui-segmented-buttons__button:disabled,.ui-segmented-buttons__button[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-property{align-items: baseline;display: grid;gap: var(--space-sm);grid-template-columns: minmax(0,38%) minmax(0,1fr)}.ui-property__label{color: var(--text-dim);font-family: var(--sans);font-size: var(--text-xs);overflow-wrap: anywhere;letter-spacing: 0;text-transform: none}.ui-property__value{color: var(--text);font-size: var(--text-sm);min-inline-size: 0;overflow-wrap: anywhere}@container bronto-inspector (max-inline-size: 20rem){.ui-property{gap: var(--space-2xs);grid-template-columns: minmax(0,1fr);padding-block: var(--space-xs)}}.ui-pane{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: flex;flex-direction: column;min-block-size: 0;min-inline-size: 0;overflow: hidden}.ui-pane__head{align-items: center;background: var(--bg-elevated);border-block-end: 1px solid var(--line);cursor: grab;display: flex;flex: none;gap: var(--space-2xs);min-block-size: var(--pane-head,2.5rem);padding: var(--space-2xs) var(--space-xs)}.ui-pane__head:active{cursor: grabbing}.ui-pane__title{flex: 1 1 auto;font-size: var(--text-xs);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-pane__title-input{background: var(--bg-elevated);border: 1px solid var(--accent);border-radius: var(--radius-sm);color: inherit;font: inherit;letter-spacing: inherit;margin-block: -1px;max-inline-size: 100%;min-inline-size: 0;padding: 0 0.25rem}.ui-pane__actions{display: flex;flex: 0 1 auto;flex-wrap: nowrap;gap: var(--space-2xs);min-inline-size: 0;overflow-x: auto;scrollbar-width: thin}.ui-pane__actions:empty{display: none}.ui-pane__body{display: flex;flex: 1;flex-direction: column;min-block-size: 0;min-inline-size: 0;overflow: auto}.ui-selectionbar{align-items: center;background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding: 0.5rem 0.85rem}.ui-selectionbar__count{color: var(--text);font-family: var(--sans);font-size: var(--text-sm)}.ui-selectionbar__actions{display: flex;flex-wrap: wrap;gap: var(--space-xs)}.ui-selectionbar--anchored,.ui-toolstrip--anchored{--anchor-offset: var(--space-sm);inset-inline-start: 50%;max-inline-size: calc(100% - 2 * var(--space-md));position: absolute;transform: translateX(-50%)}.ui-selectionbar--anchored,.ui-toolstrip--anchored,.ui-selectionbar--anchor-block-end,.ui-toolstrip--anchor-block-end{inset-block: auto max(var(--anchor-offset),var(--safe-area-bottom))}.ui-selectionbar--anchor-block-start,.ui-toolstrip--anchor-block-start{inset-block: max(var(--anchor-offset),var(--safe-area-top)) auto}@media (hover: hover){.ui-segmented-buttons__button:hover:not(:disabled,[aria-disabled='true'],[aria-pressed='true'],.is-active){background: var(--panel);border-color: var(--line-strong);color: var(--text)}}.ui-splitter{--splitter-pos: 50%;--splitter-handle: 0.75rem;--splitter-pane-min: 0px;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr);min-block-size: 18rem;overflow: hidden}.ui-splitter--vertical{grid-template-columns: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter--horizontal{grid-template-columns: 1fr;grid-template-rows: minmax(var(--splitter-pane-min),var(--splitter-pos)) var(--splitter-handle) minmax(0,1fr)}.ui-splitter__pane{min-block-size: 0;min-inline-size: 0;overflow: auto;padding: var(--space-md)}.ui-splitter__handle{align-self: stretch;background: var(--panel-strong);border-block: 0;border-inline: 1px solid var(--line);cursor: col-resize;display: grid;min-inline-size: var(--splitter-handle);place-items: center;touch-action: none}.ui-splitter__handle::before{background: var(--line-strong);border-radius: var(--radius-pill);block-size: 2.5rem;content: "";inline-size: 2px}.ui-splitter__handle:hover::before,.ui-splitter__handle.is-active::before,.ui-splitter__handle[aria-valuenow]:focus-visible::before{background: var(--accent)}.ui-splitter__handle:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ui-splitter--horizontal .ui-splitter__handle{border-block: 1px solid var(--line);border-inline: 0;cursor: row-resize;min-block-size: var(--splitter-handle);min-inline-size: 0}.ui-splitter--horizontal .ui-splitter__handle::before{block-size: 2px;inline-size: 2.5rem}@media (forced-colors: active){.ui-segmented-buttons__button[aria-pressed='true'],.ui-segmented-buttons__button.is-active{background: Highlight;border-color: Highlight;color: HighlightText}.ui-splitter__handle{border-color: CanvasText}.ui-splitter__handle::before{background: CanvasText}}}

package/docs/adr/0004-prune-unused-adapters.md

@@ -1,6 +1,6 @@
 # 0004. Prune unused adapter and controlled-modal surfaces
 
-Status: accepted
+Status: implemented in 0.10.0
 
 ## Context
 
@@ -32,3 +32,7 @@ interaction.
 - Existing adapter users have one full minor to migrate.
 - Package examples continue proving compatibility during 0.7.
 - A future adapter requires real adoption evidence, not catalog symmetry.
+
+The removal is implemented in 0.10.0. See the
+[0.10 migration](../migrations/0.9-to-0.10.md) for the replacement lifecycle
+and native-dialog contracts.

package/docs/adr/0005-productive-tools-and-editorial-reports.md

@@ -0,0 +1,58 @@
+# 0005. Productive tools and editorial reports
+
+Status: accepted; applies from 0.10.0
+
+## Context
+
+The shared CSS and evidence vocabulary serve several independently deployed
+applications and static reports. The same display typography and nested
+frames were applied to everyday controls, dense panels, and long documents.
+Small headings and labels were difficult to distinguish, and a narrow
+workbench could fit the browser width while leaving its preview too narrow to read.
+
+The framework adapter and controlled-modal paths deprecated in 0.7 remained
+unused in the inspected downstream applications. Maintaining them multiplied
+types, examples, peers, and parity checks without improving those applications.
+
+## Decision
+
+Keep CSS as the universal layer, with optional dependency-free vanilla
+behaviors. Default to readable sans typography and sentence case for headings,
+controls, and labels. Keep `Doto` through explicit display and glyph primitives.
+Use tabular numbers and fixed-width type where the content benefits from them.
+
+Treat tools and reports as two compositions of the same identity. Tool chrome
+stays quiet and compact. Reports use a reading measure, larger screen prose,
+an early decision, and a separate print treatment. These are CSS and authoring
+recipes, not parallel themes or rendering frameworks.
+
+Use available container width when composing an inspector. The host still owns
+whether split panes stack, collapse, or switch. Supply a complete narrow-pane
+recipe instead of silently changing every resize control’s behavior.
+
+Remove the five framework adapter entrypoints and the controlled modal in
+0.10.0. Keep native dialog styling and behavior. Maintain packed examples for
+the inspected consumer stacks and the CSS/report integration boundaries.
+Applications may use specialist behavior libraries for complex controls and
+style them with the shared tokens; the universal package does not wrap them.
+
+A new public surface needs a demonstrated task and evidence that the proposed
+composition improves it. A shipped hand-built duplicate is useful evidence,
+not a prerequisite. Prototype freely and prefer a recipe when existing classes
+can express the result. Adoption percentage and class count are not targets.
+
+## Consequences
+
+The release changes visual defaults and removes deprecated imports. Consumers
+must review complete screens and migrate together; see the
+[0.10 migration](../migrations/0.9-to-0.10.md).
+
+Keep packed import/type checks, generated-contract checks, accessibility,
+behavior, and print verification. Remove only obligations associated with
+retired surface. Compare a service overview, an inspector, and a decision
+report before adding catalog. The examples prove compatibility; real consumer
+upgrades prove the release's practical value.
+
+The raw default-CSS budget is 100,000 bytes and the `gzip` budget is 18,000 bytes.
+This deliberate headroom replaces a nearly full ceiling. Payload changes
+remain measured and reviewed; specialist report/tooling leaves stay opt-in.

package/docs/adr/0006-trusted-publishing.md

@@ -0,0 +1,92 @@
+# 0006. Publish to npm without a stored credential
+
+Status: accepted; applies from 0.10.0
+
+## Context
+
+Releases authenticated to npm with a granular access token held in the
+`NPM_TOKEN` secret of the protected `npm-publish` environment. The token was
+created on 2026-05-30 with 2FA bypass, write access to `@ponchia/ui`, and an
+expiry of 2026-08-28.
+
+The v0.10.0 release exposed the cost of that design. Every gate passed —
+validation, cross-engine end-to-end, packed examples, publish preflight — the
+maintainer approved the protected environment, and the publish then failed
+with `E404` on an existing package. `E404` reads as "no such package", so the
+first hypothesis was package metadata. The real cause was that the token had
+expired eleven days earlier. A read-only `whoami` request would have returned
+`401` at any point in those eleven days, but nothing was asking.
+
+Three properties of the old design combined into that outcome:
+
+- The credential's validity was invisible until the most expensive moment in
+  the pipeline, after roughly twenty minutes of gates and a human approval.
+- npm's failure mode misattributes an authentication problem to the package,
+  so the error text actively points investigation the wrong way.
+- Expiry is silent. Nothing in the repository, the environment, or CI knew the
+  date; it lived only in a note beside the token in the password manager.
+
+The approval gate did not and could not help. A required reviewer releases the
+job; it does not check that the job can authenticate.
+
+Two further constraints made "rotate the token and continue" unattractive.
+From August 2026 npm forbids tokens with 2FA bypass from performing token
+management, so a CI token can no longer mint or rotate its successor — every
+renewal is a manual browser session with a second factor. And npm has stated
+that direct token publishing will be reduced further, with trusted publishing
+as the endorsed path.
+
+Trusted publishing was previously assessed as unavailable to this estate: npm
+supports it only on provider-hosted runners, and most repositories here run on
+self-hosted `arc-vps-*` runners because GitHub-hosted minutes are billing
+blocked. That assessment does not hold for this repository. `bronto-ui` is
+public, so GitHub-hosted minutes are free, and the release workflow already
+runs entirely on `ubuntu-latest`.
+
+## Decision
+
+Publish by trusted publishing (OIDC). No npm credential is stored.
+
+GitHub mints a short-lived token for the workflow run; npm exchanges it for a
+publish credential scoped to that run. The publisher is registered on npmjs.com
+against a four-part identity: the organization `Ponchia`, the repository
+`bronto-ui`, the workflow filename `release.yml`, and the environment
+`npm-publish`. All four must match or the exchange is refused.
+
+Two conditions are enforced by `check:release` rather than left to review,
+because both fail only at publish time:
+
+- `publish-npm` raises the npm CLI past 11.5.1. Node 22 bundles npm 10.x,
+  which predates OIDC support and falls back to looking for a token.
+- `publish-npm` references neither `NODE_AUTH_TOKEN` nor `secrets.NPM_TOKEN`.
+  A reintroduced token takes precedence over OIDC, which would quietly restore
+  the failure mode this decision removes.
+
+## Consequences
+
+The expiry class of failure is gone: there is no long-lived credential, so
+there is no date to miss and no rotation to schedule. The blast radius of a
+compromised repository secret shrinks to nothing, because the secret does not
+exist. Provenance is generated automatically instead of depending on a flag.
+
+The identity is now positional, which is the cost. Renaming `release.yml`,
+moving the publish to another environment, or transferring the repository
+breaks publishing until the npm-side registration is updated — a rename that
+is otherwise routine becomes a release-blocking change. The workflow header
+and `docs/architecture.md` both say so at the point where someone would make
+that edit.
+
+Registration itself remains a browser action requiring the maintainer's second
+factor. That is a one-time cost rather than a recurring one, which is the
+whole point.
+
+The `NPM_TOKEN` secret and its password-manager entry are retired after the
+first successful trusted publish, not before, so the previous path stays
+available if the exchange needs debugging.
+
+Like every other ADR, this record ships in the package. `check:pack` enforces
+that: the published documentation points into `docs/adr/`, so an ADR that
+exists but is not in `files` leaves a consumer following that pointer at a
+404. The decision set is published whole or not at all — a release-mechanics
+record is not carved out on the grounds that consumers are unlikely to want
+it.

package/docs/architecture.md

@@ -11,9 +11,9 @@ Status: accepted · 2026-05-15 · applies from v0.2.0
 >   gates, opt-in colorways, data-viz, APCA advisory reporting, and the
 >   OKLCH core accent ramp.
 > - [ADR-0004 — Prune unused adapter and controlled-modal surfaces](./adr/0004-prune-unused-adapters.md)
->   (accepted; deprecated in 0.7) — retain the package-only adapters and
->   controlled modal for one migration minor, then remove them unless a real
->   consumer supplies adoption evidence.
+>   (implemented in 0.10) — remove unadopted adapters and the controlled modal.
+> - [ADR-0005 — Productive tools and editorial reports](./adr/0005-productive-tools-and-editorial-reports.md)
+>   (accepted; 0.10) — readable defaults, selective display identity, and task-led composition.
 
 ## Context
 
@@ -44,11 +44,6 @@ on top of the CSS, none of which require a framework commitment**:
 ├── annotations/ pure SVG callout geometry (builds on connectors)     [optional]
 ├── glyphs/      dot-matrix glyph registry/renderers                 [optional]
 ├── schemas/     declarative JSON contracts for report/tooling data   [optional]
-├── react/       deprecated React hooks over behaviors               [remove >=0.8]
-├── solid/       deprecated Solid primitives over behaviors          [remove >=0.8]
-├── qwik/        deprecated Qwik hooks over behaviors                 [remove >=0.8]
-├── svelte/      deprecated Svelte actions over behaviors            [remove >=0.8]
-└── vue/         deprecated Vue directives over behaviors            [remove >=0.8]
 ```
 
 ### Consequences of each layer
@@ -92,11 +87,6 @@ on top of the CSS, none of which require a framework commitment**:
 - **glyphs/** — static bitmap data and SSR-safe render helpers. The
   256-cell DOM renderers are for display and solid inline icons; the `.ui-icon`
   mask renderer is for dense icon-at-scale use.
-- **react/** / **solid/** / **qwik/** / **svelte/** / **vue/** — deprecated
-  lifecycle adapters over `behaviors/`. They remain compatible for the complete
-  0.7 minor, then may be removed in 0.8 under ADR-0004. Ten real-consumer audits
-  found no adapter imports; framework consumers already use the vanilla
-  initializers in their own mount/cleanup lifecycle.
 - **`css/analytical.css` — the analytical roll-up.** This convenience file
   `@import`s exactly **nine** analytical figure/evidence leaves: `figure`,
   `annotations`, `legend`, `marks`, `connectors`, `spotlight`, `crosshair`,
@@ -111,8 +101,7 @@ on top of the CSS, none of which require a framework commitment**:
   `import '@ponchia/ui'` in Vite/Astro/SvelteKit). There is no runtime JS at
   the package root — Node/runtime JS imports of `.` are not supported. All JS
   entrypoints are explicit subpaths (`/behaviors`, `/classes`, `/tokens`,
-  `/glyphs`, `/annotations`, `/connectors`, `/react`, `/solid`, `/qwik`,
-  `/svelte`, `/vue`, `/skins`, `/charts`, `/mermaid`, `/d2`, `/vega`). This is
+  `/glyphs`, `/annotations`, `/connectors`, `/skins`, `/charts`, `/mermaid`, `/d2`, `/vega`). This is
   a permanent, intentional contract.
 
 ### Surface admission rule
@@ -140,7 +129,7 @@ registries, virtualized grids, or framework component APIs.
 The repo root mixes five kinds of directory that look alike but follow very
 different rules. Two distinctions matter most: several are **path-frozen
 published subpaths** — the directory name _is_ the public import specifier
-(`@ponchia/ui/react` resolves to `./react/`), so they cannot be moved or
+(`@ponchia/ui/behaviors` resolves to `./behaviors/`), so they cannot be moved or
 renamed — and several are **generated** and must never be hand-edited (a
 generator overwrites them and a drift gate fails CI).
 
@@ -148,7 +137,7 @@ generator overwrites them and a drift gate fails CI).
 | --- | --- | --- | --- |
 | `css/` | source | yes | The framework. Most leaves are hand-authored `@layer bronto` CSS. The palette blocks in `css/tokens.css`, plus `css/skins.css` and `css/dataviz.css`, are generated. `css/generated.css` is authored trust-surface CSS despite its name. |
 | `tokens/index.js` | source | yes | The single source of truth for token **values** (`cssVars`). |
-| `classes/index.js`, `behaviors/`, `annotations/`, `connectors/`, `react/`, `solid/`, `qwik/`, `svelte/`, `vue/`, `glyphs/`, `shiki/` | source · published-subpath (path-frozen) | yes — but **do not move** | Authored ESM shipped as-is; the dir name is the public import path. The `.d.ts` beside them are generated/drift-checked: `connectors`/`annotations`/`react`/`solid`/`qwik`/`svelte`/`vue`/`behaviors` are emitted from JSDoc by `tsc` (`npm run dts:emit`), `classes`/`tokens`/`glyphs` from the runtime. No leaf `.d.ts` is hand-maintained. |
+| `classes/index.js`, `behaviors/`, `annotations/`, `connectors/`, `glyphs/`, `shiki/` | source · published-subpath (path-frozen) | yes — but **do not move** | Authored ESM shipped as-is; the dir name is the public import path. The `.d.ts` beside them are generated/drift-checked: `connectors`/`annotations`/`behaviors` are emitted from JSDoc by `tsc` (`npm run dts:emit`), `classes`/`tokens`/`glyphs` from the runtime. No leaf `.d.ts` is hand-maintained. |
 | `schemas/*.schema.json` | source · published schema files (path-frozen) | yes — but **do not move exported files** | Declarative JSON Schema contracts for sidecars/tooling data. Each exported schema file path is public; the directory itself is not a wildcard import. No validator runtime ships. |
 | `dist/` | generated | no | Build of `css/` (`npm run dist:build`); byte-checked by `check:dist`. |
 | `tokens/index.json`, `tokens/resolved.json`, `tokens/tokens.dtcg.json`, `tokens/figma.variables.json`, `tokens/charts.json`, `classes/index.d.ts`, `tokens/index.d.ts`, `tokens/{skins,charts}.d.ts`, `glyphs/glyphs.d.ts`, `classes/vscode.css-custom-data.json`, `docs/reference.md` | generated | no | Committed build artifacts; regenerate with `npm run prepack`, never hand-edit. Drift-checked in `npm run check`. |
@@ -184,7 +173,7 @@ are copied into consumer reports.
 | exports / import graph / source CSS `layer(bronto)` imports / layered-vs-unlayered CSS target map / `files` consistent | `check-exports.mjs` |
 | pure generated mirrors fresh — `tokens.css`/`index.json`, `dtcg.json`, `resolved.json`, `figma.variables.json`, `classes`/`tokens` `.d.ts`, `reference.md`, vscode data — each byte-equal to its generator (registry: `scripts/lib/artifacts.mjs`) | `check-fresh.mjs` |
 | `classes` `cls` ⇄ `.ui-*` selectors             | `check-classes.mjs` |
-| `connectors`/`annotations`/`react`/`solid`/`qwik`/`svelte`/`vue`/`behaviors` `.d.ts` (+ maps) == fresh `tsc` emit of their JSDoc | `check-dts-emit.mjs` |
+| `connectors`/`annotations`/`behaviors` `.d.ts` (+ maps) == fresh `tsc` emit of their JSDoc | `check-dts-emit.mjs` |
 | legend swatch colours ⊆ `charts.js` · opt-in   | `check-legend.mjs`  |
 | color tokens tiered · no raw chromatic color in components | `check-color-policy.mjs` |
 | `css/skins.css` ⇄ `tokens/skins.js` · colorways opt-in | `check-skins.mjs` |
@@ -193,14 +182,13 @@ are copied into consumer reports.
 | `shiki/nothing.json` valid + on rationed palette | `check-shiki.mjs`  |
 | `dist/*.css` == fresh single-`@layer bronto` build of `css/` + budget | `check-dist.mjs`    |
 | published tarball == intended `files` only      | `check-pack.mjs`    |
-| packed core JS/JSON public subpaths import without optional framework peers, packed JS named exports exactly match source modules, peer-backed adapters import after peers are linked, concrete CSS/doc/font subpaths resolve, and packed behavior initializers/toast no-op in a clean consumer with no DOM globals | `check-consumer-surface.mjs` |
+| packed JS/JSON public subpaths import without framework peers, packed JS named exports exactly match source modules, concrete CSS/doc/font subpaths resolve, and packed behavior initializers/toast no-op in a clean consumer with no DOM globals | `check-consumer-surface.mjs` |
 | packed typed public subpaths compile through package exports in a clean TypeScript consumer | `check-consumer-types.mjs` |
 | function-level cyclomatic complexity stays ≤12 and function NLOC stays within budget, with no per-function exception list | `check-complexity.mjs` |
 | GitHub Actions workflow syntax and embedded shell snippets lint | `check:workflows` (`github-actionlint`) |
 | every shipped CSS leaf is classified as foundation or has explicit docs/demo/e2e ownership | `check-component-matrix.mjs` |
 | every public behavior export has explicit docs, unit-test, and browser-test ownership | `check-behavior-matrix.mjs` |
 | every public helper export in `classes`/`annotations`/`connectors`/`glyphs` has explicit docs, unit-test, and type-test ownership | `check-helper-matrix.mjs` |
-| every delegated behavior has React/Solid/Qwik hook, Svelte action, Vue directive, docs, example, unit, and type ownership | `check-binding-matrix.mjs` |
 | `@playwright/test` version ⇄ pinned Playwright container image ⇄ visual workflows/docs/local runner | `check-playwright-container.mjs` |
 | every shipped JSON schema is exported, documented, validates its public cookbook example, and rejects malformed sidecars | `check-schemas.mjs` |
 | packed public text contains no private terms, local paths, or secret-looking assignments | `check-public-hygiene.mjs` |
@@ -263,7 +251,13 @@ pointer:
   with provenance. Runs in the `npm-publish` **Environment**
   (required-reviewer protection), so after the gates and preflight pass the run
   pauses for a manual approval in the Actions UI before anything reaches npm —
-  a guard against an accidental tag push publishing. Dist-tag is derived from
+  a guard against an accidental tag push publishing. Authentication is
+  **trusted publishing (OIDC)**: no npm token is stored anywhere, and the
+  credential npm mints is short-lived and bound to this repository, this
+  workflow filename, and this environment
+  ([ADR-0006](./adr/0006-trusted-publishing.md)). Renaming `release.yml` or
+  moving the publish to another environment breaks publishing until the
+  npm-side registration is updated. Dist-tag is derived from
   the tag: stable (`v0.4.0`) → `latest`; SemVer prerelease (`v0.4.0-rc.1`, any
   hyphenated identifier) → `next`, so the default `npm i @ponchia/ui` never
   moves onto an unstable build (opt in with `@ponchia/ui@next`). Post-publish
@@ -321,8 +315,7 @@ explained, not surprising.
 - Run `npm pack --dry-run --json` locally or from CI logs and confirm the
   intended file count/payload.
 - Build the packed examples matrix from the tarball, not a workspace link:
-  `npm run test:examples` covers vanilla, Astro, SvelteKit, Vue, React, Solid,
-  Qwik, Tailwind, and report-static, with Chromium browser smokes for runtime
+  `npm run test:examples` covers vanilla, Astro, SvelteKit, React, Tailwind, and report-static, with Chromium browser smokes for runtime
   examples. For a deeper consumer pass, `npm run test:examples:cross-browser`
   runs the same packed smokes in Chromium, Firefox, and WebKit; manual CI
   dispatches pass the same cross-browser flag to the reusable examples workflow.

package/docs/command.md

@@ -34,8 +34,7 @@ stable ids, roles, `aria-controls`, `aria-expanded`,
 `aria-activedescendant`, keyboard navigation, filtering, selection, and close
 behavior. Do not bind both owners to the same palette.
 
-The framework adapter subpaths remain compatible in 0.7 but are deprecated for
-removal no earlier than 0.8. Prefer direct `initCommand()` lifecycle cleanup for
+The framework adapter subpaths were removed in 0.10. Use direct `initCommand()` lifecycle cleanup for
 a DOM-authored list, or controlled host mode when the framework owns the widget.
 
 ## Markup

package/docs/compositions.md

@@ -0,0 +1,110 @@
+# Compose a tool or report
+
+Start with the task and its important state. Use the catalog to find a part,
+not to decide how many parts a page should contain.
+
+## Service overview
+
+Load the core CSS and the opt-in state leaf. Use `ui-app-shell` for navigation,
+`ui-app-topbar` for the page title and primary action, and `ui-app-content` for
+the current state and work queue. Panels group content without adding another
+frame around every metric and table.
+
+```css
+@import '@ponchia/ui';
+@import '@ponchia/ui/css/state.css';
+```
+
+Use sentence-case labels. Keep the main action distinguishable from destructive
+actions through wording and placement. Use `ui-delta--invert` when a decrease
+is favorable, such as queue delay. Unknown, stale, and failed are distinct
+states; do not present missing observations as success.
+
+The complete specimen is [service.html](https://ponchia.github.io/bronto-ui/demo/service.html). On a phone,
+navigation wraps and the compact metrics leave room for the work queue.
+Check the main action, every navigation destination, and a long account name
+at 360px and with a coarse pointer. A data table may scroll in its own region.
+
+## Inspector and workbench
+
+Load `workbench.css` beside core. An inspector supplies its own container
+boundary: property rows stack below 20rem of available inline size, including
+inside a narrow panel on a wide desktop.
+
+```html
+<aside class="ui-inspector" aria-label="Selected job">
+  <header class="ui-inspector__head"><h2>Job settings</h2></header>
+  <div class="ui-inspector__body">
+    <div class="ui-property">
+      <label class="ui-property__label" for="retry-count">Retry limit</label>
+      <div class="ui-property__value">
+        <input class="ui-input" id="retry-count" type="number" value="3" />
+      </div>
+    </div>
+  </div>
+</aside>
+```
+
+A splitter does not choose a product's collapse policy. The
+[workbench specimen](https://ponchia.github.io/bronto-ui/demo/workbench.html) stacks its two panes below 42rem
+of container width and hides the inactive resize handle and resize controls.
+Both panes remain available. A tool that needs a pane switch instead should
+keep that policy in its own component.
+
+Keep a badge inside a `ui-row__meta` wrapper rather than applying both classes
+to the same element: the wrapper owns layout and the badge owns its tone.
+
+Use `ui-chip--dense` for static labels inside short pane headers. Dense chips
+on buttons, links, or button roles retain pointer target floors. Use regular
+buttons for actions; a colored chip is not an action registry.
+
+Test the resize control’s keyboard and pointer paths at wide sizes, then verify
+that the narrow layout has no hidden keyboard-reachable resize control and both panes
+have a useful reading width. Test the inspector inside a 280px parent while
+the browser itself is wide.
+
+## Decision report
+
+Use the core stylesheet plus `report-kit.css` for a standalone HTML report.
+Use real asset URLs in HTML; package specifiers resolve only in build tools.
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.10.0/dist/bronto.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.10.0/dist/css/report-kit.css" />
+<article class="ui-report">
+  <header class="ui-report__cover ui-report__cover--compact">
+    <h1 class="ui-report__title">Keep the current configuration</h1>
+    <p class="ui-report__subtitle">Queue delay improved; verify the next scheduled run.</p>
+  </header>
+  <section class="ui-report__section" aria-labelledby="decision-title">
+    <h2 class="ui-report__section-head" id="decision-title">Decision and basis</h2>
+    <p>The completed runs support keeping the change. The next batch remains unobserved.</p>
+  </section>
+  <details class="ui-report__toc ui-screen-only">
+    <summary>Contents and evidence</summary>
+    <ol><li><a href="#decision-title">Decision and basis</a></li></ol>
+  </details>
+</article>
+```
+
+Screen prose is 1.125rem with a 68ch maximum reading measure; the report can
+still contain wider figures and evidence tables. Print uses 11pt ink-on-white
+text. Use the `--report-measure` and `--report-width` hooks deliberately.
+Do not apply `ui-display` to every report heading.
+
+The [standalone specimen](https://ponchia.github.io/bronto-ui/demo/report-standalone.html) keeps its decision
+before collapsed navigation. Verify the recommendation and its source are
+findable, the text remains readable at narrow widths, and the PDF retains
+claims, captions, and evidence across page boundaries.
+
+## Display identity
+
+`ui-display`, dot glyphs, and readouts preserve the expressive identity.
+Use them for a short hero title or deliberate display moment. Ordinary `h1`
+through `h4`, prose, labels, and controls use sans typography. Fixed-width type is for
+code, identifiers, and aligned data; a whole page does not need to be mono to
+look technical.
+
+Use one dominant action per local task. Separate navigation, action, severity,
+and evidence status semantically even when they share a color family. Test
+light and dark together, and keep keyboard focus and reduced motion visible.

package/docs/frontier-primitives.md

@@ -185,8 +185,7 @@ a consumer needs it.
 The keyboard-hint primitive (`.ui-shortcut` + `.ui-shortcut__sep` over `.ui-kbd`,
 core chrome) landed first, then the `ui-command` palette: the
 `@ponchia/ui/css/command.css` shell + the `initCommand` `data-bronto-command`
-behavior (filter, roving focus, `bronto:command:select`/`close`) + `useCommand`
-bindings. The host still owns the action registry and execution — Bronto only
+behavior (filter, roving focus, `bronto:command:select`/`close`). The host still owns the action registry and execution — Bronto only
 filters and navigates.
 
 Why it matters: command palettes turn a product from a page collection into a

package/docs/migrations/0.8-to-0.9.md

@@ -0,0 +1,66 @@
+# Migrating 0.8 to 0.9
+
+Machine-readable migration graph: [`MIGRATIONS.json`](../../MIGRATIONS.json).
+
+One required change, and it is a one-word addition.
+
+## 1. Add `ui-menu--dropdown` to your menus
+
+`.ui-menu` used to weld its placement into the surface: `position: absolute`
+plus an offset relative to its trigger. That made the class unusable for a menu
+opened at a POINT — a canvas context menu, a long-press sheet — so a consumer
+with one re-declared the panel, border, radius and shadow just to get a surface.
+
+Placement is now opted into:
+
+```diff
+ <details class="ui-menu-host" data-bronto-menu>
+   <summary class="ui-button ui-button--subtle">Menu</summary>
+-  <div class="ui-menu">
++  <div class="ui-menu ui-menu--dropdown">
+```
+
+Without the modifier the surface renders in normal flow. Nothing else changed:
+`--dropdown` carries exactly the declarations that used to be unconditional.
+
+For a menu you position yourself, use `ui-menu--at-pointer` and set `left`/`top`
+(or the logical equivalents) from the host — Bronto only takes it out of flow
+and gives it the popover layer.
+
+## 2. Optional: adopt `ui-row`
+
+New in the default bundle, so it costs nothing to try. If you have a list of
+selectable lines that is not a table and not a menu — search results, an
+explorer, an outline, backlinks, commits — that is `ui-row`:
+
+```html
+<button class="ui-row ui-row--ruled" type="button" aria-selected="true">
+  <span class="ui-row__mark" aria-hidden="true">◆</span>
+  <span class="ui-row__title">apps/server/src/collab/room.ts</span>
+  <span class="ui-row__meta">4m</span>
+</button>
+```
+
+`__title` truncates; `__meta` does not. Selection reads `aria-selected` or
+`aria-current`, so the visual state cannot disagree with what a screen reader
+announces. Rows carrying a severity want `ui-severity-row` instead.
+
+`ui-menu__item` composes it, so menu items and rows cannot drift apart.
+
+## 3. Know what `data-density` actually does
+
+No change in behaviour — a correction to what the docs claimed. The preset
+re-points the `--space-*` scale, so it moves the ~40 components whose padding is
+expressed in that scale and **none** of the rest. `ui-alert` and
+`ui-menu__item` are the two most likely to surprise you.
+
+The others carry tuned pairs like `0.5rem 0.55rem` that a seven-step scale
+cannot express; flattening them would change the default rendering everyone
+uses. If you need a denser variant of a component that does not respond,
+override its padding — and if you do that repeatedly for the same component,
+report it, because that is evidence for a real `--dense` modifier.
+
+## Nothing else changed
+
+No class was removed or renamed. `bronto-ui-check` will not report anything new
+for a 0.8-clean consumer.

package/docs/migrations/0.9-to-0.10.md

@@ -0,0 +1,47 @@
+# Upgrade from 0.9 to 0.10
+
+0.10 changes visual defaults and removes the adapter and controlled-modal
+paths deprecated in 0.7. The structured changes are in
+[`MIGRATIONS.json`](../../MIGRATIONS.json).
+
+## Update imports and modal ownership
+
+Remove imports from `@ponchia/ui/react`, `/solid`, `/qwik`, `/svelte`, and
+`/vue`. Import class names from `@ponchia/ui/classes` and initialization functions from
+`@ponchia/ui/behaviors`. Call each initialization function after the DOM root exists and
+call its cleanup on component removal. The [integration guide](https://github.com/Ponchia/bronto-ui/blob/main/docs/integration.md) links
+the host lifecycle recipes.
+
+Replace `initModal`, `ModalCloseDetail`, and `@ponchia/ui/behaviors/modal` with
+native `<dialog>` and `initDialog`. Remove `data-bronto-modal` and the
+`ui.modal({ open: true })` option. Open with `showModal()` and close with
+`close()` or the existing `data-bronto-open` / `data-bronto-close` triggers.
+Use the native `cancel` and `close` events instead of `bronto:modal:close`.
+The `ui-modal` and drawer classes remain; `.is-open` no longer opens them.
+
+## Review complete screens
+
+- The root respects the browser's default size: 16px at the usual setting.
+  The small text steps are 12px, 13px, and 14px rather than approximately
+  10.8px, 11.4px, and 12.9px.
+- Headings and controls use sans and sentence case. Keep an intentional
+  display title by applying `ui-display`, not by restyling every heading.
+- Service panels lose redundant frames, metrics stay compact, and narrow
+  navigation wraps. Remove consumer overrides that recreated those fixes.
+- Reports use larger screen prose, a reading measure, and 11pt print text.
+  Prefer a decision before navigation; a `details.ui-report__toc` can collapse
+  its contents without JavaScript. A `nav.ui-report__toc` remains expanded.
+- Inspectors adapt property rows to their own width. Splitter collapse policy
+  remains host-owned; use the [composition recipe](../compositions.md).
+
+Check your real content at narrow, laptop, and desktop sizes, in both themes,
+with keyboard and touch input. Review print output for reports. Upgrade from
+the packed candidate before changing production version pins.
+
+## Retained and new surface
+
+Core CSS, class recipes, vanilla behaviors, tokens, report and analytical
+leaves remain framework-neutral. `ui-timestrip` and `ui-severity-tone`,
+previously unreleased on main, are included. `ui-chip--dense` replaces repeated
+static-label height overrides. Specialist behavior libraries may live in a
+consumer; the core still has no runtime or peer dependencies.