@misoto22/design 0.9.0 → 0.10.0

package/dist/agent/Accordion.md

@@ -4,7 +4,7 @@ Disclosure rows that open in place.
 
 - Group: Navigation
 - Import: `import { Accordion } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/accordion/
 - Related: tabs
 

package/dist/agent/Alert.md

@@ -4,7 +4,7 @@ A message about the page, in place.
 
 - Group: Feedback
 - Import: `import { Alert } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/alert/
 - Related: toast, error-state
 

package/dist/agent/AppShell.md

@@ -4,7 +4,7 @@ Two columns on a desktop, a drawer on a phone.
 
 - Group: Surfaces
 - Import: `import { AppShell } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/app-shell/
 - Related: nav-item
 

package/dist/agent/ArchitectureFigure.md

@@ -4,7 +4,7 @@ A component map: services, datastores, trust boundaries, and what talks to what.
 
 - Group: Diagrams
 - Import: `import { ArchitectureFigure } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/architecture-figure/
 - Related: dataflow-figure, diagram, diagram-canvas
 

package/dist/agent/AreaChart.md

@@ -4,7 +4,7 @@ A filled series over a continuous axis, where the area means something.
 
 - Group: Charts
 - Import: `import { AreaChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/area-chart/
 - Related: line-chart, bar-chart, composed-chart
 

package/dist/agent/Article.md

@@ -4,7 +4,7 @@ The long-form reading surface — everything a Markdown pipeline emits, in this
 
 - Group: Surfaces
 - Import: `import { Article } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/article/
 - Related: diagram, card
 

package/dist/agent/AspectRatio.md

@@ -4,7 +4,7 @@ A box that keeps its shape whatever is inside it.
 
 - Group: Surfaces
 - Import: `import { AspectRatio } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/aspect-ratio/
 - Related: skeleton, card
 

package/dist/agent/Avatar.md

@@ -4,7 +4,7 @@ A person, as a circle, with initials until the image lands.
 
 - Group: Display
 - Import: `import { Avatar } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/avatar/
 
 ## Anatomy

package/dist/agent/Badge.md

