@ngrok/mantle 0.81.0 → 0.81.1

package/dist/accordion.d.ts

@@ -78,7 +78,7 @@ type AccordionRootProps = (AccordionSingleProps | AccordionMultipleProps) & Omit
  * other divider in the system. Disable the dividers with `divide-y-0` on the root
  * (e.g. pair it with `space-y-*` for a spaced-card layout).
  *
- * @see https://mantle.ngrok.com/components/data-display/accordion#api-accordion
+ * @see https://mantle.ngrok.com/components/data-display/accordion#accordionroot
  *
  * @example
  * <Accordion.Root type="single" defaultValue="shipping">
@@ -102,7 +102,7 @@ declare const Root: (props: AccordionRootProps) => import("react").JSX.Element;
  * Because the item is just a `<div>`, its header can be any layout — e.g. a flex
  * row with the {@link Trigger} alongside a separate, non-toggling action button.
  *
- * @see https://mantle.ngrok.com/components/data-display/accordion#api-accordion-item
+ * @see https://mantle.ngrok.com/components/data-display/accordion#accordionitem
  *
  * @example
  * <Accordion.Root type="single" defaultValue="item-1">
@@ -128,7 +128,7 @@ declare const Item: ({ children, value, ref, ...props }: ComponentProps<"div"> &
  * role varies). Place the {@link TriggerIcon} as the last child so the default
  * `justify-between` layout pushes it to the trailing edge.
  *
- * @see https://mantle.ngrok.com/components/data-display/accordion#api-accordion-trigger
+ * @see https://mantle.ngrok.com/components/data-display/accordion#accordiontrigger
  *
  * @example
  * <Accordion.Root type="single" defaultValue="item-1">
