@misoto22/design 0.10.0 → 0.10.1

package/dist/agent/RadarChart.md

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

package/dist/agent/RadialChart.md

@@ -4,7 +4,7 @@ Values on an arc — a gauge, or a few totals against one scale.
 
 - Group: Charts
 - Import: `import { RadialChart } from '@misoto22/design/charts'`
-- Version: 0.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/radio-group/
 - Related: checkbox, select
 

package/dist/agent/SankeyChart.md

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

package/dist/agent/ScatterChart.md

@@ -4,7 +4,7 @@ Two measures against each other, one mark per observation.
 
 - Group: Charts
 - Import: `import { ScatterChart } from '@misoto22/design/charts'`
-- Version: 0.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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 — with words in it when t
 
 - Group: Display
 - Import: `import { Separator } from '@misoto22/design'`
-- Version: 0.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/separator/
 
 ## When to reach for it

package/dist/agent/SequenceFigure.md

@@ -4,7 +4,7 @@ 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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/sequence-figure/
 - Related: workflow-figure, architecture-figure
 

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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/sheet/
 - Related: dialog, popover
 

package/dist/agent/Sidebar.md

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

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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/slider/
 - Related: progress
 

package/dist/agent/Sparkline.md

@@ -4,7 +4,7 @@ A run of numbers at the size of a word.
 
 - Group: Data
 - Import: `import { Sparkline } from '@misoto22/design/charts'`
-- Version: 0.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - 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 — that filters with
 
 - Group: Display
 - Import: `import { Tag } from '@misoto22/design'`
-- Version: 0.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/tag/
 - Related: badge, status-pill
 

package/dist/agent/Text.md

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

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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/textarea/
 - Related: input, field
 

package/dist/agent/Timestamp.md

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

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.10.0
+- Version: 0.10.1
 - 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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/toggle-group/
 - Related: tabs, radio-group
 

package/dist/agent/Toolbar.md

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

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.10.0
+- Version: 0.10.1
 - Docs: https://ui.misoto22.com/components/tooltip/
 - Related: dialog
 

package/dist/agent/TreemapChart.md

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

package/dist/agent/WaterfallChart.md

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

package/dist/agent/WorkflowFigure.md

@@ -4,7 +4,7 @@ A process in lanes and phases, with the main path drawn heavier than its branche
 
 - Group: Diagrams
 - Import: `import { WorkflowFigure } from '@misoto22/design/diagrams'`
-- Version: 0.10.0
+- Version: 0.10.1
 - 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.10.0",
