@ngrok/mantle 0.81.1 → 0.82.0

package/dist/app-layout.d.ts

@@ -0,0 +1,483 @@
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
+import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
+import { ComponentProps } from "react";
+//#region src/components/app-layout/app-layout.d.ts
+/**
+ * The outer frame of an application shell. Renders a `<div>` with
+ * `relative isolate flex h-full w-full flex-col overflow-hidden bg-base`, so
+ * it fills its nearest sized ancestor — which makes it embeddable in docs
+ * demos and tests. Real app shells pin it to the viewport by merging
+ * `className="fixed inset-0"` (mantle `cx` is tailwind-merge-backed, so the
+ * override is deterministic); the shell itself never scrolls — only
+ * `AppLayout.Content` does.
+ *
+ * When the shell owns the document, render a `SkipToMainLink` as its first
+ * child and compose the `Main` landmark into `AppLayout.Content` via
+ * `asChild` so keyboard users can jump past the sidebar and toolbar straight
+ * into the content card.
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * ```tsx
+ * <AppLayout.Root className="fixed inset-0">
+ *   <SkipToMainLink />
+ *   <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+ *   <AppLayout.Body>
+ *     <AppLayout.Inset>
+ *       <AppLayout.Content>
+ *         <AppLayout.Header>
+ *           <Breadcrumbs />
+ *         </AppLayout.Header>
+ *         <Outlet />
+ *       </AppLayout.Content>
+ *     </AppLayout.Inset>
+ *   </AppLayout.Body>
+ * </AppLayout.Root>
+ * ```
+ */
+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 shell —
+ * including any sidebar — for maintenance notices, environment warnings,
+ * and similar app-wide messaging. It is a vertical composition slot: place an
+ * maintenance banner and an `AlertCenter.Bar` here, and each contributes its
+ * own row while the slot pushes the shell down. Renders an unstyled `<div>`
+ * (`flex w-full shrink-0 flex-col`): its children bring their own colors and
+ * layout, and the part collapses to nothing when empty. Deliberately not named
+ * `Banner` so it never reads as the ARIA `banner` landmark — it claims no
+ * landmark at all.
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * ```tsx
+ * <Sidebar.Root>
+ *   <AppLayout.Root className="fixed inset-0">
+ *     <SkipToMainLink />
+ *     <AppLayout.Notice>
+ *       {isUnderMaintenance && (
+ *         <div className="bg-red-500 text-on-filled flex items-center gap-2 px-4 py-1 text-xs">
+ *           The dashboard is read-only until {maintenanceEndsAt}.
+ *         </div>
+ *       )}
+ *     </AppLayout.Notice>
+ *     <AppLayout.Body>
+ *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+ *       <AppLayout.Inset>
+ *         <AppLayout.Content asChild>
+ *           <Main>
+ *             <AppLayout.Header>
+ *               <Sidebar.Trigger />
+ *               <Breadcrumbs />
+ *             </AppLayout.Header>
+ *             <Outlet />
+ *           </Main>
+ *         </AppLayout.Content>
+ *       </AppLayout.Inset>
+ *     </AppLayout.Body>
+ *   </AppLayout.Root>
+ * </Sidebar.Root>
+ * ```
+ */
+declare const Notice: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * The main horizontal region of the shell, below `AppLayout.Notice`. A flex
+ * row (`flex min-h-0 flex-1`) whose children are the app's columns — place a
+ * `Sidebar.Nav` (or any other rail) beside an `AppLayout.Inset`. The
+ * `min-h-0` is what lets `AppLayout.Content` scroll instead of the page.
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * ```tsx
+ * <Sidebar.Root>
+ *   <AppLayout.Root className="fixed inset-0">
+ *     <SkipToMainLink />
+ *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+ *     <AppLayout.Body>
+ *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+ *       <AppLayout.Inset>
+ *         <AppLayout.Content asChild>
+ *           <Main>
+ *             <AppLayout.Header>
+ *               <Sidebar.Trigger />
+ *               <Breadcrumbs />
+ *             </AppLayout.Header>
+ *             <Outlet />
+ *           </Main>
+ *         </AppLayout.Content>
+ *       </AppLayout.Inset>
+ *     </AppLayout.Body>
+ *   </AppLayout.Root>
+ * </Sidebar.Root>
+ * ```
+ */
+declare const Body: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * The content column of the shell: the flex column beside the sidebar that
+ * wraps the scrolling `AppLayout.Content` card. Owns the card gutter
+ * (`gap-2 p-2`), keeping a consistent gap beside a sidebar (invisible when
+ * both share `bg-base`).
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * ```tsx
+ * <Sidebar.Root>
+ *   <AppLayout.Root className="fixed inset-0">
+ *     <SkipToMainLink />
+ *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+ *     <AppLayout.Body>
+ *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+ *       <AppLayout.Inset>
+ *         <AppLayout.Content asChild>
+ *           <Main>
+ *             <AppLayout.Header>
+ *               <Sidebar.Trigger />
+ *               <Breadcrumbs />
+ *             </AppLayout.Header>
+ *             <Outlet />
+ *           </Main>
+ *         </AppLayout.Content>
+ *       </AppLayout.Inset>
+ *     </AppLayout.Body>
+ *   </AppLayout.Root>
+ * </Sidebar.Root>
+ * ```
+ */
+declare const Inset: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * The toolbar row pinned to the top of the content card — render it as the
+ * **first child of `AppLayout.Content`**. It is sticky (`top-0`) inside the
+ * card's scroll container with a hairline border beneath it, so page content
+ * scrolls under it. The natural home for a `Sidebar.Trigger` in its top-left,
+ * followed by `Breadcrumb` navigation, search, or page-level actions.
+ *
+ * Renders a semantic `<header>` scoped to the content region (inside `Main`
+ * it is deliberately not an ARIA `banner` landmark).
+ *
+ * **Sidebar alignment is an invariant, not a coincidence:** standalone, the
+ * toolbar is `h-14`. When the shell contains a `Sidebar.Header` (detected via
+ * `:has()` from `AppLayout.Root`), the toolbar instead derives its height from
+ * the sidebar's public `--sidebar-header-height` token as
+ * `calc(var(--sidebar-header-height, 4.5rem) - 1rem - 2px)` — subtracting
+ * twice the `AppLayout.Inset` gutter and twice the content card's hairline
+ * border — which keeps the two rows' vertical centers on the same band by
+ * construction. Override `--sidebar-header-height` on a common ancestor
+ * (e.g. `AppLayout.Root`'s `className`) and both rows move together.
+ *
+ * **CSS variables (public API):**
+ * - `--sidebar-header-height` — read, not owned: `Sidebar.Header` owns this
+ *   token (default `4.5rem`) and `AppLayout.Header` derives its own height
+ *   from it whenever a sidebar header is present in the shell. Set it on a
+ *   common ancestor of both rows (e.g. `AppLayout.Root`), never on one of
+ *   them, since custom properties only inherit downward.
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * ```tsx
+ * <Sidebar.Root>
+ *   <AppLayout.Root className="fixed inset-0">
+ *     <SkipToMainLink />
+ *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+ *     <AppLayout.Body>
+ *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+ *       <AppLayout.Inset>
+ *         <AppLayout.Content asChild>
+ *           <Main>
+ *             <AppLayout.Header>
+ *               <Sidebar.Trigger />
+ *               <Breadcrumbs />
+ *             </AppLayout.Header>
+ *             <Outlet />
+ *           </Main>
+ *         </AppLayout.Content>
+ *       </AppLayout.Inset>
+ *     </AppLayout.Body>
+ *   </AppLayout.Root>
+ * </Sidebar.Root>
+ * ```
+ */
+declare const Header: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"header"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * The scrolling content card of the shell: a rounded, bordered `bg-card`
+ * surface that fills the remaining space and scrolls internally
+ * (`overflow-y-auto overscroll-none`) — the page body never scrolls and
+ * scroll never bounces the shell. Render `AppLayout.Header` as its first
+ * child for a sticky in-card toolbar that content scrolls beneath. The card
+ * renders a `<div>` by default, but in a real
+ * app shell this should almost always be mantle's `Main` landmark, composed
+ * via `asChild` — pair it with a `SkipToMainLink` as the first child of
+ * `AppLayout.Root` so keyboard users can jump past the sidebar and toolbar
+ * straight into the content card (`SkipToMainLink`'s default `targetId`
+ * matches `Main`'s `id="main"`). The `<div>` default exists for embedded
+ * usage (docs demos, tests) where the surrounding document already owns the
+ * Main landmark.
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * ```tsx
+ * <Sidebar.Root>
+ *   <AppLayout.Root className="fixed inset-0">
+ *     <SkipToMainLink />
+ *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+ *     <AppLayout.Body>
+ *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+ *       <AppLayout.Inset>
+ *         <AppLayout.Content asChild>
+ *           <Main>
+ *             <AppLayout.Header>
+ *               <Sidebar.Trigger />
+ *               <Breadcrumbs />
+ *             </AppLayout.Header>
+ *             <Outlet />
+ *           </Main>
+ *         </AppLayout.Content>
+ *       </AppLayout.Inset>
+ *     </AppLayout.Body>
+ *   </AppLayout.Root>
+ * </Sidebar.Root>
+ * ```
+ */
+declare const Content: ({ asChild, children, className, "data-slot": dataSlot, ...props }: ComponentProps<"div"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * A viewport-locked application shell: an optional full-width
+ * `AppLayout.Notice` strip on top, then a row holding the app's columns —
+ * typically a `Sidebar.Nav` beside an `AppLayout.Inset` whose
+ * `AppLayout.Content` card is the only thing that scrolls. It owns structure
+ * only and is deliberately unaware of any sidebar: compose `Sidebar.Root`
+ * around it and place `Sidebar.Trigger` in `AppLayout.Header` to connect the
+ * two.
+ *
+ * @see https://mantle.ngrok.com/layouts/app-layout
+ *
+ * @example
+ * Composition:
+ * ```
+ * AppLayout.Root
+ * ├── AppLayout.Notice
+ * └── AppLayout.Body
+ *     └── AppLayout.Inset
+ *         └── AppLayout.Content
+ *             └── AppLayout.Header
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Sidebar.Root>
+ *   <AppLayout.Root className="fixed inset-0">
+ *     <SkipToMainLink />
+ *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+ *     <AppLayout.Body>
+ *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+ *       <AppLayout.Inset>
+ *         <AppLayout.Content asChild>
+ *           <Main>
+ *             <AppLayout.Header>
+ *               <Sidebar.Trigger />
+ *               <Breadcrumbs />
+ *             </AppLayout.Header>
+ *             <Outlet />
+ *           </Main>
+ *         </AppLayout.Content>
+ *       </AppLayout.Inset>
+ *     </AppLayout.Body>
+ *   </AppLayout.Root>
+ * </Sidebar.Root>
+ * ```
+ */
+declare const AppLayout: {
+  /**
+   * The outer frame. Fills its nearest sized ancestor; merge
+   * `className="fixed inset-0"` to pin a real app shell to the viewport.
+   *
+   * @see https://mantle.ngrok.com/layouts/app-layout
+   *
+   * @example
+   * ```tsx
+   * <Sidebar.Root>
+   *   <AppLayout.Root className="fixed inset-0">
+   *     <SkipToMainLink />
+   *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+   *     <AppLayout.Body>
+   *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+   *       <AppLayout.Inset>
+   *         <AppLayout.Content asChild>
+   *           <Main>
+   *             <AppLayout.Header>
+   *               <Sidebar.Trigger />
+   *               <Breadcrumbs />
+   *             </AppLayout.Header>
+   *             <Outlet />
+   *           </Main>
+   *         </AppLayout.Content>
+   *       </AppLayout.Inset>
+   *     </AppLayout.Body>
+   *   </AppLayout.Root>
+   * </Sidebar.Root>
+   * ```
+   */
+  readonly Root: typeof Root;
+  /**
+   * A full-window-width strip above everything (maintenance notices,
+   * environment warnings). Unstyled; collapses when empty.
+   *
+   * @see https://mantle.ngrok.com/layouts/app-layout
+   *
+   * @example
+   * ```tsx
+   * <Sidebar.Root>
+   *   <AppLayout.Root className="fixed inset-0">
+   *     <SkipToMainLink />
+   *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+   *     <AppLayout.Body>
+   *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+   *       <AppLayout.Inset>
+   *         <AppLayout.Content asChild>
+   *           <Main>
+   *             <AppLayout.Header>
+   *               <Sidebar.Trigger />
+   *               <Breadcrumbs />
+   *             </AppLayout.Header>
+   *             <Outlet />
+   *           </Main>
+   *         </AppLayout.Content>
+   *       </AppLayout.Inset>
+   *     </AppLayout.Body>
+   *   </AppLayout.Root>
+   * </Sidebar.Root>
+   * ```
+   */
+  readonly Notice: typeof Notice;
+  /**
+   * The flex row below the notice — place a `Sidebar.Nav` beside an
+   * `AppLayout.Inset` here.
+   *
+   * @see https://mantle.ngrok.com/layouts/app-layout
+   *
+   * @example
+   * ```tsx
+   * <Sidebar.Root>
+   *   <AppLayout.Root className="fixed inset-0">
+   *     <SkipToMainLink />
+   *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+   *     <AppLayout.Body>
+   *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+   *       <AppLayout.Inset>
+   *         <AppLayout.Content asChild>
+   *           <Main>
+   *             <AppLayout.Header>
+   *               <Sidebar.Trigger />
+   *               <Breadcrumbs />
+   *             </AppLayout.Header>
+   *             <Outlet />
+   *           </Main>
+   *         </AppLayout.Content>
+   *       </AppLayout.Inset>
+   *     </AppLayout.Body>
+   *   </AppLayout.Root>
+   * </Sidebar.Root>
+   * ```
+   */
+  readonly Body: typeof Body;
+  /**
+   * The content column: wraps the `AppLayout.Content` card and owns the
+   * card gutter.
+   *
+   * @see https://mantle.ngrok.com/layouts/app-layout
+   *
+   * @example
+   * ```tsx
+   * <Sidebar.Root>
+   *   <AppLayout.Root className="fixed inset-0">
+   *     <SkipToMainLink />
+   *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+   *     <AppLayout.Body>
+   *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+   *       <AppLayout.Inset>
+   *         <AppLayout.Content asChild>
+   *           <Main>
+   *             <AppLayout.Header>
+   *               <Sidebar.Trigger />
+   *               <Breadcrumbs />
+   *             </AppLayout.Header>
+   *             <Outlet />
+   *           </Main>
+   *         </AppLayout.Content>
+   *       </AppLayout.Inset>
+   *     </AppLayout.Body>
+   *   </AppLayout.Root>
+   * </Sidebar.Root>
+   * ```
+   */
+  readonly Inset: typeof Inset;
+  /**
+   * The sticky toolbar `<header>` at the top of the content card — render
+   * it as `AppLayout.Content`'s first child, with `Sidebar.Trigger` in its
+   * top-left followed by breadcrumbs.
+   *
+   * @see https://mantle.ngrok.com/layouts/app-layout
+   *
+   * @example
+   * ```tsx
+   * <Sidebar.Root>
+   *   <AppLayout.Root className="fixed inset-0">
+   *     <SkipToMainLink />
+   *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+   *     <AppLayout.Body>
+   *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+   *       <AppLayout.Inset>
+   *         <AppLayout.Content asChild>
+   *           <Main>
+   *             <AppLayout.Header>
+   *               <Sidebar.Trigger />
+   *               <Breadcrumbs />
+   *             </AppLayout.Header>
+   *             <Outlet />
+   *           </Main>
+   *         </AppLayout.Content>
+   *       </AppLayout.Inset>
+   *     </AppLayout.Body>
+   *   </AppLayout.Root>
+   * </Sidebar.Root>
+   * ```
+   */
+  readonly Header: typeof Header;
+  /**
+   * The rounded `bg-card` surface that is the shell's only scroll container
+   * (`overflow-y-auto overscroll-none`). `AppLayout.Header` is its first
+   * child; compose `Main` via `asChild` when the shell owns the document.
+   *
+   * @see https://mantle.ngrok.com/layouts/app-layout
+   *
+   * @example
+   * ```tsx
+   * <Sidebar.Root>
+   *   <AppLayout.Root className="fixed inset-0">
+   *     <SkipToMainLink />
+   *     <AppLayout.Notice>{isUnderMaintenance && <MaintenanceBanner />}</AppLayout.Notice>
+   *     <AppLayout.Body>
+   *       <Sidebar.Nav aria-label="Main">…</Sidebar.Nav>
+   *       <AppLayout.Inset>
+   *         <AppLayout.Content asChild>
+   *           <Main>
+   *             <AppLayout.Header>
+   *               <Sidebar.Trigger />
+   *               <Breadcrumbs />
+   *             </AppLayout.Header>
+   *             <Outlet />
+   *           </Main>
+   *         </AppLayout.Content>
+   *       </AppLayout.Inset>
+   *     </AppLayout.Body>
+   *   </AppLayout.Root>
+   * </Sidebar.Root>
+   * ```
+   */
+  readonly Content: typeof Content;
+};
+//#endregion
+export { AppLayout };

package/dist/app-layout.js

@@ -0,0 +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,`app-layout`),className:e(`group/app-layout bg-base relative isolate flex h-full w-full flex-col overflow-hidden`,o),...c,children:a}),Notice:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`app-layout-notice`),className:e(`flex w-full shrink-0 flex-col`,o),...c,children:a}),Body:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`app-layout-body`),className:e(`flex min-h-0 flex-1`,o),...c,children:a}),Inset:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`app-layout-inset`),className:e(`flex min-w-0 flex-1 flex-col gap-2 p-2`,o),...c,children:a}),Header:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`header`,{"data-slot":t(s,`app-layout-header`),className:e(`border-card-muted bg-card sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2 border-b px-4`,`group-has-[[data-slot~=sidebar-header]]/app-layout:h-[calc(var(--sidebar-header-height,4.5rem)-1rem-2px)]`,o),...c,children:a}),Content:({asChild:i,children:a,className:o,"data-slot":s,...c})=>r(i?n:`div`,{"data-slot":t(s,`app-layout-content`),className:e(`bg-card border-card-muted scrollbar min-h-0 flex-1 overflow-y-auto overscroll-none rounded-xl border shadow-sm`,o),...c,children:a})};export{i as AppLayout};

