@misoto22/folio 0.17.0 → 0.18.0

package/dist/agent/Markdown.md

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

package/dist/agent/Media.md

@@ -5,7 +5,7 @@ Photograph collections, lightboxes, image details and map controls.
 - Kind: pattern
 - Group: Website
 - Import: `import { MediaMasthead } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/media/
 
 ## When to reach for it

package/dist/agent/Metric.md

@@ -5,7 +5,7 @@ One reading, on a plate: a label, a figure, and what qualifies it.
 - Kind: component
 - Group: Data
 - Import: `import { Metric } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/metric/
 - Related: big-number, status-dot, sparkline
 

package/dist/agent/Metrics.md

@@ -5,7 +5,7 @@ Metric panels, accessible data tables and chart arrangements.
 - Kind: pattern
 - Group: Website
 - Import: `import { MetricsRange } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/metrics/
 
 ## When to reach for it

package/dist/agent/Music.md

@@ -5,7 +5,7 @@ Featured recordings, track rows and playlist collections.
 - Kind: pattern
 - Group: Website
 - Import: `import { MediaListRow } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/music/
 
 ## When to reach for it

package/dist/agent/NativeSelect.md

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

package/dist/agent/NavItem.md

@@ -5,7 +5,7 @@ A row in a sidebar.
 - Kind: component
 - Group: Navigation
 - Import: `import { NavItem } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/nav-item/
 - Related: app-shell
 

package/dist/agent/NumberField.md

@@ -5,7 +5,7 @@ A number, typed or swept to.
 - Kind: component
 - Group: Forms
 - Import: `import { NumberField } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/number-field/
 - Related: input, slider, field
 

package/dist/agent/PageHeader.md

@@ -5,7 +5,7 @@ A page opening: what this page is, and what qualifies it.
 - Kind: component
 - Group: Surfaces
 - Import: `import { PageHeader } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/page-header/
 - Related: heading, breadcrumb, app-shell
 

package/dist/agent/Pagination.md

@@ -5,7 +5,7 @@ Numbered pages, with the middle elided.
 - Kind: component
 - Group: Navigation
 - Import: `import { Pagination } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/pagination/
 - Related: breadcrumb
 

package/dist/agent/PieChart.md

@@ -5,7 +5,7 @@ Parts of one whole.
 - Kind: component
 - Group: Charts
 - Import: `import { PieChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/pie-chart/
 - Related: radial-chart, bar-chart
 

package/dist/agent/Popover.md

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

package/dist/agent/Portfolio.md

@@ -5,7 +5,7 @@ An editorial introduction, featured images, records and a question card.
 - Kind: pattern
 - Group: Website
 - Import: `import { Portfolio } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/portfolio/
 
 ## When to reach for it

package/dist/agent/PortfolioIndex.md

@@ -5,7 +5,7 @@ Tabbed collections with a supporting editorial column.
 - Kind: pattern
 - Group: Website
 - Import: `import { PortfolioIndex } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/portfolio-index/
 
 ## When to reach for it

package/dist/agent/Progress.md

@@ -5,7 +5,7 @@ A bar that fills, or sweeps when the end is unknown.
 - Kind: component
 - Group: Feedback
 - Import: `import { Progress } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/progress/
 - Related: spinner
 

package/dist/agent/RadarChart.md

