@ngrok/mantle 0.79.3 → 0.81.0

package/dist/breadcrumb.d.ts

@@ -1,7 +1,195 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
-import { ReactNode } from "react";
+import { ComponentProps, ReactNode } from "react";
 //#region src/components/breadcrumb/breadcrumb.d.ts
+/**
+ * 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.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ * 	<Breadcrumb.List>
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/">Home</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/endpoints">Endpoints</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Page>ep_2h8…</Breadcrumb.Page>
+ * 		</Breadcrumb.Item>
+ * 	</Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ */
+declare const Root: ({ asChild, children, "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.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ * 	<Breadcrumb.List>
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/">Home</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/endpoints">Endpoints</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Page>ep_2h8…</Breadcrumb.Page>
+ * 		</Breadcrumb.Item>
+ * 	</Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ */
+declare const List: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: ComponentProps<"ol"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * 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
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ * 	<Breadcrumb.List>
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/">Home</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/endpoints">Endpoints</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Page>ep_2h8…</Breadcrumb.Page>
+ * 		</Breadcrumb.Item>
+ * 	</Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ */
+declare const Item: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: ComponentProps<"li"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * A link to an ancestor page in the hierarchy. Renders an `<a>` by default;
+ * the component is router-agnostic — use `asChild` to compose the styling
+ * onto your app router's link (e.g. react-router's `<Link>`) so client-side
+ * navigation kicks in.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ * 	<Breadcrumb.List>
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/">Home</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/endpoints">Endpoints</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Page>ep_2h8…</Breadcrumb.Page>
+ * 		</Breadcrumb.Item>
+ * 	</Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Link asChild>
+ * 	<Link to={href("/endpoints")}>Endpoints</Link>
+ * </Breadcrumb.Link>
+ * ```
+ */
+declare const Link: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: ComponentProps<"a"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * The current page — the last crumb in the trail. Renders a `<span>` (not a
+ * link; the user is already here) with `aria-current="page"`. The ARIA is the
+ * part's whole contract, so `aria-current` is always emitted and is not
+ * overridable via props.
+ *
+ * @see https://mantle.ngrok.com/components/navigation/breadcrumb
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ * 	<Breadcrumb.List>
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/">Home</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/endpoints">Endpoints</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Page>ep_2h8…</Breadcrumb.Page>
+ * 		</Breadcrumb.Item>
+ * 	</Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ */
+declare const Page: ({ asChild, children, className, "data-slot": dataSlot, ref, ...props }: ComponentProps<"span"> & WithAsChild & WithDataSlot) => import("react").JSX.Element;
+/**
+ * The props for `Breadcrumb.Separator`. When `asChild` is set, `children` is
+ * required: the child element is what gets rendered, so an `asChild` separator
+ * without children would clone the default caret icon into the list — invalid
+ * `<ol>` content. The union makes that misuse a compile error.
+ */
+type BreadcrumbSeparatorProps = Omit<ComponentProps<"li">, "children"> & ({
+  asChild: true;
+  children: ReactNode;
+} | {
+  asChild?: false | undefined;
+  children?: ReactNode;
+});
+/**
+ * A purely visual divider between crumbs, hidden from assistive technology.
+ * Renders an `<li>` with `role="presentation"` and `aria-hidden="true"` — a
+ * listitem sibling of `Breadcrumb.Item` elements per the APG breadcrumb
+ * pattern, so it never counts as a crumb. Children default to a size-3.5
+ * caret icon (`<Icon svg={<CaretRightIcon />} className="size-3.5" />`); pass
+ * 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
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ * 	<Breadcrumb.List>
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/">Home</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Link href="/endpoints">Endpoints</Breadcrumb.Link>
+ * 		</Breadcrumb.Item>
+ * 		<Breadcrumb.Separator />
+ * 		<Breadcrumb.Item>
+ * 			<Breadcrumb.Page>ep_2h8…</Breadcrumb.Page>
+ * 		</Breadcrumb.Item>
+ * 	</Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ */
+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
@@ -68,7 +256,7 @@ declare const Breadcrumb: {
    * </Breadcrumb.Root>
    * ```
    */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & WithAsChild & WithDataSlot, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  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.
@@ -94,7 +282,7 @@ declare const Breadcrumb: {
    * </Breadcrumb.Root>
    * ```
    */
-  readonly List: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLOListElement> & import("react").OlHTMLAttributes<HTMLOListElement> & WithAsChild & WithDataSlot, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+  readonly List: typeof List;
   /**
    * A single crumb. Renders an `<li>` containing a `Breadcrumb.Link` or
    * `Breadcrumb.Page`.
@@ -120,7 +308,7 @@ declare const Breadcrumb: {
    * </Breadcrumb.Root>
    * ```
    */
-  readonly Item: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & WithAsChild & WithDataSlot, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+  readonly Item: typeof Item;
   /**
    * A link to an ancestor page. Renders an `<a>` by default; use `asChild`
    * to compose onto your app router's link (e.g. react-router's `<Link>`).
@@ -146,7 +334,7 @@ declare const Breadcrumb: {
    * </Breadcrumb.Root>
    * ```
    */
-  readonly Link: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & WithAsChild & WithDataSlot, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  readonly Link: typeof Link;
   /**
    * The current page — the last crumb. Renders a `<span>` (not a link) with
    * `aria-current="page"`; the ARIA is the part's whole contract and is not
@@ -173,7 +361,7 @@ declare const Breadcrumb: {
    * </Breadcrumb.Root>
    * ```
    */
-  readonly Page: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & WithAsChild & WithDataSlot, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  readonly Page: typeof Page;
   /**
    * A purely visual divider between crumbs, hidden from assistive
    * technology (`role="presentation"` + `aria-hidden`). Children default to
@@ -200,13 +388,7 @@ declare const Breadcrumb: {
    * </Breadcrumb.Root>
    * ```
    */
-  readonly Separator: import("react").ForwardRefExoticComponent<(Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "children"> & {
-    asChild: true;
-    children: ReactNode;
-  } & WithDataSlot, "ref"> | Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "children"> & {
-    asChild?: false | undefined;
-    children?: ReactNode;
-  } & WithDataSlot, "ref">) & import("react").RefAttributes<HTMLLIElement>>;
+  readonly Separator: typeof Separator;
 };
 //#endregion
 export { Breadcrumb };

package/dist/breadcrumb.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{n,t as r}from"./slot-DmPrjM7N.js";import{cloneElement as i,forwardRef as a,isValidElement as o}from"react";import{jsx as s}from"react/jsx-runtime";import{CaretRightIcon as c}from"@phosphor-icons/react/CaretRight";const l=a(({asChild:e,children:t,"data-slot":i,...a},o)=>s(e?r:`nav`,{ref:o,"data-slot":n(i,`breadcrumb`),"aria-label":`Breadcrumb`,...a,children:t}));l.displayName=`Breadcrumb`;const u=a(({asChild:t,children:i,className:a,"data-slot":o,...c},l)=>s(t?r:`ol`,{ref:l,"data-slot":n(o,`breadcrumb-list`),className:e(`text-muted flex flex-wrap items-center gap-1.5 text-sm`,a),...c,children:i}));u.displayName=`BreadcrumbList`;const d=a(({asChild:t,children:i,className:a,"data-slot":o,...c},l)=>s(t?r:`li`,{ref:l,"data-slot":n(o,`breadcrumb-item`),className:e(`inline-flex items-center gap-1.5`,a),...c,children:i}));d.displayName=`BreadcrumbItem`;const f=a(({asChild:t,children:i,className:a,"data-slot":o,...c},l)=>s(t?r:`a`,{ref:l,"data-slot":n(o,`breadcrumb-link`),className:e(`hover:text-strong transition-colors`,a),...c,children:i}));f.displayName=`BreadcrumbLink`;const p=a(({asChild:t,children:a,className:c,"data-slot":l,...u},d)=>{let f=t?r:`span`,p=t&&o(a)?i(a,{"aria-current":`page`}):a;return s(f,{ref:d,"data-slot":n(l,`breadcrumb-page`),className:e(`text-strong`,c),...u,"aria-current":`page`,children:p})});p.displayName=`BreadcrumbPage`;const m=a(({asChild:e,children:a,className:l,"data-slot":u,...d},f)=>{let p=e?r:`li`,m=e&&o(a)?i(a,{role:`presentation`,"aria-hidden":`true`}):a??s(t,{svg:s(c,{}),className:`size-3.5`});return s(p,{ref:f,"data-slot":n(u,`breadcrumb-separator`),className:l,...d,role:`presentation`,"aria-hidden":`true`,children:m})});m.displayName=`BreadcrumbSeparator`;const h={Root:l,List:u,Item:d,Link:f,Page:p,Separator:m};export{h as Breadcrumb};
+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};