@@ -150,7 +150,7 @@ declare const Trigger: ({ className, children, onClick, ref, ...props }: Omit<Co
  * override it with any icon (the rotation-on-open still applies; override
  * `className` to change that).
  *
- * @see https://mantle.ngrok.com/components/data-display/accordion#api-accordion-trigger-icon
+ * @see https://mantle.ngrok.com/components/data-display/accordion#accordiontriggericon
  *
  * @example
  * // Default caret
@@ -197,7 +197,7 @@ declare const TriggerIcon: ({ className, svg, ...props }: Omit<IconProps, "svg">
  * the section when the browser reveals a match. It is flow content, so it may
  * contain anything — including interactive elements.
  *
- * @see https://mantle.ngrok.com/components/data-display/accordion#api-accordion-content
+ * @see https://mantle.ngrok.com/components/data-display/accordion#accordioncontent
  *
  * @example
  * <Accordion.Root type="single" defaultValue="item-1">
@@ -226,7 +226,7 @@ declare const Content: ({ className, children, ref, ...props }: ComponentProps<"
  * Override `className` to retune the padding (e.g. `pb-0`, `px-6`); `cx` resolves
  * last-wins.
  *
- * @see https://mantle.ngrok.com/components/data-display/accordion#api-accordion-body
+ * @see https://mantle.ngrok.com/components/data-display/accordion#accordionbody
  *
  * @example
  * <Accordion.Root type="single" defaultValue="item-1">

package/dist/agent.json

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

package/dist/alert.d.ts

@@ -1,6 +1,6 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { t as SvgAttributes } from "./icon-D1RY5Tcj.js";
-import "./index-DA4ig3gj.js";
+import { r as ButtonProps } from "./button-DARFK2KJ.js";
 import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/alert/alert.d.ts
@@ -26,23 +26,32 @@ type AlertProps = ComponentProps<"div"> & {
 /**
  * Displays a callout for user attention. Root container for all Alert sub-components.
  *
+ * Trailing controls inherit these public CSS variables:
+ *
+ * | Variable | Default | Purpose |
+ * | --- | --- | --- |
+ * | `--alert-control-color` | `var(--color-<intent>-700)` | Control text and icon color. |
+ * | `--alert-control-hover-color` | `var(--color-<intent>-800)` | Control text and icon color on hover. |
+ * | `--alert-control-hover-bg` | `color-mix(in oklab, var(--color-<intent>-500) 10%, transparent)` | Control background on hover. |
+ *
  * @see https://mantle.ngrok.com/components/feedback/alert#alertroot
  *
  * @example
  * ```tsx
- * <Alert intent="info">
- *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Alert Title</AlertTitle>
- *      <AlertDismissIconButton />
- *     <AlertDescription>
+ * <Alert.Root intent="info">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Alert Title</Alert.Title>
+ *     <Alert.Description>
  *       Alert description text.
- *     </AlertDescription>
- *   </AlertContent>
- * </Alert>
+ *     </Alert.Description>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={false} />
+ *   </Alert.Content>
+ * </Alert.Root>
  *```
  */
-declare const Root: ({ appearance, className, intent, ref, ...props }: AlertProps) => import("react").JSX.Element;
+declare const Root: ({ appearance, className, intent, ref, style, ...props }: AlertProps) => import("react").JSX.Element;
 type AlertIconProps = Omit<SvgAttributes, "children"> & {
   /**
    * An optional icon that renders in place of the default icon for the Alert intent.
@@ -58,36 +67,39 @@ type AlertIconProps = Omit<SvgAttributes, "children"> & {
  *
  * @example
  * ```tsx
- * <Alert intent="info">
- *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Alert Title</AlertTitle>
- *     <AlertDismissIconButton />
- *     <AlertDescription>
+ * <Alert.Root intent="info">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Alert Title</Alert.Title>
+ *     <Alert.Description>
  *       Alert description text.
- *     </AlertDescription>
- *   </AlertContent>
- * </Alert>
+ *     </Alert.Description>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={false} />
+ *   </Alert.Content>
+ * </Alert.Root>
  * ```
  */
 declare const Icon: ({ className, ref, svg, ...props }: AlertIconProps) => import("react").JSX.Element;
 /**
- * The container for the content slot of an alert. Place the title and description as direct children.
+ * The container for the content slot of an alert. Place the title, description,
+ * and trailing controls as direct children.
  *
  * @see https://mantle.ngrok.com/components/feedback/alert#alertcontent
  *
  * @example
  * ```tsx
- * <Alert intent="info">
- *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Alert Title</AlertTitle>
- *     <AlertDismissIconButton />
- *     <AlertDescription>
+ * <Alert.Root intent="info">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Alert Title</Alert.Title>
+ *     <Alert.Description>
  *       Alert description text.
- *     </AlertDescription>
- *   </AlertContent>
- * </Alert>
+ *     </Alert.Description>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={false} />
+ *   </Alert.Content>
+ * </Alert.Root>
  *```
  */
 declare const Content: ({ className, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
@@ -99,16 +111,17 @@ type AlertTitleProps = ComponentProps<"h5"> & WithAsChild;
  *
  * @example
  * ```tsx
- * <Alert intent="info">
- *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Alert Title</AlertTitle>
- *     <AlertDismissIconButton />
- *     <AlertDescription>
+ * <Alert.Root intent="info">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Alert Title</Alert.Title>
+ *     <Alert.Description>
  *       Alert description text.
- *     </AlertDescription>
- *   </AlertContent>
- * </Alert>
+ *     </Alert.Description>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={false} />
+ *   </Alert.Content>
+ * </Alert.Root>
  *```
  */
 declare const Title: ({ asChild, className, ref, ...props }: AlertTitleProps) => import("react").JSX.Element;
@@ -122,16 +135,17 @@ type AlertDescriptionProps = ComponentProps<"div"> & WithAsChild;
  *
  * @example
  * ```tsx
- * <Alert intent="info">
- *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Alert Title</AlertTitle>
- *     <AlertDismissIconButton />
- *     <AlertDescription>
+ * <Alert.Root intent="info">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Alert Title</Alert.Title>
+ *     <Alert.Description>
  *       Alert description text.
- *     </AlertDescription>
- *   </AlertContent>
- * </Alert>
+ *     </Alert.Description>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={false} />
+ *   </Alert.Content>
+ * </Alert.Root>
  * ```
  */
 declare const Description: ({ asChild, className, ref, ...props }: AlertDescriptionProps) => import("react").JSX.Element;
@@ -149,7 +163,58 @@ type AlertDismissIconButtonProps = Partial<Omit<IconButtonProps, "appearance" |
    */
   icon?: ReactNode;
 };
-declare const DismissIconButton: ({ size, type, label, appearance, className, icon, style, ...props }: AlertDismissIconButtonProps) => import("react").JSX.Element;
+/**
+ * A compact, trailing control for dismissing an alert.
+ *
+ * It inherits `--alert-control-color`, `--alert-control-hover-color`, and
+ * `--alert-control-hover-bg` from `Alert.Root`, shared with
+ * `Alert.ExpandButton` when both controls are composed together.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/alert#alertdismissiconbutton
+ *
+ * @example
+ * ```tsx
+ * <Alert.Root intent="warning">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Usage limit approaching</Alert.Title>
+ *     <Alert.DismissIconButton onClick={dismiss} />
+ *     <Alert.ExpandButton count={2} expanded={isExpanded} onClick={toggle} />
+ *   </Alert.Content>
+ * </Alert.Root>
+ * ```
+ */
+declare const DismissIconButton: ({ size, type, label, appearance, className, icon, ...props }: AlertDismissIconButtonProps) => import("react").JSX.Element;
+type AlertExpandButtonProps = Omit<ButtonProps, "appearance" | "asChild" | "children" | "icon" | "iconPlacement" | "intent" | "size"> & {
+  /** The number of alerts hidden by a collapsed alert center. */
+  count: number;
+  /** Whether the alerts controlled by this button are currently visible. */
+  expanded: boolean;
+};
+/**
+ * A compact, trailing control for expanding or collapsing related alerts.
+ *
+ * It occupies the trailing control area alongside `Alert.DismissIconButton`
+ * when both are present, and marks the alert so `Alert.Content` reserves room
+ * for its plus-prefixed count and caret on narrow viewports. It shares the
+ * `--alert-control-*` color variables from `Alert.Root` with the dismiss
+ * control.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/alert#alertexpandbutton
+ *
+ * @example
+ * ```tsx
+ * <Alert.Root intent="warning">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Usage limit approaching</Alert.Title>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={isExpanded} onClick={toggle} />
+ *   </Alert.Content>
+ * </Alert.Root>
+ * ```
+ */
+declare const ExpandButton: ({ count, expanded, className, ...props }: AlertExpandButtonProps) => import("react").JSX.Element;
 /**
  * Displays a callout for user attention.
  *
@@ -160,24 +225,26 @@ declare const DismissIconButton: ({ size, type, label, appearance, className, ic
  * ```
  * Alert.Root
  * ├── Alert.Icon
- * └── Alert.Content
+ * ├── Alert.Content
  *     ├── Alert.Title
  *     ├── Alert.Description
- *     └── Alert.DismissIconButton
+ *     ├── Alert.DismissIconButton
+ *     └── Alert.ExpandButton
  * ```
  *
  * @example
  * ```tsx
- * <Alert intent="info">
- *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Alert Title</AlertTitle>
- *      <AlertDismissIconButton />
- *     <AlertDescription>
+ * <Alert.Root intent="info">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>Alert Title</Alert.Title>
+ *     <Alert.Description>
  *       Alert description text.
- *     </AlertDescription>
- *   </AlertContent>
- * </Alert>
+ *     </Alert.Description>
+ *     <Alert.DismissIconButton />
+ *     <Alert.ExpandButton count={2} expanded={false} />
+ *   </Alert.Content>
+ * </Alert.Root>
  *```
  */
 declare const Alert: {
@@ -193,6 +260,8 @@ declare const Alert: {
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
    *     <Alert.Description>Alert description</Alert.Description>
+   *     <Alert.DismissIconButton />
+   *     <Alert.ExpandButton count={2} expanded={false} />
    *   </Alert.Content>
    * </Alert.Root>
    * ```
@@ -210,11 +279,34 @@ declare const Alert: {
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
    *     <Alert.Description>Alert description text.</Alert.Description>
+   *     <Alert.DismissIconButton />
+   *     <Alert.ExpandButton count={2} expanded={false} />
    *   </Alert.Content>
    * </Alert.Root>
    * ```
    */
   readonly Content: typeof Content;
+  /**
+   * A compact trailing control for expanding or collapsing related alerts.
+   * It inherits the `--alert-control-color`, `--alert-control-hover-color`, and
+   * `--alert-control-hover-bg` variables from `Alert.Root`, shared with the
+   * dismiss control.
+   *
+   * @see https://mantle.ngrok.com/components/feedback/alert#alertexpandbutton
+   *
+   * @example
+   * ```tsx
+   * <Alert.Root intent="warning">
+   *   <Alert.Icon />
+   *   <Alert.Content>
+   *     <Alert.Title>Usage limit approaching</Alert.Title>
+   *     <Alert.DismissIconButton />
+   *     <Alert.ExpandButton count={2} expanded={isExpanded} onClick={toggle} />
+   *   </Alert.Content>
+   * </Alert.Root>
+   * ```
+   */
+  readonly ExpandButton: typeof ExpandButton;
   /**
    * The optional description of an alert.
    *
@@ -227,6 +319,8 @@ declare const Alert: {
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
    *     <Alert.Description>Alert description text.</Alert.Description>
+   *     <Alert.DismissIconButton />
+   *     <Alert.ExpandButton count={2} expanded={false} />
    *   </Alert.Content>
    * </Alert.Root>
    * ```
@@ -234,6 +328,9 @@ declare const Alert: {
   readonly Description: typeof Description;
   /**
    * An optional dismiss button that can be used to close the alert.
+   * It inherits the `--alert-control-color`, `--alert-control-hover-color`, and
+   * `--alert-control-hover-bg` variables from `Alert.Root`, shared with the
+   * expand control.
    *
    * @see https://mantle.ngrok.com/components/feedback/alert#alertdismissiconbutton
    *
@@ -245,6 +342,7 @@ declare const Alert: {
    *     <Alert.Title>Alert Title</Alert.Title>
    *     <Alert.DismissIconButton />
    *     <Alert.Description>Alert description text.</Alert.Description>
+   *     <Alert.ExpandButton count={2} expanded={false} />
    *   </Alert.Content>
    * </Alert.Root>
    * ```
@@ -262,6 +360,8 @@ declare const Alert: {
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
    *     <Alert.Description>Alert description text.</Alert.Description>
+   *     <Alert.DismissIconButton />
+   *     <Alert.ExpandButton count={2} expanded={false} />
    *   </Alert.Content>
    * </Alert.Root>
    * ```
@@ -279,6 +379,8 @@ declare const Alert: {
    *   <Alert.Content>
    *     <Alert.Title>Alert Title</Alert.Title>
    *     <Alert.Description>Alert description text.</Alert.Description>
+   *     <Alert.DismissIconButton />
+   *     <Alert.ExpandButton count={2} expanded={false} />
    *   </Alert.Content>
    * </Alert.Root>
    * ```

package/dist/alert.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{t as r}from"./types-D85fCNV3.js";import{t as i}from"./button-BAno7KIU.js";import{createContext as a,useContext as o,useMemo as s}from"react";import c from"tiny-invariant";import{jsx as l}from"react/jsx-runtime";import{CheckCircleIcon as u}from"@phosphor-icons/react/CheckCircle";import{InfoIcon as d}from"@phosphor-icons/react/Info";import{MegaphoneIcon as f}from"@phosphor-icons/react/Megaphone";import{WarningIcon as p}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as m}from"@phosphor-icons/react/WarningDiamond";import{XIcon as h}from"@phosphor-icons/react/X";import{cva as g}from"class-variance-authority";const _=a(null),v=l(h,{});function y(){let e=o(_);return c(e,`useAlertContext hook used outside of Alert parent!`),e}const b=g(`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:``}}}),x=({appearance:t=`default`,className:n,intent:r,ref:i,...a})=>{let o=s(()=>({intent:r}),[r]);return l(_.Provider,{value:o,children:l(`div`,{ref:i,"data-slot":`alert`,className:e(b({appearance:t,intent:r}),n),...a})})},S={danger:l(p,{}),important:l(f,{mirrored:!0}),info:l(d,{}),success:l(u,{}),warning:l(m,{})},C=({className:n,ref:r,svg:i,...a})=>{let o=y(),s=S[o.intent];return l(t,{ref:r,"data-slot":`alert-icon`,className:e(`size-5`,n),svg:i??s,...a})},w=({className:t,ref:n,...r})=>l(`div`,{ref:n,"data-slot":`alert-content`,className:e(`min-w-0 flex-1 has-data-alert-dismiss:pr-6`,t),...r}),T=({asChild:t=!1,className:r,ref:i,...a})=>l(t?n:`h5`,{ref:i,"data-slot":`alert-title`,className:e(`font-medium`,r),...a}),E=({asChild:t=!1,className:r,ref:i,...a})=>l(t?n:`div`,{ref:i,"data-slot":`alert-description`,className:e(`text-sm`,r),...a}),D=e=>`var(--color-${e}-700)`,O=e=>`var(--color-${e}-800)`,k=e=>`color-mix(in oklab, var(--color-${e}-500) 10%, transparent)`,A={Root:x,Content:w,Description:E,DismissIconButton:({size:t=`sm`,type:n=`button`,label:a=`Dismiss Alert`,appearance:o=`ghost`,className:s,icon:c=v,style:u,...d})=>{let f=y();return l(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({...u,"--alert-dismiss-icon-color":D(f.intent),"--alert-dismiss-icon-hover-color":O(f.intent),"--alert-dismiss-hover-bg":k(f.intent)}),...d})},Icon:C,Title:T};export{A as Alert};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{t as r}from"./types-D85fCNV3.js";import{t as i}from"./button-DjpEKt2X.js";import{t as a}from"./button-BAno7KIU.js";import{CaretDownIcon as o}from"@phosphor-icons/react/CaretDown";import{createContext as s,useContext as c,useMemo as l}from"react";import u from"tiny-invariant";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{CheckCircleIcon as p}from"@phosphor-icons/react/CheckCircle";import{InfoIcon as m}from"@phosphor-icons/react/Info";import{MegaphoneIcon as h}from"@phosphor-icons/react/Megaphone";import{WarningIcon as g}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as _}from"@phosphor-icons/react/WarningDiamond";import{XIcon as v}from"@phosphor-icons/react/X";import{cva as y}from"class-variance-authority";const b=s(null),x=d(v,{});function S(){let e=c(b);return u(e,`useAlertContext hook used outside of Alert parent!`),e}const C=y(`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:not([data-slot=button])]:text-danger-700 [&_a:not([data-slot=button])]: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:not([data-slot=button])]:text-important-700 [&_a:not([data-slot=button])]: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:not([data-slot=button])]:text-info-700 [&_a:not([data-slot=button])]: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:not([data-slot=button])]:text-success-700 [&_a:not([data-slot=button])]: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:not([data-slot=button])]:text-warning-700 [&_a:not([data-slot=button])]:underline`},appearance:{banner:`border-x-0 border-t-0 rounded-none z-50 sticky`,default:``}}}),w=({appearance:t=`default`,className:n,intent:i,ref:a,style:o,...s})=>{let c=l(()=>({intent:i}),[i]);return d(b.Provider,{value:c,children:d(`div`,{ref:a,"data-slot":`alert`,className:e(C({appearance:t,intent:i}),`has-data-alert-dismiss:pr-10`,`has-data-alert-expand:[&_[data-slot=alert-dismiss-icon-button]]:right-16`,`md:has-data-alert-expand:[&_[data-slot=alert-dismiss-icon-button]]:right-24`,`has-data-alert-expand:[&_[data-slot=alert-content]]:pr-12`,`md:has-data-alert-expand:[&_[data-slot=alert-content]]:pr-[5.5rem]`,n),style:r({"--alert-control-color":A(i),"--alert-control-hover-color":j(i),"--alert-control-hover-bg":M(i),...o}),...s})})},T={danger:d(g,{}),important:d(h,{mirrored:!0}),info:d(m,{}),success:d(p,{}),warning:d(_,{})},E=({className:n,ref:r,svg:i,...a})=>{let o=S(),s=T[o.intent];return d(t,{ref:r,"data-slot":`alert-icon`,className:e(`size-5`,n),svg:i??s,...a})},D=({className:t,ref:n,...r})=>d(`div`,{ref:n,"data-slot":`alert-content`,className:e(`min-w-0 flex-1 has-data-alert-dismiss:pr-6`,t),...r}),O=({asChild:t=!1,className:r,ref:i,...a})=>d(t?n:`h5`,{ref:i,"data-slot":`alert-title`,className:e(`font-medium`,r),...a}),k=({asChild:t=!1,className:r,ref:i,...a})=>d(t?n:`div`,{ref:i,"data-slot":`alert-description`,className:e(`text-sm`,r),...a}),A=e=>`var(--color-${e}-700)`,j=e=>`var(--color-${e}-800)`,M=e=>`color-mix(in oklab, var(--color-${e}-500) 10%, transparent)`,N={Root:w,Content:D,ExpandButton:({count:t,expanded:n,className:r,...a})=>f(i,{type:`button`,appearance:`ghost`,intent:`neutral`,size:`sm`,"aria-expanded":n,"aria-label":n?`Collapse additional alerts`:`Show ${t} more ${t===1?`alert`:`alerts`}`,"data-slot":`alert-expand-button`,"data-alert-expand":!0,className:e(`right-1.5 top-1.5 absolute gap-1 px-1.5`,`text-[var(--alert-control-color,currentColor)]`,`not-disabled:hover:bg-[var(--alert-control-hover-bg,transparent)] not-disabled:hover:text-[var(--alert-control-hover-color,currentColor)]`,r),...a,children:[f(`span`,{className:`min-w-[2ch] text-center tabular-nums`,children:[`+`,t]}),d(`span`,{className:`hidden md:inline`,children:`more`}),d(o,{weight:`bold`,className:e(`size-4 transition-transform ease-out duration-150`,n&&`-rotate-180`)})]}),Description:k,DismissIconButton:({size:t=`sm`,type:n=`button`,label:r=`Dismiss Alert`,appearance:i=`ghost`,className:o,icon:s=x,...c})=>d(a,{appearance:i,icon:s,intent:`neutral`,label:r,size:t,"data-slot":`alert-dismiss-icon-button`,"data-alert-dismiss":!0,className:e(`right-1.5 top-1.5 absolute`,`text-[var(--alert-control-color,currentColor)]`,`not-disabled:hover:bg-[var(--alert-control-hover-bg,transparent)] not-disabled:hover:text-[var(--alert-control-hover-color,currentColor)]`,o),type:n,...c}),Icon:E,Title:O};export{N as Alert};

package/dist/area-chart.d.ts

@@ -1,11 +1,11 @@
-import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, f as ChartDatum, g as PointShape, h as CurveKind, i as GridPrimitiveProps, l as YAxisPrimitiveProps, m as ContinuousXScale, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibleName } from "./chart-BcOC6Qj0.js";
+import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, f as ChartDatum, g as PointShape, h as CurveKind, i as GridPrimitiveProps, l as YAxisPrimitiveProps, m as ContinuousXScale, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibilityProps } from "./chart-1cVjAcj8.js";
 //#region src/components/area-chart/area-chart.d.ts
 /**
  * Props for {@link AreaChart.Root}. Areas fill from a shared zero baseline, so
  * the y domain minimum is fixed at `0` — a truncated-area axis is
  * unrepresentable.
  */
-type AreaChartRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootBaseProps, "yDomain"> & ChartAccessibleName & {
+type AreaChartRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootBaseProps, "yDomain"> & ChartAccessibilityProps & {
   /** Rows of data; each `AreaChart.Area` reads one numeric key per row. */
   data: readonly TDatum[];
   /** The key of each row's x value. */
@@ -305,7 +305,8 @@ declare const CopyButton: (props: AreaChartCopyButtonProps) => import("react").J
  * ├── AreaChart.Area (one per series)
  * ├── AreaChart.ReferenceLine
  * ├── AreaChart.Tooltip
- * └── AreaChart.Legend
+ * ├── AreaChart.Legend
+ * └── AreaChart.CopyButton
  * ```
  *
  * @example

package/dist/area-chart.js

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

package/dist/bar-chart.d.ts

@@ -1,11 +1,11 @@
-import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, d as BarTexture, f as ChartDatum, i as GridPrimitiveProps, l as YAxisPrimitiveProps, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibleName, u as BarOrientation } from "./chart-BcOC6Qj0.js";
+import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, d as BarTexture, f as ChartDatum, i as GridPrimitiveProps, l as YAxisPrimitiveProps, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibilityProps, u as BarOrientation } from "./chart-1cVjAcj8.js";
 //#region src/components/bar-chart/bar-chart.d.ts
 /**
  * Props for {@link BarChart.Root}. Bars encode value by length from a shared
  * zero baseline, so the y domain minimum is fixed at `0` — a truncated-bar
  * axis is unrepresentable.
  */
-type BarChartRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootBaseProps, "yDomain"> & ChartAccessibleName & {
+type BarChartRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootBaseProps, "yDomain"> & ChartAccessibilityProps & {
   /** Rows of data; each `BarChart.Bar` reads one numeric key per row. */
   data: readonly TDatum[];
   /** The key of each row's category (x) value. */
@@ -293,7 +293,8 @@ declare const CopyButton: (props: BarChartCopyButtonProps) => import("react").JS
  * ├── BarChart.Bar (one per series)
  * ├── BarChart.ReferenceLine
  * ├── BarChart.Tooltip
- * └── BarChart.Legend
+ * ├── BarChart.Legend
+ * └── BarChart.CopyButton
  * ```
  *
  * @example

package/dist/bar-chart.js

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

package/dist/button.js

@@ -1 +1 @@
-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};
+import{t as e}from"./button-DjpEKt2X.js";import{t}from"./button-BAno7KIU.js";import{t as n}from"./button-D9n09xUg.js";export{e as Button,n as ButtonGroup,t as IconButton};

package/dist/calendar.js

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