@ngrok/mantle 0.80.0 → 0.81.1

package/dist/button-DvHMWAPl.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{cva as t}from"class-variance-authority";const n=t(e(`icon-button`,`inline-flex shrink-0 items-center justify-center rounded-[var(--icon-button-border-radius,0.375rem)] border`,`focus:outline-hidden focus-visible:ring-4`,`disabled:cursor-default disabled:opacity-50`,`not-disabled:active:scale-97 ease-out transition-transform duration-150`),{variants:{appearance:{ghost:`text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:bg-accent-500/10 not-disabled:hover:text-accent-700 border-transparent`,outlined:`border-accent-600 bg-form text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:border-accent-700 not-disabled:hover:bg-accent-500/10 not-disabled:hover:text-accent-700`},intent:{accent:``,danger:``,neutral:``},isLoading:{false:``,true:`opacity-50`},size:{xs:`size-6`,sm:`size-7`,md:`size-9`,lg:`size-10`,xl:`size-12`}},defaultVariants:{intent:`neutral`,size:`md`},compoundVariants:[{appearance:`ghost`,intent:`danger`,class:`text-danger-600 focus-visible:ring-focus-danger not-disabled:hover:bg-danger-500/10 not-disabled:hover:text-danger-700 border-transparent`},{appearance:`outlined`,intent:`danger`,class:`border-danger-600 bg-form text-danger-600 focus-visible:ring-focus-danger not-disabled:hover:border-danger-700 not-disabled:hover:bg-danger-500/10 not-disabled:hover:text-danger-700`},{appearance:`ghost`,intent:`neutral`,class:`text-strong focus-visible:ring-focus-accent not-disabled:hover:bg-neutral-500/10 not-disabled:hover:text-strong border-transparent`},{appearance:`outlined`,intent:`neutral`,class:`border-form bg-form text-strong focus-visible:border-accent-600 focus-visible:ring-focus-accent not-disabled:hover:border-neutral-400 not-disabled:hover:bg-form-hover not-disabled:hover:text-strong focus-visible:not-disabled:hover:border-accent-600 focus-visible:not-disabled:active:border-accent-600`}]});export{n as t};

package/dist/button.d.ts

@@ -1,6 +1,6 @@
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { n as ButtonAppearance, r as ButtonProps, t as Button } from "./button-BPMwa2jN.js";
-import { n as IconButtonAppearance, r as IconButtonProps, t as IconButton } from "./icon-button-C1AfGnQx.js";
-import { n as ButtonGroupProps, t as ButtonGroup } from "./index-C2jj8U4a.js";
-import { t as ButtonSize } from "./sizes-BCoI4bhP.js";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
+import { n as ButtonAppearance, r as ButtonProps, t as Button } from "./button-DARFK2KJ.js";
+import { n as IconButtonProps, r as IconButtonAppearance, t as IconButton } from "./button-C7vAl6lS.js";
+import { n as ButtonGroupProps, t as ButtonGroup } from "./button-C-gMbPso.js";
+import { t as ButtonSize } from "./button-BCoI4bhP.js";
 export { Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonIntent, type ButtonProps, type ButtonSize, IconButton, type IconButtonAppearance, type IconButtonProps };

package/dist/button.js

@@ -1 +1 @@
-import{t as e}from"./icon-button-DiOhreJD.js";import{t}from"./button-5WsvzIQ6.js";import{t as n}from"./button-D9n09xUg.js";export{t as Button,n as ButtonGroup,e as IconButton};
+import{t as e}from"./button-DjpEKt2X.js";import{t}from"./button-BAno7KIU.js";import{t as n}from"./button-D9n09xUg.js";export{e as Button,n as ButtonGroup,t as IconButton};

