@ngrok/mantle 0.78.0 → 0.79.1

package/dist/agent.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ngrok/mantle",
-	"version": "0.78.0",
+	"version": "0.79.1",
 	"origin": "https://mantle.ngrok.com",
 	"endpoints": {
 		"docs": "https://mantle.ngrok.com/",

package/dist/alert-dialog.d.ts

@@ -1,17 +1,19 @@
 import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
-import { n as ButtonProps } from "./button-Bw9MpShl.js";
+import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
+import { n as ButtonAppearance, r as ButtonProps } from "./button-DcXOWUYo.js";
 import { t as Root$1 } from "./primitive-C64-m48O.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/alert-dialog/alert-dialog.d.ts
-declare const priorities: readonly ["info", "danger"];
-type Priority = (typeof priorities)[number];
+declare const intents: readonly ["info", "danger"];
+type AlertDialogIntent = (typeof intents)[number];
 type AlertDialogProps = ComponentProps<typeof Root$1> & {
   /**
-   * Indicates the importance or impact level of the AlertDialog, affecting its
-   * color and styling to communicate its purpose to the user.
+   * The intent of the AlertDialog — the tone its color communicates to the
+   * user, affecting the color and styling of descendants like
+   * `AlertDialog.Icon` and `AlertDialog.Action`.
    */
-  priority: Priority;
+  intent: AlertDialogIntent;
 };
 /**
  * A modal dialog that interrupts the user with important content and expects a
@@ -26,9 +28,9 @@ type AlertDialogProps = ComponentProps<typeof Root$1> & {
  *
  * @example
  * ```tsx
- * <AlertDialog.Root priority="danger">
+ * <AlertDialog.Root intent="danger">
  *   <AlertDialog.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Show Danger Alert Dialog
  *     </Button>
  *   </AlertDialog.Trigger>
@@ -54,7 +56,42 @@ type AlertDialogProps = ComponentProps<typeof Root$1> & {
  * </AlertDialog.Root>
  * ```
  */
-declare function Root({ priority, ...props }: AlertDialogProps): import("react").JSX.Element;
+declare function Root({ intent, ...props }: AlertDialogProps): import("react").JSX.Element;
+type AlertDialogActionProps = Omit<ButtonProps, "appearance" | "intent"> & {
+  /**
+   * The visual style of the action button. Optional here — `AlertDialog.Action`
+   * defaults to `"filled"` so the confirming action carries the heaviest
+   * visual weight in the dialog.
+   *
+   * @default "filled"
+   */
+  appearance?: ButtonAppearance;
+  /**
+   * The tone of the action button. Optional here — when omitted,
+   * `AlertDialog.Action` derives the tone from the parent `AlertDialog.Root`'s
+   * `intent` (`"danger"` → `"danger"`, `"info"` → `"accent"`), so the Action
+   * carries the dialog's tone the same way its icon does. A passed value
+   * always wins over the context-derived tone.
+   */
+  intent?: ButtonIntent;
+};
+type AlertDialogCancelProps = Omit<ButtonProps, "appearance" | "intent"> & {
+  /**
+   * The visual style of the cancel button. Optional here — `AlertDialog.Cancel`
+   * defaults to `"outlined"` so it visually de-emphasizes against
+   * `AlertDialog.Action`.
+   *
+   * @default "outlined"
+   */
+  appearance?: ButtonAppearance;
+  /**
+   * The tone of the cancel button. Optional here — `AlertDialog.Cancel`
+   * defaults to `"neutral"`, the workhorse tone for routine actions.
+   *
+   * @default "neutral"
+   */
+  intent?: ButtonIntent;
+};
 type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
   svg?: ReactNode;
 };
@@ -91,9 +128,9 @@ type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
  *
  * @example
  * ```tsx
- * <AlertDialog.Root priority="danger">
+ * <AlertDialog.Root intent="danger">
  *   <AlertDialog.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Show Danger Alert Dialog
  *     </Button>
  *   </AlertDialog.Trigger>
@@ -122,10 +159,10 @@ type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
 declare const AlertDialog: {
   /**
    * The root stateful component for the Alert Dialog. Wraps the trigger and
-   * content and exposes the required `priority` prop (`"danger"` for
-   * destructive actions, `"info"` for informational confirmations) which
-   * propagates color to descendants like `AlertDialog.Icon` and
-   * `AlertDialog.Action`.
+   * 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`.
    *
    * `AlertDialog` renders its floating layer at Tailwind `z-50`, Mantle's
    * shared floating z-index. When multiple shared layers are open, the most