package/dist/button-BAno7KIU.js

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

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

@@ -1,7 +1,7 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
-import { r as VariantProps } from "./index-D47aqlpz.js";
-import "./button-DcXOWUYo.js";
-import "./icon-button-BvQvT790.js";
+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 { ComponentProps } from "react";
 //#region src/components/button/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
@@ -26,6 +26,6 @@ type ButtonGroupProps = ComponentProps<"div"> & ButtonGroupVariants & WithAsChil
  * </ButtonGroup>
  * ```
  */
-declare const ButtonGroup: import("react").ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: ({ appearance, asChild, className, children, ref, ...props }: ButtonGroupProps) => import("react").JSX.Element;
 //#endregion
 export { ButtonGroupProps as n, ButtonGroup as t };

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

@@ -1,8 +1,8 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
-import { i as DeepNonNullable, r as VariantProps } from "./index-D47aqlpz.js";
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { ButtonHTMLAttributes, ReactNode } from "react";
-//#region src/components/button/icon-button.d.ts
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
+import { r as VariantProps } from "./index-DA4ig3gj.js";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/button/icon-button-variants.d.ts
 /**
  * The visual style of an `IconButton`: how much visual weight it carries,
  * independent of its tone (`intent`). IconButton has no `filled` or `link`
@@ -10,6 +10,17 @@ import { ButtonHTMLAttributes, ReactNode } from "react";
  * link has no text to read as a link.
  */
 type IconButtonAppearance = "ghost" | "outlined";
+/**
+ * Composes the className for an `IconButton` from its variant props. Lives in
+ * its own module (rather than `icon-button.tsx`) so that components which only
+ * need the classes (e.g. `Calendar`'s nav buttons) can import them without
+ * pulling the `IconButton` implementation into their module graph.
+ *
+ * @example
+ * ```tsx
+ * const navButtonClasses = iconButtonVariants({ appearance: "ghost", intent: "neutral", size: "sm" });
+ * ```
+ */
 declare const iconButtonVariants: (props?: ({
   appearance?: "ghost" | "outlined" | null | undefined;
   intent?: "accent" | "danger" | "neutral" | null | undefined;
@@ -17,10 +28,12 @@ declare const iconButtonVariants: (props?: ({
   size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type IconButtonVariants = VariantProps<typeof iconButtonVariants>;
+//#endregion
+//#region src/components/button/icon-button.d.ts
 /**
  * The props for the `IconButton` component.
  */
-type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Omit<IconButtonVariants, "appearance" | "intent"> & {
+type IconButtonProps = ComponentProps<"button"> & WithAsChild & Omit<IconButtonVariants, "appearance" | "intent"> & {
   /**
    * The visual style of the IconButton. Required — there is no default,
    * so every call site states the weight it means.
@@ -68,7 +81,7 @@ type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & O
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type
    */
-  type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+  type?: ComponentProps<"button">["type"];
 };
 /**
  * Renders a button or a component that looks like a button, an interactive
@@ -112,60 +125,6 @@ type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & O
  * />
  * ```
  */