package/dist/area-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-Do2qkrxl.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`area`,componentName:`AreaChart`,slotName:`area-chart`,...e}),Area:e=>a(`AreaChart.Area`,`area`,e),Grid:e=>n(`AreaChart.Grid`,e),XAxis:e=>t(`AreaChart.XAxis`,e),YAxis:e=>r(`AreaChart.YAxis`,e),ReferenceLine:t=>e(`AreaChart.ReferenceLine`,t),Tooltip:e=>s(`AreaChart.Tooltip`,e),Legend:e=>l(i,{partName:`AreaChart.Legend`,slotName:`area-chart`,...e}),CopyButton:e=>l(c,{partName:`AreaChart.CopyButton`,slotName:`area-chart`,...e})};export{u as AreaChart};
+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:`area`,componentName:`AreaChart`,slotName:`area-chart`,...e}),Area:e=>a(`AreaChart.Area`,`area`,e),Grid:e=>n(`AreaChart.Grid`,e),XAxis:e=>t(`AreaChart.XAxis`,e),YAxis:e=>r(`AreaChart.YAxis`,e),ReferenceLine:t=>e(`AreaChart.ReferenceLine`,t),Tooltip:e=>s(`AreaChart.Tooltip`,e),Legend:e=>l(i,{partName:`AreaChart.Legend`,slotName:`area-chart`,...e}),CopyButton:e=>l(c,{partName:`AreaChart.CopyButton`,slotName:`area-chart`,...e})};export{u as AreaChart};

