@ngrok/mantle 0.79.3 → 0.81.0

package/dist/list.d.ts

@@ -1,4 +1,4 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
 //#region src/components/list/primitive.d.ts
 /**
@@ -113,6 +113,35 @@ type VirtualRootProps = ListRootProps$1 & {
  * ```
  */
 type ListRootProps = Omit<ListRootProps$1, "semantics" | "onActivate" | "itemId" | "isItemDisabled">;
+/**
+ * The scrollable container for a `List`: a `role="list"` of clickable items
+ * inside the bordered, rounded `bg-popover` viewport (styled after the
+ * `MultiSelect` popover). Renders **every** item — the non-virtualized default.
+ * Compose `List.Item` children directly. **Bound its height**
+ * (`max-h-*`, `h-*`, or `min-h-0 flex-1`) so long lists scroll.
+ *
+ * Keyboard: items keep their native tab order, and `ArrowUp` / `ArrowDown` /
+ * `Home` / `End` also move focus between items (skipping disabled ones); the
+ * focused item lights up with the hover tint rather than a focus ring.
+ *
+ * For very long lists, swap in `List.VirtualRoot`, which windows the same
+ * `Item` children — the call site is otherwise identical.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/list
+ *
+ * @example
+ * ```tsx
+ * <List.Root aria-label="Your accounts" className="max-h-80">
+ *   {accounts.map((account) => (
+ *     <List.Item key={account.id} onClick={() => switchTo(account.id)}>
+ *       <List.ItemTitle>{account.name}</List.ItemTitle>
+ *       <List.ItemDescription>{account.plan}</List.ItemDescription>
+ *     </List.Item>
+ *   ))}
+ * </List.Root>
+ * ```
+ */
+declare const Root: (props: ListRootProps) => import("react").JSX.Element;
 /**
  * Props for `List.VirtualRoot` — the internal list primitive's
  * `VirtualRoot` props (viewport props plus `estimateItemHeight` / `overscan`),
@@ -131,6 +160,29 @@ type ListRootProps = Omit<ListRootProps$1, "semantics" | "onActivate" | "itemId"
  * ```
  */
 type ListVirtualRootProps = Omit<VirtualRootProps, "semantics" | "onActivate" | "itemId" | "isItemDisabled">;
+/**
+ * The windowed counterpart to `List.Root`: renders only the visible slice
+ * of its `List.Item` children via `@tanstack/react-virtual`. Authored
+ * identically to `Root` — same `Item` children — so opting into
+ * virtualization never changes the call site. Reach for it only when a list is
+ * long enough to need it; **bound its height** so the virtualizer has a
+ * viewport to measure.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/list
+ *
+ * @example
+ * ```tsx
+ * <List.VirtualRoot aria-label="Your accounts" className="max-h-80">
+ *   {accounts.map((account) => (
+ *     <List.Item key={account.id} onClick={() => switchTo(account.id)}>
+ *       <List.ItemTitle>{account.name}</List.ItemTitle>
+ *       <List.ItemDescription>{account.plan}</List.ItemDescription>
+ *     </List.Item>
+ *   ))}
+ * </List.VirtualRoot>
+ * ```
+ */
+declare const VirtualRoot: (props: ListVirtualRootProps) => import("react").JSX.Element;
 /**
  * Props for `List.Item`. Extends `<button>` props (minus `type`, which is fixed
  * to `"button"`) with `asChild` and the optional `current` accent.
@@ -155,6 +207,83 @@ type ListItemProps = Omit<ComponentProps<"button">, "type"> & WithAsChild & {
    */
   current?: boolean;
 };
