@ngrok/mantle 0.78.0 → 0.79.1

package/dist/theme-switcher.d.ts

@@ -1,8 +1,9 @@
 import { t as WithStyleProps } from "./with-style-props-Dq5Vntqy.js";
-import { t as IconButton } from "./icon-button-DuRSCsPh.js";
-import { t as DropdownMenu } from "./dropdown-menu-DT30TQzL.js";
-import "./index-BnI3OppC.js";
-import { ComponentProps } from "react";
+import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-B7uEj1qq.js";
+import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
+import { t as DropdownMenu } from "./dropdown-menu-DP_Ne9Mr.js";
+import "./index-g2rfwNCH.js";
+import { ComponentProps, ComponentPropsWithoutRef } from "react";
 //#region src/components/theme-switcher/theme-switcher.d.ts
 /**
  * The props for the `ThemeDropdownMenuRadioGroup` component.
@@ -13,22 +14,47 @@ declare namespace ThemeDropdownMenuRadioGroup {
   var displayName: string;
 }
 /**
- * The props for the `ThemeSwitcher` component.
+ * The props for the `ThemeSwitcher.Root` component. Identical to
+ * `DropdownMenu.Root`'s props — `Root` forwards everything through.
  */
-type ThemeSwitcherProps = WithStyleProps & Pick<ComponentProps<typeof IconButton>, "appearance"> & {
+type ThemeSwitcherRootProps = ComponentProps<typeof DropdownMenu.Root>;
+/**
+ * The stateful root of the theme switcher: a thin forwarding wrapper over
+ * `DropdownMenu.Root` that owns the menu's open/closed state. Renders no DOM
+ * of its own. Compose `ThemeSwitcher.Trigger` and `ThemeSwitcher.Content`
+ * inside it.
+ *
+ * @see https://mantle.ngrok.com/components/forms/theme-switcher
+ *
+ * @example
+ * ```tsx
+ * <ThemeSwitcher.Root>
+ *   <ThemeSwitcher.Trigger />
+ *   <ThemeSwitcher.Content />
+ * </ThemeSwitcher.Root>
+ * ```
+ */
+declare const Root: {
+  (props: ThemeSwitcherRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * The props for the `ThemeSwitcher.Trigger` component. Forwards
+ * `IconButton`'s props, except the parts the trigger owns: `icon` (the
+ * SSR-safe themed icon) and `intent` (always `"neutral"`). `asChild` and
+ * `children` are removed — the trigger renders only its icon and sr-only
+ * label, so both would be silently meaningless. `appearance` and `label`
+ * become optional with theme-switcher defaults.
+ */
+type ThemeSwitcherTriggerProps = Omit<IconButtonProps, "appearance" | "asChild" | "children" | "icon" | "intent" | "label"> & WithDataSlot & {
   /**
-   * Props forwarded to the menu's `DropdownMenu.Content` — positioning and
-   * collision behavior (`align`, `side`, `collisionPadding`, …) plus
-   * `className`/`style` for the popover the trigger opens. To own the whole
-   * menu instead, compose `ThemeDropdownMenuRadioGroup` in your own
-   * `DropdownMenu`.
+   * The visual style of the trigger `IconButton`. Optional here —
+   * `ThemeSwitcher.Trigger` defaults to `"ghost"` so the trigger sits
+   * quietly in headers and toolbars.
    *
-   * @example
-   * ```tsx
-   * <ThemeSwitcher contentProps={{ collisionPadding: { right: 16 } }} />
-   * ```
+   * @default "ghost"
    */
-  contentProps?: Omit<ComponentProps<typeof DropdownMenu.Content>, "children">;
+  appearance?: IconButtonAppearance;
   /**
    * The accessible name for the trigger `IconButton`. Visually hidden but
    * announced to screen readers. Override it for localization.
@@ -37,9 +63,112 @@ type ThemeSwitcherProps = WithStyleProps & Pick<ComponentProps<typeof IconButton
    */
   label?: string;
 };
-declare function ThemeSwitcher({ appearance, className, contentProps, label, style }: ThemeSwitcherProps): import("react").JSX.Element;
-declare namespace ThemeSwitcher {
-  var displayName: string;
-}
+/**
+ * The props for the `ThemeSwitcher.Content` component. Identical to
+ * `DropdownMenu.Content`'s props — positioning and collision behavior
+ * (`align`, `side`, `collisionPadding`, …) plus `className`/`style` all
+ * forward through.
+ */
+type ThemeSwitcherContentProps = ComponentPropsWithoutRef<typeof DropdownMenu.Content> & WithDataSlot;
+/**
+ * The canonical picker for mantle's theme system: a compact `IconButton`
+ * trigger (ghost by default) that opens a `DropdownMenu` hosting
+ * `ThemeDropdownMenuRadioGroup`, the theme-selection radio group.
+ *
+ * Reads and writes the active theme via `useTheme`, so it must render inside
+ * a `ThemeProvider` — `useTheme` throws outside of one.
+ *
+ * To embed theme selection in an existing menu instead (e.g. an account menu
+ * submenu), use `ThemeDropdownMenuRadioGroup` directly.
+ *
+ * @see https://mantle.ngrok.com/components/forms/theme-switcher
+ *
+ * @example
+ * Composition:
+ * ```
+ * ThemeSwitcher.Root
+ * ├── ThemeSwitcher.Trigger
+ * └── ThemeSwitcher.Content
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider>
+ *   <header>
+ *     <ThemeSwitcher.Root>
+ *       <ThemeSwitcher.Trigger />
+ *       <ThemeSwitcher.Content />
+ *     </ThemeSwitcher.Root>
+ *   </header>
+ * </ThemeProvider>
+ * ```
+ */
+declare const ThemeSwitcher: {
+  /**
+   * The stateful root: a thin forwarding wrapper over `DropdownMenu.Root`
+   * that owns the menu's open/closed state. Renders no DOM of its own.
+   *
+   * @see https://mantle.ngrok.com/components/forms/theme-switcher
+   *
+   * @example
+   * ```tsx
+   * <ThemeSwitcher.Root>
+   *   <ThemeSwitcher.Trigger />
+   *   <ThemeSwitcher.Content />
+   * </ThemeSwitcher.Root>
+   * ```
+   */
+  readonly Root: typeof Root;
+  /**
+   * The button that opens the theme menu: an `IconButton` (ghost by default)
+   * with an SSR-safe themed icon. Forwards `IconButton` props; `label`
+   * defaults to `"Change Theme"`.
+   *
+   * @see https://mantle.ngrok.com/components/forms/theme-switcher
+   *
+   * @example
+   * ```tsx
+   * <ThemeSwitcher.Root>
+   *   <ThemeSwitcher.Trigger appearance="outlined" label="Choose a theme" />
+   *   <ThemeSwitcher.Content />
+   * </ThemeSwitcher.Root>
+   * ```
+   */
+  readonly Trigger: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "appearance" | "asChild" | "children" | "icon" | "intent" | "label"> & WithDataSlot & {
+    /**
+     * The visual style of the trigger `IconButton`. Optional here —
+     * `ThemeSwitcher.Trigger` defaults to `"ghost"` so the trigger sits
+     * quietly in headers and toolbars.
+     *
+     * @default "ghost"
+     */
+    appearance?: IconButtonAppearance;
+    /**
+     * The accessible name for the trigger `IconButton`. Visually hidden but
+     * announced to screen readers. Override it for localization.
+     *
+     * @default "Change Theme"
+     */
+    label?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  /**
+   * The popover the trigger opens: forwards `DropdownMenu.Content` props
+   * (`align`, `side`, `collisionPadding`, `className`, …) and renders the
+   * five-theme radio group when no `children` are given.
+   *
+   * @see https://mantle.ngrok.com/components/forms/theme-switcher
+   *
+   * @example
+   * ```tsx
+   * <ThemeSwitcher.Root>
+   *   <ThemeSwitcher.Trigger />
+   *   <ThemeSwitcher.Content align="end" collisionPadding={{ right: 16 }} />
+   * </ThemeSwitcher.Root>
+   * ```
+   */
+  readonly Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & WithDataSlot & {
+    width?: "trigger" | "content";
+  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & WithDataSlot & import("react").RefAttributes<HTMLDivElement>>;
+};
 //#endregion
-export { ThemeDropdownMenuRadioGroup, type ThemeDropdownMenuRadioGroupProps, ThemeSwitcher, type ThemeSwitcherProps };
+export { ThemeDropdownMenuRadioGroup, type ThemeDropdownMenuRadioGroupProps, ThemeSwitcher, type ThemeSwitcherContentProps, type ThemeSwitcherRootProps, type ThemeSwitcherTriggerProps };

package/dist/theme-switcher.js

@@ -1 +1 @@
-import{t as e}from"./icon-CDtYjF_H.js";import{t}from"./icon-button-CxVsZ2N1.js";import{t as n}from"./browser-only-CPH56Xw_.js";import{d as r,h as i,l as a,p as o}from"./theme-provider-Djj_jBo6.js";import{t as s}from"./dropdown-menu-ByUQkAvJ.js";import{n as c,t as l}from"./theme-D8kZCOzM.js";import{t as u}from"./skeleton-Bu3tgNcW.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p={system:`System Preference`,light:`Light Mode`,dark:`Dark Mode`,"light-high-contrast":`Light High Contrast`,"dark-high-contrast":`Dark High Contrast`},m=({className:t,style:n})=>{let[l,u]=a();return d(s.RadioGroup,{"data-slot":`theme-dropdown-menu-radio-group`,className:t,style:n,value:l,onValueChange:e=>{o(e)&&u(e)},children:i.map(t=>f(s.RadioItem,{value:r(t),children:[d(e,{svg:d(c,{theme:t})}),p[t]]},t))})};m.displayName=`ThemeDropdownMenuRadioGroup`;const h=({appearance:e,className:r,contentProps:i,label:a=`Change Theme`,style:o})=>f(s.Root,{children:[d(s.Trigger,{asChild:!0,children:d(t,{type:`button`,appearance:e??`ghost`,className:r,"data-slot":`theme-switcher`,icon:d(n,{fallback:d(u,{className:`rounded-full size-5`}),children:()=>d(l,{className:`size-5`})}),label:a,style:o})}),d(s.Content,{...i,children:d(m,{})})]});h.displayName=`ThemeSwitcher`;export{m as ThemeDropdownMenuRadioGroup,h as ThemeSwitcher};
+import{t as e}from"./icon-CDtYjF_H.js";import{n as t}from"./slot-DmPrjM7N.js";import{t as n}from"./icon-button-DV2-GZHf.js";import{t as r}from"./browser-only-CPH56Xw_.js";import{d as i,h as a,l as o,p as s}from"./theme-provider-Djj_jBo6.js";import{t as c}from"./dropdown-menu-Bt1aKF1g.js";import{n as l,t as u}from"./theme-D8kZCOzM.js";import{t as d}from"./skeleton-Bu3tgNcW.js";import{forwardRef as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h={system:`System Preference`,light:`Light Mode`,dark:`Dark Mode`,"light-high-contrast":`Light High Contrast`,"dark-high-contrast":`Dark High Contrast`},g=({className:t,style:n})=>{let[r,u]=o();return p(c.RadioGroup,{"data-slot":`theme-dropdown-menu-radio-group`,className:t,style:n,value:r,onValueChange:e=>{s(e)&&u(e)},children:a.map(t=>m(c.RadioItem,{value:i(t),children:[p(e,{svg:p(l,{theme:t})}),h[t]]},t))})};g.displayName=`ThemeDropdownMenuRadioGroup`;const _=e=>p(c.Root,{...e});_.displayName=`ThemeSwitcher`;const v=f(({appearance:e=`ghost`,"data-slot":i,disabled:a,label:o=`Change Theme`,...s},l)=>p(c.Trigger,{asChild:!0,disabled:a,children:p(n,{ref:l,appearance:e,disabled:a,"data-slot":t(i,`theme-switcher-trigger`),intent:`neutral`,icon:p(r,{fallback:p(d,{className:`rounded-full size-5`}),children:()=>p(u,{className:`size-5`})}),label:o,...s})}));v.displayName=`ThemeSwitcherTrigger`;const y=f(({children:e,"data-slot":n,...r},i)=>p(c.Content,{ref:i,"data-slot":t(n,`theme-switcher-content`),...r,children:e??p(g,{})}));y.displayName=`ThemeSwitcherContent`;const b={Root:_,Trigger:v,Content:y};export{g as ThemeDropdownMenuRadioGroup,b as ThemeSwitcher};

package/dist/toast-D3ntBmn4.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{s as r}from"./theme-provider-Djj_jBo6.js";import{createContext as i,forwardRef as a,useContext as o,useMemo as s}from"react";import{jsx as c,jsxs 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{WarningIcon as f}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as p}from"@phosphor-icons/react/WarningDiamond";import*as m from"sonner";const h=({className:t,containerAriaLabel:n,dir:i,duration_ms:a=4e3,position:o=`top-center`,style:s})=>{let l=r();return c(m.Toaster,{"data-slot":`toaster`,className:e(`toaster overlay-prompt pointer-events-auto *:duration-200`,t),containerAriaLabel:n,dir:i,duration:a,gap:12,position:o??`top-center`,style:s,theme:l,toastOptions:{unstyled:!0}})};h.displayName=`Toaster`;const g=i(``);function _(e,t){let n=t?.duration_ms;return typeof n==`number`&&n<=0&&(n=1/0),m.toast.custom(t=>c(g.Provider,{value:t,children:e}),{duration:n,...t?.id?{id:t.id}:{},unstyled:!0})}const v=i({intent:`info`}),y=a(({asChild:t,children:r,className:i,intent:a,...o},u)=>{let d=t?n:`div`,f=s(()=>({intent:a}),[a]);return c(v.Provider,{value:f,children:l(d,{"data-slot":`toast`,className:e(`relative flex items-start gap-2 text-sm font-sans`,`p-3 pl-3.75`,`bg-popover high-contrast:border-popover rounded rounded-r-[0.3125rem] border border-gray-500/35 shadow-lg`,i),ref:u,...o,children:[c(E,{intent:a}),r]})})});y.displayName=`Toast`;const b=a(({className:n,svg:r,...i},a)=>{let s=o(v);switch(s.intent){case`danger`:return c(t,{"data-slot":`toast-icon`,className:e(`text-danger-600`,n),ref:a,svg:r??c(f,{weight:`fill`}),...i});case`warning`:return c(t,{"data-slot":`toast-icon`,className:e(`text-warning-600`,n),ref:a,svg:r??c(p,{weight:`fill`}),...i});case`success`:return c(t,{"data-slot":`toast-icon`,className:e(`text-success-600`,n),ref:a,svg:r??c(u,{weight:`fill`}),...i});case`info`:return c(t,{"data-slot":`toast-icon`,className:e(`text-accent-600`,n),ref:a,svg:c(d,{weight:`fill`}),...i});default:throw Error(`Unreachable Case: ${s.intent}`)}});b.displayName=`ToastIcon`;const x=a(({asChild:t,className:r,onClick:i,...a},s)=>{let l=o(g);return c(t?n:`button`,{"data-slot":`toast-action`,className:e(`shrink-0`,`data-icon-button:-mr-0.5 data-icon-button:-mt-0.5 data-icon-button:rounded-xs`,r),onClick:e=>{i?.(e),!e.defaultPrevented&&m.toast.dismiss(l)},ref:s,...a})});x.displayName=`ToastAction`;const S=a(({asChild:t,className:r,...i},a)=>c(t?n:`p`,{"data-slot":`toast-message`,className:e(`text-strong flex-1 text-sm font-body`,r),ref:a,...i}));S.displayName=`ToastMessage`;const C={Root:y,Action:x,Icon:b,Message:S};function w(e){e.target instanceof Element&&e.target.closest(`.overlay-prompt`)&&e.preventDefault()}const T={info:`bg-accent-600`,warning:`bg-warning-600`,success:`bg-success-600`,danger:`bg-danger-600`};function E({className:t,intent:n,...r}){return c(`div`,{"aria-hidden":!0,className:e(`z-1 absolute -inset-px right-auto w-1.5 rounded-l`,T[n],t),...r})}export{w as i,h as n,_ as r,C as t};

package/dist/toast.d.ts

@@ -40,7 +40,7 @@ type MakeToastOptions = {
  * ```tsx
  * // Basic toast with auto-dismiss (default 4000ms, inherits from `<Toaster>`)
  * makeToast(
- *   <Toast.Root priority="success">
+ *   <Toast.Root intent="success">
  *     <Toast.Icon />
  *     <Toast.Message>Operation completed successfully!</Toast.Message>
  *     <Toast.Action>Dismiss</Toast.Action>
@@ -49,7 +49,7 @@ type MakeToastOptions = {
  *
  * // Toast that stays open until manually dismissed
  * makeToast(
- *   <Toast.Root priority="warning">
+ *   <Toast.Root intent="warning">
  *     <Toast.Icon />
  *     <Toast.Message>Action required</Toast.Message>
  *     <Toast.Action>Dismiss</Toast.Action>
@@ -59,10 +59,16 @@ type MakeToastOptions = {
  * ```
  */
 declare function makeToast(children: ReactNode, options?: MakeToastOptions): string | number;
-declare const priorities: readonly ["danger", "info", "success", "warning"];
-type Priority = (typeof priorities)[number];
+declare const intents: readonly ["danger", "info", "success", "warning"];
+/**
+ * The intent of a toast: the tone or status that the toast's color communicates.
+ */
+type ToastIntent = (typeof intents)[number];
 type ToastProps = ComponentProps<"div"> & WithAsChild & {
-  priority: Priority;
+  /**
+   * The intent of the toast: the tone or status that the toast's color communicates.
+   */
+  intent: ToastIntent;
 };
 type ToastActionProps = ComponentProps<"button"> & WithAsChild;
 type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
@@ -84,7 +90,7 @@ type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
  * @example
  * ```tsx
  * makeToast(
- *   <Toast.Root priority="success">
+ *   <Toast.Root intent="success">
  *     <Toast.Icon />
  *     <Toast.Message>Operation completed successfully!</Toast.Message>
  *     <Toast.Action>Dismiss</Toast.Action>
@@ -94,13 +100,13 @@ type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
  */
 declare const Toast: {
   /**
-   * A succinct message with a priority that is displayed temporarily.
+   * A succinct message with an intent that is displayed temporarily.
    *
    * @see https://mantle.ngrok.com/components/feedback/toast#toastroot
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="success">
+   * <Toast.Root intent="success">
    *   <Toast.Icon />
    *   <Toast.Message>Changes saved successfully!</Toast.Message>
    *   <Toast.Action>Undo</Toast.Action>
@@ -115,7 +121,7 @@ declare const Toast: {
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="info">
+   * <Toast.Root intent="info">
    *   <Toast.Icon />
    *   <Toast.Message>File uploaded successfully</Toast.Message>
    *   <Toast.Action>View File</Toast.Action>
@@ -124,13 +130,13 @@ declare const Toast: {
    */
   readonly Action: import("react").ForwardRefExoticComponent<Omit<ToastActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   /**
-   * An icon that visually represents the priority of the toast.
+   * An icon that visually represents the intent of the toast.
    *
    * @see https://mantle.ngrok.com/components/feedback/toast#toasticon
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="warning">
+   * <Toast.Root intent="warning">
    *   <Toast.Icon />
    *   <Toast.Message>Warning message</Toast.Message>
    * </Toast.Root>
@@ -144,7 +150,7 @@ declare const Toast: {
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="success">
+   * <Toast.Root intent="success">
    *   <Toast.Icon />
    *   <Toast.Message>Your changes have been saved</Toast.Message>
    * </Toast.Root>
@@ -153,4 +159,4 @@ declare const Toast: {
   readonly Message: import("react").ForwardRefExoticComponent<Omit<ToastMessageProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 };
 //#endregion
-export { type Priority, Toast, Toaster, makeToast };
+export { Toast, type ToastIntent, Toaster, makeToast };

package/dist/toast.js

@@ -1 +1 @@
-import{n as e,r as t,t as n}from"./toast-RkhbliFh.js";export{n as Toast,e as Toaster,t as makeToast};
+import{n as e,r as t,t as n}from"./toast-D3ntBmn4.js";export{n as Toast,e as Toaster,t as makeToast};

package/dist/tooltip.d.ts

@@ -21,7 +21,7 @@ declare namespace TooltipProvider {
  * ```tsx
  * <Tooltip.Root>
  *   <Tooltip.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </Tooltip.Trigger>
@@ -41,7 +41,7 @@ declare function Root(props: ComponentProps<typeof TooltipPrimitive.Root>): impo
  * ```tsx
  * <Tooltip.Root>
  *   <Tooltip.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </Tooltip.Trigger>
@@ -86,7 +86,7 @@ declare function Trigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>)
  * ```tsx
  * <Tooltip.Root>
  *   <Tooltip.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </Tooltip.Trigger>
@@ -113,7 +113,7 @@ declare const Tooltip: {
    * ```tsx
    * <Tooltip.Root>
    *   <Tooltip.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </Tooltip.Trigger>
@@ -137,7 +137,7 @@ declare const Tooltip: {
    * ```tsx
    * <Tooltip.Root>
    *   <Tooltip.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </Tooltip.Trigger>
@@ -157,7 +157,7 @@ declare const Tooltip: {
    * ```tsx
    * <Tooltip.Root>
    *   <Tooltip.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </Tooltip.Trigger>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrok/mantle",
-  "version": "0.78.0",
+  "version": "0.79.1",
   "description": "mantle is ngrok's UI library and design system.",
   "homepage": "https://mantle.ngrok.com",
   "license": "MIT",

package/dist/button-AS5Ir3DE.js

@@ -1 +0,0 @@
-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`},priority:{danger:``,default:``,neutral:``},size:{xs:``,sm:``,md:``,lg:``,xl:``}},defaultVariants:{appearance:`outlined`,isLoading:!1,priority:`default`,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`,priority:`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`,priority:`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`,priority:`danger`,class:`bg-filled-danger focus-visible:ring-focus-danger not-disabled:hover:bg-filled-danger-hover border-transparent`},{appearance:`link`,priority:`danger`,class:`text-danger-600 focus-visible:ring-focus-danger`},{appearance:`ghost`,priority:`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`,priority:`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`,priority:`neutral`,class:`bg-filled-neutral not-disabled:hover:bg-filled-neutral-hover border-transparent focus-visible:border-transparent text-neutral-50`},{appearance:`link`,priority:`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=`outlined`,asChild:v,children:y,className:b,disabled:x,icon:S,iconPlacement:C=`start`,isLoading:w=!1,priority:T=`default`,size:E=`md`,type:D,...O},k)=>{let A=r(s??x??w),j=w?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,priority:T,isLoading:w,size:E}),p!==`link`&&`font-sans`,M&&C===`start`&&g[E],M&&C===`end`&&_[E],b),"data-appearance":p,"data-disabled":A,"data-loading":w,"data-priority":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/dropdown-menu-ByUQkAvJ.js

@@ -1 +0,0 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{n}from"./separator-kBnnv3Cw.js";import{forwardRef as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{CaretRightIcon as o}from"@phosphor-icons/react/CaretRight";import{CheckIcon as s}from"@phosphor-icons/react/Check";import*as c from"@radix-ui/react-dropdown-menu";const l=c.Root;l.displayName=`DropdownMenu`;const u=r((e,t)=>i(c.Trigger,{ref:t,"data-slot":`dropdown-menu-trigger`,...e}));u.displayName=`DropdownMenuTrigger`;const d=r(({className:t,...n},r)=>i(c.Group,{ref:r,"data-slot":`dropdown-menu-group`,className:e(`space-y-px`,t),...n}));d.displayName=`DropdownMenuGroup`;const f=c.Portal;f.displayName=`DropdownMenuPortal`;const p=c.Sub;p.displayName=`DropdownMenuSub`;const m=r(({className:t,...n},r)=>i(c.RadioGroup,{ref:r,"data-slot":`dropdown-menu-radio-group`,className:e(`space-y-px`,t),...n}));m.displayName=`DropdownMenuRadioGroup`;const h=r(({className:n,inset:r,children:s,...l},u)=>a(c.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e(`focus:bg-accent data-state-open:bg-accent relative flex select-none items-center rounded-md py-1.5 pl-2 pr-9 text-sm outline-hidden`,`data-highlighted:bg-active-menu-item data-state-open:bg-active-menu-item`,`[&>svg]:size-5 [&_svg]:shrink-0`,r&&`pl-8`,n),ref:u,...l,children:[s,i(`span`,{className:`absolute right-2 flex items-center`,children:i(t,{svg:i(o,{weight:`bold`}),className:`size-4`})})]}));h.displayName=`DropdownMenuSubTrigger`;const g=r(({className:t,loop:n=!0,...r},a)=>i(f,{children:i(c.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 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 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl space-y-px font-sans`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,t),loop:n,ref:a,...r})}));g.displayName=`DropdownMenuSubContent`;const _=r(({className:t,onClick:n,loop:r=!0,width:a,...o},s)=>i(f,{children:i(c.Content,{ref:s,"data-slot":`dropdown-menu-content`,className:e(`scrollbar`,`text-popover-foreground border-popover bg-popover p-1.25 z-50 min-w-32 overflow-hidden rounded-md border shadow-xl outline-hidden space-y-px font-sans`,`data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 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`,`my-2 max-h-[calc(var(--radix-dropdown-menu-content-available-height)-16px)] overflow-auto`,a===`trigger`&&`w-(--radix-dropdown-menu-trigger-width)`,t),loop:r,onClick:e=>{e.stopPropagation(),n?.(e)},...o})}));_.displayName=`DropdownMenuContent`;const v=r(({className:t,inset:n,...r},a)=>i(c.Item,{ref:a,"data-slot":`dropdown-menu-item`,className:e(`relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-strong text-sm font-normal outline-hidden transition-colors`,`data-highlighted:bg-active-menu-item`,`focus:bg-accent focus:text-accent-foreground`,`data-disabled:cursor-default data-disabled:opacity-50`,`[&>svg]:size-5 [&_svg]:shrink-0`,n&&`pl-8`,t),...r}));v.displayName=`DropdownMenuItem`;const y=r(({className:n,children:r,checked:o,...l},u)=>a(c.CheckboxItem,{ref:u,"data-slot":`dropdown-menu-checkbox-item`,className:e(`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 pl-2 pr-9 text-sm font-normal outline-hidden`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>svg]:size-5 [&_svg]:shrink-0`,n),checked:o,...l,children:[i(`span`,{className:`absolute right-2 flex items-center`,children:i(c.ItemIndicator,{children:i(t,{svg:i(s,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r]}));y.displayName=`DropdownMenuCheckboxItem`;const b=r(({className:n,children:r,...o},l)=>a(c.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e(`group/dropdown-menu-radio-item`,`text-strong data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center gap-2 rounded-md py-1.5 px-2 text-sm font-normal outline-none`,`data-highlighted:bg-active-menu-item`,`aria-checked:bg-selected-menu-item aria-checked:pr-9`,`data-highlighted:aria-checked:bg-active-selected-menu-item!`,`[&>svg]:size-5 [&_svg]:shrink-0`,n),ref:l,...o,children:[i(`span`,{className:`absolute right-2 items-center hidden group-aria-checked/dropdown-menu-radio-item:flex`,children:i(c.ItemIndicator,{children:i(t,{svg:i(s,{weight:`bold`}),className:`size-4 text-accent-600`})})}),r]}));b.displayName=`DropdownMenuRadioItem`;const x=r(({className:t,inset:n,...r},a)=>i(c.Label,{ref:a,"data-slot":`dropdown-menu-label`,className:e(`px-2 py-1.5 text-sm font-medium`,n&&`pl-8`,t),...r}));x.displayName=`DropdownMenuLabel`;const S=r(({className:t,...r},a)=>i(n,{ref:a,"data-slot":`dropdown-menu-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...r}));S.displayName=`DropdownMenuSeparator`;const C=({className:t,...n})=>i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`ml-auto text-xs tracking-widest opacity-60`,t),...n});C.displayName=`DropdownMenuShortcut`;const w={Root:l,CheckboxItem:y,Content:_,Group:d,Item:v,Label:x,RadioGroup:m,RadioItem:b,Separator:S,Shortcut:C,Sub:p,SubContent:g,SubTrigger:h,Trigger:u};export{w as t};

package/dist/icon-button-CxVsZ2N1.js

@@ -1 +0,0 @@
-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{Children as i,cloneElement as a,forwardRef as o,isValidElement as s}from"react";import c from"tiny-invariant";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{cva as f}from"class-variance-authority";import{CircleNotchIcon as p}from"@phosphor-icons/react/CircleNotch";const m=e(`icon-button`,`inline-flex shrink-0 items-center justify-center rounded-[var(--icon-button-border-radius,0.375rem)] border`,`focus:outline-hidden focus-visible:ring-4`,`disabled:cursor-default disabled:opacity-50`,`not-disabled:active:scale-97 ease-out transition-transform duration-150`),h=f(m,{variants:{appearance:{ghost:`text-strong focus-visible:ring-focus-accent not-disabled:hover:bg-neutral-500/10 not-disabled:hover:text-strong border-transparent`,outlined:`border-form bg-form text-strong focus-visible:border-accent-600 focus-visible:ring-focus-accent not-disabled:hover:border-neutral-400 not-disabled:hover:bg-form-hover not-disabled:hover:text-strong focus-visible:not-disabled:hover:border-accent-600 focus-visible:not-disabled:active:border-accent-600`},isLoading:{false:``,true:`opacity-50`},size:{xs:`size-6`,sm:`size-7`,md:`size-9`,lg:`size-10`,xl:`size-12`}},defaultVariants:{appearance:`outlined`,size:`md`}}),g=o(({"aria-disabled":o,appearance:f,asChild:m=!1,children:g,className:_,disabled:v,icon:y,isLoading:b=!1,label:x,size:S=`md`,type:C,...w},T)=>{let E=r(o??v??b),D=b?u(p,{className:`animate-spin`}):y,O={"aria-disabled":E,"data-slot":`icon-button`,className:e(h({appearance:f,isLoading:b,size:S}),_),"data-appearance":f,"data-disabled":E,"data-icon-button":!0,"data-loading":b,"data-size":S,disabled:E,ref:T,...w},k=d(l,{children:[u(`span`,{className:`sr-only`,children:x}),u(t,{svg:D})]});return m?(c(s(g)&&i.only(g),"When using `asChild`, IconButton must be passed a single child as a JSX tag."),u(n,{...O,children:a(g,{},k)})):u(`button`,{...O,type:C??`button`,children:k})});g.displayName=`IconButton`;export{m as n,h as r,g as t};

package/dist/index-BnI3OppC.d.ts

@@ -1 +0,0 @@
-import "./dropdown-menu-DT30TQzL.js";

package/dist/toast-RkhbliFh.js

@@ -1 +0,0 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{t as n}from"./slot-DmPrjM7N.js";import{s as r}from"./theme-provider-Djj_jBo6.js";import{createContext as i,forwardRef as a,useContext as o,useMemo as s}from"react";import{jsx as c,jsxs 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{WarningIcon as f}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as p}from"@phosphor-icons/react/WarningDiamond";import*as m from"sonner";const h=({className:t,containerAriaLabel:n,dir:i,duration_ms:a=4e3,position:o=`top-center`,style:s})=>{let l=r();return c(m.Toaster,{"data-slot":`toaster`,className:e(`toaster overlay-prompt pointer-events-auto *:duration-200`,t),containerAriaLabel:n,dir:i,duration:a,gap:12,position:o??`top-center`,style:s,theme:l,toastOptions:{unstyled:!0}})};h.displayName=`Toaster`;const g=i(``);function _(e,t){let n=t?.duration_ms;return typeof n==`number`&&n<=0&&(n=1/0),m.toast.custom(t=>c(g.Provider,{value:t,children:e}),{duration:n,...t?.id?{id:t.id}:{},unstyled:!0})}const v=i({priority:`info`}),y=a(({asChild:t,children:r,className:i,priority:a,...o},u)=>{let d=t?n:`div`,f=s(()=>({priority:a}),[a]);return c(v.Provider,{value:f,children:l(d,{"data-slot":`toast`,className:e(`relative flex items-start gap-2 text-sm font-sans`,`p-3 pl-3.75`,`bg-popover high-contrast:border-popover rounded rounded-r-[0.3125rem] border border-gray-500/35 shadow-lg`,i),ref:u,...o,children:[c(E,{priority:a}),r]})})});y.displayName=`Toast`;const b=a(({className:n,svg:r,...i},a)=>{let s=o(v);switch(s.priority){case`danger`:return c(t,{"data-slot":`toast-icon`,className:e(`text-danger-600`,n),ref:a,svg:r??c(f,{weight:`fill`}),...i});case`warning`:return c(t,{"data-slot":`toast-icon`,className:e(`text-warning-600`,n),ref:a,svg:r??c(p,{weight:`fill`}),...i});case`success`:return c(t,{"data-slot":`toast-icon`,className:e(`text-success-600`,n),ref:a,svg:r??c(u,{weight:`fill`}),...i});case`info`:return c(t,{"data-slot":`toast-icon`,className:e(`text-accent-600`,n),ref:a,svg:c(d,{weight:`fill`}),...i});default:throw Error(`Unreachable Case: ${s.priority}`)}});b.displayName=`ToastIcon`;const x=a(({asChild:t,className:r,onClick:i,...a},s)=>{let l=o(g);return c(t?n:`button`,{"data-slot":`toast-action`,className:e(`shrink-0`,`data-icon-button:-mr-0.5 data-icon-button:-mt-0.5 data-icon-button:rounded-xs`,r),onClick:e=>{i?.(e),!e.defaultPrevented&&m.toast.dismiss(l)},ref:s,...a})});x.displayName=`ToastAction`;const S=a(({asChild:t,className:r,...i},a)=>c(t?n:`p`,{"data-slot":`toast-message`,className:e(`text-strong flex-1 text-sm font-body`,r),ref:a,...i}));S.displayName=`ToastMessage`;const C={Root:y,Action:x,Icon:b,Message:S};function w(e){e.target instanceof Element&&e.target.closest(`.overlay-prompt`)&&e.preventDefault()}const T={info:`bg-accent-600`,warning:`bg-warning-600`,success:`bg-success-600`,danger:`bg-danger-600`};function E({className:t,priority:n,...r}){return c(`div`,{"aria-hidden":!0,className:e(`z-1 absolute -inset-px right-auto w-1.5 rounded-l`,T[n],t),...r})}export{w as i,h as n,_ as r,C as t};