package/dist/calendar.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CGgMKpJg.js";import{n}from"./icon-button-DiOhreJD.js";import{jsx as r}from"react/jsx-runtime";import{CaretRightIcon as i}from"@phosphor-icons/react/CaretRight";import{CaretLeftIcon as a}from"@phosphor-icons/react/CaretLeft";import{DayPicker as o}from"react-day-picker";const s=n({appearance:`ghost`,intent:`neutral`,size:`sm`});function c({className:n,classNames:c,showOutsideDays:l=!1,...u}){return r(o,{"data-slot":`calendar`,animate:!1,components:{Chevron:e=>r(t,{svg:e.orientation===`left`?r(a,{}):r(i,{}),className:`size-4`})},classNames:{root:e(`isolate`,n),button_next:e(s,`absolute right-0`),button_previous:e(s,`absolute left-0`),caption_label:`text-sm font-medium`,day:e(`overflow-hidden text-center text-sm p-0 relative focus-within:relative focus-within:z-20 size-7 rounded-md`,u.mode===`range`?`first:has-aria-selected:rounded-l-md last:has-aria-selected:rounded-r-md`:``),day_button:`day size-full rounded-md not-aria-selected:not-disabled:hover:bg-filled-accent/15`,disabled:`text-muted opacity-50`,hidden:`invisible`,month:`space-y-4`,month_caption:`flex justify-center pt-1 relative items-center`,month_grid:`w-full border-collapse space-y-1`,months:`flex flex-col sm:flex-row gap-y-4 sm:gap-x-4 sm:gap-y-0 relative max-w-min`,nav:`flex items-center absolute inset-x-0 top-1 h-5 justify-between z-10`,outside:`day-outside aria-selected:text-on-filled opacity-50 text-muted`,range_end:`day-range-end [&:not(.day-range-start)]:rounded-l-none`,range_middle:`day-range-middle not-disabled:aria-selected:bg-filled-accent/15 aria-selected:text-strong rounded-none not-disabled:aria-selected:hover:bg-filled-accent/25`,range_start:`day-range-start [&:not(.day-range-end)]:rounded-r-none`,selected:`not-disabled:bg-filled-accent text-on-filled not-disabled:hover:bg-filled-accent`,today:`not-aria-selected:not-disabled:text-accent-600 font-medium not-aria-selected:not-disabled:bg-filled-accent/10 rounded-md`,week:`flex w-full mt-1`,weekday:`text-body w-7 text-[0.8rem] text-center font-normal`,weekdays:`flex`,...c},showOutsideDays:l,...u})}export{c as Calendar};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./button-DvHMWAPl.js";import{jsx as r}from"react/jsx-runtime";import{CaretRightIcon as i}from"@phosphor-icons/react/CaretRight";import{CaretLeftIcon as a}from"@phosphor-icons/react/CaretLeft";import{DayPicker as o}from"react-day-picker";const s=n({appearance:`ghost`,intent:`neutral`,size:`sm`});function c({className:n,classNames:c,showOutsideDays:l=!1,...u}){return r(o,{"data-slot":`calendar`,animate:!1,components:{Chevron:e=>r(t,{svg:e.orientation===`left`?r(a,{}):r(i,{}),className:`size-4`})},classNames:{root:e(`isolate`,n),button_next:e(s,`absolute right-0`),button_previous:e(s,`absolute left-0`),caption_label:`text-sm font-medium`,day:e(`overflow-hidden text-center text-sm p-0 relative focus-within:relative focus-within:z-20 size-7 rounded-md`,u.mode===`range`&&`first:has-aria-selected:rounded-l-md last:has-aria-selected:rounded-r-md`),day_button:`day size-full rounded-md not-aria-selected:not-disabled:hover:bg-filled-accent/15`,disabled:`text-muted opacity-50`,hidden:`invisible`,month:`space-y-4`,month_caption:`flex justify-center pt-1 relative items-center`,month_grid:`w-full border-collapse space-y-1`,months:`flex flex-col sm:flex-row gap-y-4 sm:gap-x-4 sm:gap-y-0 relative max-w-min`,nav:`flex items-center absolute inset-x-0 top-1 h-5 justify-between z-10`,outside:`day-outside aria-selected:text-on-filled opacity-50 text-muted`,range_end:`day-range-end [&:not(.day-range-start)]:rounded-l-none`,range_middle:`day-range-middle not-disabled:aria-selected:bg-filled-accent/15 aria-selected:text-strong rounded-none not-disabled:aria-selected:hover:bg-filled-accent/25`,range_start:`day-range-start [&:not(.day-range-end)]:rounded-r-none`,selected:`not-disabled:bg-filled-accent text-on-filled not-disabled:hover:bg-filled-accent`,today:`not-aria-selected:not-disabled:text-accent-600 font-medium not-aria-selected:not-disabled:bg-filled-accent/10 rounded-md`,week:`flex w-full mt-1`,weekday:`text-body w-7 text-[0.8rem] text-center font-normal`,weekdays:`flex`,...c},showOutsideDays:l,...u})}export{c as Calendar};