-declare const IconButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Omit<Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-  appearance?: "ghost" | "outlined" | null | undefined;
-  intent?: "accent" | "danger" | "neutral" | null | undefined;
-  isLoading?: boolean | null | undefined;
-  size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string>>>, "appearance" | "intent"> & {
-  /**
-   * The visual style of the IconButton. Required — there is no default,
-   * so every call site states the weight it means.
-   *
-   * @enum
-   * - `"ghost"`: no border or fill until hovered
-   * - `"outlined"`: bordered on the form background
-   */
-  appearance: IconButtonAppearance;
-  /**
-   * The tone of the IconButton — the purpose its color communicates to
-   * the user. Required — there is no default, so every call site states
-   * the tone it means. `"neutral"` is the workhorse tone (and matches
-   * how IconButton rendered before it had an intent axis).
-   *
-   * @enum
-   * - `"neutral"`: the workhorse tone — routine and secondary actions
-   * - `"accent"`: deliberate brand emphasis; reach for it when an action should carry the brand color
-   * - `"danger"`: a destructive or irreversible action
-   */
-  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.
-   */
-  label: string;
-  /**
-   * An icon to render inside the button. If the `state` is `"pending"`, then
-   * the icon will automatically be replaced with a spinner.
-   */
-  icon: ReactNode;
-  /**
-   * The behavior of the button when activated. Defaults to `"button"`, so the
-   * button does not accidentally submit a surrounding `<form>` — pass
-   * `type="submit"` to submit a form, or `type="reset"` to reset it.
-   *
-   * When `asChild` is used, `type` has no effect and is not forwarded to the
-   * child, so a wrapped anchor never inherits a `button` `type`. See:
-   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#type
-   *
-   * @default "button"
-   * @enum
-   * - `"button"`: The button has no default behavior, and does nothing when pressed by default. It can have client-side scripts listen to the element's events, which are triggered when the events occur.
-   * - `"reset"`: The button resets all the controls to their initial values.
-   * - `"submit"`: The button submits the form data to the server.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type
-   */
-  type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
-} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const IconButton: ({ "aria-disabled": _ariaDisabled, appearance, asChild, children, className, disabled: _disabled, icon: propIcon, intent, isLoading, label, ref, size, type, ...props }: IconButtonProps) => import("react").JSX.Element;
 //#endregion