package/dist/badge.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{Children as r,cloneElement as i,isValidElement as a}from"react";import o from"tiny-invariant";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=({appearance:u,asChild:d=!1,children:p,className:h,color:g=`neutral`,icon:_,...v})=>{let y=f(g,u),b=m(g,u),x=e(`inline-flex w-fit shrink-0 cursor-default items-center gap-1 rounded px-1.5 py-0.5 font-medium text-xs font-sans`,_&&`ps-1`,y,b,h);if(d){let e=r.only(p);o(a(e),"When using `asChild`, Badge must be passed a single child as a JSX tag.");let u=e.props?.children;return c(n,{"data-slot":`badge`,className:x,...v,children:i(e,{},l(s,{children:[_&&c(t,{className:`size-4`,svg:_}),u]}))})}return l(`span`,{"data-slot":`badge`,className:x,...v,children:[_&&c(t,{className:`size-4`,svg:_}),p]})},d={amber:`bg-amber-500/20`,blue:`bg-blue-500/20`,cyan:`bg-cyan-500/20`,emerald:`bg-emerald-500/20`,fuchsia:`bg-fuchsia-500/20`,gray:`bg-gray-500/20`,green:`bg-green-500/20`,indigo:`bg-indigo-500/20`,lime:`bg-lime-500/20`,orange:`bg-orange-500/20`,pink:`bg-pink-500/20`,purple:`bg-purple-500/20`,red:`bg-red-500/20`,rose:`bg-rose-500/20`,sky:`bg-sky-500/20`,teal:`bg-teal-500/20`,violet:`bg-violet-500/20`,yellow:`bg-yellow-500/20`,accent:`bg-accent-500/20`,danger:`bg-danger-500/20`,important:`bg-important-500/20`,info:`bg-info-500/20`,neutral:`bg-neutral-500/20`,success:`bg-success-500/20`,warning:`bg-warning-500/20`};function f(e,t){switch(t){case`muted`:return d[e];default:o(!1,`Invalid appearance: ${String(t)}`)}}const p={amber:`text-amber-700`,blue:`text-blue-700`,cyan:`text-cyan-700`,emerald:`text-emerald-700`,fuchsia:`text-fuchsia-700`,gray:`text-gray-700`,green:`text-green-700`,indigo:`text-indigo-700`,lime:`text-lime-700`,orange:`text-orange-700`,pink:`text-pink-700`,purple:`text-purple-700`,red:`text-red-700`,rose:`text-rose-700`,sky:`text-sky-700`,teal:`text-teal-700`,violet:`text-violet-700`,yellow:`text-yellow-700`,accent:`text-accent-700`,danger:`text-danger-700`,important:`text-important-700`,info:`text-info-700`,neutral:`text-neutral-700`,success:`text-success-700`,warning:`text-warning-700`};function m(e,t){switch(t){case`muted`:return p[e];default:o(!1,`Invalid appearance: ${String(t)}`)}}export{u as Badge};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-Dpsqz16D.js";import{Children as r,cloneElement as i,isValidElement as a}from"react";import o from"tiny-invariant";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=({appearance:u,asChild:d=!1,children:p,className:h,color:g=`neutral`,icon:_,...v})=>{let y=f(g,u),b=m(g,u),x=e(`inline-flex w-fit shrink-0 cursor-default items-center gap-1 rounded px-1.5 py-0.5 font-medium text-xs font-sans`,_&&`ps-1`,y,b,h);if(d){let e=r.only(p);o(a(e),"When using `asChild`, Badge must be passed a single child as a JSX tag.");let u=e.props?.children;return c(n,{"data-slot":`badge`,className:x,...v,children:i(e,{},l(s,{children:[_&&c(t,{className:`size-4`,svg:_}),u]}))})}return l(`span`,{"data-slot":`badge`,className:x,...v,children:[_&&c(t,{className:`size-4`,svg:_}),p]})},d={amber:`bg-amber-500/20`,blue:`bg-blue-500/20`,cyan:`bg-cyan-500/20`,emerald:`bg-emerald-500/20`,fuchsia:`bg-fuchsia-500/20`,gray:`bg-gray-500/20`,green:`bg-green-500/20`,indigo:`bg-indigo-500/20`,lime:`bg-lime-500/20`,orange:`bg-orange-500/20`,pink:`bg-pink-500/20`,purple:`bg-purple-500/20`,red:`bg-red-500/20`,rose:`bg-rose-500/20`,sky:`bg-sky-500/20`,teal:`bg-teal-500/20`,violet:`bg-violet-500/20`,yellow:`bg-yellow-500/20`,accent:`bg-accent-500/20`,danger:`bg-danger-500/20`,important:`bg-important-500/20`,info:`bg-info-500/20`,neutral:`bg-neutral-500/20`,success:`bg-success-500/20`,warning:`bg-warning-500/20`};function f(e,t){switch(t){case`muted`:return d[e];default:o(!1,`Invalid appearance: ${String(t)}`)}}const p={amber:`text-amber-700`,blue:`text-blue-700`,cyan:`text-cyan-700`,emerald:`text-emerald-700`,fuchsia:`text-fuchsia-700`,gray:`text-gray-700`,green:`text-green-700`,indigo:`text-indigo-700`,lime:`text-lime-700`,orange:`text-orange-700`,pink:`text-pink-700`,purple:`text-purple-700`,red:`text-red-700`,rose:`text-rose-700`,sky:`text-sky-700`,teal:`text-teal-700`,violet:`text-violet-700`,yellow:`text-yellow-700`,accent:`text-accent-700`,danger:`text-danger-700`,important:`text-important-700`,info:`text-info-700`,neutral:`text-neutral-700`,success:`text-success-700`,warning:`text-warning-700`};function m(e,t){switch(t){case`muted`:return p[e];default:o(!1,`Invalid appearance: ${String(t)}`)}}export{u as Badge};

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-Do2qkrxl.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-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};

