@misoto22/design 0.6.0 → 0.7.0

package/dist/agent/DropdownMenu.md

@@ -4,7 +4,7 @@ A menu of actions.
 
 - Group: Overlays
 - Import: `import { DropdownMenu } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.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.6.0
+- Version: 0.7.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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/error-state/
 - Related: empty-state, alert
 

package/dist/agent/Facet.md

@@ -3,8 +3,8 @@
 The same chart once per group, on one shared scale.
 
 - Group: Charts
-- Import: `import { Facet } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { Facet } from '@misoto22/design/charts'`
+- Version: 0.7.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.
 
 - Group: Forms
 - Import: `import { Field } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/field/
 - Related: input, select
 

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.6.0
+- Version: 0.7.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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/floating-icon-button/
 - Related: button
 

package/dist/agent/FunnelChart.md

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

package/dist/agent/Heatmap.md

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

package/dist/agent/Histogram.md

@@ -3,8 +3,8 @@
 The shape of one distribution.
 
 - Group: Charts
-- Import: `import { Histogram } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { Histogram } from '@misoto22/design/charts'`
+- Version: 0.7.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.6.0
+- Version: 0.7.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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/kbd/
 - Related: badge
 

package/dist/agent/LifecycleFigure.md

@@ -0,0 +1,28 @@
+# LifecycleFigure
+
+A state machine: what something can be, and what moves it between states.
+
+- Group: Diagrams
+- Import: `import { LifecycleFigure } from '@misoto22/design/diagrams'`
+- Version: 0.7.0
+- Docs: https://ui.misoto22.com/components/lifecycle-figure/
+- Related: workflow-figure, steps
+
+## When to reach for it
+
+The one figure that spends colour, and it spends exactly the two tokens the system reserves for state. Every other distinction is shape, so a greyscale print keeps six of the eight.
+
+## Accessibility
+
+- success and failure are the only coloured marks in the package’s diagrams, and each is also a distinct plate shape — colour is never the only carrier.
+- The main rail is drawn between consecutive states in the first lane even when the specification does not list those transitions, because they are the diagram’s spine rather than its exceptions.
+
+## LifecycleFigure
+
+A state machine: what something can BE, and what moves it. The one figure here that spends colour, and it spends exactly the two tokens this system reserves for state: `--success` on a terminal success, `--danger` on a terminal failure. Nothing else in the package is allowed those two, and a lifecycle diagram is the case they were reserved for — the whole point of the picture is which end a run came out of. The other six kinds are carried by shape, so a greyscale print loses the two outcomes' hue and keeps every other distinction: a start is a filled cap, a decision is a diamond, a wait is a dashed frame, an external is a plate with a cut corner. A RECOVERABLE FAILURE IS A FAILURE WITH A WAY BACK. `type: "failure"` says how a state is drawn; a transition OUT of it is what says whether the run is over. A retryable error and a terminal one look identical until you follow the arrows, which is correct — the difference between them is a real edge in the machine, not an adjective on a box.
+
+### Props
+
+- `spec` (required) — `LifecycleSpec`.
+
+Also accepts: `FigureChrome`.

package/dist/agent/LineChart.md

@@ -3,8 +3,8 @@
 Several series compared over a continuous axis.
 
 - Group: Charts
-- Import: `import { LineChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { LineChart } from '@misoto22/design/charts'`
+- Version: 0.7.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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/link-arrow/
 
 ## Accessibility

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.6.0
+- Version: 0.7.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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/nav-item/
 - Related: app-shell
 

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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/pagination/
 - Related: breadcrumb
 

package/dist/agent/PieChart.md

@@ -3,8 +3,8 @@
 Parts of one whole.
 
 - Group: Charts
-- Import: `import { PieChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { PieChart } from '@misoto22/design/charts'`
+- Version: 0.7.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.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/popover/
 - Related: tooltip, dropdown-menu
 

package/dist/agent/Progress.md