-export { IconButtonAppearance as n, IconButtonProps as r, IconButton as t };
+export { IconButtonProps as n, IconButtonAppearance as r, IconButton as t };

package/dist/button-D9n09xUg.js

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

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

@@ -1,6 +1,6 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
-import { r as VariantProps } from "./index-D47aqlpz.js";
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
+import { r as VariantProps } from "./index-DA4ig3gj.js";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/button/button.d.ts
 /**
@@ -126,6 +126,6 @@ type ButtonProps = ComponentProps<"button"> & Omit<ButtonVariants, "appearance"
  * <IconButton appearance="outlined" intent="neutral" icon={<CopyIcon />} label="Copy page" onClick={copyPage} />
  * ```
  */
-declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Button: ({ "aria-disabled": _ariaDisabled, appearance, asChild, children, className, disabled: _disabled, icon: propIcon, iconPlacement, intent, isLoading, ref, size, type, ...props }: ButtonProps) => import("react").JSX.Element;
 //#endregion
 export { ButtonAppearance as n, ButtonProps as r, Button as t };

package/dist/button-DjpEKt2X.js

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

package/dist/button-DvHMWAPl.js

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

package/dist/button.d.ts

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

package/dist/button.js

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

package/dist/calendar.d.ts

@@ -28,8 +28,5 @@ type CalendarProps = ComponentProps<typeof DayPicker>;
  * https://github.com/ngrok/mantle/issues
  */
 declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react").JSX.Element;
-declare namespace Calendar {
-  var displayName: string;
-}
 //#endregion
 export { Calendar, type CalendarProps, type DateRange };

package/dist/calendar.js

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