@@ -4,7 +4,7 @@ A count or a state, set in mono so it reads as metadata.
 
 - Group: Display
 - Import: `import { Badge } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/badge/
 - Related: tag, status-pill
 

package/dist/agent/BarChart.md

@@ -4,7 +4,7 @@ Discrete categories compared by length.
 
 - Group: Charts
 - Import: `import { BarChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/bar-chart/
 - Related: area-chart, composed-chart, radial-chart
 

package/dist/agent/BarList.md

@@ -4,7 +4,7 @@ A ranked list, with the bar behind the name rather than beside it.
 
 - Group: Data
 - Import: `import { BarList } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/bar-list/
 - Related: bar-chart, table
 

package/dist/agent/BigNumber.md

@@ -4,7 +4,7 @@ One number, at the size of a headline.
 
 - Group: Data
 - Import: `import { BigNumber } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/big-number/
 - Related: sparkline, figure-band
 

package/dist/agent/BoxPlot.md

@@ -4,7 +4,7 @@ The spread of a measurement, per category.
 
 - Group: Charts
 - Import: `import { BoxPlot } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/box-plot/
 - Related: histogram, scatter-chart
 

package/dist/agent/Breadcrumb.md

@@ -4,7 +4,7 @@ Where you are, as a path.
 
 - Group: Navigation
 - Import: `import { Breadcrumb } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/breadcrumb/
 - Related: pagination
 

package/dist/agent/BulletChart.md

@@ -4,7 +4,7 @@ A measure, its target, and the bands that say whether it is any good.
 
 - Group: Data
 - Import: `import { BulletChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/bullet-chart/
 - Related: bar-list, big-number
 

package/dist/agent/Button.md

@@ -4,7 +4,7 @@ The system’s action, on the same corner as the field beside it.
 
 - Group: Actions
 - Import: `import { Button } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/button/
 - Related: floating-icon-button, spinner
 

package/dist/agent/Calendar.md

@@ -4,7 +4,7 @@ A month, as a grid of days.
 
 - Group: Surfaces
 - Import: `import { Calendar } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/calendar/
 - Related: date-picker
 

package/dist/agent/Card.md

@@ -4,7 +4,7 @@ A bounded surface, with no shadow under it.
 
 - Group: Surfaces
 - Import: `import { Card } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/card/
 - Related: table, figure-band
 

package/dist/agent/Checkbox.md

@@ -4,7 +4,7 @@ A choice that takes effect when the form is submitted.
 
 - Group: Forms
 - Import: `import { Checkbox } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/checkbox/
 - Related: switch, radio-group
 

package/dist/agent/Code.md

@@ -4,7 +4,7 @@ A function name or a flag, inside a sentence.
 
 - Group: Display
 - Import: `import { Code } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/code/
 - Related: code-block, kbd
 

package/dist/agent/CodeBlock.md

@@ -4,7 +4,7 @@ A multi-line snippet, on a plate, with a way to take it away.
 
 - Group: Display
 - Import: `import { CodeBlock } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/code-block/
 - Related: code, markdown, article
 

package/dist/agent/Collapsible.md

@@ -4,7 +4,7 @@ One thing that opens, on its own.
 
 - Group: Navigation
 - Import: `import { Collapsible } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/collapsible/
 - Related: accordion
 

package/dist/agent/ColorPicker.md

@@ -4,7 +4,7 @@ A colour, chosen or typed.
 
 - Group: Forms
 - Import: `import { ColorPicker } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/color-picker/
 - Related: field, input, popover
 

package/dist/agent/Combobox.md

@@ -4,7 +4,7 @@ A select you can type into.
 
 - Group: Forms
 - Import: `import { Combobox } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/combobox/
 - Related: select, command
 

package/dist/agent/Command.md

@@ -4,7 +4,7 @@ A filterable list of actions — the ⌘K surface.
 
 - Group: Overlays
 - Import: `import { Command } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/command/
 - Related: combobox, dialog
 

package/dist/agent/ComposedChart.md

@@ -4,7 +4,7 @@ Bars and lines over one axis — the volume, and the rate it moved at.
 
 - Group: Charts
 - Import: `import { ComposedChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/composed-chart/
 - Related: bar-chart, line-chart
 

package/dist/agent/ContextMenu.md

@@ -4,7 +4,7 @@ The menu a right-click opens.
 
 - Group: Overlays
 - Import: `import { ContextMenu } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/context-menu/
 - Related: dropdown-menu
 

package/dist/agent/DataflowFigure.md

@@ -4,7 +4,7 @@ A pipeline: where data comes from, what happens to it, and who ends up with it.
 
 - Group: Diagrams
 - Import: `import { DataflowFigure } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/dataflow-figure/
 - Related: architecture-figure, lifecycle-figure
 

package/dist/agent/DatePicker.md

@@ -4,7 +4,7 @@ A date — or a span of them — chosen from a calendar.
 
 - Group: Forms
 - Import: `import { DatePicker } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/date-picker/
 - Related: calendar, field
 

package/dist/agent/DescriptionList.md

@@ -4,7 +4,7 @@ One record’s fields, as a real <dl> rather than a grid of divs.
 
 - Group: Surfaces
 - Import: `import { DescriptionList } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/description-list/
 - Related: table, card, timestamp
 

package/dist/agent/Diagram.md

@@ -4,7 +4,7 @@ A flow or architecture figure, drawn out of the system’s own parts.
 
 - Group: Display
 - Import: `import { Diagram } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram/
 - Related: card, figure-band
 

package/dist/agent/DiagramCanvas.md

@@ -4,7 +4,7 @@ A frame that a picture larger than it can be panned and zoomed inside.
 
 - Group: Diagrams
 - Import: `import { DiagramCanvas } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram-canvas/
 - Related: diagram-minimap, architecture-figure, scroll-area
 

package/dist/agent/DiagramExportMenu.md

@@ -4,7 +4,7 @@ Taking the figure off the page: PNG, JPEG, WebP, SVG and a 1200×630 share card.
 
 - Group: Diagrams
 - Import: `import { DiagramExportMenu } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram-export-menu/
 - Related: dropdown-menu, diagram-toolbar
 

package/dist/agent/DiagramInspector.md

@@ -4,7 +4,7 @@ What the reader just picked, written out beside the picture.
 
 - Group: Diagrams
 - Import: `import { DiagramInspector } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram-inspector/
 - Related: card, diagram-canvas
 

package/dist/agent/DiagramLegend.md

@@ -4,7 +4,7 @@ The key: which drawn form means which kind of thing.
 
 - Group: Diagrams
 - Import: `import { DiagramLegend } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram-legend/
 - Related: architecture-figure, lifecycle-figure
 

package/dist/agent/DiagramMinimap.md

@@ -4,7 +4,7 @@ Where you are in something bigger than the window.
 
 - Group: Diagrams
 - Import: `import { DiagramMinimap } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram-minimap/
 - Related: diagram-canvas
 

package/dist/agent/DiagramToolbar.md

@@ -4,7 +4,7 @@ A bar of actions belonging to the surface underneath them.
 
 - Group: Diagrams
 - Import: `import { DiagramToolbar } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/diagram-toolbar/
 - Related: floating-icon-button, diagram-export-menu
 

package/dist/agent/Dialog.md

@@ -4,7 +4,7 @@ A modal surface: portal, scrim, centred panel.
 
 - Group: Overlays
 - Import: `import { Dialog } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/dialog/
 - Related: dropdown-menu, tooltip
 

package/dist/agent/DropdownMenu.md

@@ -4,7 +4,7 @@ A menu of actions.
 
 - Group: Overlays
 - Import: `import { DropdownMenu } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/dropdown-menu/
 - Related: dialog, select
 

package/dist/agent/EmptyState.md

@@ -4,7 +4,7 @@ A collection with nothing in it — yet.
 
 - Group: Feedback
 - Import: `import { EmptyState } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/empty-state/
 - Related: error-state, skeleton
 

package/dist/agent/ErrorState.md

@@ -4,7 +4,7 @@ A page that could not be shown.
 
 - Group: Feedback
 - Import: `import { ErrorState } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/error-state/
 - Related: empty-state, alert
 

package/dist/agent/Facet.md

@@ -4,7 +4,7 @@ The same chart once per group, on one shared scale.
 
 - Group: Charts
 - Import: `import { Facet } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/facet/
 - Related: line-chart, sparkline
 

package/dist/agent/Field.md

@@ -4,7 +4,7 @@ A labelled form row: label, control, and the one message below it — and, in ro
 
 - Group: Forms
 - Import: `import { Field } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/field/
 - Related: input, select, switch
 

package/dist/agent/FigureBand.md

@@ -4,7 +4,7 @@ A row of counted facts, divided by hairlines and nothing else.
 
 - Group: Display
 - Import: `import { FigureBand } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/figure-band/
 - Related: table
 

package/dist/agent/FloatingIconButton.md

@@ -4,7 +4,7 @@ A round action pinned to a screen corner.
 
 - Group: Actions
 - Import: `import { FloatingIconButton } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/floating-icon-button/
 - Related: button
 

package/dist/agent/FunnelChart.md

@@ -4,7 +4,7 @@ Stages that only ever narrow.
 
 - Group: Charts
 - Import: `import { FunnelChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/funnel-chart/
 - Related: sankey-chart, bar-chart
 

package/dist/agent/Heading.md

@@ -4,7 +4,7 @@ A heading whose element and whose size are two decisions.
 
 - Group: Display
 - Import: `import { Heading } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/heading/
 - Related: text, article, markdown
 

package/dist/agent/Heatmap.md

@@ -4,7 +4,7 @@ A grid of values read by weight.
 
 - Group: Data
 - Import: `import { Heatmap } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/heatmap/
 - Related: table, scatter-chart
 

package/dist/agent/Histogram.md

@@ -4,7 +4,7 @@ The shape of one distribution.
 
 - Group: Charts
 - Import: `import { Histogram } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/histogram/
 - Related: box-plot, bar-chart
 

package/dist/agent/Input.md

@@ -4,7 +4,7 @@ A single line of text entry.
 
 - Group: Forms
 - Import: `import { Input } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/input/
 - Related: field, textarea
 

package/dist/agent/Kbd.md

@@ -4,7 +4,7 @@ A key on a keyboard, set as one.
 
 - Group: Display
 - Import: `import { Kbd } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/kbd/
 - Related: badge
 
@@ -32,7 +32,7 @@ A key on a keyboard, set as one.
 
 ## Kbd
 
-A key on a keyboard, set as one. Renders a `<kbd>`, which is the element that means this — a `<span>` styled to look like a key tells a screen reader nothing. Sized in `em` so it tracks whatever type it sits beside rather than fixing itself at one px value, which is how the same shortcut ended up three different sizes across a page.
+A key on a keyboard, set as one. Renders a `<kbd>`, which is the element that means this — a `<span>` styled to look like a key tells a screen reader nothing. Sized in `em` so it tracks whatever type it sits beside rather than fixing itself at one px value, which is how the same shortcut ended up three different sizes across a page. Every dimension here tracked its context except the leading, which was a literal `1.6` — the body's READING leading, on a chip that is never a paragraph. Inside a control it therefore stood proud of the label beside it and pushed the whole box past its own height token: the masthead's search field measured 39px against a 36px `sm`, and it was this keycap doing it. `--control-lh` is the leading a one-line box gets, and this is one.
 
 ### Props
 

package/dist/agent/LifecycleFigure.md

@@ -4,7 +4,7 @@ A state machine: what something can be, and what moves it between states.
 
 - Group: Diagrams
 - Import: `import { LifecycleFigure } from '@misoto22/design/diagrams'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/lifecycle-figure/
 - Related: workflow-figure, steps
 

package/dist/agent/LineChart.md

@@ -4,7 +4,7 @@ Several series compared over a continuous axis.
 
 - Group: Charts
 - Import: `import { LineChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/line-chart/
 - Related: area-chart, composed-chart
 

package/dist/agent/LinkArrow.md

@@ -4,7 +4,7 @@ The mark on a link that leaves the page.
 
 - Group: Display
 - Import: `import { LinkArrow } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/link-arrow/
 
 ## Anatomy

package/dist/agent/Markdown.md

@@ -4,7 +4,7 @@ A Markdown string, rendered as this system’s components.
 
 - Group: Display
 - Import: `import { Markdown } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/markdown/
 - Related: article, code-block, heading, text
 

package/dist/agent/NativeSelect.md

@@ -4,7 +4,7 @@ The platform’s own picker, restyled where it can be.
 
 - Group: Forms
 - Import: `import { NativeSelect } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/native-select/
 - Related: select, field
 

package/dist/agent/NavItem.md

@@ -4,7 +4,7 @@ A row in a sidebar.
 
 - Group: Navigation
 - Import: `import { NavItem } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/nav-item/
 - Related: app-shell
 

package/dist/agent/NumberField.md

@@ -4,7 +4,7 @@ A number, typed or swept to.
 
 - Group: Forms
 - Import: `import { NumberField } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/number-field/
 - Related: input, slider, field
 

package/dist/agent/Pagination.md

@@ -4,7 +4,7 @@ Numbered pages, with the middle elided.
 
 - Group: Navigation
 - Import: `import { Pagination } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/pagination/
 - Related: breadcrumb
 

package/dist/agent/PieChart.md

@@ -4,7 +4,7 @@ Parts of one whole.
 
 - Group: Charts
 - Import: `import { PieChart } from '@misoto22/design/charts'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/pie-chart/
 - Related: radial-chart, bar-chart
 

package/dist/agent/Popover.md

@@ -4,7 +4,7 @@ A panel anchored to a control, holding content you can interact with.
 
 - Group: Overlays
 - Import: `import { Popover } from '@misoto22/design'`
-- Version: 0.9.0
+- Version: 0.10.0
 - Docs: https://ui.misoto22.com/components/popover/
 - Related: tooltip, dropdown-menu