package/dist/breadcrumb.d.ts

@@ -189,7 +189,7 @@ type BreadcrumbSeparatorProps = Omit<ComponentProps<"li">, "children"> & ({
  * </Breadcrumb.Root>
  * ```
  */
-declare const Separator: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: BreadcrumbSeparatorProps & WithDataSlot) => import("react").JSX.Element;
+declare const Separator: ({ asChild, children, "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

package/dist/breadcrumb.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{n,t as r}from"./slot-CDk0Bb9z.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-strong`,c),...d,"aria-current":`page`,children:p})},Separator:({asChild:e,children:c,className:l,"data-slot":u,ref:d,...f})=>{let p=e?r:`li`,m=e&&a(c)?i(c,{role:`presentation`,"aria-hidden":`true`}):c??o(t,{svg:o(s,{}),className:`size-3.5`});return o(p,{ref:d,"data-slot":n(u,`breadcrumb-separator`),className:l,...f,role:`presentation`,"aria-hidden":`true`,children:m})}};export{c as Breadcrumb};
+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};

package/dist/browser-only-CmEEzfU3.js

@@ -0,0 +1 @@
+import{t as e}from"./use-is-hydrated-DDCqXmju.js";function t({children:t,fallback:n=null}){return e()?t():n}function n(){return typeof window<`u`&&typeof document<`u`}export{n,t};

package/dist/browser-only.js

@@ -1 +1 @@
-import{n as e,t}from"./browser-only-CPH56Xw_.js";export{t as BrowserOnly,e as canUseDOM};
+import{n as e,t}from"./browser-only-CmEEzfU3.js";export{t as BrowserOnly,e as canUseDOM};

package/dist/{button-D9n09xUg.js → button-BO2CKsz6.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";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-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};

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

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

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

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

package/dist/button.js

@@ -1 +1 @@
-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};
+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};

package/dist/calendar.d.ts

@@ -8,7 +8,7 @@ type CalendarProps = ComponentProps<typeof DayPicker>;
  * @preview This component is in `preview` mode which means 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#api-calendar
+ * @see https://mantle.ngrok.com/components/preview/calendar
  *
  * @example
  * ```tsx

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={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-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};