@@ -135,9 +172,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -166,17 +203,19 @@ declare const AlertDialog: {
   readonly Root: typeof Root;
   /**
    * A button that confirms the Alert Dialog action. Defaults to
-   * `appearance="filled"` and inherits the priority color from the parent
-   * `AlertDialog.Root`. Does not close the dialog by default — wrap with
-   * `AlertDialog.Close asChild` if the action should also dismiss.
+   * `appearance="filled"`, with a tone derived from the parent
+   * `AlertDialog.Root`'s intent: danger dialogs get a danger button, info
+   * dialogs get an accent one — the Action carries the dialog's tone the
+   * same way its icon does. Does not close the dialog by default — wrap
+   * with `AlertDialog.Close asChild` if the action should also dismiss.
    *
    * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogaction
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -202,7 +241,7 @@ declare const AlertDialog: {
    * </AlertDialog.Root>
    * ```
    */
-  readonly Action: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Action: import("react").ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   /**
    * Contains the main content of the alert dialog. Wraps the header and footer
    * inside `AlertDialog.Content` next to `AlertDialog.Icon`.
@@ -211,9 +250,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -242,16 +281,16 @@ declare const AlertDialog: {
   readonly Body: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * A button that closes the dialog and cancels the action. Defaults to
-   * `appearance="outlined"` and `priority="neutral"` so it visually
+   * `appearance="outlined"` and `intent="neutral"` so it visually
    * de-emphasizes against `AlertDialog.Action`.
    *
    * @see https://mantle.ngrok.com/components/overlays/alert-dialog#alertdialogcancel
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -277,7 +316,7 @@ declare const AlertDialog: {
    * </AlertDialog.Root>
    * ```
    */
-  readonly Cancel: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Cancel: import("react").ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   /**
    * A button that closes the Alert Dialog. (Unstyled) Typically wrapped
    * around `AlertDialog.Action` with `asChild` so the action both performs
@@ -287,9 +326,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -330,9 +369,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -377,9 +416,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -414,9 +453,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -451,9 +490,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -481,7 +520,7 @@ declare const AlertDialog: {
    */
   readonly Header: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WithAsChild, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
-   * An icon that visually represents the priority of the AlertDialog.
+   * An icon that visually represents the intent of the AlertDialog.
    * Defaults to a warning icon for `danger` and an info icon for `info`. Can
    * be overridden via the `svg` prop.
    *
@@ -489,9 +528,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -527,9 +566,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>
@@ -563,9 +602,9 @@ declare const AlertDialog: {
    *
    * @example
    * ```tsx
-   * <AlertDialog.Root priority="danger">
+   * <AlertDialog.Root intent="danger">
    *   <AlertDialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Show Danger Alert Dialog
    *     </Button>
    *   </AlertDialog.Trigger>

package/dist/alert-dialog.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-DDx6FtJd.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./button-AS5Ir3DE.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-wm7Wk-gy.js";import{createContext as f,forwardRef as p,useContext as m,useMemo as h}from"react";import g from"tiny-invariant";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{InfoIcon as y}from"@phosphor-icons/react/Info";import{WarningIcon as b}from"@phosphor-icons/react/Warning";const x=f(null);function S(){let e=m(x);return g(e,`AlertDialog child component used outside of AlertDialog parent!`),e}function C({priority:e,...t}){let n=h(()=>({priority:e}),[e]);return _(x.Provider,{value:n,children:_(c,{...t})})}C.displayName=`AlertDialog`;const w=p(({...e},t)=>_(a,{ref:t,"data-slot":`alert-dialog-trigger`,...e}));w.displayName=`AlertDialogTrigger`;const T=i;T.displayName=`AlertDialogPortal`;const E=p(({className:t,...n},r)=>_(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),...n,ref:r}));E.displayName=`AlertDialogOverlay`;const D=p(({className:t,preferredWidth:n=`max-w-md`,...r},i)=>v(T,{children:[_(E,{}),_(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:_(s,{"data-slot":`alert-dialog-content`,"data-mantle-modal-content":!0,ref:i,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),...r})})]}));D.displayName=`AlertDialogContent`;const O=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{"data-slot":`alert-dialog-body`,className:e(`flex-1 space-y-4`,r),ref:a,...i}));O.displayName=`AlertDialogBody`;const k=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{"data-slot":`alert-dialog-header`,className:e(`flex flex-col space-y-2 text-center sm:text-start`,r),ref:a,...i}));k.displayName=`AlertDialogHeader`;const A=p(({asChild:t=!1,className:r,...i},a)=>_(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:a,...i}));A.displayName=`AlertDialogFooter`;const j=p(({className:t,...n},r)=>_(u,{ref:r,"data-slot":`alert-dialog-title`,className:e(`text-strong text-center text-lg font-medium sm:text-start`,t),...n}));j.displayName=`AlertDialogTitle`;const M=p(({className:t,...n},r)=>_(l,{ref:r,"data-slot":`alert-dialog-description`,className:e(`text-body text-center text-sm font-normal sm:text-start`,t),...n}));M.displayName=`AlertDialogDescription`;const N=p(({appearance:e=`filled`,...t},n)=>{let i=S(),a=`default`;return i.priority===`danger`&&(a=`danger`),_(r,{appearance:e,"data-slot":`alert-dialog-action`,priority:a,ref:n,...t})});N.displayName=`AlertDialogAction`;const P=p(({appearance:t=`outlined`,className:n,priority:i=`neutral`,...a},o)=>_(d,{asChild:!0,children:_(r,{appearance:t,"data-slot":`alert-dialog-cancel`,className:e(`mt-2 sm:mt-0`,n),priority:i,ref:o,...a})}));P.displayName=`AlertDialogCancel`;const F=p(({className:n,svg:r,...i},a)=>{let o=S(),s=o.priority===`danger`?`text-danger-600`:`text-accent-600`,c=o.priority===`danger`?_(b,{}):_(y,{});return _(t,{ref:a,"data-slot":`alert-dialog-icon`,className:e(`size-12 sm:size-7`,s,n),svg:r??c,...i})});F.displayName=`AlertDialogIcon`;const I=p(({...e},t)=>_(d,{ref:t,"data-slot":`alert-dialog-close`,...e}));I.displayName=`AlertDialogClose`;const L={Root:C,Action:N,Body:O,Cancel:P,Close:I,Content:D,Description:M,Footer:A,Header:k,Icon:F,Title:j,Trigger:w};export{L as AlertDialog};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-DDx6FtJd.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./button-ClC60Nzg.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-M-kZdNIS.js";import{createContext as f,forwardRef as p,useContext as m,useMemo as h}from"react";import g from"tiny-invariant";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{InfoIcon as y}from"@phosphor-icons/react/Info";import{WarningIcon as b}from"@phosphor-icons/react/Warning";const x=f(null);function S(){let e=m(x);return g(e,`AlertDialog child component used outside of AlertDialog parent!`),e}function C({intent:e,...t}){let n=h(()=>({intent:e}),[e]);return _(x.Provider,{value:n,children:_(c,{...t})})}C.displayName=`AlertDialog`;const w=p(({...e},t)=>_(a,{ref:t,"data-slot":`alert-dialog-trigger`,...e}));w.displayName=`AlertDialogTrigger`;const T=i;T.displayName=`AlertDialogPortal`;const E=p(({className:t,...n},r)=>_(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),...n,ref:r}));E.displayName=`AlertDialogOverlay`;const D=p(({className:t,preferredWidth:n=`max-w-md`,...r},i)=>v(T,{children:[_(E,{}),_(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:_(s,{"data-slot":`alert-dialog-content`,"data-mantle-modal-content":!0,ref:i,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),...r})})]}));D.displayName=`AlertDialogContent`;const O=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{"data-slot":`alert-dialog-body`,className:e(`flex-1 space-y-4`,r),ref:a,...i}));O.displayName=`AlertDialogBody`;const k=p(({asChild:t=!1,className:r,...i},a)=>_(t?n:`div`,{"data-slot":`alert-dialog-header`,className:e(`flex flex-col space-y-2 text-center sm:text-start`,r),ref:a,...i}));k.displayName=`AlertDialogHeader`;const A=p(({asChild:t=!1,className:r,...i},a)=>_(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:a,...i}));A.displayName=`AlertDialogFooter`;const j=p(({className:t,...n},r)=>_(u,{ref:r,"data-slot":`alert-dialog-title`,className:e(`text-strong text-center text-lg font-medium sm:text-start`,t),...n}));j.displayName=`AlertDialogTitle`;const M=p(({className:t,...n},r)=>_(l,{ref:r,"data-slot":`alert-dialog-description`,className:e(`text-body text-center text-sm font-normal sm:text-start`,t),...n}));M.displayName=`AlertDialogDescription`;const N={danger:`danger`,info:`accent`},P=p(({appearance:e=`filled`,intent:t,...n},i)=>{let a=S(),o=N[a.intent];return _(r,{appearance:e,"data-slot":`alert-dialog-action`,intent:t??o,ref:i,...n})});P.displayName=`AlertDialogAction`;const F=p(({appearance:t=`outlined`,className:n,intent:i=`neutral`,...a},o)=>_(d,{asChild:!0,children:_(r,{appearance:t,"data-slot":`alert-dialog-cancel`,className:e(`mt-2 sm:mt-0`,n),intent:i,ref:o,...a})}));F.displayName=`AlertDialogCancel`;const I={danger:_(b,{}),info:_(y,{})},L={danger:`text-danger-600`,info:`text-accent-600`},R=p(({className:n,svg:r,...i},a)=>{let o=S(),s=L[o.intent],c=I[o.intent];return _(t,{ref:a,"data-slot":`alert-dialog-icon`,className:e(`size-12 sm:size-7`,s,n),svg:r??c,...i})});R.displayName=`AlertDialogIcon`;const z=p(({...e},t)=>_(d,{ref:t,"data-slot":`alert-dialog-close`,...e}));z.displayName=`AlertDialogClose`;const B={Root:C,Action:P,Body:O,Cancel:F,Close:z,Content:D,Description:M,Footer:A,Header:k,Icon:R,Title:j,Trigger:w};export{B as AlertDialog};

package/dist/alert.d.ts

@@ -1,19 +1,19 @@
 import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
 import "./index-D47aqlpz.js";
-import { n as IconButtonProps } from "./icon-button-DuRSCsPh.js";
+import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-B7uEj1qq.js";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 //#region src/components/alert/alert.d.ts
-declare const priorities: readonly ["danger", "important", "info", "success", "warning"];
-type Priority = (typeof priorities)[number];
+declare const intents: readonly ["danger", "important", "info", "success", "warning"];
+type AlertIntent = (typeof intents)[number];
 declare const appearances: readonly ["banner", "default"];
 type Appearance = (typeof appearances)[number];
 type AlertProps = ComponentProps<"div"> & {
   /**
-   * Indicates the importance or impact level of the Alert, affecting its
-   * color and styling to communicate its purpose to the user.
+   * The intent of the Alert — the status its color communicates to the user,
+   * determining the color and styling of the Alert.
    */
-  priority: Priority;
+  intent: AlertIntent;
   /**
    * Controls the visual style of the Alert.
    * - "default" provides standard rounded corners and borders.
@@ -25,12 +25,20 @@ type AlertProps = ComponentProps<"div"> & {
 };
 type AlertIconProps = Omit<SvgAttributes, "children"> & {
   /**
-   * An optional icon that renders in place of the default icon for the Alert priority.
+   * An optional icon that renders in place of the default icon for the Alert intent.
    */
   svg?: ReactNode;
 };
 type AlertDescriptionProps = ComponentProps<"div"> & WithAsChild;
-type AlertDismissIconButtonProps = Partial<Omit<IconButtonProps, "icon">> & {
+type AlertDismissIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon" | "intent">> & {
+  /**
+   * The visual style of the dismiss button. Optional here —
+   * `Alert.DismissIconButton` defaults to `"ghost"` so the dismiss affordance
+   * stays visually quiet inside the Alert.
+   *
+   * @default "ghost"
+   */
+  appearance?: IconButtonAppearance;
   /**
    * An optional icon to render inside the dismiss button. Defaults to an X icon.
    */
@@ -58,7 +66,7 @@ declare const DismissIconButton: {
  *
  * @example
  * ```tsx
- * <Alert priority="info">
+ * <Alert intent="info">
  *   <AlertIcon />
  *   <AlertContent>
  *     <AlertTitle>Alert Title</AlertTitle>
@@ -78,7 +86,7 @@ declare const Alert: {
    *
    * @example
    * ```tsx
-   * <Alert.Root priority="info">
+   * <Alert.Root intent="info">
    *   <Alert.Icon />
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
@@ -95,7 +103,7 @@ declare const Alert: {
    *
    * @example
    * ```tsx
-   * <Alert.Root priority="info">
+   * <Alert.Root intent="info">
    *   <Alert.Icon />
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
@@ -112,7 +120,7 @@ declare const Alert: {
    *
    * @example
    * ```tsx
-   * <Alert.Root priority="info">
+   * <Alert.Root intent="info">
    *   <Alert.Icon />
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
@@ -129,7 +137,7 @@ declare const Alert: {
    *
    * @example
    * ```tsx
-   * <Alert.Root priority="info">
+   * <Alert.Root intent="info">
    *   <Alert.Icon />
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
@@ -141,13 +149,13 @@ declare const Alert: {
    */
   readonly DismissIconButton: typeof DismissIconButton;
   /**
-   * An optional icon that visually represents the priority of the Alert.
+   * An optional icon that visually represents the intent of the Alert.
    *
    * @see https://mantle.ngrok.com/components/feedback/alert#alerticon
    *
    * @example
    * ```tsx
-   * <Alert.Root priority="info">
+   * <Alert.Root intent="info">
    *   <Alert.Icon />
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
@@ -164,7 +172,7 @@ declare const Alert: {
    *
    * @example
    * ```tsx
-   * <Alert.Root priority="info">
+   * <Alert.Root intent="info">
    *   <Alert.Icon />
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>

package/dist/alert.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-DDx6FtJd.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./types-D85fCNV3.js";import{t as i}from"./icon-button-CxVsZ2N1.js";import{createContext as a,forwardRef as o,useContext as s,useMemo as c}from"react";import l from"tiny-invariant";import{jsx as u}from"react/jsx-runtime";import{CheckCircleIcon as d}from"@phosphor-icons/react/CheckCircle";import{InfoIcon as f}from"@phosphor-icons/react/Info";import{MegaphoneIcon as p}from"@phosphor-icons/react/Megaphone";import{WarningIcon as m}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as h}from"@phosphor-icons/react/WarningDiamond";import{XIcon as g}from"@phosphor-icons/react/X";import{cva as _}from"class-variance-authority";const v=a(null),y=u(g,{});function b(){let e=s(v);return l(e,`useAlertContext hook used outside of Alert parent!`),e}const x=_(`relative flex w-full gap-1.5 rounded-md border p-2.5 text-sm font-sans`,{variants:{priority:{danger:`border-danger-500/50 bg-danger-500/10 text-danger-700 [&_code]:bg-danger-500/10 [&_code]:border-danger-500/20 [&_code]:text-danger-900 [&_a]:text-danger-700 [&_a]:underline`,important:`border-important-500/50 bg-important-500/10 text-important-700 [&_code]:bg-important-500/10 [&_code]:border-important-500/20 [&_code]:text-important-900 [&_a]:text-important-700 [&_a]:underline`,info:`border-info-500/50 bg-info-500/10 text-info-700 [&_code]:bg-info-500/10 [&_code]:border-info-500/20 [&_code]:text-info-900 [&_a]:text-info-700 [&_a]:underline`,success:`border-success-500/50 bg-success-500/10 text-success-700 [&_code]:bg-success-500/10 [&_code]:border-success-500/20 [&_code]:text-success-900 [&_a]:text-success-700 [&_a]:underline`,warning:`border-warning-500/50 bg-warning-500/10 text-warning-700 [&_code]:bg-warning-500/10 [&_code]:border-warning-500/20 [&_code]:text-warning-900 [&_a]:text-warning-700 [&_a]:underline`},appearance:{banner:`border-x-0 border-t-0 rounded-none z-50 sticky`,default:``}},compoundVariants:[{priority:`danger`,appearance:`banner`,className:``},{priority:`important`,appearance:`banner`,className:``},{priority:`info`,appearance:`banner`,className:``},{priority:`success`,appearance:`banner`,className:``},{priority:`warning`,appearance:`banner`,className:``}]}),S=o(({appearance:t=`default`,className:n,priority:r,...i},a)=>{let o=c(()=>({priority:r}),[r]);return u(v.Provider,{value:o,children:u(`div`,{ref:a,"data-slot":`alert`,className:e(x({appearance:t,priority:r}),n),...i})})});S.displayName=`Alert`;const C={danger:u(m,{}),important:u(p,{mirrored:!0}),info:u(f,{}),success:u(d,{}),warning:u(h,{})},w=o(({className:n,svg:r,...i},a)=>{let o=b(),s=C[o.priority];return u(t,{ref:a,"data-slot":`alert-icon`,className:e(`size-5`,n),svg:r??s,...i})});w.displayName=`AlertIcon`;const T=o(({className:t,...n},r)=>u(`div`,{ref:r,"data-slot":`alert-content`,className:e(`min-w-0 flex-1 has-data-alert-dismiss:pr-6`,t),...n}));T.displayName=`AlertContent`;const E=o(({asChild:t=!1,className:r,...i},a)=>u(t?n:`h5`,{ref:a,"data-slot":`alert-title`,className:e(`font-medium`,r),...i}));E.displayName=`AlertTitle`;const D=o(({asChild:t=!1,className:r,...i},a)=>u(t?n:`div`,{ref:a,"data-slot":`alert-description`,className:e(`text-sm`,r),...i}));D.displayName=`AlertDescription`;const O=e=>`var(--color-${e}-700)`,k=e=>`var(--color-${e}-800)`,A=e=>`color-mix(in oklab, var(--color-${e}-500) 10%, transparent)`,j=({size:t=`sm`,type:n=`button`,label:a=`Dismiss Alert`,appearance:o=`ghost`,className:s,icon:c=y,style:l,...d})=>{let f=b();return u(i,{appearance:o,icon:c,label:a,size:t,"data-slot":`alert-dismiss-icon-button`,"data-alert-dismiss":!0,className:e(`right-1.5 top-1.5 absolute`,`text-(--alert-dismiss-icon-color)`,`not-disabled:hover:bg-(--alert-dismiss-hover-bg) not-disabled:hover:text-(--alert-dismiss-icon-hover-color)`,s),type:n,style:r({...l,"--alert-dismiss-icon-color":O(f.priority),"--alert-dismiss-icon-hover-color":k(f.priority),"--alert-dismiss-hover-bg":A(f.priority)}),...d})};j.displayName=`AlertDismissIconButton`;const M={Root:S,Content:T,Description:D,DismissIconButton:j,Icon:w,Title:E};export{M as Alert};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-DDx6FtJd.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./types-D85fCNV3.js";import{t as i}from"./icon-button-DV2-GZHf.js";import{createContext as a,forwardRef as o,useContext as s,useMemo as c}from"react";import l from"tiny-invariant";import{jsx as u}from"react/jsx-runtime";import{CheckCircleIcon as d}from"@phosphor-icons/react/CheckCircle";import{InfoIcon as f}from"@phosphor-icons/react/Info";import{MegaphoneIcon as p}from"@phosphor-icons/react/Megaphone";import{WarningIcon as m}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as h}from"@phosphor-icons/react/WarningDiamond";import{XIcon as g}from"@phosphor-icons/react/X";import{cva as _}from"class-variance-authority";const v=a(null),y=u(g,{});function b(){let e=s(v);return l(e,`useAlertContext hook used outside of Alert parent!`),e}const x=_(`relative flex w-full gap-1.5 rounded-md border p-2.5 text-sm font-sans`,{variants:{intent:{danger:`border-danger-500/50 bg-danger-500/10 text-danger-700 [&_code]:bg-danger-500/10 [&_code]:border-danger-500/20 [&_code]:text-danger-900 [&_a]:text-danger-700 [&_a]:underline`,important:`border-important-500/50 bg-important-500/10 text-important-700 [&_code]:bg-important-500/10 [&_code]:border-important-500/20 [&_code]:text-important-900 [&_a]:text-important-700 [&_a]:underline`,info:`border-info-500/50 bg-info-500/10 text-info-700 [&_code]:bg-info-500/10 [&_code]:border-info-500/20 [&_code]:text-info-900 [&_a]:text-info-700 [&_a]:underline`,success:`border-success-500/50 bg-success-500/10 text-success-700 [&_code]:bg-success-500/10 [&_code]:border-success-500/20 [&_code]:text-success-900 [&_a]:text-success-700 [&_a]:underline`,warning:`border-warning-500/50 bg-warning-500/10 text-warning-700 [&_code]:bg-warning-500/10 [&_code]:border-warning-500/20 [&_code]:text-warning-900 [&_a]:text-warning-700 [&_a]:underline`},appearance:{banner:`border-x-0 border-t-0 rounded-none z-50 sticky`,default:``}}}),S=o(({appearance:t=`default`,className:n,intent:r,...i},a)=>{let o=c(()=>({intent:r}),[r]);return u(v.Provider,{value:o,children:u(`div`,{ref:a,"data-slot":`alert`,className:e(x({appearance:t,intent:r}),n),...i})})});S.displayName=`Alert`;const C={danger:u(m,{}),important:u(p,{mirrored:!0}),info:u(f,{}),success:u(d,{}),warning:u(h,{})},w=o(({className:n,svg:r,...i},a)=>{let o=b(),s=C[o.intent];return u(t,{ref:a,"data-slot":`alert-icon`,className:e(`size-5`,n),svg:r??s,...i})});w.displayName=`AlertIcon`;const T=o(({className:t,...n},r)=>u(`div`,{ref:r,"data-slot":`alert-content`,className:e(`min-w-0 flex-1 has-data-alert-dismiss:pr-6`,t),...n}));T.displayName=`AlertContent`;const E=o(({asChild:t=!1,className:r,...i},a)=>u(t?n:`h5`,{ref:a,"data-slot":`alert-title`,className:e(`font-medium`,r),...i}));E.displayName=`AlertTitle`;const D=o(({asChild:t=!1,className:r,...i},a)=>u(t?n:`div`,{ref:a,"data-slot":`alert-description`,className:e(`text-sm`,r),...i}));D.displayName=`AlertDescription`;const O=e=>`var(--color-${e}-700)`,k=e=>`var(--color-${e}-800)`,A=e=>`color-mix(in oklab, var(--color-${e}-500) 10%, transparent)`,j=({size:t=`sm`,type:n=`button`,label:a=`Dismiss Alert`,appearance:o=`ghost`,className:s,icon:c=y,style:l,...d})=>{let f=b();return u(i,{appearance:o,icon:c,intent:`neutral`,label:a,size:t,"data-slot":`alert-dismiss-icon-button`,"data-alert-dismiss":!0,className:e(`right-1.5 top-1.5 absolute`,`text-(--alert-dismiss-icon-color)`,`not-disabled:hover:bg-(--alert-dismiss-hover-bg) not-disabled:hover:text-(--alert-dismiss-icon-hover-color)`,s),type:n,style:r({...l,"--alert-dismiss-icon-color":O(f.intent),"--alert-dismiss-icon-hover-color":k(f.intent),"--alert-dismiss-hover-bg":A(f.intent)}),...d})};j.displayName=`AlertDismissIconButton`;const M={Root:S,Content:T,Description:D,DismissIconButton:j,Icon:w,Title:E};export{M as Alert};

package/dist/button-ClC60Nzg.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./booleanish-BfvnW6vy.js";import{t as i}from"./clsx-DUGZgXfJ.js";import{Children as a,cloneElement as o,forwardRef as s,isValidElement as c}from"react";import l from"tiny-invariant";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{CircleNotchIcon as m}from"@phosphor-icons/react/CircleNotch";const h=p(``,{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`}]}),g={xs:`ps-1.5`,sm:`ps-2`,md:`ps-2.5`,lg:`ps-3`,xl:`ps-3.5`},_={xs:`pe-1.5`,sm:`pe-2`,md:`pe-2.5`,lg:`pe-3`,xl:`pe-3.5`},v=s(({"aria-disabled":s,appearance:p,asChild:v,children:y,className:b,disabled:x,icon:S,iconPlacement:C=`start`,intent:w,isLoading:T=!1,size:E=`md`,type:D,...O},k)=>{let A=r(s??x??T),j=T?d(m,{className:`animate-spin`}):S,M=j&&p!==`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`,h({appearance:p,intent:w,isLoading:T,size:E}),p!==`link`&&`font-sans`,M&&C===`start`&&g[E],M&&C===`end`&&_[E],b),"data-appearance":p,"data-disabled":A,"data-intent":w,"data-loading":T,"data-size":p===`link`?void 0:E,disabled:A,ref:k,...O};return v?(l(c(y)&&a.only(y),"When using `asChild`, Button must be passed a single child as a JSX tag."),d(n,{...N,children:o(y,{},f(u,{children:[j&&d(t,{svg:j,className:i(C===`end`&&`order-last`)}),y.props.children]}))})):f(`button`,{...N,type:D??`button`,children:[j&&d(t,{svg:j,className:i(C===`end`&&`order-last`)}),y]})});v.displayName=`Button`;export{v as t};

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

@@ -1,18 +1,52 @@
 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 { ComponentProps, ReactNode } from "react";
 //#region src/components/button/button.d.ts
+/**
+ * The visual style of a `Button`: how much visual weight the button carries,
+ * independent of its tone (`intent`).
+ *
+ * - `"filled"` — solid fill; the heaviest weight on the page
+ * - `"outlined"` — bordered on the form background
+ * - `"ghost"` — no border or fill until hovered
+ * - `"link"` — renders like an inline link (inherits surrounding typography)
+ *   while remaining a button that performs an action
+ */
+type ButtonAppearance = "filled" | "ghost" | "link" | "outlined";
 declare const buttonVariants: (props?: ({
   appearance?: "filled" | "ghost" | "link" | "outlined" | null | undefined;
   isLoading?: boolean | null | undefined;
-  priority?: "danger" | "default" | "neutral" | null | undefined;
+  intent?: "accent" | "danger" | "neutral" | null | undefined;
   size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
 /**
  * The props for the `Button` component.
  */
-type ButtonProps = ComponentProps<"button"> & ButtonVariants & WithAsChild & {
+type ButtonProps = ComponentProps<"button"> & Omit<ButtonVariants, "appearance" | "intent"> & WithAsChild & {
+  /**
+   * The visual style of the Button. Required — there is no default, so
+   * every call site states the weight it means.
+   *
+   * @enum
+   * - `"filled"`: solid fill; the heaviest visual weight
+   * - `"outlined"`: bordered on the form background
+   * - `"ghost"`: no border or fill until hovered
+   * - `"link"`: renders like an inline link (inherits surrounding typography) while remaining a button
+   */
+  appearance: ButtonAppearance;
+  /**
+   * The tone of the Button — the purpose its color communicates to the
+   * user. Required — there is no default, so every call site states the
+   * tone it means.
+   *
+   * @enum
+   * - `"neutral"`: the workhorse tone — routine and secondary actions, and the default primary action (`appearance="filled" intent="neutral"`)
+   * - `"accent"`: deliberate brand emphasis; reach for it when an action should carry the brand color, not as the routine primary
+   * - `"danger"`: a destructive or irreversible action
+   */
+  intent: ButtonIntent;
   /**
    * An icon to render inside the button, beside the button's text
    * children. If the `state` is `"pending"`, then the icon will
@@ -54,6 +88,13 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & WithAsChild & {
  * other assistive technology. Once activated, it then performs an action, such
  * as submitting a form or opening a dialog.
  *
+ * `appearance` (visual weight) and `intent` (tone) are required — every call
+ * site states what it means; there are no implicit defaults.
+ *
+ * The primary action button should be `appearance="filled" intent="neutral"` —
+ * the system's default primary action. Reserve `intent="accent"` for
+ * deliberate brand emphasis.
+ *
  * An icon-only button is not a `Button` — use `IconButton` instead: an
  * icon-only `Button` has no accessible name and keeps its text-box padding,
  * while `IconButton` requires a screen-reader `label` and renders a square
@@ -62,8 +103,9 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & WithAsChild & {
  * @see https://mantle.ngrok.com/components/actions/button
  *
  * @example
+ * The default primary action — filled + neutral:
  * ```tsx
- * <Button appearance="filled" onClick={handleClick}>
+ * <Button appearance="filled" intent="neutral" onClick={handleClick}>
  *   Click me
  * </Button>
  * ```
@@ -71,7 +113,7 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & WithAsChild & {
  * @example
  * Submit a form — opt in with `type="submit"` (the default `"button"` does not submit):
  * ```tsx
- * <Button type="submit" appearance="filled">
+ * <Button type="submit" appearance="filled" intent="neutral">
  *   Save
  * </Button>
  * ```
@@ -80,10 +122,10 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & WithAsChild & {
  * Icon-only buttons are not `Button`s — use `IconButton` instead (an icon-only
  * `Button` has no accessible name and keeps its text-box padding):
  * ```tsx
- * // ❌ <Button icon={<CopyIcon />} onClick={copyPage} />
- * <IconButton icon={<CopyIcon />} label="Copy page" onClick={copyPage} />
+ * // ❌ <Button appearance="outlined" intent="neutral" icon={<CopyIcon />} onClick={copyPage} />
+ * <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>>;
 //#endregion
-export { ButtonProps as n, Button as t };
+export { ButtonAppearance as n, ButtonProps as r, Button as t };

package/dist/button.d.ts

@@ -1,5 +1,6 @@
-import { n as ButtonProps, t as Button } from "./button-Bw9MpShl.js";
-import { n as IconButtonProps, t as IconButton } from "./icon-button-DuRSCsPh.js";
-import { n as ButtonGroupProps, t as ButtonGroup } from "./index-CDwfBOAA.js";
-import { t as ButtonSize } from "./sizes-Dje_rwKc.js";
-export { Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, IconButton, type IconButtonProps };
+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-B7uEj1qq.js";
+import { n as ButtonGroupProps, t as ButtonGroup } from "./index-BivvYYs-.js";
+import { t as ButtonSize } from "./sizes-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-CxVsZ2N1.js";import{t}from"./button-AS5Ir3DE.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"./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};

package/dist/calendar.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{n,r}from"./icon-button-CxVsZ2N1.js";import{jsx as i}from"react/jsx-runtime";import{CaretRightIcon as a}from"@phosphor-icons/react/CaretRight";import{CaretLeftIcon as o}from"@phosphor-icons/react/CaretLeft";import{DayPicker as s}from"react-day-picker";function c({className:c,classNames:l,showOutsideDays:u=!1,...d}){return i(s,{"data-slot":`calendar`,animate:!1,components:{Chevron:e=>i(t,{svg:e.orientation===`left`?i(o,{}):i(a,{}),className:`size-4`})},classNames:{root:e(`isolate`,c),button_next:e(n,r({appearance:`ghost`,size:`sm`}),`absolute right-0`),button_previous:e(n,r({appearance:`ghost`,size:`sm`}),`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`,d.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`,...l},showOutsideDays:u,...d})}c.displayName=`Calendar`;export{c as Calendar};
+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};