+/**
+ * A single clickable item in a `List`. Sits inside a `role="listitem"` pill
+ * from the internal list primitive; renders a `<button>` by default (with
+ * `onClick`), or your own element via `asChild` — e.g. an `<a>` for navigation
+ * (account switching, SSO selection). The button/link fills its pill, so
+ * clicking anywhere on the item triggers it, and the pill's hover / `current`
+ * accent is provided by the enclosing listitem.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/list
+ *
+ * @example
+ * ```tsx
+ * // Action items.
+ * <List.Root aria-label="Your accounts" className="max-h-80">
+ *   {accounts.map((account) => (
+ *     <List.Item key={account.id} onClick={() => switchTo(account.id)}>
+ *       <List.ItemTitle>{account.name}</List.ItemTitle>
+ *       <List.ItemDescription>{account.plan}</List.ItemDescription>
+ *     </List.Item>
+ *   ))}
+ * </List.Root>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Navigation items via asChild.
+ * <List.Root aria-label="SSO providers" className="max-h-80">
+ *   {providers.map((provider) => (
+ *     <List.Item key={provider.id} asChild>
+ *       <a href={`/sso/${provider.id}`}>
+ *         <List.ItemTitle>{provider.name}</List.ItemTitle>
+ *         <List.ItemDescription>{provider.domain}</List.ItemDescription>
+ *       </a>
+ *     </List.Item>
+ *   ))}
+ * </List.Root>
+ * ```
+ */
+declare const Item: ({ asChild, className, current, disabled, onClick, ref, ...props }: ListItemProps) => import("react").JSX.Element;
+/**
+ * The emphasized title line inside a `List.Item`, in the stronger foreground
+ * color. A styled `<span>`.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/list
+ *
+ * @example
+ * ```tsx
+ * <List.Root aria-label="Your accounts" className="max-h-80">
+ *   {accounts.map((account) => (
+ *     <List.Item key={account.id} onClick={() => switchTo(account.id)}>
+ *       <List.ItemTitle>{account.name}</List.ItemTitle>
+ *       <List.ItemDescription>{account.plan}</List.ItemDescription>
+ *     </List.Item>
+ *   ))}
+ * </List.Root>
+ * ```
+ */
+declare const ItemTitle: ({ className, ref, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
+/**
+ * The de-emphasized sub-line inside a `List.Item`, in the muted body color. A
+ * styled `<span>`.
+ *
+ * @see https://mantle.ngrok.com/components/data-display/list
+ *
+ * @example
+ * ```tsx
+ * <List.Root aria-label="Your accounts" className="max-h-80">
+ *   {accounts.map((account) => (
+ *     <List.Item key={account.id} onClick={() => switchTo(account.id)}>
+ *       <List.ItemTitle>{account.name}</List.ItemTitle>
+ *       <List.ItemDescription>{account.plan}</List.ItemDescription>
+ *     </List.Item>
+ *   ))}
+ * </List.Root>
+ * ```
+ */
+declare const ItemDescription: ({ className, ref, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
 /**
  * A scrollable, optionally-virtualized list of clickable items — the action /
  * navigation counterpart to `SelectableList` (e.g. an account switcher or SSO
@@ -215,7 +344,7 @@ declare const List: {
    * </List.Root>
    * ```
    */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<ListRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Root: typeof Root;
   /**
    * The virtualized container — windows the same `Item` children. Opt in for
    * long lists; authored identically to `Root`.
@@ -234,7 +363,7 @@ declare const List: {
    * </List.VirtualRoot>
    * ```
    */
-  readonly VirtualRoot: import("react").ForwardRefExoticComponent<Omit<ListVirtualRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly VirtualRoot: typeof VirtualRoot;
   /**
    * A clickable item — a `<button>` by default, or your own element via
    * `asChild` (e.g. an `<a>`). Optional `current` gives the accent treatment.
@@ -253,7 +382,7 @@ declare const List: {
    * </List.Root>
    * ```
    */
-  readonly Item: import("react").ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Item: typeof Item;
   /**
    * Emphasized title line inside a `List.Item`.
    *
@@ -271,7 +400,7 @@ declare const List: {
    * </List.Root>
    * ```
    */
-  readonly ItemTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  readonly ItemTitle: typeof ItemTitle;
   /**
    * De-emphasized sub-line inside a `List.Item`.
    *
@@ -289,7 +418,7 @@ declare const List: {
    * </List.Root>
    * ```
    */
-  readonly ItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  readonly ItemDescription: typeof ItemDescription;
 };
 //#endregion
 export { List, type ListItemProps, type ListRootProps, type ListVirtualRootProps };

package/dist/list.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{n,r,t as i}from"./virtual-DZMBu7Ch.js";import{forwardRef as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=a((e,t)=>o(r,{ref:t,semantics:`list`,...e}));s.displayName=`ListRoot`;const c=a((e,t)=>o(i,{ref:t,semantics:`list`,...e}));c.displayName=`ListVirtualRoot`;const l=a(({asChild:r,className:i,current:a,disabled:s,onClick:c,...l},u)=>o(n,{selected:a,disabled:s,children:o(r?t:`button`,{ref:u,"data-slot":`list-item-control`,"aria-current":a||void 0,...r?{"aria-disabled":s||void 0,tabIndex:s?-1:void 0}:{type:`button`,disabled:s},onClick:e=>{if(r&&s){e.preventDefault(),e.stopPropagation();return}c?.(e)},className:e(`flex w-full cursor-pointer flex-col gap-0.5 rounded-md bg-transparent px-2 py-1.5 text-left text-sm`,`disabled:cursor-default disabled:opacity-50 aria-disabled:cursor-default aria-disabled:opacity-50 aria-disabled:pointer-events-none`,`focus-visible:outline-hidden`,i),...l,onClickCapture:r&&s?e=>{e.preventDefault(),e.stopPropagation()}:l.onClickCapture})}));l.displayName=`ListItem`;const u=a(({className:t,...n},r)=>o(`span`,{ref:r,"data-slot":`list-item-title`,className:e(`text-strong font-medium`,t),...n}));u.displayName=`ListItemTitle`;const d=a(({className:t,...n},r)=>o(`span`,{ref:r,"data-slot":`list-item-description`,className:e(`text-body leading-4`,t),...n}));d.displayName=`ListItemDescription`;const f={Root:s,VirtualRoot:c,Item:l,ItemTitle:u,ItemDescription:d};export{f as List};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{n,r,t as i}from"./list-51KQvENW.js";import{jsx as a}from"react/jsx-runtime";const o={Root:e=>a(r,{semantics:`list`,...e}),VirtualRoot:e=>a(i,{semantics:`list`,...e}),Item:({asChild:r,className:i,current:o,disabled:s,onClick:c,ref:l,...u})=>a(n,{selected:o,disabled:s,children:a(r?t:`button`,{ref:l,"data-slot":`list-item-control`,"aria-current":o||void 0,...r?{"aria-disabled":s||void 0,tabIndex:s?-1:void 0}:{type:`button`,disabled:s},onClick:e=>{if(r&&s){e.preventDefault(),e.stopPropagation();return}c?.(e)},className:e(`flex w-full cursor-pointer flex-col gap-0.5 rounded-md bg-transparent px-2 py-1.5 text-left text-sm`,`disabled:cursor-default disabled:opacity-50 aria-disabled:cursor-default aria-disabled:opacity-50 aria-disabled:pointer-events-none`,`focus-visible:outline-hidden`,i),...u,onClickCapture:r&&s?e=>{e.preventDefault(),e.stopPropagation()}:u.onClickCapture})}),ItemTitle:({className:t,ref:n,...r})=>a(`span`,{ref:n,"data-slot":`list-item-title`,className:e(`text-strong font-medium`,t),...r}),ItemDescription:({className:t,ref:n,...r})=>a(`span`,{ref:n,"data-slot":`list-item-description`,className:e(`text-body leading-4`,t),...r})};export{o as List};

package/dist/llms.txt

@@ -1,4 +1,4 @@
-# @ngrok/mantle (0.79.3)
+# @ngrok/mantle (0.81.0)
 
 > Offline discovery hint shipped inside the @ngrok/mantle npm package. Authoritative metadata lives at https://mantle.ngrok.com/for-ai-agents.
 
@@ -23,7 +23,9 @@ Full text: https://mantle.ngrok.com/llms-full.txt
 - `@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`
@@ -53,6 +55,7 @@ Full text: https://mantle.ngrok.com/llms-full.txt
 - `@ngrok/mantle/input`
 - `@ngrok/mantle/kbd`
 - `@ngrok/mantle/label`
+- `@ngrok/mantle/line-chart`
 - `@ngrok/mantle/list`
 - `@ngrok/mantle/main`
 - `@ngrok/mantle/media-object`
@@ -64,6 +67,7 @@ Full text: https://mantle.ngrok.com/llms-full.txt
 - `@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/main.d.ts

@@ -1,8 +1,24 @@
 import { ComponentProps } from "react";
 //#region src/components/main/main.d.ts
-declare function Main({ className, ...props }: ComponentProps<"main">): import("react").JSX.Element;
-declare namespace Main {
-  var displayName: string;
-}
+/**
+ * A focusable `<main>` landmark for the page's primary content. Renders with
+ * `id="main"` and `tabIndex={-1}` so a skip link (or any programmatic focus
+ * call) can send keyboard users directly to the main content without exposing
+ * a visible focus ring on the region itself (`focus:outline-hidden`).
+ *
+ * Pair with the `<SkipToMainLink>` component at the top of the document.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/main
+ *
+ * @example
+ * ```tsx
+ * <SkipToMainLink />
+ * <Header />
+ * <Main>
+ *   <h1>Page title</h1>
+ * </Main>
+ * ```
+ */
+declare const Main: ({ className, ...props }: ComponentProps<"main">) => import("react").JSX.Element;
 //#endregion
 export { Main };

package/dist/main.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{jsx as t}from"react/jsx-runtime";const n=({className:n,...r})=>t(`main`,{...r,"data-slot":`main`,id:`main`,tabIndex:-1,className:e(`focus:outline-hidden`,n)});n.displayName=`Main`;export{n as Main};
+import{t as e}from"./cx-IiQEAKf5.js";import{jsx as t}from"react/jsx-runtime";const n=({className:n,...r})=>t(`main`,{...r,"data-slot":`main`,id:`main`,tabIndex:-1,className:e(`focus:outline-hidden`,n)});export{n as Main};

package/dist/mantle-dark-high-contrast.css

@@ -284,6 +284,23 @@ MARK: DARK HICON DEFS
 	--color-selected-menu-item: var(--color-accent-50);
 	--color-active-selected-menu-item: var(--color-accent-100);
 
+	/* Chart series tokens — dark-high-contrast picks validated against the card
+	   surface (#121212): CVD adjacency (worst ΔE 9.6), normal-vision floor
+	   (15.1), chroma, and contrast (6.76:1–12.23:1, zero warns) all pass. The
+	   standard dark lightness band (L ≤ 0.67) is unsatisfiable by construction
+	   in this theme — its ramps are bimodal around the band, and every in-band
+	   step fails 3:1 contrast — so these deliberately brighter marks are the
+	   correct high-contrast trade-off. */
+	--color-chart-1: var(--color-blue-300);
+	--color-chart-2: var(--color-green-300);
+	--color-chart-3: var(--color-pink-600);
+	--color-chart-4: var(--color-red-300);
+	--color-chart-5: var(--color-teal-300);
+	--color-chart-6: var(--color-orange-300);
+	--color-chart-7: var(--color-violet-300);
+	--color-chart-8: var(--color-yellow-300);
+	--color-chart-other: var(--color-neutral-500);
+
 	--text-color-strong: var(--color-black);
 	--text-color-body: var(--color-neutral-950);
 	--text-color-muted: --alpha(var(--color-black) / 0.75);

package/dist/mantle-dark.css

@@ -313,6 +313,19 @@ MARK: DARK DEFS
 	--color-card-border-muted: var(--color-neutral-200);
 	--color-separator: --alpha(var(--color-gray-600) / 0.2);
 
+	/* Chart series tokens — dark picks validated against the dark card surface
+	   (neutral-100). Dark ramps mirror light (step N = light step 1000−N), so each
+	   slot resolves to the same color as its light twin while staying on-token. */
+	--color-chart-1: var(--color-blue-500);
+	--color-chart-2: var(--color-green-300);
+	--color-chart-3: var(--color-pink-500);
+	--color-chart-4: var(--color-red-400);
+	--color-chart-5: var(--color-teal-400);
+	--color-chart-6: var(--color-orange-400);
+	--color-chart-7: var(--color-violet-500);
+	--color-chart-8: var(--color-yellow-300);
+	--color-chart-other: var(--color-neutral-500);
+
 	--text-color-strong: #fff;
 	--text-color-body: --alpha(#fff / 0.7);
 	--text-color-muted: --alpha(#fff / 0.5);

package/dist/mantle-light-high-contrast.css

@@ -283,6 +283,21 @@ MARK: LIGHT HICON DEFS
 	--color-selected-menu-item: var(--color-accent-50);
 	--color-active-selected-menu-item: var(--color-accent-100);
 
+	/* Chart series tokens — light-high-contrast picks validated against the white
+	   card surface: all gates pass (worst adjacent CVD ΔE 11.6, normal-vision
+	   floor 18.3, all slots ≥ 3.65:1). Pink and teal use the 300 step here (the
+	   only steps clearing the chroma floor and adjacency gates in this theme's
+	   compressed ramps); every other slot matches the base light picks. */
+	--color-chart-1: var(--color-blue-500);
+	--color-chart-2: var(--color-green-700);
+	--color-chart-3: var(--color-pink-300);
+	--color-chart-4: var(--color-red-600);
+	--color-chart-5: var(--color-teal-300);
+	--color-chart-6: var(--color-orange-600);
+	--color-chart-7: var(--color-violet-500);
+	--color-chart-8: var(--color-yellow-700);
+	--color-chart-other: var(--color-neutral-500);
+
 	--text-color-strong: var(--color-black);
 	--text-color-body: var(--color-neutral-950);
 	--text-color-muted: --alpha(var(--color-black) / 0.75);

package/dist/mantle.css

@@ -260,6 +260,21 @@ MARK: THEME
 	--ring-color-focus-danger: var(--ring-color-focus-danger);
 	--ring-color-focus-warning: var(--ring-color-focus-warning);
 	--ring-color-focus-success: var(--ring-color-focus-success);
+
+	/* Chart series tokens — an ordered categorical palette for data visualization.
+	   Each theme file picks the ramp step that passes the palette validation gates
+	   (CVD-safe adjacency, normal-vision floor, >= 3:1 contrast on the card surface)
+	   for that theme. Assign slots to series in order and never re-assign a series'
+	   slot when others are filtered out; series beyond 8 use --color-chart-other. */
+	--color-chart-1: var(--color-chart-1);
+	--color-chart-2: var(--color-chart-2);
+	--color-chart-3: var(--color-chart-3);
+	--color-chart-4: var(--color-chart-4);
+	--color-chart-5: var(--color-chart-5);
+	--color-chart-6: var(--color-chart-6);
+	--color-chart-7: var(--color-chart-7);
+	--color-chart-8: var(--color-chart-8);
+	--color-chart-other: var(--color-chart-other);
 }
 
 /**
@@ -348,6 +363,20 @@ MARK: LIGHT DEFS
 	--color-selected-menu-item: --alpha(var(--color-accent-500) / 0.1);
 	--color-active-selected-menu-item: --alpha(var(--color-accent-500) / 0.15);
 
+	/* Chart series tokens — light picks validated against the white card surface:
+	   worst adjacent CVD ΔE 14.0 (target ≥ 8), normal-vision floor 15.7 (≥ 15),
+	   all slots ≥ 3:1 contrast. Semantic ramps (sky/emerald/rose/amber/purple) are
+	   deliberately excluded so a series never impersonates a status color. */
+	--color-chart-1: var(--color-blue-500);
+	--color-chart-2: var(--color-green-700);
+	--color-chart-3: var(--color-pink-500);
+	--color-chart-4: var(--color-red-600);
+	--color-chart-5: var(--color-teal-600);
+	--color-chart-6: var(--color-orange-600);
+	--color-chart-7: var(--color-violet-500);
+	--color-chart-8: var(--color-yellow-700);
+	--color-chart-other: var(--color-neutral-500);
+
 	--text-color-strong: var(--color-neutral-950);
 	--text-color-body: --alpha(var(--color-neutral-950) / 0.75);
 	--text-color-muted: --alpha(var(--color-neutral-950) / 0.6);

package/dist/media-object.d.ts

@@ -1,7 +1,21 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { ComponentProps } from "react";
 //#region src/components/media-object/media-object.d.ts
 type Props = ComponentProps<"div"> & WithAsChild;
+/**
+ * The media object is an image/icon (media) to the left, with descriptive
+ * content (title and subtitle/description) to the right. This is the root
+ * component of the media object.
+ */
+declare const Root: ({ asChild, className, children, style, ref }: Props) => import("react").JSX.Element;
+/**
+ * The container for an image or icon to display in the media slot of the media object.
+ */
+declare const Media: ({ asChild, className, children, style, ref }: Props) => import("react").JSX.Element;
+/**
+ * The container for the content slot of a media object.
+ */
+declare const Content: ({ asChild, className, children, style, ref }: Props) => import("react").JSX.Element;
 /**
  * A small, reusable layout primitive for "image/icon on one side,
  * descriptive content on the other" — the foundational
@@ -81,7 +95,7 @@ declare const MediaObject: {
    * </MediaObject.Root>
    * ```
    */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Root: typeof Root;
   /**
    * The container for an image or icon to display in the media slot of the media object.
    *
@@ -99,7 +113,7 @@ declare const MediaObject: {
    * </MediaObject.Root>
    * ```
    */
-  readonly Media: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Media: typeof Media;
   /**
    * The container for the content slot of a media object.
    *
@@ -117,7 +131,7 @@ declare const MediaObject: {
    * </MediaObject.Root>
    * ```
    */
-  readonly Content: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Content: typeof Content;
 };
 //#endregion
 export { MediaObject };

package/dist/media-object.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({asChild:n=!1,className:i,children:a,style:o},s)=>r(n?t:`div`,{ref:s,"data-slot":`media-object`,className:e(`flex gap-4`,i),style:o,children:a}));i.displayName=`MediaObject`;const a=n(({asChild:n=!1,className:i,children:a,style:o},s)=>r(n?t:`div`,{ref:s,"data-slot":`media-object-media`,className:e(`shrink-0 leading-none`,i),style:o,children:a}));a.displayName=`MediaObjectMedia`;const o=n(({asChild:n=!1,className:i,children:a,style:o},s)=>r(n?t:`div`,{ref:s,"data-slot":`media-object-content`,className:e(`min-w-0 flex-1`,i),style:o,children:a}));o.displayName=`MediaObject.Content`;const s={Root:i,Media:a,Content:o};export{s as MediaObject};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{jsx as n}from"react/jsx-runtime";const r={Root:({asChild:r=!1,className:i,children:a,style:o,ref:s})=>n(r?t:`div`,{ref:s,"data-slot":`media-object`,className:e(`flex gap-4`,i),style:o,children:a}),Media:({asChild:r=!1,className:i,children:a,style:o,ref:s})=>n(r?t:`div`,{ref:s,"data-slot":`media-object-media`,className:e(`shrink-0 leading-none`,i),style:o,children:a}),Content:({asChild:r=!1,className:i,children:a,style:o,ref:s})=>n(r?t:`div`,{ref:s,"data-slot":`media-object-content`,className:e(`min-w-0 flex-1`,i),style:o,children:a})};export{r as MediaObject};