@ngrok/mantle 0.82.0 → 0.83.0

package/dist/bar-chart.d.ts

@@ -1,4 +1,4 @@
-import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, d as BarTexture, f as ChartDatum, i as GridPrimitiveProps, l as YAxisPrimitiveProps, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibilityProps, u as BarOrientation } from "./chart-1cVjAcj8.js";
+import { a as LegendPrimitiveProps, c as XAxisPrimitiveProps, d as BarTexture, f as ChartDatum, i as GridPrimitiveProps, l as YAxisPrimitiveProps, m as ChartSeriesSlot, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibilityProps, u as BarOrientation, v as SeriesColor } from "./chart-0zcFJh4n.js";
 //#region src/components/bar-chart/bar-chart.d.ts
 /**
  * Props for {@link BarChart.Root}. Bars encode value by length from a shared
@@ -18,7 +18,8 @@ type BarChartRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootB
    * categories along the x axis; `"horizontal"` bars run rightward from a
    * left baseline with categories down the y axis — better for long category
    * labels or many categories. The value axis, baseline, reference lines, and
-   * `"perpendicular"` texture all flip to match.
+   * the two rung textures (`"perpendicular"` and `"parallel"`) all flip to
+   * match.
    */
   orientation?: BarOrientation;
 };
@@ -31,25 +32,49 @@ type BarChartBarProps = {
   /** Display name for the legend, tooltip, and data table. Defaults to `dataKey`. */
   label?: string;
   /**
-   * One of the validated chart tokens (`"chart-1"`…`"chart-8"`, `"chart-other"`)
-   * or any CSS color as an escape hatch. Defaults to the next sticky slot in
-   * mount order. Static colors (raw hex) do not adapt across themes; custom
-   * palettes must be validated for colorblind-safe adjacency and surface
-   * contrast, and a series that carries good/bad meaning should wear the
-   * semantic status colors, never a categorical slot.
+   * A fixed visual identity slot. Slots `1` through `8` select a chart color.
+   * `"other"` selects the shared neutral treatment.
+   *
+   * Series receive unreserved slots in composition order. Set `seriesSlot` to
+   * give a series a fixed visual identity. Several series may share one slot;
+   * use distinct textures to tell those bars apart.
+   *
+   * @example
+   * ```tsx
+   * <BarChart.Bar dataKey="errors" seriesSlot={4} />
+   * ```
+   */
+  seriesSlot?: ChartSeriesSlot;
+  /**
+   * Override the color channel with a chart token or any CSS color. This does
+   * not change the series slot. When omitted, the series paints the color from
+   * its slot.
+   *
+   * A static color (raw hex) cannot follow the four themes, so prefer a
+   * `var(--your-token)` declared per theme. A series that carries good/bad
+   * meaning should wear the semantic status colors, never a categorical slot.
    */
   color?: SeriesColor;
   /**
    * The fill texture the series wears, on canvas and on its legend key:
    * `"solid"` (default), diagonal hatch lines at 45° (`"hatch"`), the 135°
    * mirror (`"hatch-reverse"`), both (`"crosshatch"`), rungs perpendicular
-   * to the bar's length (`"perpendicular"`), or an offset dot grid
-   * (`"dots"`). Texture is a redundant identity encoding alongside color —
-   * tone-on-tone ink from the series' own fill — so grouped and stacked
-   * series stay distinguishable without color vision, in grayscale print,
-   * and under forced colors. Keep it opt-in and purposeful, never
-   * decorative: on a multi-series chart, leave the first series solid and
-   * texture the rest.
+   * to the bar's length (`"perpendicular"` — horizontal lines on vertical
+   * bars), rungs parallel to it (`"parallel"` — vertical lines on vertical
+   * bars), the orthogonal lattice of both rung directions (`"grid"`), or an
+   * offset dot field (`"dots"`).
+   *
+   * The two rung textures flip with the Root's `orientation`, in opposite
+   * senses. Every other value is direction-free, `"grid"` included — it is the
+   * orthogonal lattice against `"crosshatch"`'s diagonal one. Eight values
+   * match the palette's eight series slots.
+   *
+   * Texture is a redundant identity encoding alongside color — tone-on-tone
+   * ink from the series' own fill — so grouped and stacked series stay
+   * distinguishable without color vision, in grayscale print, and under
+   * forced colors. Keep it opt-in and purposeful, never decorative: leave the
+   * first series solid and texture the rest, or texture only the series in a
+   * pair that color alone cannot separate.
    */
   texture?: BarTexture;
 };
@@ -89,6 +114,12 @@ type BarChartCopyButtonProps = CopyButtonPrimitiveProps;
  * table, Enter/Space + click activation). Compose the chrome and series parts
  * as children.
  *
+ * The Root's own subtree is addressable by slot: `bar-chart` on the wrapper,
+ * then `bar-chart-plot`, `bar-chart-canvas`, `bar-chart-crosshair`,
+ * `bar-chart-hover-band`, `bar-chart-markers`, `bar-chart-tooltip`, and
+ * `bar-chart-data-table`. A bar chart shows the band and never the crosshair
+ * or the markers, but all three layers mount on every kind.
+ *
  * @see https://mantle.ngrok.com/components/charts/bar-chart#barchartroot
  *
  * @example