@@ -4,7 +4,7 @@ A bar that fills, or sweeps when the end is unknown.
 
 - Group: Feedback
 - Import: `import { Progress } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/progress/
 - Related: spinner
 

package/dist/agent/RadarChart.md

@@ -3,8 +3,8 @@
 A profile across several named dimensions.
 
 - Group: Charts
-- Import: `import { RadarChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { RadarChart } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/radar-chart/
 - Related: line-chart, pie-chart
 

package/dist/agent/RadialChart.md

@@ -3,8 +3,8 @@
 Values on an arc — a gauge, or a few totals against one scale.
 
 - Group: Charts
-- Import: `import { RadialChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { RadialChart } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/radial-chart/
 - Related: pie-chart, bar-chart
 

package/dist/agent/RadioGroup.md

@@ -4,7 +4,7 @@ A set of mutually exclusive choices.
 
 - Group: Forms
 - Import: `import { RadioGroup } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/radio-group/
 - Related: checkbox, select
 

package/dist/agent/SankeyChart.md

@@ -3,8 +3,8 @@
 Where a quantity goes as it moves through stages.
 
 - Group: Charts
-- Import: `import { SankeyChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { SankeyChart } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/sankey-chart/
 - Related: bar-chart
 

package/dist/agent/ScatterChart.md

@@ -3,8 +3,8 @@
 Two measures against each other, one mark per observation.
 
 - Group: Charts
-- Import: `import { ScatterChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { ScatterChart } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/scatter-chart/
 - Related: line-chart, heatmap
 

package/dist/agent/ScrollArea.md

@@ -4,7 +4,7 @@ A box that scrolls, with a scrollbar that looks the same everywhere.
 
 - Group: Surfaces
 - Import: `import { ScrollArea } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/scroll-area/
 - Related: table
 

package/dist/agent/SearchableMenu.md

@@ -4,7 +4,7 @@ A menu of actions you can type into.
 
 - Group: Overlays
 - Import: `import { SearchableMenu } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/searchable-menu/
 - Related: dropdown-menu, command, combobox
 

package/dist/agent/Select.md

@@ -4,7 +4,7 @@ A choice from a list, styled the whole way down.
 
 - Group: Forms
 - Import: `import { Select } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/select/
 - Related: combobox, native-select, field
 

package/dist/agent/Separator.md

@@ -4,7 +4,7 @@ A rule, in the three weights a monochrome page needs.
 
 - Group: Display
 - Import: `import { Separator } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/separator/
 
 ## When to reach for it

package/dist/agent/SequenceFigure.md

@@ -0,0 +1,28 @@
+# SequenceFigure
+
+A call chain over time: who asks whom, in what order, and what comes back.
+
+- Group: Diagrams
+- Import: `import { SequenceFigure } from '@misoto22/design/diagrams'`
+- Version: 0.7.0
+- Docs: https://ui.misoto22.com/components/sequence-figure/
+- Related: workflow-figure, architecture-figure
+
+## When to reach for it
+
+The only figure whose vertical axis means something. A message carries an explicit y, so two calls eight units apart happened together and two two hundred apart did not.
+
+## Accessibility
+
+- Return messages are dashed AND take an open arrowhead — two signals, because the reply is what a reader most often needs to pick out of a dense trace.
+- The message list beside the picture reads in order, which is the same order the axis is drawn in.
+
+## SequenceFigure
+
+A call chain over time: who asks whom, in what order, and what comes back. The one diagram type here whose vertical axis MEANS something. Every other figure's y is layout; a sequence's y is time, which is why a message carries an explicit `y` rather than an index — two calls 8 units apart happened together, and two 200 apart did not, and an evenly spaced list of messages would erase that distinction while looking tidier. **Lifelines** are hairlines, not solid rules, because they are the axis rather than the content. A lifeline drawn at the weight of a message is a diagram where seven vertical lines compete with twelve horizontal ones. **Activation bars** say who is BUSY, which is the fact a sequence diagram carries that a list of calls does not — the third participant's bar overlapping the second's is the reason to draw them at all. **Segments** band the axis into phases — request, fallback, response — printed as a rule with a mono caption rather than as a tinted panel, for the same reason architecture boundaries are: a second ground inside the figure would sit under every message label's mask. A `return` message is dashed AND takes an open arrowhead. Two signals rather than one, because the reply is the thing a reader most often needs to pick out of a dense trace, and a dash alone is doing the same work as `dashed` already does for an asynchronous call.
+
+### Props
+
+- `spec` (required) — `SequenceSpec`.
+
+Also accepts: `FigureChrome`.

package/dist/agent/Sheet.md

@@ -4,7 +4,7 @@ A panel docked to an edge of the viewport.
 
 - Group: Overlays
 - Import: `import { Sheet } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/sheet/
 - Related: dialog, popover
 

package/dist/agent/Skeleton.md

@@ -4,7 +4,7 @@ The shape of the page, before the page.
 
 - Group: Feedback
 - Import: `import { Skeleton } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/skeleton/
 - Related: spinner, empty-state
 

package/dist/agent/Slider.md

@@ -4,7 +4,7 @@ A value chosen along a range.
 
 - Group: Forms
 - Import: `import { Slider } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/slider/
 - Related: progress
 

package/dist/agent/Sparkline.md

@@ -3,8 +3,8 @@
 A run of numbers at the size of a word.
 
 - Group: Data
-- Import: `import { Sparkline } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { Sparkline } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/sparkline/
 - Related: line-chart, table
 

package/dist/agent/Spinner.md

@@ -4,7 +4,7 @@ The one “working” indicator — a ring, never a shimmer.
 
 - Group: Feedback
 - Import: `import { Spinner } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/spinner/
 - Related: skeleton, progress
 

package/dist/agent/StatusDot.md

@@ -4,7 +4,7 @@ The dot beside a status word.
 
 - Group: Display
 - Import: `import { StatusDot } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/status-dot/
 - Related: status-pill
 

package/dist/agent/StatusPill.md

@@ -4,7 +4,7 @@ A live state, named: a dot plus an uppercase mono label.
 
 - Group: Display
 - Import: `import { StatusPill } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/status-pill/
 - Related: status-dot, badge
 

package/dist/agent/Steps.md

@@ -4,7 +4,7 @@ A numbered sequence, as a rail — one thing after another, with a rule through
 
 - Group: Display
 - Import: `import { Steps } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/steps/
 - Related: diagram, article
 

package/dist/agent/Switch.md

@@ -4,7 +4,7 @@ A setting that takes effect immediately.
 
 - Group: Forms
 - Import: `import { Switch } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/switch/
 - Related: checkbox
 

package/dist/agent/Table.md

@@ -4,7 +4,7 @@ A ruled data table — alignment, sorting and rules all per column.
 
 - Group: Data
 - Import: `import { Table } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/table/
 - Related: card, figure-band
 

package/dist/agent/Tabs.md

@@ -4,7 +4,7 @@ One strip, several panels.
 
 - Group: Navigation
 - Import: `import { Tabs } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/tabs/
 - Related: accordion
 

package/dist/agent/Tag.md

@@ -4,7 +4,7 @@ A subject label — a topic, a technology, a filter facet.
 
 - Group: Display
 - Import: `import { Tag } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/tag/
 - Related: badge
 

package/dist/agent/Textarea.md

@@ -4,7 +4,7 @@ Multi-line text entry, resizable vertically only.
 
 - Group: Forms
 - Import: `import { Textarea } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/textarea/
 - Related: input, field
 

package/dist/agent/Toast.md

@@ -4,7 +4,7 @@ A transient confirmation, mounted once near the app root.
 
 - Group: Feedback
 - Import: `import { Toast } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/toast/
 - Related: alert
 

package/dist/agent/ToggleGroup.md

@@ -4,7 +4,7 @@ A segmented control: several options, one strip.
 
 - Group: Forms
 - Import: `import { ToggleGroup } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/toggle-group/
 - Related: tabs, radio-group
 

package/dist/agent/Tooltip.md

@@ -4,7 +4,7 @@ A short label on hover and on focus.
 
 - Group: Overlays
 - Import: `import { Tooltip } from '@misoto22/design'`
-- Version: 0.6.0
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/tooltip/
 - Related: dialog
 

package/dist/agent/TreemapChart.md

@@ -3,8 +3,8 @@
 Part of a whole, when the whole has too many parts for a pie — and the parts nest.
 
 - Group: Charts
-- Import: `import { TreemapChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { TreemapChart } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/treemap-chart/
 - Related: pie-chart, bar-chart
 

package/dist/agent/WaterfallChart.md

@@ -3,8 +3,8 @@
 How a total got from one figure to another.
 
 - Group: Charts
-- Import: `import { WaterfallChart } from '@misoto22/design'`
-- Version: 0.6.0
+- Import: `import { WaterfallChart } from '@misoto22/design/charts'`
+- Version: 0.7.0
 - Docs: https://ui.misoto22.com/components/waterfall-chart/
 - Related: bar-chart, funnel-chart
 

package/dist/agent/WorkflowFigure.md

@@ -0,0 +1,28 @@
+# WorkflowFigure
+
+A process in lanes and phases, with the main path drawn heavier than its branches.
+
+- Group: Diagrams
+- Import: `import { WorkflowFigure } from '@misoto22/design/diagrams'`
+- Version: 0.7.0
+- Docs: https://ui.misoto22.com/components/workflow-figure/
+- Related: lifecycle-figure, sequence-figure, steps
+
+## When to reach for it
+
+A runbook, an approval chain, a CI pipeline — anything with an owner per step. mainPath is what turns fourteen boxes into a diagram with a subject.
+
+## Accessibility
+
+- Same contract as every figure: a named picture, with its nodes and relationships published as text beside it.
+- The exception lane is the one washed band in the system’s diagrams, and it is still labelled — the wash is not carrying the meaning on its own.
+
+## WorkflowFigure
+
+A process: who does what, in what order, and where it can go wrong. Three structures stacked on one grid, and they are three because they answer three different questions a reader brings to a runbook. **Lanes** are rows and answer WHO. A lane marked `exception` is the one band that gets a wash rather than a rule, and it earns the exception to the frames-are-rules law because nothing routes across it — it IS the ground for the failure path, not a frame drawn over the happy one. **Phases** are columns across every lane and answer WHEN. Printed as captions on one header rule, because a phase is an axis label. **Groups** are frames inside a single lane and answer WHAT BELONGS TOGETHER — a planning loop, an evidence path. THE MAIN PATH IS HEAVIER, and that is the whole hierarchy. `mainPath` lists the node ids a reader should be able to follow without thinking. Every edge between two consecutive ids on it is drawn at the emphasis weight whatever its own variant says, which is the one thing that turns fourteen boxes and nineteen arrows into a diagram with a subject. An `error` role goes the other way — dashed and soft — so the exception path recedes without disappearing.
+
+### Props
+
+- `spec` (required) — `WorkflowSpec`.
+
+Also accepts: `FigureChrome`.