package/dist/card.d.ts

@@ -30,10 +30,7 @@ type CardProps = ComponentProps<"div"> & WithAsChild;
  * </Card.Root>
  * ```
  */
-declare const Root: {
-  ({ asChild, className, children, ref, ...rest }: CardProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: ({ asChild, className, children, ref, ...rest }: CardProps) => import("react").JSX.Element;
 /**
  * The main content of a card. Usually composed as a direct child of a `Card` component.
  *
@@ -60,10 +57,7 @@ declare const Root: {
  * </Card.Root>
  * ```
  */
-declare const Body: {
-  ({ asChild, className, children, ref, ...rest }: CardProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ asChild, className, children, ref, ...rest }: CardProps) => import("react").JSX.Element;
 /**
  * The footer container of a card. Usually composed as a direct child of a `Card` component.
  *
@@ -84,10 +78,7 @@ declare const Body: {
  * </Card.Root>
  * ```
  */
-declare const Footer: {
-  ({ asChild, className, children, ref, ...rest }: CardProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Footer: ({ asChild, className, children, ref, ...rest }: CardProps) => import("react").JSX.Element;
 /**
  * The header container of a card. Usually composed as a direct child of a `Card` component.
  *
@@ -108,10 +99,7 @@ declare const Footer: {
  * </Card.Root>
  * ```
  */
-declare const Header: {
-  ({ asChild, className, children, ref, ...rest }: CardProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Header: ({ asChild, className, children, ref, ...rest }: CardProps) => import("react").JSX.Element;
 type CardTitleProps = ComponentProps<"h3"> & WithAsChild;
 /**
  * The title of a card. Usually composed as a direct child of a `Card.Header`
@@ -137,10 +125,7 @@ type CardTitleProps = ComponentProps<"h3"> & WithAsChild;
  * </Card.Root>
  * ```
  */
-declare const Title: {
-  ({ className, asChild, ref, ...props }: CardTitleProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Title: ({ className, asChild, ref, ...props }: CardTitleProps) => import("react").JSX.Element;
 /**
  * A container that can be used to display content in a box resembling a
  * physical card.

package/dist/card.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{jsx as n}from"react/jsx-runtime";const r=({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card`,className:e(`border-card bg-card relative rounded-md border`,i),...s,children:a});r.displayName=`Card`;const i=({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card-body`,className:e(`p-6 border-t border-card-muted first:border-t-0`,i),...s,children:a});i.displayName=`CardBody`;const a=({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card-footer`,className:e(`px-6 py-3 border-t border-card-muted first:border-t-0`,i),...s,children:a});a.displayName=`CardFooter`;const o=({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card-header`,className:e(`px-6 py-3 border-t border-card-muted first:border-t-0`,i),...s,children:a});o.displayName=`CardHeader`;const s=({className:r,asChild:i,ref:a,...o})=>n(i?t:`h3`,{ref:a,"data-slot":`card-title`,className:e(`text-strong text-base font-medium`,r),...o});s.displayName=`CardTitle`;const c={Root:r,Body:i,Footer:a,Header:o,Title:s};export{c as Card};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{jsx as n}from"react/jsx-runtime";const r={Root:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card`,className:e(`border-card bg-card relative rounded-md border`,i),...s,children:a}),Body:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card-body`,className:e(`p-6 border-t border-card-muted first:border-t-0`,i),...s,children:a}),Footer:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card-footer`,className:e(`px-6 py-3 border-t border-card-muted first:border-t-0`,i),...s,children:a}),Header:({asChild:r=!1,className:i,children:a,ref:o,...s})=>n(r?t:`div`,{ref:o,"data-slot":`card-header`,className:e(`px-6 py-3 border-t border-card-muted first:border-t-0`,i),...s,children:a}),Title:({className:r,asChild:i,ref:a,...o})=>n(i?t:`h3`,{ref:a,"data-slot":`card-title`,className:e(`text-strong text-base font-medium`,r),...o})};export{r as Card};

package/dist/centered-layout.d.ts

@@ -34,10 +34,7 @@ import { ComponentProps } from "react";
  * </CenteredLayout.Root>
  * ```
  */
-declare const Root: {
-  ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
 /**
  * A full-window-width strip pinned above everything else in the layout —
  * including `CenteredLayout.Header` — for impersonation notices, environment
@@ -73,10 +70,7 @@ declare const Root: {
  * </CenteredLayout.Root>
  * ```
  */
-declare const Notice: {
-  ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Notice: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
 /**
  * A utility strip at the top of the layout — an account chip, a close/dismiss
  * button, and similar page furniture for focused flows (checkout, plan
@@ -108,10 +102,7 @@ declare const Notice: {
  * </CenteredLayout.Root>
  * ```
  */
-declare const Header: {
-  ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"header"> & WithAsChild & WithDataSlot): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Header: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"header"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
 /**
  * The growing, centered region of the layout. Renders a `<div>` with
  * `flex flex-1 flex-col items-center justify-center gap-6 py-4` so its
@@ -148,10 +139,7 @@ declare const Header: {
  * </CenteredLayout.Root>
  * ```
  */
-declare const Body: {
-  ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
 /**
  * A pinned utility strip at the bottom of the layout — a theme switcher,
  * legal links, and similar page furniture. Renders a semantic `<footer>`
@@ -183,10 +171,7 @@ declare const Body: {
  * </CenteredLayout.Root>
  * ```
  */
-declare const Footer: {
-  ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"footer"> & WithAsChild & WithDataSlot): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Footer: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"footer"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
 /**
  * A viewport-filling centered page flow for sign-in, sign-up, onboarding,
  * 404, checkout, and other focused full-page states. It owns structure only —

package/dist/centered-layout.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{n as t,t as n}from"./slot-CDk0Bb9z.js";import{jsx as r}from"react/jsx-runtime";const i=({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`centered-layout`),className:e(`flex min-h-full flex-col`,o),...c,children:a});i.displayName=`CenteredLayout`;const a=({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`centered-layout-notice`),className:e(`w-full shrink-0`,o),...c,children:a});a.displayName=`CenteredLayoutNotice`;const o=({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`header`,{"data-slot":t(s,`centered-layout-header`),className:e(`flex shrink-0 items-center px-4 py-4`,o),...c,children:a});o.displayName=`CenteredLayoutHeader`;const s=({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`centered-layout-body`),className:e(`flex flex-1 flex-col items-center justify-center gap-6 py-4`,o),...c,children:a});s.displayName=`CenteredLayoutBody`;const c=({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`footer`,{"data-slot":t(s,`centered-layout-footer`),className:e(`flex shrink-0 items-center px-4 py-4`,o),...c,children:a});c.displayName=`CenteredLayoutFooter`;const l={Root:i,Notice:a,Header:o,Body:s,Footer:c};export{l as CenteredLayout};
+import{t as e}from"./cx-IiQEAKf5.js";import{n as t,t as n}from"./slot-CDk0Bb9z.js";import{jsx as r}from"react/jsx-runtime";const i={Root:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`centered-layout`),className:e(`flex min-h-full flex-col`,o),...c,children:a}),Notice:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`centered-layout-notice`),className:e(`w-full shrink-0`,o),...c,children:a}),Header:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`header`,{"data-slot":t(s,`centered-layout-header`),className:e(`flex shrink-0 items-center px-4 py-4`,o),...c,children:a}),Body:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`centered-layout-body`),className:e(`flex flex-1 flex-col items-center justify-center gap-6 py-4`,o),...c,children:a}),Footer:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`footer`,{"data-slot":t(s,`centered-layout-footer`),className:e(`flex shrink-0 items-center px-4 py-4`,o),...c,children:a})};export{i as CenteredLayout};

package/dist/chart-1cVjAcj8.d.ts

@@ -0,0 +1,334 @@
+import { t as SelfClosingWithAsChild } from "./as-child-D23mGo4f.js";
+import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/chart/types.d.ts
+/**
+ * Shared types for the internal canvas chart engine.
+ *
+ * This module is internal shared implementation — it is not exported from the
+ * package. The public components built on it are `BarChart` (../bar-chart),
+ * `LineChart` (../line-chart), `AreaChart` (../area-chart), and
+ * `ScatterPlot` (../scatter-plot), mirroring how `dialog/primitive` backs
+ * the dialog family.
+ */
+/**
+ * The value of the x field in a chart datum: a category label, a number, or a
+ * point in time.
+ */
+type XValue = string | number | Date;
+/**
+ * A single row of chart data — any object shape. Series read one numeric key
+ * per row; the x key identifies the row's position on the x axis. Missing
+ * keys and `null` values are rendered as gaps. Typed as `object` (not an
+ * index signature) so interface-typed rows compose without ceremony; reads
+ * happen through `datumValue` at the data boundary.
+ */
+type ChartDatum = object;
+/**
+ * How x values map onto the x axis:
+ *
+ * - `"band"` — categorical bands with air between them (bar charts).
+ * - `"point"` — categorical positions with no band thickness (line/area over categories).
+ * - `"linear"` — continuous numeric axis.
+ * - `"time"` — continuous time axis with calendar-aware ticks.
+ */
+type XScaleKind = "band" | "point" | "linear" | "time";
+/**
+ * The x scale kinds a consumer may request on line/area charts. Bar charts are
+ * always `"band"`.
+ */
+type ContinuousXScale = Exclude<XScaleKind, "band">;
+/**
+ * The mark a registered series paints.
+ */
+type SeriesMark = "bar" | "line" | "area" | "scatter";
+/**
+ * The ordered chart color tokens. Slots are assigned to series in registration
+ * order and stick to their `dataKey` for the chart's lifetime; series past the
+ * eighth slot use `"chart-other"`.
+ */
+type ChartColorToken = "chart-1" | "chart-2" | "chart-3" | "chart-4" | "chart-5" | "chart-6" | "chart-7" | "chart-8" | "chart-other";
+/**
+ * A series color: one of the validated chart tokens (preferred — they adapt to
+ * light/dark/high-contrast themes) or any CSS color string as an escape hatch.
+ * Static colors (e.g. raw hex) do not adapt across themes; custom palettes
+ * must be validated for colorblind-safe adjacency and surface contrast. A
+ * series that carries good/bad meaning (error rate, pass/fail) should wear the
+ * semantic status colors, never a categorical chart slot.
+ */
+type SeriesColor = ChartColorToken | (string & {});
+/**
+ * Line/area interpolation between points.
+ */
+type CurveKind = "linear" | "monotone" | "step";
+/**
+ * The glyph a series' points wear: scatter marks, line canvas markers, and
+ * the hover dot on line/area charts. Shape is a redundant encoding alongside
+ * color, so series stay distinguishable without color vision.
+ */
+type PointShape = "circle" | "square" | "triangle" | "diamond";
+/**
+ * The fill texture a bar series wears: solid color (the default), diagonal
+ * hatch lines at 45° (`"hatch"`), the 135° mirror (`"hatch-reverse"`), both
+ * (`"crosshatch"`), rungs perpendicular to the bar's length
+ * (`"perpendicular"` — horizontal lines on vertical bars), or an offset dot
+ * grid (`"dots"`). Texture is a redundant identity encoding alongside color —
+ * inked tone-on-tone at equal loudness across slots — so grouped and stacked
+ * series stay distinguishable without color vision, in grayscale print, and
+ * under forced colors.
+ */
+type BarTexture = "solid" | "hatch" | "hatch-reverse" | "crosshatch" | "perpendicular" | "dots";
+/**
+ * The direction a bar chart's bars run: vertical columns rising from a bottom
+ * baseline (the default), or horizontal bars growing rightward from a left
+ * baseline — the layout for long category labels, which move into the left
+ * gutter at full width instead of colliding under the plot.
+ */
+type BarOrientation = "vertical" | "horizontal";
+/**
+ * A series with its resolved presentation, exposed to the legend, tooltip, and
+ * data table.
+ */
+type SeriesMeta = {
+  dataKey: string;
+  label: string;
+  mark: SeriesMark;
+  /** The CSS color string the series paints with (token-resolved). */
+  color: string;
+  /** The color as authored (token name or custom string) before resolution. */
+  colorInput: SeriesColor;
+  /** The point glyph the series wears (scatter marks, legend keys, hover dots). */
+  shape: PointShape;
+  /** The fill texture the series wears (bar marks and their legend keys). */
+  texture: BarTexture;
+};
+/**
+ * Grid line orientation.
+ */
+type GridLines = "horizontal" | "vertical" | "both";
+/**
+ * The hover/keyboard snapshot published by the engine. One snapshot describes
+ * the active x position and every series' value at it — the tooltip, the
+ * aria-live announcement, and `onDatumActivate` all read from it.
+ */
+type HoverSnapshot = {
+  /** The active row's index in the consumer's `data` array. */
+  index: number;
+  /** The x value at the active index. */
+  xValue: XValue;
+  /** The original consumer datum at the active index. */
+  datum: ChartDatum;
+  /** Every registered series' value at the active index, in visual order. */
+  points: Array<{
+    dataKey: string;
+    label: string;
+    /** `null` renders as a gap (an em dash in the tooltip). */
+    value: number | null;
+    color: string;
+  }>;
+  /** The depth value at the active index (3D scatter plots only). */
+  zValue?: number | null;
+  /** Whether the snapshot came from keyboard stepping (vs pointer hover). */
+  viaKeyboard: boolean;
+};
+/**
+ * Payload for datum activation (click / Enter / Space).
+ */
+type ChartDatumEvent<TDatum extends ChartDatum = ChartDatum> = {
+  /** The activated row's index in the consumer's `data` array. */
+  index: number;
+  /** The x value of the activated row. */
+  xValue: XValue;
+  /** The activated row itself. */
+  datum: TDatum;
+  /** The series nearest the pointer when activated by mouse; `null` for keyboard/whole-band activation. */
+  dataKey: string | null;
+};
+/**
+ * The y domain for value axes. Bar and area charts anchor the baseline at
+ * zero, so their minimum is fixed at `0`; line charts may override both ends.
+ */
+type YDomain = [number | "auto", number | "auto"];
+//#endregion
+//#region src/components/chart/primitive.d.ts
+/**
+ * The shared React layer of the chart family. `BarChart`, `LineChart`,
+ * `AreaChart`, and `ScatterPlot` are thin public wrappers over these
+ * primitives, mirroring how `dialog/primitive` backs the dialog family and
+ * `list/primitive` backs the list family.
+ *
+ * Interaction is the Root's UNCONDITIONAL contract: the crosshair/hover band,
+ * tooltip, keyboard stepping (arrows / PageUp / PageDown / Home / End /
+ * Escape, Enter/Space to activate), aria-live announcements, and the sr-only
+ * data table all ship with Root itself. The composed Tooltip part customizes
+ * the readout; omitting it never removes the hover layer, and no part removal
+ * can strip keyboard access to the data.
+ *
+ * This module is internal shared implementation — it is not exported from the
+ * package.
+ */
+/**
+ * Every interactive chart must have an accessible name: either a direct
+ * `aria-label` or an `aria-labelledby` reference to a visible title (preferred
+ * when the chart sits under a heading — no drift-prone duplicated text).
+ * Enforced at the type level; the name lands on the interaction overlay (the
+ * chart's single named element — the canvas itself is aria-hidden so AT never
+ * announces the chart twice). Decorative charts are exempt — see
+ * {@link ChartAccessibilityProps}.
+ */
+type ChartAccessibleName = {
+  "aria-label": string;
+  "aria-labelledby"?: never;
+} | {
+  "aria-labelledby": string;
+  "aria-label"?: never;
+};
+/**
+ * The interaction props an interactive chart may wire — the controlled
+ * `activeIndex` and the two notification callbacks. Modeled apart from the base
+ * props so a decorative chart can forbid them: a decorative chart has no hover
+ * UI and never activates a datum, so these would be dead code.
+ */
+type ChartInteractionProps = {
+  /**
+   * Controlled active datum index — an index into `data` (`null` = none).
+   * Omit for uncontrolled hover.
+   */
+  activeIndex?: number | null;
+  /** Notified when hover/keyboard moves the active index (an index into `data`). */
+  onActiveIndexChange?: (index: number | null) => void;
+  /** Notified on datum activation: mark click, or Enter/Space on the focused chart. */
+  onDatumActivate?: (event: ChartDatumEvent) => void;
+};
+/**
+ * The accessibility + interactivity contract every chart Root takes, modeled
+ * as a discriminated union over `decorative` so invalid combinations are
+ * unrepresentable:
+ *
+ * - **Interactive** (the default — `decorative` omitted or `false`): the chart
+ *   carries real data. It requires an accessible name (`aria-label` xor
+ *   `aria-labelledby`) and may wire the interaction callbacks. This is the
+ *   full contract charts have always had.
+ * - **Decorative** (`decorative: true`): the chart is a placeholder or
+ *   atmospheric graphic whose values are not real data — synthetic bars behind
+ *   an empty state, a hero backdrop. It still renders and animates, but it is
+ *   hidden from assistive technology (no accessible name, no sr-only data
+ *   table, no live region), removed from the tab order, and inert to pointer
+ *   and keyboard, so the accessible-name and interaction props are forbidden.
+ *
+ * `decorative` communicates intent — "these values are not information" —
+ * where a `disabled` flag would be ambiguous (a chart is not a form control).
+ */
+type ChartAccessibilityProps = ({
+  decorative?: false;
+} & ChartAccessibleName & ChartInteractionProps) | {
+  /**
+   * Render the chart as a decorative placeholder: it keeps its visual
+   * rendering and animation but is hidden from assistive technology,
+   * removed from the tab order, and inert to pointer and keyboard — no
+   * hover band, tooltip, data table, or live region. Use it for
+   * empty-state backdrops and atmospheric graphics whose values are not
+   * real data; it forbids the accessible-name and interaction props,
+   * which have no meaning without real data.
+   *
+   * @default false
+   */
+  decorative: true;
+  "aria-label"?: never;
+  "aria-labelledby"?: never;
+  activeIndex?: never;
+  onActiveIndexChange?: never;
+  onDatumActivate?: never;
+};
+/**
+ * Root props shared by every chart kind, WITHOUT the accessibility/interaction
+ * union or the data/x props. Public wrappers `Omit` from this base and
+ * re-intersect `ChartAccessibilityProps` — `Omit` over a union type flattens
+ * it, which would silently make the required accessible name optional and
+ * erase the `decorative` discriminant.
+ */
+type ChartRootBaseProps = Omit<ComponentProps<"div">, "aria-label" | "aria-labelledby"> & WithDataSlot & {
+  /** Override the automatic y domain. */
+  yDomain?: YDomain;
+  /** Stack the composed series (bar/area charts). */
+  stacked?: boolean;
+  /** Animate enter/update transitions. `prefers-reduced-motion` always wins. */
+  animate?: boolean;
+  /**
+   * Hold the previous render at reduced opacity while fresh data loads —
+   * never swap a chart that has rendered once for a skeleton.
+   */
+  pending?: boolean;
+};
+type GridPrimitiveProps = {
+  /** Which gridlines to draw. */
+  lines?: GridLines;
+};
+type XAxisPrimitiveProps = {
+  /**
+   * Format a tick label. Receives the chart's x values: the category value on
+   * band/point scales, a `Date` on time scales, and a number on linear scales.
+   */
+  tickFormat?: (value: XValue) => string;
+  /**
+   * Target tick count (continuous scales only; a density-derived default
+   * otherwise). Approximate: ticks land on human-friendly steps, and a linear
+   * axis whose x values are all integers never renders fractional ticks —
+   * the integer step wins over the requested count.
+   */
+  tickCount?: number;
+};
+type YAxisPrimitiveProps = {
+  /** Format a tick label. Defaults to thousands-separated numbers. */
+  tickFormat?: (value: number) => string;
+  /**
+   * Target tick count. Approximate: ticks land on human-friendly steps, and
+   * when every series value is an integer (counts) the axis never renders
+   * fractional ticks — the integer step wins over the requested count.
+   */
+  tickCount?: number;
+};
+type ReferenceLinePrimitiveProps = {
+  /** The y value the line marks (an SLO threshold, a budget, a limit). */
+  y: number;
+  /** A short label painted above the line's right end. */
+  label?: string;
+  /** Line color; defaults to the neutral reference color. */
+  color?: SeriesColor;
+};
+type TooltipPrimitiveProps = Omit<ComponentProps<"div">, "children"> & {
+  /** Format the x/label row of the readout. */
+  labelFormat?: (value: XValue) => ReactNode;
+  /** Format each series value. */
+  valueFormat?: (value: number, dataKey: string) => ReactNode;
+  /** The per-series color key: a short stroke (default) or nothing. */
+  indicator?: "line" | "none";
+  /** Extra content appended below the series rows (e.g. a "view logs" hint). */
+  footer?: ReactNode | ((snapshot: HoverSnapshot) => ReactNode);
+  /** Replace the entire readout. */
+  children?: (snapshot: HoverSnapshot) => ReactNode;
+};
+type LegendPrimitiveProps = Omit<ComponentProps<"div">, "children"> & {
+  /** Replace the default legend items; receives the registered series. */
+  children?: (series: SeriesMeta[]) => ReactNode;
+};
+type CopyButtonPrimitiveProps = Omit<ComponentProps<"button">, "children" | "type" | "onCopy"> & SelfClosingWithAsChild & {
+  /**
+   * The accessible label for the copy button. This label will be visually
+   * hidden but announced to screen reader users, similar to alt text for
+   * img tags.
+   *
+   * @default "Copy data as Markdown"
+   */
+  label?: string;
+  /**
+   * Callback fired after a successful copy, passes the serialized markdown.
+   */
+  onCopy?: (value: string) => void;
+  /**
+   * Callback fired when an error occurs during copying.
+   */
+  onCopyError?: (error: unknown) => void;
+};
+//#endregion
+export { SeriesColor as _, LegendPrimitiveProps as a, XAxisPrimitiveProps as c, BarTexture as d, ChartDatum as f, PointShape as g, CurveKind as h, GridPrimitiveProps as i, YAxisPrimitiveProps as l, ContinuousXScale as m, ChartRootBaseProps as n, ReferenceLinePrimitiveProps as o, ChartDatumEvent as p, CopyButtonPrimitiveProps as r, TooltipPrimitiveProps as s, ChartAccessibilityProps as t, BarOrientation as u };