@@ -5,7 +5,7 @@ A profile across several named dimensions.
 - Kind: component
 - Group: Charts
 - Import: `import { RadarChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/radar-chart/
 - Related: line-chart, pie-chart
 

package/dist/agent/RadialChart.md

@@ -5,7 +5,7 @@ Values on an arc — a gauge, or a few totals against one scale.
 - Kind: component
 - Group: Charts
 - Import: `import { RadialChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/radial-chart/
 - Related: pie-chart, bar-chart
 

package/dist/agent/RadioGroup.md

@@ -5,7 +5,7 @@ A set of mutually exclusive choices.
 - Kind: component
 - Group: Forms
 - Import: `import { RadioGroup } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/radio-group/
 - Related: checkbox, select
 

package/dist/agent/Reading.md

@@ -5,7 +5,7 @@ Article and project layouts, outlines, media and installation instructions.
 - Kind: pattern
 - Group: Website
 - Import: `import { DetailMasthead } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/reading/
 
 ## When to reach for it
@@ -158,6 +158,15 @@ A terminal project invitation with one strong entry action and quieter supportin
 - `media` (required) — `ReactNode`.
 - `caption` — `ReactNode`.
 
+## DeviceRow
+
+Two or three phones side by side, the middle one raised a step, wrapping to a column on a narrow screen.
+
+### Props
+
+- `children` (required) — `ReactNode`.
+- `label` — `string`.
+
 ## PreviewPair
 
 ### Props

package/dist/agent/Recovery.md

@@ -5,7 +5,7 @@ Loading, unavailable and missing-page states with recovery actions.
 - Kind: pattern
 - Group: Website
 - Import: `import { RecoveryState } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/recovery/
 
 ## When to reach for it
@@ -60,12 +60,12 @@ A collection skeleton with or without a media column.
 
 ## WebsiteLoading
 
-Named loading layouts for the website's reusable page shapes.
+Named loading layouts for the website's reusable page shapes. Every layout waits a beat before it shows and then fades in, so a route that resolves within that beat goes straight from the old page to the new one instead of flashing grey bars for a frame. A detail route needs its own `article` or `photograph` shape: inheriting the list skeleton above it promises a layout the page then abandons.
 
 ### Props
 
 - `label` (required) — `string`.
-- `layout` — `'records' | 'gallery' | 'media' | 'metrics' | 'identity'` default `'records'`.
+- `layout` — `'records' | 'gallery' | 'media' | 'metrics' | 'identity' | 'article' | 'photograph'` default `'records'`.
 - `filters` — `boolean` default `false`.
 - `rows` — `number` default `4`.
 - `media` — `boolean` default `true`.

package/dist/agent/SankeyChart.md

@@ -5,7 +5,7 @@ Where a quantity goes as it moves through stages.
 - Kind: component
 - Group: Charts
 - Import: `import { SankeyChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/sankey-chart/
 - Related: bar-chart
 

package/dist/agent/ScatterChart.md

@@ -5,7 +5,7 @@ Two measures against each other, one mark per observation.
 - Kind: component
 - Group: Charts
 - Import: `import { ScatterChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/scatter-chart/
 - Related: line-chart, heatmap
 

package/dist/agent/ScrollArea.md

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

package/dist/agent/SearchPalette.md

@@ -5,7 +5,7 @@ Search results, actions and a detail view in one accessible modal.
 - Kind: pattern
 - Group: Website
 - Import: `import { SearchPalette } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/search-palette/
 
 ## When to reach for it

package/dist/agent/SearchableMenu.md

@@ -5,7 +5,7 @@ A menu of actions you can type into.
 - Kind: component
 - Group: Overlays
 - Import: `import { SearchableMenu } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/searchable-menu/
 - Related: dropdown-menu, command, combobox
 

package/dist/agent/Select.md

@@ -5,7 +5,7 @@ A choice from a list, styled the whole way down.
 - Kind: component
 - Group: Forms
 - Import: `import { Select } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/select/
 - Related: combobox, native-select, field
 

package/dist/agent/Separator.md

@@ -5,7 +5,7 @@ A rule, in the three weights a monochrome page needs — with words in it when t
 - Kind: component
 - Group: Display
 - Import: `import { Separator } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/separator/
 
 ## When to reach for it

package/dist/agent/SequenceFigure.md

@@ -5,7 +5,7 @@ A call chain over time: who asks whom, in what order, and what comes back.
 - Kind: component
 - Group: Diagrams
 - Import: `import { SequenceFigure } from '@misoto22/folio/diagrams'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/sequence-figure/
 - Related: workflow-figure, architecture-figure
 

package/dist/agent/Sheet.md

@@ -5,7 +5,7 @@ A panel docked to an edge of the viewport.
 - Kind: component
 - Group: Overlays
 - Import: `import { Sheet } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/sheet/
 - Related: dialog, popover
 

package/dist/agent/Sidebar.md

@@ -5,7 +5,7 @@ A navigation rail down the side of an application.
 - Kind: component
 - Group: Navigation
 - Import: `import { Sidebar } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/sidebar/
 - Related: nav-item, collapsible, app-shell
 

package/dist/agent/SiteNavigation.md

@@ -5,7 +5,7 @@ Responsive navigation and explicit language or appearance choices.
 - Kind: pattern
 - Group: Website
 - Import: `import { SiteNavigation } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/site-navigation/
 
 ## When to reach for it

package/dist/agent/SiteShell.md

@@ -5,7 +5,7 @@ Page landmarks, footer groups and shared section headings.
 - Kind: pattern
 - Group: Website
 - Import: `import { SiteShell } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/site-shell/
 
 ## When to reach for it

package/dist/agent/Skeleton.md

@@ -5,7 +5,7 @@ The shape of the page, before the page.
 - Kind: component
 - Group: Feedback
 - Import: `import { Skeleton } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/skeleton/
 - Related: spinner, empty-state
 

package/dist/agent/Slider.md

@@ -5,7 +5,7 @@ A value chosen along a range.
 - Kind: component
 - Group: Forms
 - Import: `import { Slider } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/slider/
 - Related: progress
 

package/dist/agent/Sparkline.md

@@ -5,7 +5,7 @@ A run of numbers at the size of a word.
 - Kind: component
 - Group: Data
 - Import: `import { Sparkline } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/sparkline/
 - Related: line-chart, table
 

package/dist/agent/Spinner.md

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

package/dist/agent/StatusDot.md

@@ -5,7 +5,7 @@ The dot beside a status word.
 - Kind: component
 - Group: Display
 - Import: `import { StatusDot } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/status-dot/
 - Related: status-pill
 

package/dist/agent/StatusPill.md

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

package/dist/agent/Steps.md

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

package/dist/agent/Switch.md

@@ -5,7 +5,7 @@ A setting that takes effect immediately.
 - Kind: component
 - Group: Forms
 - Import: `import { Switch } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/switch/
 - Related: checkbox
 

package/dist/agent/Table.md

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

package/dist/agent/Tabs.md

@@ -5,7 +5,7 @@ One strip, several panels.
 - Kind: component
 - Group: Navigation
 - Import: `import { Tabs } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/tabs/
 - Related: accordion
 

package/dist/agent/Tag.md

@@ -5,7 +5,7 @@ A subject label — a topic, a technology, a filter facet — that filters with
 - Kind: component
 - Group: Display
 - Import: `import { Tag } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/tag/
 - Related: badge, status-pill
 

package/dist/agent/Text.md

@@ -5,7 +5,7 @@ The system’s paragraph, on the second rung of the ink ladder.
 - Kind: component
 - Group: Display
 - Import: `import { Text } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/text/
 - Related: heading, article, markdown
 

package/dist/agent/Textarea.md

@@ -5,7 +5,7 @@ Multi-line text entry, resizable vertically only.
 - Kind: component
 - Group: Forms
 - Import: `import { Textarea } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/textarea/
 - Related: input, field
 

package/dist/agent/Timeline.md

@@ -5,7 +5,7 @@ Career records, profile narratives and chronological lists.
 - Kind: pattern
 - Group: Website
 - Import: `import { Timeline } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/timeline/
 
 ## When to reach for it
@@ -48,7 +48,7 @@ One dated record, reusable for a role, qualification or other chronology.
 - `location` (required) — `string`.
 - `locationLabel` (required) — `string`.
 - `description` (required) — `string[]`.
-- `tags` (required) — `string[]`.
+- `tags` (required) — `CareerRecordTag[]`.
 - `tagsLabel` (required) — `string`.
 - `mark` — `ReactNode`.
 - `currentLabel` — `string`.
@@ -112,3 +112,7 @@ An ordered collection frame. No sorting or business data is owned here.
 ## TimelineItem
 
 A record mount, isolated so motion can follow the shared data-motion axis.
+
+## Types
+
+- `CareerRecordTag` = `string | { label: string; icon?: ReactNode }`

package/dist/agent/Timestamp.md

@@ -5,7 +5,7 @@ A date or a time, rendered the one way the system renders them.
 - Kind: component
 - Group: Display
 - Import: `import { Timestamp } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/timestamp/
 - Related: text, badge, description-list
 

package/dist/agent/Toast.md

@@ -5,7 +5,7 @@ A transient confirmation, mounted once near the app root.
 - Kind: component
 - Group: Feedback
 - Import: `import { Toaster } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/toast/
 - Related: alert
 

package/dist/agent/ToggleGroup.md

@@ -5,7 +5,7 @@ A segmented control: several options, one strip.
 - Kind: component
 - Group: Forms
 - Import: `import { ToggleGroup } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/toggle-group/
 - Related: tabs, radio-group
 

package/dist/agent/Toolbar.md

@@ -5,7 +5,7 @@ The bar of actions at the edge of a working surface.
 - Kind: component
 - Group: Surfaces
 - Import: `import { Toolbar } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/toolbar/
 - Related: button, app-shell, card
 

package/dist/agent/Tooltip.md

@@ -5,7 +5,7 @@ A short label on hover and on focus.
 - Kind: component
 - Group: Overlays
 - Import: `import { Tooltip } from '@misoto22/folio'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/tooltip/
 - Related: dialog
 

package/dist/agent/TreemapChart.md

@@ -5,7 +5,7 @@ Part of a whole, when the whole has too many parts for a pie — and the parts n
 - Kind: component
 - Group: Charts
 - Import: `import { TreemapChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/treemap-chart/
 - Related: pie-chart, bar-chart
 

package/dist/agent/WaterfallChart.md

@@ -5,7 +5,7 @@ How a total got from one figure to another.
 - Kind: component
 - Group: Charts
 - Import: `import { WaterfallChart } from '@misoto22/folio/charts'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/waterfall-chart/
 - Related: bar-chart, funnel-chart
 

package/dist/agent/Workbench.md

@@ -5,7 +5,7 @@ Section rhythm, hero, cards, entries, timeline, mosaic and scroll reveal for the
 - Kind: pattern
 - Group: Website
 - Import: `import { WorkbenchSection } from '@misoto22/folio/website'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/workbench/
 
 ## When to reach for it

package/dist/agent/WorkflowFigure.md

@@ -5,7 +5,7 @@ A process in lanes and phases, with the main path drawn heavier than its branche
 - Kind: component
 - Group: Diagrams
 - Import: `import { WorkflowFigure } from '@misoto22/folio/diagrams'`
-- Version: 0.17.0
+- Version: 0.18.0
 - Docs: https://ui.misoto22.com/components/workflow-figure/
 - Related: lifecycle-figure, sequence-figure, steps
 

package/dist/agent/catalog.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.17.0",
+  "version": "0.18.0",
   "groups": [
     "Actions",
     "Forms",
@@ -7880,6 +7880,7 @@
     "ActionBand": "Reading",
     "FeaturePairs": "Reading",
     "DevicePreview": "Reading",
+    "DeviceRow": "Reading",
     "PreviewPair": "Reading",
     "CommandTabs": "Reading",
     "ReadingSurface": "Reading",
@@ -7912,6 +7913,7 @@
     "ProfileFigure": "Timeline",
     "Timeline": "Timeline",
     "TimelineItem": "Timeline",
+    "CareerRecordTag": "Timeline",
     "WorkbenchSection": "Workbench",
     "Chronology": "Workbench",
     "ContactRow": "Workbench",
@@ -7955,6 +7957,13 @@
       ],
       "unset": "the neutral series ramp"
     },
+    {
+      "axis": "data-controls",
+      "values": [
+        "pill"
+      ],
+      "unset": "the control step of the radius ladder"
+    },
     {
       "axis": "data-density",
       "values": [