@nexub/react 3.0.0 → 3.1.0

package/dist/{chunk-KL55E5PE.js → components/HoverCard/HoverCard.js}

@@ -1,20 +1,14 @@
-'use client';
-import {
-  floatingSurface
-} from "./chunk-5FWJXSXT.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/HoverCard/HoverCard.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
-import { jsx } from "react/jsx-runtime";
-function Root2({ openDelay = 500, closeDelay = 200, ...props }) {
+import { cn } from "../../utils/cn.js";
+import { floatingSurface } from "../../utils/surface.js";
+function Root({ openDelay = 500, closeDelay = 200, ...props }) {
   return /* @__PURE__ */ jsx(RadixHoverCard.Root, { openDelay, closeDelay, ...props });
 }
-var Trigger2 = RadixHoverCard.Trigger;
-var Content2 = React.forwardRef(
+const Trigger = RadixHoverCard.Trigger;
+const Content = React.forwardRef(
   function HoverCardContent({ className, sideOffset = 4, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixHoverCard.Content,
@@ -32,8 +26,8 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "HoverCard.Content";
-var Arrow2 = React.forwardRef(
+Content.displayName = "HoverCard.Content";
+const Arrow = React.forwardRef(
   function HoverCardArrow({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixHoverCard.Arrow,
@@ -45,14 +39,13 @@ var Arrow2 = React.forwardRef(
     );
   }
 );
-Arrow2.displayName = "HoverCard.Arrow";
-var HoverCard = {
-  Root: Root2,
-  Trigger: Trigger2,
-  Content: Content2,
-  Arrow: Arrow2
+Arrow.displayName = "HoverCard.Arrow";
+const HoverCard = {
+  Root,
+  Trigger,
+  Content,
+  Arrow
 };
-
 export {
   HoverCard
 };

package/dist/components/HoverCard/index.d.ts

@@ -0,0 +1 @@
+export { HoverCard } from './HoverCard.js';

package/dist/components/HoverCard/index.js

@@ -1,10 +1,4 @@
-'use client';
-import "../../chunk-ZT3NWE5U.js";
-import {
-  HoverCard
-} from "../../chunk-KL55E5PE.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-WRVFNYO3.js";
+import { HoverCard } from "./HoverCard.js";
 export {
   HoverCard
 };

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const iconButtonVariants: (props?: ({
+    variant?: "outline" | "solid" | "ghost" | "subtle" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
+    label: string;
+    asChild?: boolean;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-RH2HEPC7.js → components/IconButton/IconButton.js}

@@ -1,19 +1,10 @@
-'use client';
-import {
-  disabledContainer,
-  disabledText,
-  pressable
-} from "./chunk-VALIDQXU.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/IconButton/IconButton.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var iconButtonVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { disabledContainer, disabledText, pressable } from "../../utils/control.js";
+const iconButtonVariants = cva(
   [pressable, "relative inline-flex items-center justify-center flex-shrink-0"],
   {
     variants: {
@@ -38,7 +29,7 @@ var iconButtonVariants = cva(
     }
   }
 );
-var IconButton = React.forwardRef(
+const IconButton = React.forwardRef(
   ({ className, variant, size, label, asChild = false, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -54,8 +45,7 @@ var IconButton = React.forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
-
 export {
-  iconButtonVariants,
-  IconButton
+  IconButton,
+  iconButtonVariants
 };

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton, iconButtonVariants } from './IconButton.js';
+export type { IconButtonProps } from './IconButton.js';

package/dist/components/IconButton/index.js

@@ -1,11 +1,4 @@
-'use client';
-import "../../chunk-CAOLGXA5.js";
-import {
-  IconButton,
-  iconButtonVariants
-} from "../../chunk-RH2HEPC7.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-WRVFNYO3.js";
+import { IconButton, iconButtonVariants } from "./IconButton.js";
 export {
   IconButton,
   iconButtonVariants

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const inputWrapperVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    invalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const addonVariants: (props?: ({
+    side?: "leading" | "trailing" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+    invalid?: boolean;
+    leadingAddon?: string;
+    trailingAddon?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    wrapperClassName?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/{chunk-G7VMAWAX.js → components/Input/Input.js}

@@ -1,19 +1,9 @@
-'use client';
-import {
-  field,
-  fieldDisabledWithin,
-  fieldFocusWithin,
-  fieldInvalid
-} from "./chunk-VALIDQXU.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Input/Input.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var inputVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { field, fieldDisabledWithin, fieldFocusWithin, fieldInvalid } from "../../utils/control.js";
+const inputVariants = cva(
   [
     // The wrapper owns ALL focus styling (border + ring). Strip every possible
     // focus indicator from the inner <input> so we never get a double ring.
@@ -39,7 +29,7 @@ var inputVariants = cva(
     }
   }
 );
-var inputWrapperVariants = cva(
+const inputWrapperVariants = cva(
   [
     // The wrapper is the field: one border that thickens to 2px primary on focus.
     "flex items-center w-full",
@@ -63,7 +53,7 @@ var inputWrapperVariants = cva(
     }
   }
 );
-var addonVariants = cva(
+const addonVariants = cva(
   [
     "flex items-center self-stretch px-3 text-[var(--color-on-surface-variant)] bg-[var(--color-surface-container-high)]",
     "border-[var(--color-outline-variant)] shrink-0"
@@ -77,7 +67,7 @@ var addonVariants = cva(
     }
   }
 );
-var Input = React.forwardRef(
+const Input = React.forwardRef(
   ({
     className,
     size,
@@ -120,10 +110,9 @@ var Input = React.forwardRef(
   }
 );
 Input.displayName = "Input";
-
 export {
-  inputVariants,
-  inputWrapperVariants,
+  Input,
   addonVariants,
-  Input
+  inputVariants,
+  inputWrapperVariants
 };

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input, inputVariants, inputWrapperVariants, addonVariants } from './Input.js';
+export type { InputProps } from './Input.js';

package/dist/components/Input/index.js

@@ -1,13 +1,4 @@
-'use client';
-import "../../chunk-NZ7UK3G6.js";
-import {
-  Input,
-  addonVariants,
-  inputVariants,
-  inputWrapperVariants
-} from "../../chunk-G7VMAWAX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-WRVFNYO3.js";
+import { Input, inputVariants, inputWrapperVariants, addonVariants } from "./Input.js";
 export {
   Input,
   addonVariants,

package/dist/components/Kbd/Kbd.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+}
+export declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;

package/dist/{chunk-OM62PQSE.js → components/Kbd/Kbd.js}

@@ -1,12 +1,7 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Kbd/Kbd.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var Kbd = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const Kbd = React.forwardRef(
   ({ className, children, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "kbd",
@@ -28,7 +23,6 @@ var Kbd = React.forwardRef(
   }
 );
 Kbd.displayName = "Kbd";
-
 export {
   Kbd
 };

package/dist/components/Kbd/index.d.ts

@@ -0,0 +1,2 @@
+export { Kbd } from './Kbd.js';
+export type { KbdProps } from './Kbd.js';

package/dist/components/Kbd/index.js

@@ -1,9 +1,4 @@
-'use client';
-import "../../chunk-KLTQJZOX.js";
-import {
-  Kbd
-} from "../../chunk-OM62PQSE.js";
-import "../../chunk-WRVFNYO3.js";
+import { Kbd } from "./Kbd.js";
 export {
   Kbd
 };

package/dist/components/KeyboardShortcut/KeyboardShortcut.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface KeyboardShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
+    keys: string[];
+}
+export declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-PR3CEPFG.js → components/KeyboardShortcut/KeyboardShortcut.js}

@@ -1,15 +1,8 @@
-'use client';
-import {
-  Kbd
-} from "./chunk-OM62PQSE.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/KeyboardShortcut/KeyboardShortcut.tsx
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var KeyboardShortcut = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { Kbd } from "../Kbd/Kbd.js";
+const KeyboardShortcut = React.forwardRef(
   ({ keys, className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -34,7 +27,6 @@ var KeyboardShortcut = React.forwardRef(
   }
 );
 KeyboardShortcut.displayName = "KeyboardShortcut";
-
 export {
   KeyboardShortcut
 };

package/dist/components/KeyboardShortcut/index.d.ts

@@ -0,0 +1,2 @@
+export { KeyboardShortcut } from './KeyboardShortcut.js';
+export type { KeyboardShortcutProps } from './KeyboardShortcut.js';

package/dist/components/KeyboardShortcut/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  KeyboardShortcut
-} from "../../chunk-PR3CEPFG.js";
-import "../../chunk-OM62PQSE.js";
-import "../../chunk-WRVFNYO3.js";
+import { KeyboardShortcut } from "./KeyboardShortcut.js";
 export {
   KeyboardShortcut
 };

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { Size } from '../../utils/control.js';
+import type { ToneValue } from '../Button/Button.js';
+export declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+    size?: Size;
+    required?: boolean;
+    disabled?: boolean;
+    tone?: ToneValue;
+}
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/{chunk-BM5PGGK2.js → components/Label/Label.js}

@@ -1,16 +1,9 @@
-'use client';
-import {
-  toneTextClasses
-} from "./chunk-GHLMHKMV.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Label/Label.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var labelVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { toneTextClasses } from "../../utils/control.js";
+const labelVariants = cva(
   ["inline-flex items-center gap-1 font-medium leading-none select-none"],
   {
     variants: {
@@ -28,7 +21,7 @@ var labelVariants = cva(
     }
   }
 );
-var Label = React.forwardRef(
+const Label = React.forwardRef(
   ({ className, size, required, disabled, tone, style, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -59,8 +52,7 @@ var Label = React.forwardRef(
   }
 );
 Label.displayName = "Label";
-
 export {
-  labelVariants,
-  Label
+  Label,
+  labelVariants
 };

package/dist/components/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label, labelVariants } from './Label.js';
+export type { LabelProps } from './Label.js';

package/dist/components/Label/index.js

@@ -1,13 +1,4 @@
-'use client';
-import "../../chunk-EV43I5J6.js";
-import {
-  Label,
-  labelVariants
-} from "../../chunk-BM5PGGK2.js";
-import "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Label, labelVariants } from "./Label.js";
 export {
   Label,
   labelVariants

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const linkVariants: (props?: ({
+    variant?: "default" | "muted" | "underlined" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
+    external?: boolean;
+    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
+    asChild?: boolean;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/{chunk-QCLE5VQW.js → components/Link/Link.js}

@@ -1,15 +1,10 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Link/Link.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ExternalLink } from "@nexub/icons";
 import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var linkVariants = cva(
+import { cn } from "../../utils/cn.js";
+const linkVariants = cva(
   [
     "inline-flex items-center gap-1 transition-colors",
     "rounded-shape-min"
@@ -27,7 +22,7 @@ var linkVariants = cva(
     }
   }
 );
-var Link = React.forwardRef(
+const Link = React.forwardRef(
   ({ variant, external = false, asChild, className, children, target, rel, ...rest }, ref) => {
     const resolvedTarget = external ? "_blank" : target;
     const resolvedRel = resolvedTarget === "_blank" ? [.../* @__PURE__ */ new Set([...rel?.split(/\s+/).filter(Boolean) ?? [], "noopener", "noreferrer"])].join(" ") : rel;
@@ -49,8 +44,7 @@ var Link = React.forwardRef(
   }
 );
 Link.displayName = "Link";
-
 export {
-  linkVariants,
-  Link
+  Link,
+  linkVariants
 };

package/dist/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link, linkVariants } from './Link.js';
+export type { LinkProps } from './Link.js';

package/dist/components/Link/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Link,
-  linkVariants
-} from "../../chunk-QCLE5VQW.js";
-import "../../chunk-WRVFNYO3.js";
+import { Link, linkVariants } from "./Link.js";
 export {
   Link,
   linkVariants

package/dist/components/Logo/Logo.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const logoVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "default" | "inverse" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface LogoProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof logoVariants> {
+    /** `full` = mark + wordmark; `icon` = mark only. `mark` is the old name for `icon`. */
+    variant?: 'full' | 'icon' | 'mark';
+    /** `color` (default) = the official mark in brand colours; `mono` = `currentColor`. */
+    mark?: 'color' | 'mono';
+    /** Product name shown after the wordmark, e.g. "Command Hub". Ignored for `variant="icon"`. */
+    product?: string;
+}
+export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-ZGJF4HAT.js → components/Logo/Logo.js}

@@ -1,14 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Logo/Logo.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { NexubMark } from "@nexub/icons";
 import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var logoVariants = cva("inline-flex min-w-0 max-w-full items-center gap-2", {
+import { cn } from "../../utils/cn.js";
+const logoVariants = cva("inline-flex min-w-0 max-w-full items-center gap-2", {
   variants: {
     size: {
       sm: "h-6",
@@ -26,17 +21,17 @@ var logoVariants = cva("inline-flex min-w-0 max-w-full items-center gap-2", {
     tone: "default"
   }
 });
-var iconSizeMap = {
+const iconSizeMap = {
   sm: "h-5 w-auto aspect-[78/56]",
   md: "h-7 w-auto aspect-[78/56]",
   lg: "h-9 w-auto aspect-[78/56]"
 };
-var wordmarkSizeMap = {
+const wordmarkSizeMap = {
   sm: "text-base",
   md: "text-xl",
   lg: "text-2xl"
 };
-var Logo = React.forwardRef(
+const Logo = React.forwardRef(
   ({
     variant = "full",
     mark = "color",
@@ -97,8 +92,7 @@ var Logo = React.forwardRef(
   }
 );
 Logo.displayName = "Logo";
-
 export {
-  logoVariants,
-  Logo
+  Logo,
+  logoVariants
 };

package/dist/components/Logo/index.d.ts

@@ -0,0 +1,2 @@
+export { Logo, logoVariants } from './Logo.js';
+export type { LogoProps } from './Logo.js';

package/dist/components/Logo/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Logo,
-  logoVariants
-} from "../../chunk-ZGJF4HAT.js";
-import "../../chunk-WRVFNYO3.js";
+import { Logo, logoVariants } from "./Logo.js";
 export {
   Logo,
   logoVariants

package/dist/components/MediaCard/MediaCard.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export type MediaCardRatio = '16/9' | '4/3' | '1/1' | '3/4';
+export interface MediaCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    src: string;
+    /** Required. Pass '' when the image is decorative. */
+    alt: string;
+    /** @default '16/9' */
+    ratio?: MediaCardRatio;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    /** Makes the whole card one link, stretched from the title (so needs `title`). */
+    href?: string;
+    /** Actions; they stay clickable above the stretched link. */
+    children?: React.ReactNode;
+}
+/**
+ * An image card with a glass caption over a soft bottom scrim.
+ *
+ * Layers stack in one grid cell rather than with absolute positioning: the
+ * glass panel's backdrop-filter would otherwise become the containing block of
+ * the stretched link's ::after, shrinking the hit area to the caption.
+ */
+export declare const MediaCard: React.ForwardRefExoticComponent<MediaCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-5DHLFPC4.js → components/MediaCard/MediaCard.js}

@@ -1,21 +1,14 @@
-'use client';
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/MediaCard/MediaCard.tsx
-import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ratioClass = {
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+const ratioClass = {
   "16/9": "aspect-video",
   "4/3": "aspect-[4/3]",
   "1/1": "aspect-square",
   "3/4": "aspect-[3/4]"
 };
-var MediaCard = React.forwardRef(
+const MediaCard = React.forwardRef(
   ({ src, alt, ratio = "16/9", title, description, eyebrow, href, className, children, ...props }, ref) => {
     const hasCaption = title != null || description != null || eyebrow != null || children != null;
     return /* @__PURE__ */ jsxs(
@@ -74,7 +67,6 @@ var MediaCard = React.forwardRef(
   }
 );
 MediaCard.displayName = "MediaCard";
-
 export {
   MediaCard
 };

package/dist/components/MediaCard/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaCard } from './MediaCard.js';
+export type { MediaCardProps, MediaCardRatio } from './MediaCard.js';