@ngrok/mantle 0.82.0 → 0.83.0

package/dist/alert-dialog.d.ts

@@ -1,7 +1,7 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { t as SvgAttributes } from "./icon-D1RY5Tcj.js";
 import { t as ButtonIntent } from "./button-DdSKSj1c.js";
-import { n as ButtonAppearance, r as ButtonProps } from "./button-DARFK2KJ.js";
+import { n as ButtonAppearance, r as ButtonProps } from "./button-PoIujPMX.js";
 import { a as Root$1, n as Content$1, o as Title$1, r as Description$1, s as Trigger$1, t as Close$1 } from "./dialog-BM4wPCft.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/alert-dialog/alert-dialog.d.ts
@@ -17,8 +17,8 @@ type AlertDialogProps = ComponentProps<typeof Root$1> & {
 };
 /**
  * A modal dialog that interrupts the user with important content and expects a
- * response.
- * The root stateful component for the Alert Dialog.
+ * response. Holds the open state and the `intent` that `AlertDialog.Icon` and
+ * `AlertDialog.Action` read.
  *
  * `AlertDialog` renders its floating layer at Tailwind `z-50`, Mantle's
  * shared floating z-index. When multiple shared layers are open, the most
@@ -257,7 +257,7 @@ declare const Footer: ({ asChild, className, ref, ...props }: ComponentProps<"di
 /**
  * An accessible name to be announced when the dialog is opened.
  *
- * Alternatively, you can provide `aria-label` or `aria-labelledby` to
+ * Alternatively, pass `aria-label` or `aria-labelledby` to
  * `AlertDialogContent` and exclude this component.
  *
  * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogtitle
@@ -298,7 +298,7 @@ declare const Title: ({ className, ref, ...props }: ComponentProps<typeof Title$
  * Renders as a `div` by default, but can be changed to any other element using
  * the `asChild` prop.
  *
- * Alternatively, you can provide `aria-describedby` to `AlertDialogContent` and
+ * Alternatively, pass `aria-describedby` to `AlertDialogContent` and
  * exclude this component.
  *
  * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogdescription
@@ -353,8 +353,9 @@ type AlertDialogActionProps = Omit<ButtonProps, "appearance" | "intent"> & {
 };
 /**
  * A button that confirms the Alert Dialog action.
- * Will default to appearance="filled", with a tone derived from the `AlertDialog`'s
- * intent: danger dialogs get a danger button, info dialogs get a neutral one.
+ * Defaults to `appearance="filled"`, with a tone derived from the parent
+ * `AlertDialog.Root`'s intent: danger dialogs get a danger button, info dialogs
+ * get a neutral one.
  * Does not close the alert dialog by default.
  *
  * These buttons should be distinguished visually from the AlertDialogCancel button.
@@ -413,7 +414,7 @@ type AlertDialogCancelProps = Omit<ButtonProps, "appearance" | "intent"> & {
 };
 /**
  * A button that closes the dialog and cancels the action.
- * Will default to appearance="outlined" and intent="neutral".
+ * Defaults to `appearance="outlined"` and `intent="neutral"`.
  *
  * This button should be distinguished visually from AlertDialogAction buttons.
  *
@@ -502,7 +503,7 @@ declare const Icon: ({ className, ref, svg, ...props }: AlertDialogIconProps) =>
  * `AlertDialog.Cancel` already closes the dialog by default. Reach for
  * `AlertDialog.Close` when you need to attach close behavior to a custom
  * element (typically wrapping `AlertDialog.Action` with `asChild` so the
- * action both performs the operation and dismisses the dialog).
+ * action both runs the operation and dismisses the dialog).
  *
  * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogclose
  *
@@ -602,11 +603,10 @@ declare const Close: ({ ref, ...props }: ComponentProps<typeof Close$1>) => impo
  */
 declare const AlertDialog: {
   /**
-   * The root stateful component for the Alert Dialog. Wraps the trigger and
-   * content and exposes the required `intent` prop (`"danger"` for
-   * destructive actions, `"info"` for informational confirmations) — the tone
-   * its color communicates — which propagates color to descendants like
-   * `AlertDialog.Icon` and `AlertDialog.Action`.
+   * Wraps the trigger and the content. Holds the open state and the required
+   * `intent` prop — `"danger"` for destructive actions, `"info"` for
+   * informational confirmations. `AlertDialog.Icon` and `AlertDialog.Action`
+   * read that intent for their color.
    *
    * `AlertDialog` renders its floating layer at Tailwind `z-50`, Mantle's
    * shared floating z-index. When multiple shared layers are open, the most
@@ -649,8 +649,8 @@ declare const AlertDialog: {
    * A button that confirms the Alert Dialog action. Defaults to
    * `appearance="filled"`, with a tone derived from the parent
    * `AlertDialog.Root`'s intent: danger dialogs get a danger button, info
-   * dialogs get a neutral one. Does not close the dialog by default — wrap with
-   * `AlertDialog.Close asChild` if the action should also dismiss.
+   * dialogs get a neutral one. Does not close the dialog by default — if the
+   * action should also dismiss, wrap it with `AlertDialog.Close asChild`.
    *
    * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogaction
    *
@@ -762,7 +762,7 @@ declare const AlertDialog: {
   readonly Cancel: typeof Cancel;
   /**
    * A button that closes the Alert Dialog. (Unstyled) Typically wrapped
-   * around `AlertDialog.Action` with `asChild` so the action both performs
+   * around `AlertDialog.Action` with `asChild` so the action both runs
    * the operation and dismisses the dialog.
    *
    * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogclose
@@ -992,7 +992,7 @@ declare const AlertDialog: {
   readonly Icon: typeof Icon;
   /**
    * An accessible name to be announced when the dialog is opened.
-   * Alternatively, provide `aria-label` or `aria-labelledby` to
+   * Alternatively, pass `aria-label` or `aria-labelledby` to
    * `AlertDialog.Content` and exclude this component.
    *
    * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogtitle

package/dist/alert-dialog.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-Dpsqz16D.js";import{t as r}from"./button-BUospUB3.js";import{a as i,c as a,i as o,n as s,o as c,r as l,s as u,t as d}from"./primitive-Dv-3snU3.js";import{createContext as f,useContext as p,useMemo as m}from"react";import h from"tiny-invariant";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{InfoIcon as v}from"@phosphor-icons/react/Info";import{WarningIcon as y}from"@phosphor-icons/react/Warning";const b=f(null);function x(){let e=p(b);return h(e,`AlertDialog child component used outside of AlertDialog parent!`),e}function S({intent:e,...t}){let n=m(()=>({intent:e}),[e]);return g(b.Provider,{value:n,children:g(c,{...t})})}const C=({ref:e,...t})=>g(a,{ref:e,"data-slot":`alert-dialog-trigger`,...t}),w=i,T=({className:t,ref:n,...r})=>g(o,{"data-slot":`alert-dialog-overlay`,className:e(`data-state-open:animate-in data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:fade-in-0 bg-overlay fixed inset-0 z-50 backdrop-blur-xs`,t),...r,ref:n}),E=({className:t,preferredWidth:n=`max-w-md`,ref:r,...i})=>_(w,{children:[g(T,{}),g(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:g(s,{"data-slot":`alert-dialog-content`,"data-mantle-modal-content":!0,ref:r,className:e(`flex w-full flex-1 flex-col items-center gap-4 sm:flex-row sm:items-start`,`outline-hidden focus-within:outline-hidden`,`p-6`,`border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200`,`data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,n,t),...i})})]}),D=({asChild:t=!1,className:r,ref:i,...a})=>g(t?n:`div`,{"data-slot":`alert-dialog-body`,className:e(`flex-1 space-y-4`,r),ref:i,...a}),O=({asChild:t=!1,className:r,ref:i,...a})=>g(t?n:`div`,{"data-slot":`alert-dialog-header`,className:e(`flex flex-col space-y-2 text-center sm:text-start`,r),ref:i,...a}),k=({asChild:t=!1,className:r,ref:i,...a})=>g(t?n:`div`,{"data-slot":`alert-dialog-footer`,className:e(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,r),ref:i,...a}),A=({className:t,ref:n,...r})=>g(u,{ref:n,"data-slot":`alert-dialog-title`,className:e(`text-strong text-center text-lg font-medium sm:text-start`,t),...r}),j=({className:t,ref:n,...r})=>g(l,{ref:n,"data-slot":`alert-dialog-description`,className:e(`text-body text-center text-sm font-normal sm:text-start`,t),...r}),M={danger:`danger`,info:`neutral`},N=({appearance:e=`filled`,intent:t,ref:n,...i})=>{let a=x(),o=M[a.intent];return g(r,{appearance:e,"data-slot":`alert-dialog-action`,intent:t??o,ref:n,...i})},P=({appearance:t=`outlined`,className:n,intent:i=`neutral`,ref:a,...o})=>g(d,{asChild:!0,children:g(r,{appearance:t,"data-slot":`alert-dialog-cancel`,className:e(`mt-2 sm:mt-0`,n),intent:i,ref:a,...o})}),F={danger:g(y,{}),info:g(v,{})},I={danger:`text-danger-600`,info:`text-accent-600`},L={Root:S,Action:N,Body:D,Cancel:P,Close:({ref:e,...t})=>g(d,{ref:e,"data-slot":`alert-dialog-close`,...t}),Content:E,Description:j,Footer:k,Header:O,Icon:({className:n,ref:r,svg:i,...a})=>{let o=x(),s=I[o.intent],c=F[o.intent];return g(t,{ref:r,"data-slot":`alert-dialog-icon`,className:e(`size-12 sm:size-7`,s,n),svg:i??c,...a})},Title:A,Trigger:C};export{L as AlertDialog};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-DpNWVci8.js";import{t as r}from"./button-Cnja9Bsr.js";import{a as i,c as a,i as o,n as s,o as c,r as l,s as u,t as d}from"./primitive-D-9GIFWb.js";import{createContext as f,useContext as p,useMemo as m}from"react";import h from"tiny-invariant";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{InfoIcon as v}from"@phosphor-icons/react/Info";import{WarningIcon as y}from"@phosphor-icons/react/Warning";const b=f(null);function x(){let e=p(b);return h(e,`AlertDialog child component used outside of AlertDialog parent!`),e}function S({intent:e,...t}){let n=m(()=>({intent:e}),[e]);return g(b.Provider,{value:n,children:g(c,{...t})})}const C=({ref:e,...t})=>g(a,{ref:e,"data-slot":`alert-dialog-trigger`,...t}),w=i,T=({className:t,ref:n,...r})=>g(o,{"data-slot":`alert-dialog-overlay`,className:e(`data-state-open:animate-in data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:fade-in-0 bg-overlay fixed inset-0 z-50 backdrop-blur-xs`,t),...r,ref:n}),E=({className:t,preferredWidth:n=`max-w-md`,ref:r,...i})=>_(w,{children:[g(T,{}),g(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:g(s,{"data-slot":`alert-dialog-content`,"data-mantle-modal-content":!0,ref:r,className:e(`flex w-full flex-1 flex-col items-center gap-4 sm:flex-row sm:items-start`,`outline-hidden focus-within:outline-hidden`,`p-6`,`border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200`,`data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,n,t),...i})})]}),D=({asChild:t=!1,className:r,ref:i,...a})=>g(t?n:`div`,{"data-slot":`alert-dialog-body`,className:e(`flex-1 space-y-4`,r),ref:i,...a}),O=({asChild:t=!1,className:r,ref:i,...a})=>g(t?n:`div`,{"data-slot":`alert-dialog-header`,className:e(`flex flex-col space-y-2 text-center sm:text-start`,r),ref:i,...a}),k=({asChild:t=!1,className:r,ref:i,...a})=>g(t?n:`div`,{"data-slot":`alert-dialog-footer`,className:e(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,r),ref:i,...a}),A=({className:t,ref:n,...r})=>g(u,{ref:n,"data-slot":`alert-dialog-title`,className:e(`text-strong text-center text-lg font-medium sm:text-start`,t),...r}),j=({className:t,ref:n,...r})=>g(l,{ref:n,"data-slot":`alert-dialog-description`,className:e(`text-body text-center text-sm font-normal sm:text-start`,t),...r}),M={danger:`danger`,info:`neutral`},N=({appearance:e=`filled`,intent:t,ref:n,...i})=>{let a=x(),o=M[a.intent];return g(r,{appearance:e,"data-slot":`alert-dialog-action`,intent:t??o,ref:n,...i})},P=({appearance:t=`outlined`,className:n,intent:i=`neutral`,ref:a,...o})=>g(d,{asChild:!0,children:g(r,{appearance:t,"data-slot":`alert-dialog-cancel`,className:e(`mt-2 sm:mt-0`,n),intent:i,ref:a,...o})}),F={danger:g(y,{}),info:g(v,{})},I={danger:`text-danger-600`,info:`text-accent-600`},L={Root:S,Action:N,Body:D,Cancel:P,Close:({ref:e,...t})=>g(d,{ref:e,"data-slot":`alert-dialog-close`,...t}),Content:E,Description:j,Footer:k,Header:O,Icon:({className:n,ref:r,svg:i,...a})=>{let o=x(),s=I[o.intent],c=F[o.intent];return g(t,{ref:r,"data-slot":`alert-dialog-icon`,className:e(`size-12 sm:size-7`,s,n),svg:i??c,...a})},Title:A,Trigger:C};export{L as AlertDialog};

package/dist/alert.d.ts

@@ -1,2 +1,2 @@
-import { t as Alert } from "./alert-BWwNPOMI.js";
+import { t as Alert } from "./alert-B1HXfkYn.js";
 export { Alert };

package/dist/alert.js

@@ -1 +1 @@
-import{t as e}from"./alert-QMs0PqMq.js";export{e as Alert};
+import{t as e}from"./alert-BuG2qS5l.js";export{e as Alert};

package/dist/{anchor-DvbNsphX.js → anchor-3OGK2UKU.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{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=t=>e(`cursor-pointer rounded bg-transparent text-accent-600 hover:underline focus:outline-hidden focus-visible:ring-3 focus-visible:ring-focus-accent`,t),d=({asChild:e,children:d,className:p,rel:m,icon:h,iconPlacement:g=`start`,ref:_,...v})=>{let y=f(m),b={"data-slot":`anchor`,className:u(p),ref:_,rel:y,...v};if(e){let e=r.only(d);o(a(e),"When using `asChild`, Anchor must be passed a single child as a JSX tag.");let u=e.props?.children;return c(n,{...b,children:i(e,{},l(s,{children:[h&&g===`start`&&c(t,{className:`inline-block mr-1.5`,svg:h}),u,h&&g===`end`&&c(t,{className:`inline-block ml-1.5`,svg:h})]}))})}return l(`a`,{...b,children:[h&&g===`start`&&c(t,{className:`inline-block mr-1.5`,svg:h}),d,h&&g===`end`&&c(t,{className:`inline-block ml-1.5`,svg:h})]})};function f(e){return Array.isArray(e)?[...new Set(e)].map(e=>e?.trim()).filter(Boolean).toSorted().join(` `)||void 0:e?.trim()||void 0}export{u as n,f as r,d 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{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=t=>e(`cursor-pointer rounded bg-transparent text-accent-600 hover:underline focus:outline-hidden focus-visible:ring-3 focus-visible:ring-focus-accent`,t),d=({asChild:e,children:d,className:p,rel:m,icon:h,iconPlacement:g=`start`,ref:_,...v})=>{let y=f(m),b={"data-slot":`anchor`,className:u(p),ref:_,rel:y,...v};if(e){let e=r.only(d);o(a(e),"When using `asChild`, Anchor must be passed a single child as a JSX tag.");let u=e.props?.children;return c(n,{...b,children:i(e,{},l(s,{children:[h&&g===`start`&&c(t,{className:`inline-block mr-1.5`,svg:h}),u,h&&g===`end`&&c(t,{className:`inline-block ml-1.5`,svg:h})]}))})}return l(`a`,{...b,children:[h&&g===`start`&&c(t,{className:`inline-block mr-1.5`,svg:h}),d,h&&g===`end`&&c(t,{className:`inline-block ml-1.5`,svg:h})]})};function f(e){return Array.isArray(e)?[...new Set(e)].map(e=>e?.trim()).filter(Boolean).toSorted().join(` `)||void 0:e?.trim()||void 0}export{u as n,f as r,d as t};

package/dist/anchor.d.ts

@@ -66,7 +66,7 @@ type AnchorProps = Omit<ComponentProps<"a">, "rel"> & WithAsChild & {
  *
  * **Accessibility.** Link text must be self-describing — avoid "click
  * here" / "read more". For purely decorative icons, no extra labeling is
- * needed; for icon-only links, provide an `aria-label`.
+ * needed; for icon-only links, pass an `aria-label`.
  *
  * @see https://mantle.ngrok.com/components/navigation/anchor
  *
@@ -99,7 +99,7 @@ declare const Anchor: ({ asChild, children, className, rel: propRel, icon, iconP
 /**
  * Resolves the `rel` attribute to a string.
  *
- * If the value is an array, it will be filtered for empty values, ensure uniqueness, sorted, and joined with a space.
+ * If the value is an array, it drops the empty values, de-duplicates, sorts, and joins with a space.
  */
 declare function resolveRel(rel: Rel | (string & {}) | undefined | null | (Rel | (string & {}) | undefined | null)[]): string | undefined;
 //#endregion

package/dist/anchor.js

@@ -1 +1 @@
-import{n as e,r as t,t as n}from"./anchor-DvbNsphX.js";export{n as Anchor,e as anchorClassNames,t as resolveRel};
+import{n as e,r as t,t as n}from"./anchor-3OGK2UKU.js";export{n as Anchor,e as anchorClassNames,t as resolveRel};