@ngrok/mantle 0.80.0 → 0.81.0

package/dist/accordion.d.ts

@@ -1,5 +1,5 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
-import { n as IconProps } from "./icon-BDqpcZ-n.js";
+import { n as IconProps } from "./icon-k4E9yNWD.js";
 import { ComponentProps } from "react";
 //#region src/components/accordion/accordion.d.ts
 /**
@@ -93,10 +93,7 @@ type AccordionRootProps = (AccordionSingleProps | AccordionMultipleProps) & Omit
  *   </Accordion.Item>
  * </Accordion.Root>
  */
-declare const Root: {
-  (props: AccordionRootProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: (props: AccordionRootProps) => import("react").JSX.Element;
 /**
  * A single collapsible section, rendered as a plain `<div role="group">` — the
  * same accessibility role the browser gives a native `<details>`. Derives its
@@ -120,13 +117,10 @@ declare const Root: {
  *   </Accordion.Item>
  * </Accordion.Root>
  */
-declare const Item: {
-  ({ children, value, ref, ...props }: ComponentProps<"div"> & {
-    /** The unique value identifying this item within its accordion. */
-    value: string;
-  }): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Item: ({ children, value, ref, ...props }: ComponentProps<"div"> & {
+  /** The unique value identifying this item within its accordion. */
+  value: string;
+}) => import("react").JSX.Element;
 /**
  * The interactive header that toggles its section, rendered as a `<button>` with
  * `aria-expanded` — the disclosure semantics a native `<summary>` provides, but
@@ -149,10 +143,7 @@ declare const Item: {
  *   </Accordion.Item>
  * </Accordion.Root>
  */
-declare const Trigger: {
-  ({ className, children, onClick, ref, ...props }: Omit<ComponentProps<"button">, "type">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Trigger: ({ className, children, onClick, ref, ...props }: Omit<ComponentProps<"button">, "type">) => import("react").JSX.Element;
 /**
  * The icon that indicates the open/closed state of its {@link Trigger}. Defaults
  * to a downward caret that rotates 180° when the section is open. Pass `svg` to
@@ -191,13 +182,10 @@ declare const Trigger: {
  *   </Accordion.Item>
  * </Accordion.Root>
  */
-declare const TriggerIcon: {
-  ({ className, svg, ...props }: Omit<IconProps, "svg"> & {
-    /** The icon to render. Defaults to a downward caret that rotates open. */
-    svg?: IconProps["svg"];
-  }): import("react").JSX.Element;
-  displayName: string;
-};
+declare const TriggerIcon: ({ className, svg, ...props }: Omit<IconProps, "svg"> & {
+  /** The icon to render. Defaults to a downward caret that rotates open. */
+  svg?: IconProps["svg"];
+}) => import("react").JSX.Element;
 /**
  * The collapsible region of an {@link Item} — the zero-padding viewport that
  * slides open and closed. Wrap its children in {@link Body} for the standard
@@ -224,10 +212,7 @@ declare const TriggerIcon: {
  *   </Accordion.Item>
  * </Accordion.Root>
  */
-declare const Content: {
-  ({ className, children, ref, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Content: ({ className, children, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * The padded inner region of an {@link Item}'s {@link Content} — where the
  * section's body content lives. Owns the body's padding so {@link Content} can
@@ -258,10 +243,7 @@ declare const Content: {
  *   </Accordion.Item>
  * </Accordion.Root>
  */
-declare const Body: {
-  ({ className, ref, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ className, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * A vertically stacked set of disclosure sections styled after the shadcn /
  * ngrok.com accordion.

package/dist/accordion.js

@@ -1 +1 @@
-import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-BdBMM9ga.js";import{t as n}from"./cx-IiQEAKf5.js";import{t as r}from"./icon-CGgMKpJg.js";import{t as i}from"./slot-CDk0Bb9z.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useCallback as s,useContext as c,useEffect as l,useMemo as u,useRef as d,useState as f}from"react";import p from"tiny-invariant";import{jsx as m}from"react/jsx-runtime";function h(e,t){return e.includes(t)}function g(e,t,n,r){let i=e.includes(t);return n?r===`single`?i&&e.length===1?e:[t]:i?e:[...e,t]:i?e.filter(e=>e!==t):e}function _(e){return e==null?[]:typeof e==`string`?e===``?[]:[e]:e}function v(e,t){e.type===`single`?e.onValueChange?.(t[0]??``):e.onValueChange?.([...t])}function y(){return typeof document<`u`&&document.body!=null&&`onbeforematch`in document.body}const b=o(null);function x(e){let t=c(b);return p(t,`\`${e}\` must be rendered within \`Accordion.Root\`.`),t}const S=o(null);function C(e){let t=c(S);return p(t,`\`${e}\` must be rendered within \`Accordion.Item\`.`),t}const w=e=>{let{type:t=`multiple`,value:r,defaultValue:a,onValueChange:o,asChild:s,children:c,className:l,ref:d,...p}=e,h=r!=null,[y,x]=f(()=>_(a)),S=h?_(r):y,C=u(()=>({type:t,openValues:S,setItemOpen:(n,r)=>{let i=g(S,n,r,t);i!==S&&(h||x(i),v(e,i))}}),[t,S,h,e]),w={...p,"data-slot":`accordion`,className:n(`w-full divide-y divide-separator`,l)};return m(b.Provider,{value:C,children:m(s?i:`div`,{ref:d,...w,children:c})})};w.displayName=`Accordion`;const T=({children:e,value:t,ref:n,...r})=>{let{openValues:i,setItemOpen:a}=x(`Accordion.Item`),o=h(i,t),c=s(e=>{a(t,e)},[a,t]),l=u(()=>({open:o,setOpen:c}),[o,c]);return m(S.Provider,{value:l,children:m(`div`,{ref:n,...r,role:`group`,"data-slot":`accordion-item`,"data-state":o?`open`:`closed`,children:e})})};T.displayName=`AccordionItem`;const E=({className:e,children:t,onClick:r,ref:i,...a})=>{let{open:o,setOpen:s}=C(`Accordion.Trigger`);return m(`button`,{ref:i,type:`button`,...a,"data-slot":`accordion-trigger`,"data-state":o?`open`:`closed`,"aria-expanded":o,className:n(`group flex w-full cursor-pointer items-center justify-between gap-4 py-4 text-left font-medium outline-none`,`-mx-2 rounded-md px-2`,`transition-[padding] duration-200 ease-out data-state-open:pb-2 motion-reduce:transition-none`,`focus:outline-hidden focus-visible:ring-4 focus-visible:ring-focus-accent`,e),onClick:e=>{r?.(e),s(!o)},children:t})};E.displayName=`AccordionTrigger`;const D=m(a,{weight:`bold`}),O=({className:e,svg:t=D,...i})=>m(r,{...i,"data-slot":`accordion-trigger-icon`,svg:t,className:n(`size-4 shrink-0 text-muted transition-transform duration-200 group-data-state-open:rotate-180`,e)});O.displayName=`AccordionTriggerIcon`;const k=({className:r,children:i,ref:a,...o})=>{let{open:s,setOpen:c}=C(`Accordion.Content`),u=d(null),f=t(u,a);return l(()=>{let e=u.current;if(!e||!y())return;let t=()=>{e.removeAttribute(`hidden`),e.style.height=`auto`,c(!0)};return e.addEventListener(`beforematch`,t),()=>{e.removeEventListener(`beforematch`,t)}},[c]),e(()=>{let e=u.current;e&&(s||!y()?e.removeAttribute(`hidden`):(e.setAttribute(`hidden`,`until-found`),e.style.height=``))},[s]),m(`div`,{ref:f,...o,"data-slot":`accordion-content`,"data-state":s?`open`:`closed`,className:n(`h-0 overflow-hidden transition-[height,content-visibility] duration-200 ease-out [interpolate-size:allow-keywords] transition-discrete data-state-open:h-auto motion-reduce:transition-none`,r),children:i})};k.displayName=`AccordionContent`;const A=({className:e,ref:t,...r})=>m(`div`,{ref:t,...r,"data-slot":`accordion-body`,className:n(`pt-2 pb-4`,e)});A.displayName=`AccordionBody`;const j={Root:w,Item:T,Trigger:E,TriggerIcon:O,Content:k,Body:A};export{j as Accordion};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-BdBMM9ga.js";import{t as n}from"./cx-IiQEAKf5.js";import{t as r}from"./icon-lZ48P8Nn.js";import{t as i}from"./slot-CDk0Bb9z.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useCallback as s,useContext as c,useEffect as l,useMemo as u,useRef as d,useState as f}from"react";import p from"tiny-invariant";import{jsx as m}from"react/jsx-runtime";function h(e,t){return e.includes(t)}function g(e,t,n,r){let i=e.includes(t);return n?r===`single`?i&&e.length===1?e:[t]:i?e:[...e,t]:i?e.filter(e=>e!==t):e}function _(e){return e==null?[]:typeof e==`string`?e===``?[]:[e]:e}function v(e,t){e.type===`single`?e.onValueChange?.(t[0]??``):e.onValueChange?.([...t])}function y(){return typeof document<`u`&&document.body!=null&&`onbeforematch`in document.body}const b=o(null);function x(e){let t=c(b);return p(t,`\`${e}\` must be rendered within \`Accordion.Root\`.`),t}const S=o(null);function C(e){let t=c(S);return p(t,`\`${e}\` must be rendered within \`Accordion.Item\`.`),t}const w=e=>{let{type:t=`multiple`,value:r,defaultValue:a,onValueChange:o,asChild:s,children:c,className:l,ref:d,...p}=e,h=r!=null,[y,x]=f(()=>_(a)),S=h?_(r):y,C=u(()=>({type:t,openValues:S,setItemOpen:(n,r)=>{let i=g(S,n,r,t);i!==S&&(h||x(i),v(e,i))}}),[t,S,h,e]),w={...p,"data-slot":`accordion`,className:n(`w-full divide-y divide-separator`,l)};return m(b.Provider,{value:C,children:m(s?i:`div`,{ref:d,...w,children:c})})},T=({children:e,value:t,ref:n,...r})=>{let{openValues:i,setItemOpen:a}=x(`Accordion.Item`),o=h(i,t),c=s(e=>{a(t,e)},[a,t]),l=u(()=>({open:o,setOpen:c}),[o,c]);return m(S.Provider,{value:l,children:m(`div`,{ref:n,...r,role:`group`,"data-slot":`accordion-item`,"data-state":o?`open`:`closed`,children:e})})},E=({className:e,children:t,onClick:r,ref:i,...a})=>{let{open:o,setOpen:s}=C(`Accordion.Trigger`);return m(`button`,{ref:i,type:`button`,...a,"data-slot":`accordion-trigger`,"data-state":o?`open`:`closed`,"aria-expanded":o,className:n(`group flex w-full cursor-pointer items-center justify-between gap-4 py-4 text-left font-medium outline-none`,`-mx-2 rounded-md px-2`,`transition-[padding] duration-200 ease-out data-state-open:pb-2 motion-reduce:transition-none`,`focus:outline-hidden focus-visible:ring-4 focus-visible:ring-focus-accent`,e),onClick:e=>{r?.(e),s(!o)},children:t})},D=m(a,{weight:`bold`}),O={Root:w,Item:T,Trigger:E,TriggerIcon:({className:e,svg:t=D,...i})=>m(r,{...i,"data-slot":`accordion-trigger-icon`,svg:t,className:n(`size-4 shrink-0 text-muted transition-transform duration-200 group-data-state-open:rotate-180`,e)}),Content:({className:r,children:i,ref:a,...o})=>{let{open:s,setOpen:c}=C(`Accordion.Content`),u=d(null),f=t(u,a);return l(()=>{let e=u.current;if(!e||!y())return;let t=()=>{e.removeAttribute(`hidden`),e.style.height=`auto`,c(!0)};return e.addEventListener(`beforematch`,t),()=>{e.removeEventListener(`beforematch`,t)}},[c]),e(()=>{let e=u.current;e&&(s||!y()?e.removeAttribute(`hidden`):(e.setAttribute(`hidden`,`until-found`),e.style.height=``))},[s]),m(`div`,{ref:f,...o,"data-slot":`accordion-content`,"data-state":s?`open`:`closed`,className:n(`h-0 overflow-hidden transition-[height,content-visibility] duration-200 ease-out [interpolate-size:allow-keywords] transition-discrete data-state-open:h-auto motion-reduce:transition-none`,r),children:i})},Body:({className:e,ref:t,...r})=>m(`div`,{ref:t,...r,"data-slot":`accordion-body`,className:n(`pt-2 pb-4`,e)})};export{O as Accordion};

package/dist/agent.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ngrok/mantle",
-	"version": "0.80.0",
+	"version": "0.81.0",
 	"origin": "https://mantle.ngrok.com",
 	"endpoints": {
 		"docs": "https://mantle.ngrok.com/",
@@ -20,7 +20,9 @@
 		"@ngrok/mantle/alert",
 		"@ngrok/mantle/alert-dialog",
 		"@ngrok/mantle/anchor",
+		"@ngrok/mantle/area-chart",
 		"@ngrok/mantle/badge",
+		"@ngrok/mantle/bar-chart",
 		"@ngrok/mantle/breadcrumb",
 		"@ngrok/mantle/browser-only",
 		"@ngrok/mantle/button",
@@ -50,6 +52,7 @@
 		"@ngrok/mantle/input",
 		"@ngrok/mantle/kbd",
 		"@ngrok/mantle/label",
+		"@ngrok/mantle/line-chart",
 		"@ngrok/mantle/list",
 		"@ngrok/mantle/main",
 		"@ngrok/mantle/media-object",
@@ -61,6 +64,7 @@
 		"@ngrok/mantle/qr-code",
 		"@ngrok/mantle/radio-group",
 		"@ngrok/mantle/sandboxed-on-click",
+		"@ngrok/mantle/scatter-plot",
 		"@ngrok/mantle/select",
 		"@ngrok/mantle/selectable-list",
 		"@ngrok/mantle/separator",

package/dist/alert-dialog.d.ts

@@ -1,8 +1,8 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
-import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { n as ButtonAppearance, r as ButtonProps } from "./button-BPMwa2jN.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 "./primitive-CJRIlrLz.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 { 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
 declare const intents: readonly ["info", "danger"];
@@ -92,10 +92,7 @@ declare function Root({ intent, ...props }: AlertDialogProps): import("react").J
  * </AlertDialog.Root>
  * ```
  */
-declare const Trigger: {
-  ({ ref, ...props }: ComponentProps<typeof Trigger$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Trigger: ({ ref, ...props }: ComponentProps<typeof Trigger$1>) => import("react").JSX.Element;
 type AlertDialogContentProps = ComponentProps<typeof Content$1> & {
   /**
    * The preferred width of the `AlertDialogContent` as a tailwind `max-w-` class.
@@ -148,10 +145,7 @@ type AlertDialogContentProps = ComponentProps<typeof Content$1> & {
  * </AlertDialog.Root>
  * ```
  */
-declare const Content: {
-  ({ className, preferredWidth, ref, ...props }: AlertDialogContentProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Content: ({ className, preferredWidth, ref, ...props }: AlertDialogContentProps) => import("react").JSX.Element;
 /**
  * Contains the main content of the alert dialog.
  *
@@ -187,10 +181,7 @@ declare const Content: {
  * </AlertDialog.Root>
  * ```
  */
-declare const Body: {
-  ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * Contains the header content of the dialog, including the title and description.
  *
@@ -226,10 +217,7 @@ declare const Body: {
  * </AlertDialog.Root>
  * ```
  */
-declare const Header: {
-  ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Header: ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * Contains the footer content of the dialog, including the action and cancel buttons.
  *
@@ -265,10 +253,7 @@ declare const Header: {
  * </AlertDialog.Root>
  * ```
  */
-declare const Footer: {
-  ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Footer: ({ asChild, className, ref, ...props }: ComponentProps<"div"> & WithAsChild) => import("react").JSX.Element;
 /**
  * An accessible name to be announced when the dialog is opened.
  *
@@ -307,10 +292,7 @@ declare const Footer: {
  * </AlertDialog.Root>
  * ```
  */
-declare const Title: {
-  ({ className, ref, ...props }: ComponentProps<typeof Title$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Title: ({ className, ref, ...props }: ComponentProps<typeof Title$1>) => import("react").JSX.Element;
 /**
  * An accessible description to be announced when the dialog is opened.
  * Renders as a `div` by default, but can be changed to any other element using
@@ -351,10 +333,7 @@ declare const Title: {
  * </AlertDialog.Root>
  * ```
  */
-declare const Description: {
-  ({ className, ref, ...props }: ComponentProps<typeof Description$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Description: ({ className, ref, ...props }: ComponentProps<typeof Description$1>) => import("react").JSX.Element;
 type AlertDialogActionProps = Omit<ButtonProps, "appearance" | "intent"> & {
   /**
    * The visual style of the action button. Optional here — `AlertDialog.Action`
@@ -414,10 +393,7 @@ type AlertDialogActionProps = Omit<ButtonProps, "appearance" | "intent"> & {
  * </AlertDialog.Root>
  * ```
  */
-declare const Action: {
-  ({ appearance, intent, ref, ...props }: AlertDialogActionProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Action: ({ appearance, intent, ref, ...props }: AlertDialogActionProps) => import("react").JSX.Element;
 type AlertDialogCancelProps = Omit<ButtonProps, "appearance" | "intent"> & {
   /**
    * The visual style of the cancel button. Optional here — `AlertDialog.Cancel`
@@ -475,10 +451,7 @@ type AlertDialogCancelProps = Omit<ButtonProps, "appearance" | "intent"> & {
  * </AlertDialog.Root>
  * ```
  */
-declare const Cancel: {
-  ({ appearance, className, intent, ref, ...props }: AlertDialogCancelProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Cancel: ({ appearance, className, intent, ref, ...props }: AlertDialogCancelProps) => import("react").JSX.Element;
 type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
   svg?: ReactNode;
 };
@@ -522,10 +495,7 @@ type AlertDialogIconProps = Omit<SvgAttributes, "children"> & {
  * </AlertDialog.Root>
  * ```
  */
-declare const Icon: {
-  ({ className, ref, svg, ...props }: AlertDialogIconProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Icon: ({ className, ref, svg, ...props }: AlertDialogIconProps) => import("react").JSX.Element;
 /**
  * A button that closes the Alert Dialog. (Unstyled)
  *
@@ -568,10 +538,7 @@ declare const Icon: {
  * </AlertDialog.Root>
  * ```
  */
-declare const Close: {
-  ({ ref, ...props }: ComponentProps<typeof Close$1>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Close: ({ ref, ...props }: ComponentProps<typeof Close$1>) => import("react").JSX.Element;
 /**
  * A modal dialog that interrupts the user with important content and expects a
  * response. Use AlertDialog for destructive or irreversible confirmations

package/dist/alert-dialog.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{t as r}from"./button-5WsvzIQ6.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-DCPHJsRs.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})})}S.displayName=`AlertDialog`;const C=({ref:e,...t})=>g(a,{ref:e,"data-slot":`alert-dialog-trigger`,...t});C.displayName=`AlertDialogTrigger`;const w=i;w.displayName=`AlertDialogPortal`;const 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})})]});E.displayName=`AlertDialogContent`;const 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});D.displayName=`AlertDialogBody`;const 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});O.displayName=`AlertDialogHeader`;const 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});k.displayName=`AlertDialogFooter`;const 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});A.displayName=`AlertDialogTitle`;const 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});j.displayName=`AlertDialogDescription`;const 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})};N.displayName=`AlertDialogAction`;const 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})});P.displayName=`AlertDialogCancel`;const F={danger:g(y,{}),info:g(v,{})},I={danger:`text-danger-600`,info:`text-accent-600`},L=({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})};L.displayName=`AlertDialogIcon`;const R=({ref:e,...t})=>g(d,{ref:e,"data-slot":`alert-dialog-close`,...t});R.displayName=`AlertDialogClose`;const z={Root:S,Action:N,Body:D,Cancel:P,Close:R,Content:E,Description:j,Footer:k,Header:O,Icon:L,Title:A,Trigger:C};export{z as AlertDialog};
+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"./button-DjpEKt2X.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-trJDqIXJ.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,7 +1,7 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
-import { t as SvgAttributes } from "./types-D1RY5Tcj.js";
+import { t as SvgAttributes } from "./icon-D1RY5Tcj.js";
 import "./index-DA4ig3gj.js";
-import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-C1AfGnQx.js";
+import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/alert/alert.d.ts
 declare const intents: readonly ["danger", "important", "info", "success", "warning"];
@@ -42,10 +42,7 @@ type AlertProps = ComponentProps<"div"> & {
  * </Alert>
  *```
  */
-declare const Root: {
-  ({ appearance, className, intent, ref, ...props }: AlertProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: ({ appearance, className, intent, ref, ...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.
@@ -73,10 +70,7 @@ type AlertIconProps = Omit<SvgAttributes, "children"> & {
  * </Alert>
  * ```
  */
-declare const Icon: {
-  ({ className, ref, svg, ...props }: AlertIconProps): import("react").JSX.Element;
-  displayName: string;
-};
+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.
  *
@@ -96,10 +90,7 @@ declare const Icon: {
  * </Alert>
  *```
  */
-declare const Content: {
-  ({ className, ref, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Content: ({ className, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 type AlertTitleProps = ComponentProps<"h5"> & WithAsChild;
 /**
  * The title of an alert. Default renders as an h5 element, use asChild to render something else.
@@ -120,10 +111,7 @@ type AlertTitleProps = ComponentProps<"h5"> & WithAsChild;
  * </Alert>
  *```
  */
-declare const Title: {
-  ({ asChild, className, ref, ...props }: AlertTitleProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Title: ({ asChild, className, ref, ...props }: AlertTitleProps) => import("react").JSX.Element;
 type AlertDescriptionProps = ComponentProps<"div"> & WithAsChild;
 /**
  * The optional description of an alert.
@@ -146,10 +134,7 @@ type AlertDescriptionProps = ComponentProps<"div"> & WithAsChild;
  * </Alert>
  * ```
  */
-declare const Description: {
-  ({ asChild, className, ref, ...props }: AlertDescriptionProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Description: ({ asChild, className, ref, ...props }: AlertDescriptionProps) => import("react").JSX.Element;
 type AlertDismissIconButtonProps = Partial<Omit<IconButtonProps, "appearance" | "icon" | "intent">> & {
   /**
    * The visual style of the dismiss button. Optional here —
@@ -164,10 +149,7 @@ type AlertDismissIconButtonProps = Partial<Omit<IconButtonProps, "appearance" |
    */
   icon?: ReactNode;
 };
-declare const DismissIconButton: {
-  ({ size, type, label, appearance, className, icon, style, ...props }: AlertDismissIconButtonProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const DismissIconButton: ({ size, type, label, appearance, className, icon, style, ...props }: AlertDismissIconButtonProps) => import("react").JSX.Element;
 /**
  * Displays a callout for user attention.
  *

package/dist/alert.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./svg-only-d-nMCfAI.js";import{t as n}from"./slot-CDk0Bb9z.js";import{t as r}from"./types-D85fCNV3.js";import{t as i}from"./icon-button-DiOhreJD.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})})};x.displayName=`Alert`;const 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})};C.displayName=`AlertIcon`;const 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});w.displayName=`AlertContent`;const 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});T.displayName=`AlertTitle`;const 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});E.displayName=`AlertDescription`;const 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=({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})};A.displayName=`AlertDismissIconButton`;const j={Root:x,Content:w,Description:E,DismissIconButton:A,Icon:C,Title:T};export{j 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-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};

package/dist/{anchor-_2meGDfj.js → anchor-DfeXTpKW.js}

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CGgMKpJg.js";import{t as n}from"./slot-CDk0Bb9z.js";import{Children as r,cloneElement as i,isValidElement as a}from"react";import o from"tiny-invariant";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=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-CDk0Bb9z.js";import{Children as r,cloneElement as i,isValidElement as a}from"react";import o from"tiny-invariant";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=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.js

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