+  "version": "0.10.1",
   "groups": [
     "Actions",
     "Forms",

package/dist/agent/index.md

@@ -1,4 +1,4 @@
-# @misoto22/design 0.10.0
+# @misoto22/design 0.10.1
 
 > Monochrome design system: portable CSS tokens and accessible React 19
 > primitives. Components ship compiled — import them, do not copy them.

package/dist/charts/lib/empty.js

@@ -5,7 +5,18 @@ function ChartEmpty({
   description = "Nothing matched the current filters. Widen the range, or clear a filter.",
   action
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex aspect-video max-h-[26rem] min-h-[13rem] w-full items-center justify-center", children: /* @__PURE__ */ jsx(EmptyState, { title, description, action, className: "py-0" }) });
+  return (
+    // `my-auto` is what keeps this where the plot was. The box sizes itself
+    // 16:9 up to 26rem, which is right for a card that grows to its content and
+    // short of a figure given a fixed height by the page around it — a
+    // dashboard tile, a panel in a grid. Without the auto margin the state pins
+    // to the top of that figure while the plot it stands in for filled the
+    // whole cell, so the same chart reads at two different heights depending on
+    // whether it has data. The margin absorbs the free space when there is any
+    // and does nothing when there is none, so the content-sized case is
+    // untouched.
+    /* @__PURE__ */ jsx("div", { className: "my-auto flex aspect-video max-h-[26rem] min-h-[13rem] w-full items-center justify-center", children: /* @__PURE__ */ jsx(EmptyState, { title, description, action, className: "py-0" }) })
+  );
 }
 export {
   ChartEmpty

package/dist/charts/lib/empty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/charts/lib/empty.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { EmptyState } from '../../components/EmptyState/EmptyState'\n\nexport interface ChartEmptyProps {\n  /** What is missing. Says what happened, not \"no data\". */\n  title?: ReactNode\n  /** Why, or what to change — a filter to widen, a range to move. */\n  description?: ReactNode\n  /** The one thing to do next. */\n  action?: ReactNode\n}\n\n/**\n * What a chart shows when it has nothing to draw.\n *\n * The state almost every chart library forgets, and the one a real dashboard\n * hits within a week: a filter that matches nothing, a new account, a range\n * before the data starts. Without it a chart hands the reader an empty pair of\n * axes, which is indistinguishable from a chart that failed to load — so the\n * reader reloads the page, and it is still empty.\n *\n * Distinct from the loading skeleton, which says \"not yet\". This says \"there\n * is nothing here\", which is a different sentence and usually has an action\n * attached to it.\n *\n * Reuses the system's own `EmptyState` rather than inventing a chart-shaped\n * one: an empty chart and an empty table are the same event, and a reader\n * should not have to learn two vocabularies for it.\n */\nexport function ChartEmpty({\n  title = 'No data in this range',\n  description = 'Nothing matched the current filters. Widen the range, or clear a filter.',\n  action,\n}: ChartEmptyProps) {\n  return (\n    <div className=\"flex aspect-video max-h-[26rem] min-h-[13rem] w-full items-center justify-center\">\n      <EmptyState title={title} description={description} action={action} className=\"py-0\" />\n    </div>\n  )\n}\n"],"mappings":"AAoCM;AAnCN,SAAS,kBAAkB;AA4BpB,SAAS,WAAW;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AACF,GAAoB;AAClB,SACE,oBAAC,SAAI,WAAU,oFACb,8BAAC,cAAW,OAAc,aAA0B,QAAgB,WAAU,QAAO,GACvF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/charts/lib/empty.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { EmptyState } from '../../components/EmptyState/EmptyState'\n\nexport interface ChartEmptyProps {\n  /** What is missing. Says what happened, not \"no data\". */\n  title?: ReactNode\n  /** Why, or what to change — a filter to widen, a range to move. */\n  description?: ReactNode\n  /** The one thing to do next. */\n  action?: ReactNode\n}\n\n/**\n * What a chart shows when it has nothing to draw.\n *\n * The state almost every chart library forgets, and the one a real dashboard\n * hits within a week: a filter that matches nothing, a new account, a range\n * before the data starts. Without it a chart hands the reader an empty pair of\n * axes, which is indistinguishable from a chart that failed to load — so the\n * reader reloads the page, and it is still empty.\n *\n * Distinct from the loading skeleton, which says \"not yet\". This says \"there\n * is nothing here\", which is a different sentence and usually has an action\n * attached to it.\n *\n * Reuses the system's own `EmptyState` rather than inventing a chart-shaped\n * one: an empty chart and an empty table are the same event, and a reader\n * should not have to learn two vocabularies for it.\n */\nexport function ChartEmpty({\n  title = 'No data in this range',\n  description = 'Nothing matched the current filters. Widen the range, or clear a filter.',\n  action,\n}: ChartEmptyProps) {\n  return (\n    // `my-auto` is what keeps this where the plot was. The box sizes itself\n    // 16:9 up to 26rem, which is right for a card that grows to its content and\n    // short of a figure given a fixed height by the page around it — a\n    // dashboard tile, a panel in a grid. Without the auto margin the state pins\n    // to the top of that figure while the plot it stands in for filled the\n    // whole cell, so the same chart reads at two different heights depending on\n    // whether it has data. The margin absorbs the free space when there is any\n    // and does nothing when there is none, so the content-sized case is\n    // untouched.\n    <div className=\"my-auto flex aspect-video max-h-[26rem] min-h-[13rem] w-full items-center justify-center\">\n      <EmptyState title={title} description={description} action={action} className=\"py-0\" />\n    </div>\n  )\n}\n"],"mappings":"AA6CM;AA5CN,SAAS,kBAAkB;AA4BpB,SAAS,WAAW;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AACF,GAAoB;AAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUE,oBAAC,SAAI,WAAU,4FACb,8BAAC,cAAW,OAAc,aAA0B,QAAgB,WAAU,QAAO,GACvF;AAAA;AAEJ;","names":[]}