@medalsocial/meda 2.8.0 → 3.0.0

package/README.md

@@ -12,6 +12,56 @@ pnpm add @medalsocial/meda lucide-react
 
 Peer deps: `react >= 19`, `react-dom >= 19`, and `lucide-react`.
 
+Feature peers are **optional** — install them only for the entry points that use
+them (package managers no longer auto-install them):
+
+| Peer | Needed by |
+| --- | --- |
+| `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities` | `@medalsocial/meda` (root barrel), `/shell`, `/kanban`, `/email-builder` |
+| `@xyflow/react` | `@medalsocial/meda` (root barrel), `/workflow-builder`. (Its stylesheet is vendored into `styles.css` / `workflow-builder/styles.css`, so the CSS compiles without the package.) |
+| `three`, `@react-three/fiber` | `/voice` (`VoiceOrb`) |
+| `react-markdown`, `remark-gfm`, `rehype-highlight` | `/markdown-view` |
+| `next-themes` | `NextThemesAdapter` / `themeAdapter="next-themes"` in `/shell` |
+
+```bash
+# Full Medal app (root barrel / shell):
+pnpm add @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities @xyflow/react
+```
+
+Lean surfaces such as `@medalsocial/meda/calendar` and
+`@medalsocial/meda/primitives` need none of them. Fonts are not bundled either:
+the tokens name `Geist` / `Geist Mono`, so load them yourself (for example
+`@fontsource-variable/geist` + `@fontsource-variable/geist-mono`, or
+`next/font`).
+
+## Upgrading to 3.0
+
+3.0 makes the feature peers **optional**, so npm and pnpm no longer install them
+for you. Nothing else in the API changed.
+
+**If you import any of** the root `@medalsocial/meda`, `@medalsocial/meda/shell`,
+`/email-builder`, `/kanban`, `/workflow-builder`, or `@medalsocial/meda/styles.css`,
+add the peers to your own `package.json`:
+
+```bash
+pnpm add @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities @xyflow/react
+```
+
+**If you render the 3D `VoiceOrb`** (`@medalsocial/meda/voice`), also add:
+
+```bash
+pnpm add three @react-three/fiber
+```
+
+`three` used to be a regular dependency of meda; it is now an optional peer.
+The `@fontsource-variable/geist*` packages are no longer installed by meda
+either — if you `@import` them, list them yourself.
+
+**Lean consumers need nothing:** `@medalsocial/meda/calendar`,
+`@medalsocial/meda/primitives`, `styles/bridge.css`, `styles/base.css` and the
+per-feature stylesheets never reach an optional peer (see
+[Lean consumer setup](#lean-consumer-setup)).
+
 ## Tailwind CSS v4 setup
 
 Meda ships a `styles.css` with its design tokens. Import it once in your entry stylesheet or entry script:
@@ -42,6 +92,49 @@ Avoid placing token overrides before the Meda import; `tokens.css` defines the p
 @import '@medalsocial/meda/styles.css';
 ```
 
+### Lean consumer setup
+
+`styles.css` is batteries-included: it scans **every** meda component so
+Tailwind generates all of their utilities (~22 KB gzip of CSS), and it pulls in
+the `@xyflow/react` stylesheet. That is right for full Medal apps; it is
+overkill for a marketing or customer site that renders a calendar and a few
+primitives. Use the lean entries instead — each feature stylesheet generates
+only the utilities its own compiled output uses:
+
+```css
+@import 'tailwindcss';
+
+/* 1. Foundation — pick ONE */
+@import '@medalsocial/meda/styles/base.css';   /* meda tokens + theme bridge + base layer */
+/* @import '@medalsocial/meda/styles/bridge.css'; */ /* theme bridge only: bring your own tokens */
+
+/* 2. Only the surfaces you render */
+@import '@medalsocial/meda/primitives/styles.css';
+@import '@medalsocial/meda/calendar/styles.css';
+```
+
+| Entry | Contains |
+| --- | --- |
+| `styles.css` | `styles/base.css` + every feature (full component scan + xyflow CSS). Unchanged for existing consumers. |
+| `styles/base.css` | `tokens.css` + `bridge.css` + the `color-scheme` base layer + Geist font mapping. No component scan, no xyflow. |
+| `styles/bridge.css` | `@custom-variant dark` + the `@theme inline` mappings (`bg-primary`, `text-muted-foreground`, `bg-brand-500`, ...). No token values, no fonts. |
+| `styles/tokens.css` | Raw CSS custom properties only. |
+| `primitives/styles.css` | Utilities for `@medalsocial/meda/primitives` (Button, Input, ToggleGroup, Avatar, Card, Skeleton, StatusPill, EmptyState, FilterRail; not MarkdownView). |
+| `calendar/styles.css` | Utilities for `@medalsocial/meda/calendar`. |
+| `workflow-builder/styles.css` | `@xyflow/react`'s stylesheet + utilities for `@medalsocial/meda/workflow-builder`. The only lean entry that ships xyflow CSS. |
+
+Feature stylesheets never include the foundation, so importing several of them
+does not duplicate tokens — import exactly one foundation first. Never combine
+the lean entries with `styles.css` (it already contains all of them).
+
+**Bring your own tokens.** meda components use shadcn-style semantic tokens
+(`--background`, `--foreground`, `--primary`, `--primary-foreground`, `--card`,
+`--muted`, `--muted-foreground`, `--accent`, `--border`, `--input`, `--ring`,
+`--destructive`, ...). A site that already defines those names can import
+`styles/bridge.css` instead of `styles/base.css`, and meda parts re-theme to the
+site's palette automatically. `bridge.css` does not map `--font-sans`, so the
+site's own font stack is kept.
+
 ## Usage
 
 Use `AppShell` for the styled shell surface:
@@ -219,7 +312,9 @@ See the [demo app](./demo) for a live playground.
 - `@medalsocial/meda/recipes/next` — copyable Next.js adoption recipe metadata
 - `@medalsocial/meda/theme` — app-scoped token bridge helpers
 - `@medalsocial/meda/marketing` — marketing sections and campaign blocks
-- `@medalsocial/meda/styles.css` — design tokens + base styles
+- `@medalsocial/meda/primitives` — foundation primitives (`Button`, `Input`, `ToggleGroup`, `Avatar` + `getInitials`, `Card`, `Skeleton`, `StatusPill`, `EmptyState`, `FilterRail`); also re-exported from the root
+- `@medalsocial/meda/styles.css` — design tokens + base styles + every component's utilities
+- `@medalsocial/meda/styles/base.css`, `@medalsocial/meda/styles/bridge.css`, `@medalsocial/meda/<feature>/styles.css` — lean stylesheet entries (see [Lean consumer setup](#lean-consumer-setup))
 
 ## Alternative: shadcn registry
 
@@ -272,7 +367,15 @@ not committed to this repository.
 
 ## Release
 
-Changesets + GitHub Actions (OIDC trusted publishing). Add a changeset with `pnpm changeset`, merge to the release branch, and the `Release` workflow handles npm publish with provenance.
+Changesets + GitHub Actions (OIDC trusted publishing). Add a changeset with
+`pnpm changeset` and merge into `dev`; the version bump lands on `dev` by itself, and a
+standing `release: promote dev → prod` pull request is kept open for you. **Approving
+that PR is the release** — it merges itself and publishes to npm with provenance.
+
+Need a build before then? Run the `Release` workflow with `mode: snapshot` for a
+throwaway prerelease under its own dist-tag.
+
+Full flow, hotfixes and failure handling: [CONTRIBUTING.md → Releasing](./CONTRIBUTING.md#releasing).
 
 ## License
 

package/dist/auth/auth-message.d.ts

@@ -2,9 +2,9 @@ import type { HTMLAttributes, ReactNode } from 'react';
 export interface AuthMessageProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
-export declare function AuthError({ children, className, ...props }: AuthMessageProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function AuthNotice({ children, className, ...props }: AuthMessageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AuthError({ children, className, ...props }: AuthMessageProps): import("react").JSX.Element | null;
+export declare function AuthNotice({ children, className, ...props }: AuthMessageProps): import("react").JSX.Element | null;
 export interface AuthOneTapSlotProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
-export declare function AuthOneTapSlot({ children, className, ...props }: AuthOneTapSlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuthOneTapSlot({ children, className, ...props }: AuthOneTapSlotProps): import("react").JSX.Element;

package/dist/auth/auth-provider-button.d.ts

@@ -11,4 +11,4 @@ export interface AuthProviderButtonProps extends Omit<ButtonHTMLAttributes<HTMLB
     lastUsedLabel?: ReactNode;
     render?: RenderElement<ButtonHTMLAttributes<HTMLButtonElement>>;
 }
-export declare function AuthProviderButton({ provider, label, icon, loading, loadingLabel, lastUsed, lastUsedLabel, render, disabled, className, type, ...props }: AuthProviderButtonProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function AuthProviderButton({ provider, label, icon, loading, loadingLabel, lastUsed, lastUsedLabel, render, disabled, className, type, ...props }: AuthProviderButtonProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/auth/auth-provider-list.d.ts

@@ -3,4 +3,4 @@ export interface AuthProviderListProps extends HTMLAttributes<HTMLUListElement>
     children: ReactNode;
     label?: string;
 }
-export declare function AuthProviderList({ children, className, label, ...props }: AuthProviderListProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuthProviderList({ children, className, label, ...props }: AuthProviderListProps): import("react").JSX.Element;

package/dist/auth/better-auth.d.ts

@@ -23,7 +23,7 @@ export interface BetterAuthProviderButtonProps extends Omit<AuthProviderButtonPr
     onError?: (error: unknown) => void;
     onSuccess?: (result: unknown) => void;
 }
-export declare function BetterAuthProviderButton({ authClient, provider, callbackURL, errorCallbackURL, onPendingChange, onError, onSuccess, loading, ...props }: BetterAuthProviderButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function BetterAuthProviderButton({ authClient, provider, callbackURL, errorCallbackURL, onPendingChange, onError, onSuccess, loading, ...props }: BetterAuthProviderButtonProps): import("react").JSX.Element;
 export declare function useBetterAuthLastLoginMethod(authClient: BetterAuthClientLike): string | null;
 export interface BetterAuthOneTapProps {
     authClient: BetterAuthClientLike;
@@ -34,7 +34,7 @@ export interface BetterAuthOneTapProps {
 }
 export declare function BetterAuthOneTap({ authClient, enabled, callbackURL, onError, onSuccess, }: BetterAuthOneTapProps): null;
 export declare function createBetterAuthAdapter(authClient: BetterAuthClientLike): {
-    BetterAuthProviderButton: (props: Omit<BetterAuthProviderButtonProps, "authClient">) => import("react/jsx-runtime").JSX.Element;
-    BetterAuthOneTap: (props: Omit<BetterAuthOneTapProps, "authClient">) => import("react/jsx-runtime").JSX.Element;
+    BetterAuthProviderButton: (props: Omit<BetterAuthProviderButtonProps, "authClient">) => import("react").JSX.Element;
+    BetterAuthOneTap: (props: Omit<BetterAuthOneTapProps, "authClient">) => import("react").JSX.Element;
     useBetterAuthLastLoginMethod: () => string | null;
 };

package/dist/brand/medal-social-mark.d.ts

@@ -4,4 +4,4 @@ export interface MedalSocialMarkProps extends SVGProps<SVGSVGElement> {
     backgroundColor?: string;
     markColor?: string;
 }
-export declare function MedalSocialMark({ title, backgroundColor, markColor, role, focusable, 'aria-hidden': ariaHidden, ...props }: MedalSocialMarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function MedalSocialMark({ title, backgroundColor, markColor, role, focusable, 'aria-hidden': ariaHidden, ...props }: MedalSocialMarkProps): import("react").JSX.Element;

package/dist/calendar/calendar-toolbar.d.ts

@@ -1,2 +1,2 @@
 import { type CalendarToolbarProps } from './types.js';
-export declare function CalendarToolbar({ date, view, onPrev, onNext, onToday, onViewChange, periodLabel, showViewSwitcher, locale, labels: labelOverrides, className, }: CalendarToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarToolbar({ date, view, onPrev, onNext, onToday, onViewChange, periodLabel, showViewSwitcher, locale, labels: labelOverrides, className, }: CalendarToolbarProps): import("react").JSX.Element;

package/dist/calendar/calendar.d.ts

@@ -1,2 +1,2 @@
 import { type CalendarProps } from './types.js';
-export declare function Calendar({ view, date, events, onDateChange, onViewChange, onEventClick, onSlotClick, weekStartsOn, locale, labels: labelOverrides, className, renderEvent, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar({ view, date, events, onDateChange, onViewChange, onEventClick, onSlotClick, weekStartsOn, locale, labels: labelOverrides, className, renderEvent, }: CalendarProps): import("react").JSX.Element;

package/dist/calendar/day-view.d.ts

@@ -1,2 +1,2 @@
 import { type DayViewProps } from './types.js';
-export declare function DayView({ date, events, onEventClick, onSlotClick, locale, labels: labelOverrides, className, renderEvent, }: DayViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DayView({ date, events, onEventClick, onSlotClick, locale, labels: labelOverrides, className, renderEvent, }: DayViewProps): import("react").JSX.Element;

package/dist/calendar/internal/day-cell.d.ts

@@ -10,6 +10,6 @@ interface DayCellProps {
     labels: CalendarLabels;
     renderEvent?: (event: CalendarEvent) => ReactNode;
 }
-declare function DayCellBase({ date, currentMonth, events, onCellClick, onEventClick, onMoreClick, labels, renderEvent, }: DayCellProps): import("react/jsx-runtime").JSX.Element;
+declare function DayCellBase({ date, currentMonth, events, onCellClick, onEventClick, onMoreClick, labels, renderEvent, }: DayCellProps): import("react").JSX.Element;
 export declare const DayCell: import("react").MemoExoticComponent<typeof DayCellBase>;
 export {};

package/dist/calendar/internal/event-pill.d.ts

@@ -9,5 +9,5 @@ interface EventPillProps {
  * Default compact event pill used inside calendar cells/slots when the
  * consumer does not pass a custom `renderEvent` callback.
  */
-export declare function EventPill({ event, onClick, variant, className }: EventPillProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventPill({ event, onClick, variant, className }: EventPillProps): import("react").JSX.Element;
 export {};

package/dist/calendar/internal/time-slot.d.ts

@@ -12,6 +12,6 @@ interface TimeSlotProps {
     renderEvent?: (event: CalendarEvent) => ReactNode;
     variant?: 'week' | 'day';
 }
-declare function TimeSlotBase({ date, hour, events, onSlotClick, onEventClick, renderEvent, variant, }: TimeSlotProps): import("react/jsx-runtime").JSX.Element;
+declare function TimeSlotBase({ date, hour, events, onSlotClick, onEventClick, renderEvent, variant, }: TimeSlotProps): import("react").JSX.Element;
 export declare const TimeSlot: import("react").MemoExoticComponent<typeof TimeSlotBase>;
 export {};

package/dist/calendar/month-view.d.ts

@@ -1,2 +1,2 @@
 import { type MonthViewProps } from './types.js';
-export declare function MonthView({ date, events, onEventClick, onDateClick, onSlotClick, weekStartsOn, locale, labels: labelOverrides, className, renderEvent, }: MonthViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonthView({ date, events, onEventClick, onDateClick, onSlotClick, weekStartsOn, locale, labels: labelOverrides, className, renderEvent, }: MonthViewProps): import("react").JSX.Element;

package/dist/calendar/week-view.d.ts

@@ -1,2 +1,2 @@
 import { type WeekViewProps } from './types.js';
-export declare function WeekView({ date, events, onEventClick, onSlotClick, onDateClick, weekStartsOn, locale, labels: labelOverrides, className, renderEvent, }: WeekViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function WeekView({ date, events, onEventClick, onSlotClick, onDateClick, weekStartsOn, locale, labels: labelOverrides, className, renderEvent, }: WeekViewProps): import("react").JSX.Element;

package/dist/chat/latency-badge.d.ts

@@ -4,4 +4,4 @@ export interface LatencyBadgeProps {
     ms: number;
     className?: string;
 }
-export declare function LatencyBadge({ kind, ms, className }: LatencyBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function LatencyBadge({ kind, ms, className }: LatencyBadgeProps): import("react").JSX.Element;

package/dist/chat/latency-breakdown.d.ts

@@ -5,4 +5,4 @@ export interface LatencyBreakdownProps {
     showLegend?: boolean;
     className?: string;
 }
-export declare function LatencyBreakdown({ sttMs, claudeMs, ttsMs, showLegend, className, }: LatencyBreakdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function LatencyBreakdown({ sttMs, claudeMs, ttsMs, showLegend, className, }: LatencyBreakdownProps): import("react").JSX.Element;

package/dist/chat/tool-call-block.d.ts

@@ -3,4 +3,4 @@ export interface ToolCallBlockProps {
     call: ToolCall;
     className?: string;
 }
-export declare function ToolCallBlock({ call, className }: ToolCallBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolCallBlock({ call, className }: ToolCallBlockProps): import("react").JSX.Element;

package/dist/chat/transcript-stream.d.ts

@@ -7,4 +7,4 @@ export interface TranscriptStreamProps {
     onTurnPlay?: (turnId: string) => void;
     className?: string;
 }
-export declare function TranscriptStream({ turns, autoScroll, tz, onTurnPlay, className, }: TranscriptStreamProps): import("react/jsx-runtime").JSX.Element;
+export declare function TranscriptStream({ turns, autoScroll, tz, onTurnPlay, className, }: TranscriptStreamProps): import("react").JSX.Element;

package/dist/chat/turn-card.d.ts

@@ -7,4 +7,4 @@ export interface TurnCardProps {
     onPlay?: (turnId: string) => void;
     className?: string;
 }
-export declare function TurnCard({ turn, startedAtRef, tz, onPlay, className }: TurnCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TurnCard({ turn, startedAtRef, tz, onPlay, className }: TurnCardProps): import("react").JSX.Element;

package/dist/components/ui/checkbox.d.ts

@@ -3,6 +3,6 @@ interface CheckboxProps extends CheckboxPrimitive.Root.Props {
     /** Show indeterminate (mixed) state - a dash instead of checkmark */
     indeterminate?: boolean;
 }
-declare function Checkbox({ className, indeterminate, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function Checkbox({ className, indeterminate, ...props }: CheckboxProps): import("react").JSX.Element;
 export type { CheckboxProps };
 export { Checkbox };

package/dist/components/ui/collapsible.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
-declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react").JSX.Element;
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/command.d.ts

@@ -1,19 +1,19 @@
 import { Command as CommandPrimitive } from 'cmdk';
 import type * as React from 'react';
 import { Dialog } from './dialog.js';
-declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
     title?: string;
     description?: string;
     className?: string;
     showCloseButton?: boolean;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

package/dist/components/ui/dialog.d.ts

@@ -8,19 +8,19 @@ interface DialogProps extends DialogPrimitive.Root.Props {
      */
     dismissible?: boolean;
 }
-declare function Dialog({ dismissible, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+declare function Dialog({ dismissible, ...props }: DialogProps): React.JSX.Element;
 interface DialogTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>, 'render'> {
     render?: React.ReactElement;
 }
-declare function DialogTrigger({ render, children, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ render, children, ...props }: DialogTriggerProps): React.JSX.Element;
+declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
+declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, children, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogFooter({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/drawer.d.ts

@@ -1,16 +1,16 @@
 import type * as React from 'react';
 import { Drawer as DrawerPrimitive } from 'vaul';
-declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
 declare function DrawerContent({ className, children, showOverlay, overlayClassName, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content> & {
     showOverlay?: boolean;
     overlayClassName?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,16 +1,16 @@
 import { Menu as MenuPrimitive } from '@base-ui/react/menu';
 import type * as React from 'react';
-declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): React.JSX.Element;
 interface DropdownMenuTriggerProps extends Omit<MenuPrimitive.Trigger.Props, 'render'> {
     render?: React.ReactElement | MenuPrimitive.Trigger.Props['render'];
 }
-declare function DropdownMenuTrigger({ render, children, ...props }: DropdownMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ render, children, ...props }: DropdownMenuTriggerProps): React.JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 interface MenuItemProps extends Omit<MenuPrimitive.Item.Props, 'render' | 'onClick' | 'onSelect'> {
     inset?: boolean;
     variant?: 'default' | 'destructive';
@@ -18,15 +18,15 @@ interface MenuItemProps extends Omit<MenuPrimitive.Item.Props, 'render' | 'onCli
     onClick?: MenuPrimitive.Item.Props['onClick'];
     onSelect?: MenuPrimitive.Item.Props['onClick'];
 }
-declare function DropdownMenuItem({ className, inset, variant, render, onClick, onSelect, children, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, render, onClick, onSelect, children, ...props }: MenuItemProps): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type MenuItemProps, };

package/dist/components/ui/tooltip.d.ts

@@ -1,6 +1,6 @@
 import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
-declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react").JSX.Element;
+declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): import("react").JSX.Element;
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/email-builder/block-palette.d.ts

@@ -3,5 +3,5 @@ interface BlockPaletteProps {
     onPick: (kind: BlockKind) => void;
 }
 /** Vertical button list of all available block kinds. */
-export declare function BlockPalette({ onPick }: BlockPaletteProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockPalette({ onPick }: BlockPaletteProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/block-renderer.d.ts

@@ -2,4 +2,4 @@ import type { EmailBlock } from './types.js';
 /** Pure renderer — turns an EmailBlock into preview React. No selection chrome. */
 export declare function BlockRenderer({ block }: {
     block: EmailBlock;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonBlockProps } from '../types.js';
 export declare function ButtonBlock({ props }: {
     props: ButtonBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/columns.d.ts

@@ -2,4 +2,4 @@ import type { ColumnsBlockProps, EmailBlock } from '../types.js';
 export declare function ColumnsBlock({ props, columnChildren, }: {
     props: ColumnsBlockProps;
     columnChildren?: EmailBlock[][];
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/divider.d.ts

@@ -1,4 +1,4 @@
 import type { DividerBlockProps } from '../types.js';
 export declare function DividerBlock({ props }: {
     props: DividerBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/footer.d.ts

@@ -1,4 +1,4 @@
 import type { FooterBlockProps } from '../types.js';
 export declare function FooterBlock({ props }: {
     props: FooterBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/heading.d.ts

@@ -1,4 +1,4 @@
 import type { HeadingBlockProps } from '../types.js';
 export declare function HeadingBlock({ props }: {
     props: HeadingBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/image.d.ts

@@ -1,4 +1,4 @@
 import type { ImageBlockProps } from '../types.js';
 export declare function ImageBlock({ props }: {
     props: ImageBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/social.d.ts

@@ -1,4 +1,4 @@
 import type { SocialBlockProps } from '../types.js';
 export declare function SocialBlock({ props }: {
     props: SocialBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/spacer.d.ts

@@ -1,4 +1,4 @@
 import type { SpacerBlockProps } from '../types.js';
 export declare function SpacerBlock({ props }: {
     props: SpacerBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/block-renderers/text.d.ts

@@ -1,4 +1,4 @@
 import type { TextBlockProps } from '../types.js';
 export declare function TextBlock({ props }: {
     props: TextBlockProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/email-builder/builder-canvas.d.ts

@@ -11,5 +11,5 @@ interface BuilderCanvasProps {
     /** Per-block floating bar; rendered near the selected block. */
     renderFloatingBar?: (block: EmailBlock) => ReactNode;
 }
-export declare function BuilderCanvas({ blocks, selectedBlockId, onSelectBlock, device, labels, emptyStateAction, renderFloatingBar, }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderCanvas({ blocks, selectedBlockId, onSelectBlock, device, labels, emptyStateAction, renderFloatingBar, }: BuilderCanvasProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/builder-header.d.ts

@@ -5,5 +5,5 @@ interface BuilderHeaderProps {
     onExport: () => void;
     labels: EmailBuilderLabels;
 }
-export declare function BuilderHeader({ device, onDeviceChange, onExport, labels }: BuilderHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderHeader({ device, onDeviceChange, onExport, labels }: BuilderHeaderProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/builder-left-tabs.d.ts

@@ -7,5 +7,5 @@ interface BuilderLeftTabsProps {
     envelopeContent: ReactNode;
 }
 /** Vertical tab strip + content panel for the left sidebar. */
-export declare function BuilderLeftTabs({ labels, blocksContent, designContent, envelopeContent, }: BuilderLeftTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderLeftTabs({ labels, blocksContent, designContent, envelopeContent, }: BuilderLeftTabsProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/email-builder.d.ts

@@ -1,3 +1,3 @@
 import { type EmailBuilderProps } from './types.js';
-export declare function EmailBuilder({ document, onDocumentChange, brand, renderMediaPicker, renderSavedBlocks, renderTextEditor, onExportHtml, labels: labelsProp, className, initialDevice, }: EmailBuilderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmailBuilder({ document, onDocumentChange, brand, renderMediaPicker, renderSavedBlocks, renderTextEditor, onExportHtml, labels: labelsProp, className, initialDevice, }: EmailBuilderProps): import("react").JSX.Element;
 export { renderToEmailHtml } from './render-to-email-html.js';

package/dist/email-builder/envelope-card.d.ts

@@ -3,5 +3,5 @@ interface EnvelopeCardProps {
     envelope: EmailEnvelope | undefined;
     onChange: (next: EmailEnvelope) => void;
 }
-export declare function EnvelopeCard({ envelope, onChange }: EnvelopeCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function EnvelopeCard({ envelope, onChange }: EnvelopeCardProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/floating-bar.d.ts

@@ -9,5 +9,5 @@ interface FloatingBarProps {
     onDelete: () => void;
 }
 /** Per-block floating action bar. Rendered next to the selected block. */
-export declare function FloatingBar({ labels, canMoveUp, canMoveDown, onMoveUp, onMoveDown, onDuplicate, onDelete, }: FloatingBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingBar({ labels, canMoveUp, canMoveDown, onMoveUp, onMoveDown, onDuplicate, onDelete, }: FloatingBarProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/internal/dnd-wrapper.d.ts

@@ -6,5 +6,5 @@ interface BuilderDndWrapperProps {
     children: ReactNode;
 }
 /** Wraps the canvas in a vertical-list sortable DndContext. */
-export declare function BuilderDndWrapper({ blockIds, onDragEnd, children }: BuilderDndWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderDndWrapper({ blockIds, onDragEnd, children }: BuilderDndWrapperProps): import("react").JSX.Element;
 export {};