@@ -113,8 +144,9 @@ declare const Root: <TDatum extends ChartDatum = ChartDatum>(props: BarChartRoot
 /**
  * One bar series. Renders nothing itself — it registers the series with the
  * chart, which paints it on canvas. Compose one `Bar` per series; with
- * `stacked` on the Root, bars stack in composition order from the baseline up.
- * `texture` adds a diagonal-hatch fill as a redundant identity encoding
+ * `stacked` on the Root, bars stack from the baseline up in registration
+ * order, so a `Bar` that mounts later stacks on top whatever its position in
+ * the JSX. `texture` adds a pattern fill as a redundant identity encoding
  * alongside color, worn by the bars and the series' legend key alike.
  *
  * @see https://mantle.ngrok.com/components/charts/bar-chart#barchartbar
@@ -212,9 +244,9 @@ declare const YAxis: (props: BarChartYAxisProps) => null;
 declare const ReferenceLine: (props: BarChartReferenceLineProps) => null;
 /**
  * Customizes the hover/keyboard tooltip readout. The tooltip itself is part
- * of `BarChart.Root`'s interaction contract and renders whether or not this
- * part is composed — compose it to format the label or values, append a
- * footer, or replace the content entirely via the render-prop `children`.
+ * of `BarChart.Root`'s interaction contract and renders even when this part is
+ * absent — compose it to format the label or values, append a footer, or
+ * replace the content entirely via the render-prop `children`.
  *
  * @see https://mantle.ngrok.com/components/charts/bar-chart#barcharttooltip
  *
@@ -237,6 +269,13 @@ declare const Tooltip: (props: BarChartTooltipProps) => null;
  * must never rely on color-matching alone. It renders nothing for a single
  * series (the chart's title already names it).
  *
+ * **Data attributes:**
+ *
+ * | Data Attribute | Value | Description |
+ * | --- | --- | --- |
+ * | `data-slot` | `"bar-chart-legend"` | The legend list. `BarChart.Legend` renders it in flow below the plot. |
+ * | `data-texture` | `"solid"` \| `"hatch"` \| `"hatch-reverse"` \| `"crosshatch"` \| `"perpendicular"` \| `"parallel"` \| `"grid"` \| `"dots"` | On each series' swatch, naming the `texture` its `BarChart.Bar` registered. The swatch paints the pattern itself, so target this only to restyle a key. |
+ *
  * @see https://mantle.ngrok.com/components/charts/bar-chart#barchartlegend
  *
  * @example
@@ -281,6 +320,20 @@ declare const CopyButton: (props: BarChartCopyButtonProps) => import("react").JS
  * per-category tooltip, keyboard stepping, aria-live announcements, and an
  * sr-only data table — ships with `Root` unconditionally.
  *
+ * **CSS variables (public API):**
+ *
+ * | CSS Variable | Default | Description |
+ * | --- | --- | --- |
+ * | `--color-chart-1` … `--color-chart-8` | per theme | The validated categorical series slots, in assignment order. |
+ * | `--color-chart-other` | `--color-neutral-500` | The neutral overflow slot a series wears once every slot is held. |
+ *
+ * Two ways to change a series color, both public API. The `color` prop on
+ * `BarChart.Bar` sets one series and takes any CSS color. To restyle a slot
+ * itself, redeclare its token on `Root` —
+ * `className="[--color-chart-1:var(--color-brand)]"`. The engine resolves every
+ * token through a probe inside `Root`, so a declaration scoped there wins for
+ * that chart and leaves every other chart on the page alone.
+ *
  * @see https://mantle.ngrok.com/components/charts/bar-chart
  *
  * @example

package/dist/bar-chart.js

@@ -1 +1 @@
-import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-DdBQ3xwx.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`bar`,componentName:`BarChart`,slotName:`bar-chart`,...e}),Bar:e=>a(`BarChart.Bar`,`bar`,e),Grid:e=>n(`BarChart.Grid`,e),XAxis:e=>t(`BarChart.XAxis`,e),YAxis:e=>r(`BarChart.YAxis`,e),ReferenceLine:t=>e(`BarChart.ReferenceLine`,t),Tooltip:e=>s(`BarChart.Tooltip`,e),Legend:e=>l(i,{partName:`BarChart.Legend`,slotName:`bar-chart`,...e}),CopyButton:e=>l(c,{partName:`BarChart.CopyButton`,slotName:`bar-chart`,...e})};export{u as BarChart};
+import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-DBxT9BNl.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`bar`,componentName:`BarChart`,slotName:`bar-chart`,...e}),Bar:e=>a(`BarChart.Bar`,`bar`,e),Grid:e=>n(`BarChart.Grid`,e),XAxis:e=>t(`BarChart.XAxis`,e),YAxis:e=>r(`BarChart.YAxis`,e),ReferenceLine:t=>e(`BarChart.ReferenceLine`,t),Tooltip:e=>s(`BarChart.Tooltip`,e),Legend:e=>l(i,{partName:`BarChart.Legend`,slotName:`bar-chart`,...e}),CopyButton:e=>l(c,{partName:`BarChart.CopyButton`,slotName:`bar-chart`,...e})};export{u as BarChart};

package/dist/breadcrumb.d.ts

@@ -6,9 +6,12 @@ import { ComponentProps, ReactNode } from "react";
  * The breadcrumb landmark. Renders a `<nav>` with a default
  * `aria-label="Breadcrumb"` per the WAI-ARIA breadcrumb pattern — pass your
  * own `aria-label` to override it (e.g. for localization or when a page has
- * multiple breadcrumb trails). Carries no visual styling of its own.
+ * multiple breadcrumb trails). Carries no visual styling. Its one layout class
+ * is `min-w-0`: inside a flex row such as `AppLayout.Header` the landmark must
+ * shrink below the trail's width, or `Breadcrumb.List` never scrolls and the
+ * crumbs push their siblings out of the row.
  *
- * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumbroot
  *
  * @example
  * ```tsx
@@ -29,13 +32,30 @@ import { ComponentProps, ReactNode } from "react";
  * </Breadcrumb.Root>
  * ```
  */
-declare const Root: ({ asChild, children, "data-slot": dataSlot, ref, ...props }: ComponentProps<"nav"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+declare const Root: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: ComponentProps<"nav"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
 /**
  * The ordered list of crumbs. Renders an `<ol>` — an **ordered** list, because
  * the order of the items is the hierarchy, from the root to the current page.
- * Lays crumbs out inline with wrapping and muted, small text.
+ * Lays the crumbs out in one row of muted, small text.
  *
- * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ * A trail wider than its container scrolls sideways instead of wrapping to a
+ * second row, which a one-row app header has no space for. Its edges carry the
+ * same `scroll-fade-x` mask as `Tabs.List`: an edge with crumbs beyond it fades
+ * out, and an edge with nothing beyond it stays flush.
+ *
+ * The trail keeps its end in view, because the end is the current page. It
+ * scrolls itself there whenever that end moves — on mount, when a navigation
+ * swaps the crumbs, and when the row around it resizes — and leaves the reader's
+ * own scroll position alone the rest of the time, including while a crumb holds
+ * focus. Tabbing to a crumb the trail has scrolled past is the browser's own
+ * job, and `scroll-padding` the width of the fade zone is what lands that crumb
+ * clear of the fade rather than under it.
+ *
+ * To wrap instead, pass `className="flex-wrap overflow-x-visible"`. The mask
+ * needs a scrollport to animate against, so without one it renders fully
+ * opaque and the row wraps as it did before.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumblist
  *
  * @example
  * ```tsx
@@ -61,7 +81,11 @@ declare const List: ({ asChild, children, className, "data-slot": dataSlot, ref,
  * A single crumb. Renders an `<li>` (`role="listitem"`) that lays out its
  * content — a `Breadcrumb.Link` or `Breadcrumb.Page` — inline.
  *
- * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ * The crumb never shrinks (`shrink-0`). A squeezed crumb would break its own
+ * label across two lines, so a trail too wide for its container scrolls in
+ * `Breadcrumb.List` instead.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumbitem
  *
  * @example
  * ```tsx
@@ -168,7 +192,10 @@ type BreadcrumbSeparatorProps = Omit<ComponentProps<"li">, "children"> & ({
  * your own children (e.g. a slash) to replace it. With `asChild`, children
  * are required — the child element is what renders.
  *
- * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ * Like `Breadcrumb.Item`, the divider never shrinks (`shrink-0`), so a trail
+ * too wide for its container scrolls in `Breadcrumb.List` instead.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumbseparator
  *
  * @example
  * ```tsx
@@ -189,12 +216,13 @@ type BreadcrumbSeparatorProps = Omit<ComponentProps<"li">, "children"> & ({
  * </Breadcrumb.Root>
  * ```
  */
-declare const Separator: ({ asChild, children, "data-slot": dataSlot, ref, ...props }: BreadcrumbSeparatorProps & WithDataSlot) => import("react").JSX.Element;
+declare const Separator: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: BreadcrumbSeparatorProps & WithDataSlot) => import("react").JSX.Element;
 /**
  * Compound component for WAI-ARIA breadcrumb navigation — the path from a
  * root to the current page as an ordered list of links inside a labeled
  * `<nav>` landmark. Router-agnostic: compose `Breadcrumb.Link` onto your app
- * router's link via `asChild`.
+ * router's link via `asChild`. A trail too wide for its row scrolls sideways
+ * with faded edges instead of wrapping, and starts at the current page.
  *
  * @see https://mantle.ngrok.com/components/navigation/breadcrumb
  *
@@ -233,9 +261,10 @@ declare const Breadcrumb: {
   /**
    * The breadcrumb landmark. Renders a `<nav>` with a default
    * `aria-label="Breadcrumb"` — pass your own `aria-label` to override it.
-   * Carries no visual styling of its own.
+   * Carries no visual styling; `min-w-0` is what lets the landmark shrink
+   * inside a flex row so the trail scrolls.
    *
-   * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+   * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumbroot
    *
    * @example
    * ```tsx
@@ -259,9 +288,11 @@ declare const Breadcrumb: {
   readonly Root: typeof Root;
   /**
    * The ordered list of crumbs. Renders an `<ol>` — the order of the items
-   * is the hierarchy, from the root to the current page.
+   * is the hierarchy, from the root to the current page. A trail wider than
+   * its container scrolls sideways with a faded edge instead of wrapping, and
+   * starts at the current page.
    *
-   * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+   * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumblist
    *
    * @example
    * ```tsx
@@ -285,9 +316,10 @@ declare const Breadcrumb: {
   readonly List: typeof List;
   /**
    * A single crumb. Renders an `<li>` containing a `Breadcrumb.Link` or
-   * `Breadcrumb.Page`.
+   * `Breadcrumb.Page`. The crumb never shrinks, so a wide trail scrolls
+   * instead of breaking a label across two lines.
    *
-   * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+   * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumbitem
    *
    * @example
    * ```tsx
@@ -365,9 +397,10 @@ declare const Breadcrumb: {
   /**
    * A purely visual divider between crumbs, hidden from assistive
    * technology (`role="presentation"` + `aria-hidden`). Children default to
-   * a caret icon; pass your own (e.g. a slash) to replace it.
+   * a caret icon; pass your own (e.g. a slash) to replace it. Like the crumbs
+   * it divides, it never shrinks.
    *
-   * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+   * @see https://mantle.ngrok.com/components/navigation/breadcrumb#breadcrumbseparator
    *
    * @example
    * ```tsx

package/dist/breadcrumb.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./data-slot-EM6s2WEU.js";import{t as r}from"./slot-Dpsqz16D.js";import{cloneElement as i,isValidElement as a}from"react";import{jsx as o}from"react/jsx-runtime";import{CaretRightIcon as s}from"@phosphor-icons/react/CaretRight";const c={Root:({asChild:e,children:t,"data-slot":i,ref:a,...s})=>o(e?r:`nav`,{ref:a,"data-slot":n(i,`breadcrumb`),"aria-label":`Breadcrumb`,...s,children:t}),List:({asChild:t,children:i,className:a,"data-slot":s,ref:c,...l})=>o(t?r:`ol`,{ref:c,"data-slot":n(s,`breadcrumb-list`),className:e(`text-muted flex flex-wrap items-center gap-1.5 text-sm`,a),...l,children:i}),Item:({asChild:t,children:i,className:a,"data-slot":s,ref:c,...l})=>o(t?r:`li`,{ref:c,"data-slot":n(s,`breadcrumb-item`),className:e(`inline-flex items-center gap-1.5`,a),...l,children:i}),Link:({asChild:t,children:i,className:a,"data-slot":s,ref:c,...l})=>o(t?r:`a`,{ref:c,"data-slot":n(s,`breadcrumb-link`),className:e(`hover:text-strong transition-colors`,a),...l,children:i}),Page:({asChild:t,children:s,className:c,"data-slot":l,ref:u,...d})=>{let f=t?r:`span`,p=t&&a(s)?i(s,{"aria-current":`page`}):s;return o(f,{ref:u,"data-slot":n(l,`breadcrumb-page`),className:e(`text-muted`,c),...d,"aria-current":`page`,children:p})},Separator:({asChild:e,children:c,"data-slot":l,ref:u,...d})=>{let f=e?r:`li`,p=e&&a(c)?i(c,{role:`presentation`,"aria-hidden":`true`}):c??o(t,{svg:o(s,{}),className:`size-3.5`});return o(f,{ref:u,"data-slot":n(l,`breadcrumb-separator`),...d,role:`presentation`,"aria-hidden":`true`,children:p})}};export{c as Breadcrumb};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-BdBMM9ga.js";import{t as n}from"./cx-IiQEAKf5.js";import{t as r}from"./icon-lZ48P8Nn.js";import{t as i}from"./data-slot-EM6s2WEU.js";import{t as a}from"./slot-DpNWVci8.js";import{cloneElement as o,isValidElement as s,useEffect as c,useRef as l}from"react";import{jsx as u}from"react/jsx-runtime";import{CaretRightIcon as d}from"@phosphor-icons/react/CaretRight";const f=({asChild:e,children:t,className:r,"data-slot":o,ref:s,...c})=>u(e?a:`nav`,{ref:s,"data-slot":i(o,`breadcrumb`),"aria-label":`Breadcrumb`,className:n(`min-w-0`,r),...c,children:t});function p(e,t){let n=e.scrollWidth-e.clientWidth;return n===t||e.contains(document.activeElement)?t:(e.scrollLeft=n,n)}const m={Root:f,List:({asChild:r,children:o,className:s,"data-slot":d,ref:f,...m})=>{let h=r?a:`ol`,g=l(null),_=t(g,f),v=l(void 0);return e(()=>{let e=g.current;e!=null&&(v.current=p(e,v.current))}),c(()=>{let e=g.current;if(e==null)return;let t=new ResizeObserver(()=>{v.current=p(e,v.current)});return t.observe(e),()=>{t.disconnect()}},[]),u(h,{ref:_,"data-slot":i(d,`breadcrumb-list`),className:n(`text-muted flex items-center gap-1.5 text-sm`,`scroll-fade-x min-w-0 overflow-x-auto overscroll-x-none`,`-m-1 p-1`,`scroll-px-10`,s),...m,children:o})},Item:({asChild:e,children:t,className:r,"data-slot":o,ref:s,...c})=>u(e?a:`li`,{ref:s,"data-slot":i(o,`breadcrumb-item`),className:n(`inline-flex shrink-0 items-center gap-1.5`,r),...c,children:t}),Link:({asChild:e,children:t,className:r,"data-slot":o,ref:s,...c})=>u(e?a:`a`,{ref:s,"data-slot":i(o,`breadcrumb-link`),className:n(`hover:text-strong transition-colors`,r),...c,children:t}),Page:({asChild:e,children:t,className:r,"data-slot":c,ref:l,...d})=>{let f=e?a:`span`,p=e&&s(t)?o(t,{"aria-current":`page`}):t;return u(f,{ref:l,"data-slot":i(c,`breadcrumb-page`),className:n(`text-muted`,r),...d,"aria-current":`page`,children:p})},Separator:({asChild:e,children:t,className:c,"data-slot":l,ref:f,...p})=>{let m=e?a:`li`,h=e&&s(t)?o(t,{role:`presentation`,"aria-hidden":`true`}):t??u(r,{svg:u(d,{}),className:`size-3.5`});return u(m,{ref:f,"data-slot":i(l,`breadcrumb-separator`),className:n(`shrink-0`,c),...p,role:`presentation`,"aria-hidden":`true`,children:h})}};export{m as Breadcrumb};

package/dist/browser-only.d.ts

@@ -15,8 +15,8 @@ type Props = {
   fallback?: ReactNode;
 };
 /**
- * A wrapper component that ensures its children only render in the browser,
- * after hydration has completed.
+ * A wrapper component that renders its children in the browser only,
+ * after hydration completes.
  *
  * This is useful for components that rely on browser-only APIs
  * (e.g. `window`, `document`, `localStorage`, media queries) or that
@@ -45,7 +45,7 @@ declare function BrowserOnly({ children, fallback }: Props): ReactNode;
  * Returns `true` when running in a windowed browser context where both
  * `window` and a real `document` exist. This will be `false` in SSR/Node.
  *
- * Note: Test environments that provide a DOM shim (e.g. JSDOM) will return `true`.
+ * Note: In a test environment with a DOM shim (e.g. JSDOM), this returns `true`.
  *
  * @returns {boolean} `true` if DOM APIs are available; otherwise `false`.
  *

package/dist/{button-C-gMbPso.d.ts → button-BIf69CSV.d.ts}

@@ -1,7 +1,7 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { r as VariantProps } from "./index-DA4ig3gj.js";
-import "./button-DARFK2KJ.js";
-import "./button-C7vAl6lS.js";
+import "./button-PoIujPMX.js";
+import "./button-DJ7AAgII.js";
 import { ComponentProps } from "react";
 //#region src/components/button/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({

package/dist/button-BLDjW1u9.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{cva as t}from"class-variance-authority";const n=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`),r=t(n,{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{r as t};

package/dist/{button-C0S8RbaJ.js → button-CCkGqE1t.js}

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./slot-Dpsqz16D.js";import{t as r}from"./booleanish-BfvnW6vy.js";import{t as i}from"./button-DvHMWAPl.js";import{Children as a,cloneElement as o,isValidElement as s}from"react";import c from"tiny-invariant";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{CircleNotchIcon as f}from"@phosphor-icons/react/CircleNotch";const p=({"aria-disabled":p,appearance:m,asChild:h=!1,children:g,className:_,disabled:v,icon:y,intent:b,isLoading:x=!1,label:S,ref:C,size:w=`md`,type:T,...E})=>{let D=r(p??v??x),O=x?u(f,{className:`animate-spin`}):y,k={"aria-disabled":D,"data-slot":`icon-button`,className:e(i({appearance:m,intent:b,isLoading:x,size:w}),_),"data-appearance":m,"data-disabled":D,"data-icon-button":!0,"data-intent":b,"data-loading":x,"data-size":w,disabled:D,ref:C,...E},A=d(l,{children:[u(`span`,{className:`sr-only`,children:S}),u(t,{svg:O})]});return h?(c(s(g)&&a.only(g),"When using `asChild`, IconButton must be passed a single child as a JSX tag."),u(n,{...k,children:o(g,{},A)})):u(`button`,{...k,type:T??`button`,children:A})};export{p as t};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./slot-DpNWVci8.js";import{t as r}from"./booleanish-BfvnW6vy.js";import{t as i}from"./button-BLDjW1u9.js";import{Children as a,cloneElement as o,isValidElement as s}from"react";import c from"tiny-invariant";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{CircleNotchIcon as f}from"@phosphor-icons/react/CircleNotch";const p=({"aria-disabled":p,appearance:m,asChild:h=!1,children:g,className:_,disabled:v,icon:y,intent:b,isLoading:x=!1,label:S,ref:C,size:w=`md`,type:T,...E})=>{let D=r(p??v??x),O=x?u(f,{className:`animate-spin`}):y,k={"aria-disabled":D,"data-slot":`icon-button`,className:e(i({appearance:m,intent:b,isLoading:x,size:w}),_),"data-appearance":m,"data-disabled":D,"data-icon-button":!0,"data-intent":b,"data-loading":x,"data-size":w,disabled:D,ref:C,...E},A=d(l,{children:[u(`span`,{className:`sr-only`,children:S}),u(t,{svg:O})]});return h?(c(s(g)&&a.only(g),"When using `asChild`, IconButton must be passed a single child as a JSX tag."),u(n,{...k,children:o(g,{},A)})):u(`button`,{...k,type:T??`button`,children:A})};export{p as t};

package/dist/{button-BUospUB3.js → button-Cnja9Bsr.js}

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./slot-Dpsqz16D.js";import{t as r}from"./booleanish-BfvnW6vy.js";import{t as i}from"./clsx-DUGZgXfJ.js";import{Children as a,cloneElement as o,isValidElement as s}from"react";import c from"tiny-invariant";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{cva as f}from"class-variance-authority";import{CircleNotchIcon as p}from"@phosphor-icons/react/CircleNotch";const m=f(``,{variants:{appearance:{filled:`bg-filled-accent text-white focus-visible:ring-focus-accent not-disabled:hover:bg-filled-accent-hover border border-transparent text-sm font-medium`,ghost:`text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:bg-accent-500/10 not-disabled:hover:text-accent-700 border border-transparent text-sm font-medium`,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 border text-sm font-medium`,link:`text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:underline group/button-link border-transparent`},isLoading:{false:``,true:`opacity-50`},intent:{accent:``,danger:``,neutral:``},size:{xs:``,sm:``,md:``,lg:``,xl:``}},defaultVariants:{isLoading:!1,size:`md`},compoundVariants:[{appearance:[`filled`,`ghost`,`outlined`],size:`xs`,class:`h-6 px-2`},{appearance:[`filled`,`ghost`,`outlined`],size:`sm`,class:`h-7 px-2.5`},{appearance:[`filled`,`ghost`,`outlined`],size:`md`,class:`h-9 px-3`},{appearance:[`filled`,`ghost`,`outlined`],size:`lg`,class:`h-10 px-3.5`},{appearance:[`filled`,`ghost`,`outlined`],size:`xl`,class:`h-12 px-4`},{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:`filled`,intent:`danger`,class:`bg-filled-danger focus-visible:ring-focus-danger not-disabled:hover:bg-filled-danger-hover border-transparent`},{appearance:`link`,intent:`danger`,class:`text-danger-600 focus-visible:ring-focus-danger`},{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`},{appearance:`filled`,intent:`neutral`,class:`bg-filled-neutral not-disabled:hover:bg-filled-neutral-hover border-transparent focus-visible:border-transparent text-neutral-50`},{appearance:`link`,intent:`neutral`,class:`text-strong focus-visible:ring-focus-accent`}]}),h={xs:`ps-1.5`,sm:`ps-2`,md:`ps-2.5`,lg:`ps-3`,xl:`ps-3.5`},g={xs:`pe-1.5`,sm:`pe-2`,md:`pe-2.5`,lg:`pe-3`,xl:`pe-3.5`},_=({"aria-disabled":f,appearance:_,asChild:v,children:y,className:b,disabled:x,icon:S,iconPlacement:C=`start`,intent:w,isLoading:T=!1,ref:E,size:D=`md`,type:O,...k})=>{let A=r(f??x??T),j=T?u(p,{className:`animate-spin`}):S,M=j&&_!==`link`,N={"aria-disabled":A,"data-slot":`button`,className:e(`inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md`,`focus:outline-hidden focus-visible:ring-4`,`disabled:cursor-default disabled:opacity-50`,`not-disabled:active:scale-97 ease-out transition-transform duration-150`,m({appearance:_,intent:w,isLoading:T,size:D}),_!==`link`&&`font-sans`,M&&C===`start`&&h[D],M&&C===`end`&&g[D],b),"data-appearance":_,"data-disabled":A,"data-intent":w,"data-loading":T,"data-size":_===`link`?void 0:D,disabled:A,ref:E,...k};return v?(c(s(y)&&a.only(y),"When using `asChild`, Button must be passed a single child as a JSX tag."),u(n,{...N,children:o(y,{},d(l,{children:[j&&u(t,{svg:j,className:i(C===`end`&&`order-last`)}),y.props.children]}))})):d(`button`,{...N,type:O??`button`,children:[j&&u(t,{svg:j,className:i(C===`end`&&`order-last`)}),y]})};export{_ as t};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./slot-DpNWVci8.js";import{t as r}from"./booleanish-BfvnW6vy.js";import{t as i}from"./clsx-DUGZgXfJ.js";import{Children as a,cloneElement as o,isValidElement as s}from"react";import c from"tiny-invariant";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{cva as f}from"class-variance-authority";import{CircleNotchIcon as p}from"@phosphor-icons/react/CircleNotch";const m=f(``,{variants:{appearance:{filled:`bg-filled-accent text-white focus-visible:ring-focus-accent not-disabled:hover:bg-filled-accent-hover border border-transparent text-sm font-medium`,ghost:`text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:bg-accent-500/10 not-disabled:hover:text-accent-700 border border-transparent text-sm font-medium`,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 border text-sm font-medium`,link:`text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:underline group/button-link border-transparent`},isLoading:{false:``,true:`opacity-50`},intent:{accent:``,danger:``,neutral:``},size:{xs:``,sm:``,md:``,lg:``,xl:``}},defaultVariants:{isLoading:!1,size:`md`},compoundVariants:[{appearance:[`filled`,`ghost`,`outlined`],size:`xs`,class:`h-6 px-2`},{appearance:[`filled`,`ghost`,`outlined`],size:`sm`,class:`h-7 px-2.5`},{appearance:[`filled`,`ghost`,`outlined`],size:`md`,class:`h-9 px-3`},{appearance:[`filled`,`ghost`,`outlined`],size:`lg`,class:`h-10 px-3.5`},{appearance:[`filled`,`ghost`,`outlined`],size:`xl`,class:`h-12 px-4`},{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:`filled`,intent:`danger`,class:`bg-filled-danger focus-visible:ring-focus-danger not-disabled:hover:bg-filled-danger-hover border-transparent`},{appearance:`link`,intent:`danger`,class:`text-danger-600 focus-visible:ring-focus-danger`},{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`},{appearance:`filled`,intent:`neutral`,class:`bg-filled-neutral not-disabled:hover:bg-filled-neutral-hover border-transparent focus-visible:border-transparent text-neutral-50`},{appearance:`link`,intent:`neutral`,class:`text-strong focus-visible:ring-focus-accent`}]}),h={xs:`ps-1.5`,sm:`ps-2`,md:`ps-2.5`,lg:`ps-3`,xl:`ps-3.5`},g={xs:`pe-1.5`,sm:`pe-2`,md:`pe-2.5`,lg:`pe-3`,xl:`pe-3.5`},_=({"aria-disabled":f,appearance:_,asChild:v,children:y,className:b,disabled:x,icon:S,iconPlacement:C=`start`,intent:w,isLoading:T=!1,ref:E,size:D=`md`,type:O,...k})=>{let A=r(f??x??T),j=T?u(p,{className:`animate-spin`}):S,M=j&&_!==`link`,N={"aria-disabled":A,"data-slot":`button`,className:e(`inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md`,`focus:outline-hidden focus-visible:ring-4`,`disabled:cursor-default disabled:opacity-50`,`not-disabled:active:scale-97 ease-out transition-transform duration-150`,m({appearance:_,intent:w,isLoading:T,size:D}),_!==`link`&&`font-sans`,M&&C===`start`&&h[D],M&&C===`end`&&g[D],b),"data-appearance":_,"data-disabled":A,"data-intent":w,"data-loading":T,"data-size":_===`link`?void 0:D,disabled:A,ref:E,...k};return v?(c(s(y)&&a.only(y),"When using `asChild`, Button must be passed a single child as a JSX tag."),u(n,{...N,children:o(y,{},d(l,{children:[j&&u(t,{svg:j,className:i(C===`end`&&`order-last`)}),y.props.children]}))})):d(`button`,{...N,type:O??`button`,children:[j&&u(t,{svg:j,className:i(C===`end`&&`order-last`)}),y]})};export{_ as t};

package/dist/{button-C7vAl6lS.d.ts → button-DJ7AAgII.d.ts}

@@ -56,7 +56,8 @@ type IconButtonProps = ComponentProps<"button"> & WithAsChild & Omit<IconButtonV
    */
   intent: ButtonIntent;
   /**
-   * The accessible label for the icon. This label will be visually hidden but announced to screen reader users, similar to alt text for img tags.
+   * The accessible label for the icon. `IconButton` hides this label visually
+   * and announces it to screen readers, like the `alt` text on an `<img>`.
    */
   label: string;
   /**
@@ -84,11 +85,8 @@ type IconButtonProps = ComponentProps<"button"> & WithAsChild & Omit<IconButtonV
   type?: ComponentProps<"button">["type"];
 };
 /**
- * Renders a button or a component that looks like a button, an interactive
- * element activated by a user with a mouse, keyboard, finger, voice command, or
- * other assistive technology. Once activated, it then performs an action, such
- * as submitting a form or opening a dialog.
- * Renders only a single icon as children with an accessible, screen-reader-only label.
+ * A button that renders one icon and nothing else. Its required `label` prop
+ * carries the accessible name.
  *
  * `appearance` (visual weight) and `intent` (tone) are required — every call
  * site states what it means; there are no implicit defaults. `intent="neutral"`

package/dist/{button-BO2CKsz6.js → button-DmJkYfyl.js}

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-Dpsqz16D.js";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`border-form inline-flex items-center rounded-md`,{variants:{appearance:{panel:`bg-form gap-0.5 border p-0.75 [--icon-button-border-radius:0.125rem] [&>.separator]:mx-px`,ghost:`gap-0.5`,outlined:``}}}),a=({appearance:r,asChild:a,className:o,children:s,ref:c,...l})=>n(a?t:`div`,{"data-slot":`button-group`,className:e(i({appearance:r}),o),ref:c,...l,children:s});export{a as t};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DpNWVci8.js";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`border-form inline-flex items-center rounded-md`,{variants:{appearance:{panel:`bg-form gap-0.5 border p-0.75 [--icon-button-border-radius:0.125rem] [&>.separator]:mx-px`,ghost:`gap-0.5`,outlined:``}}}),a=({appearance:r,asChild:a,className:o,children:s,ref:c,...l})=>n(a?t:`div`,{"data-slot":`button-group`,className:e(i({appearance:r}),o),ref:c,...l,children:s});export{a as t};

package/dist/{button-DARFK2KJ.d.ts → button-PoIujPMX.d.ts}

@@ -11,7 +11,7 @@ import { ComponentProps, ReactNode } from "react";
  * - `"outlined"` — bordered on the form background
  * - `"ghost"` — no border or fill until hovered
  * - `"link"` — renders like an inline link (inherits surrounding typography)
- *   while remaining a button that performs an action
+ *   while remaining a button that runs an action
  */
 type ButtonAppearance = "filled" | "ghost" | "link" | "outlined";
 declare const buttonVariants: (props?: ({
@@ -85,7 +85,7 @@ type ButtonProps = ComponentProps<"button"> & Omit<ButtonVariants, "appearance"
 /**
  * Renders a button or a component that looks like a button, an interactive
  * element activated by a user with a mouse, keyboard, finger, voice command, or
- * other assistive technology. Once activated, it then performs an action, such
+ * other assistive technology. Once activated, it then runs an action, such
  * as submitting a form or opening a dialog.
  *
  * `appearance` (visual weight) and `intent` (tone) are required — every call

package/dist/button.d.ts

@@ -1,6 +1,6 @@
 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 { n as ButtonAppearance, r as ButtonProps, t as Button } from "./button-PoIujPMX.js";
+import { n as IconButtonProps, r as IconButtonAppearance, t as IconButton } from "./button-DJ7AAgII.js";
+import { n as ButtonGroupProps, t as ButtonGroup } from "./button-BIf69CSV.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"./button-BUospUB3.js";import{t}from"./button-C0S8RbaJ.js";import{t as n}from"./button-BO2CKsz6.js";export{e as Button,n as ButtonGroup,t as IconButton};
+import{t as e}from"./button-Cnja9Bsr.js";import{t}from"./button-CCkGqE1t.js";import{t as n}from"./button-DmJkYfyl.js";export{e as Button,n as ButtonGroup,t as IconButton};

package/dist/calendar.d.ts

@@ -5,7 +5,7 @@ type CalendarProps = ComponentProps<typeof DayPicker>;
 /**
  * A calendar component that allows users to select a date or a range of dates.
  *
- * @preview This component is in `preview` mode which means the API is not stable and may change.
+ * @preview The API is not stable and may change.
  * There may also be bugs! Please file an issue if you find any! <3
  *
  * @see https://mantle.ngrok.com/components/preview/calendar

package/dist/calendar.js

@@ -1 +1 @@
-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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./button-BLDjW1u9.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=>{let n=e.orientation===`left`?r(a,{}):r(i,{});return r(t,{svg:n,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

@@ -4,8 +4,8 @@ import { ComponentProps } from "react";
 //#region src/components/card/card.d.ts
 type CardProps = ComponentProps<"div"> & WithAsChild;
 /**
- * A container that can be used to display content in a box resembling a
- * physical card. The root component of the all Card components.
+ * A container that displays content in a box resembling a physical card. The
+ * outermost part — every other `Card` part nests inside it.
  *
  * @see https://mantle.ngrok.com/components/structure/card#cardroot
  *
@@ -59,7 +59,8 @@ declare const Root: ({ asChild, className, children, ref, ...rest }: CardProps)
  */
 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.
+ * The band below `Card.Body`. Unless it is the first child, it draws a top border
+ * dividing the two. Pass it as a direct child of `Card.Root`.
  *
  * @see https://mantle.ngrok.com/components/structure/card#cardfooter
  *
@@ -80,7 +81,8 @@ declare const Body: ({ asChild, className, children, ref, ...rest }: CardProps)
  */
 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.
+ * The band above `Card.Body` that holds `Card.Title`. Pass it as a direct child
+ * of `Card.Root`.
  *
  * @see https://mantle.ngrok.com/components/structure/card#cardheader
  *
@@ -102,11 +104,9 @@ declare const Footer: ({ asChild, className, children, ref, ...rest }: CardProps
 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`
- * component.
- * Renders as an `h3` element by default, but can be changed to any other
- * element by using the `asChild` prop. It is preferred to use a heading element
- * (h1-h6) for accessibility reasons.
+ * The heading inside `Card.Header`. Renders an `h3` by default — pass `asChild`
+ * to fit the surrounding document outline. Keep it a heading element
+ * (`h1`-`h6`) for accessibility.
  *
  * @see https://mantle.ngrok.com/components/structure/card#cardtitle
  *
@@ -127,8 +127,7 @@ type CardTitleProps = ComponentProps<"h3"> & WithAsChild;
  */
 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.
+ * A container that displays content in a box resembling a physical card.
  *
  * @see https://mantle.ngrok.com/components/structure/card
  *
@@ -165,7 +164,7 @@ declare const Title: ({ className, asChild, ref, ...props }: CardTitleProps) =>
  */
 declare const Card: {
   /**
-   * A container that can be used to display content in a box resembling a physical card.
+   * A container that displays content in a box resembling a physical card.
    *
    * @see https://mantle.ngrok.com/components/structure/card#cardroot
    *
@@ -195,7 +194,8 @@ declare const Card: {
    */
   readonly Body: typeof Body;
   /**
-   * The footer container of a card.
+   * The band below `Card.Body`. Unless it is the first child, it draws a top border
+   * dividing the two. Pass it as a direct child of `Card.Root`.
    *
    * @see https://mantle.ngrok.com/components/structure/card#cardfooter
    *
@@ -216,7 +216,7 @@ declare const Card: {
    */
   readonly Footer: typeof Footer;
   /**
-   * The header container of a card.
+   * The band above `Card.Body` that holds `Card.Title`.
    *
    * @see https://mantle.ngrok.com/components/structure/card#cardheader
    *
@@ -237,7 +237,7 @@ declare const Card: {
    */
   readonly Header: typeof Header;
   /**
-   * The title of a card.
+   * The heading inside `Card.Header`. Renders an `h3` by default.
    *
    * @see https://mantle.ngrok.com/components/structure/card#cardtitle
    *

package/dist/card.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-Dpsqz16D.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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DpNWVci8.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.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./data-slot-EM6s2WEU.js";import{t as n}from"./slot-Dpsqz16D.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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./data-slot-EM6s2WEU.js";import{t as n}from"./slot-DpNWVci8.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};