@medalsocial/meda 2.7.2 → 2.8.1

package/README.md

@@ -107,6 +107,62 @@ Workspace shells also expose chrome-level composition slots:
 </AppShell>
 ```
 
+### Rail header (`headerLayout="rail"`)
+
+By default the desktop header is a `split` grid: the workspace switcher and `headerLeading` share
+the left region, and `headerCenter` owns the middle. Because the switcher is as wide as the
+workspace name, the leading region both moves per workspace and never gets more than about half
+the window. `headerLayout="rail"` swaps in a three-column grid instead — rail column · fill ·
+actions:
+
+```tsx
+<AppShell
+  variant="workspace"
+  headerLayout="rail"
+  iconRail={{ mainItems, labelVisibility: 'visible' }}
+  headerLeading={<SectionTabs />}          // owns the whole fill column
+  // Keep the panel views, drop the header's toggle:
+  rightPanel={{ panelViews, showToggle: false }}
+  globalActions={<NewButton />}
+>
+  {children}
+</AppShell>
+```
+
+- Column 1 is exactly the icon rail's width (`--shell-rail-label-width` when
+  `iconRail.labelVisibility` is `visible`, `--shell-rail-width` otherwise) and holds the workspace
+  switcher in its `tile` variant: the mark centred on the rail's axis with the workspace name
+  beneath it, in the icon-rail label type. The dropdown is the chip's, unchanged.
+- Column 2 is `headerLeading`, `min-w-0`, and gets every remaining pixel.
+- Column 3 is `globalActions` plus the panel toggle.
+- `headerCenter` is **ignored** in this layout — there is no centre column.
+
+The tile is metered to **44px** — a 28px mark, a 2px gap and ONE 14px label line, with no vertical
+padding — and carries `max-h-full` inside an `overflow-hidden` column. So it fits whatever you set
+`--shell-header-height` to, down to 52px (the web app runs 52px under its desktop window-tab
+strip), and can never paint past the header:
+
+```css
+/* a tighter header — the tile follows it */
+:root { --shell-header-height: 52px; }
+```
+
+Because the label is truncated to one line — and hidden entirely below 700px viewport height, the
+same tier at which every icon-rail label hides — the full workspace name is always recoverable two
+other ways: the tile's tooltip, and its accessible name (`"<workspace> workspace menu"`).
+
+Both layouts put `data-meda-shell-header` on the `<header>` (with
+`data-meda-header-layout="split" | "rail"`), so consumer CSS and tests can target the header
+without depending on its structure.
+
+### Mobile nav: light by app
+
+`mobileNav.activeTo` marks the exact address. Pass `mobileNav.activeId` (the active APP's id) as
+well and the dock lights whenever `item.id === activeId`, so it stays lit on every route inside
+that app rather than only on its first tab; the workspace sheet then opens with that row expanded
+and scrolled into view. `mobileNav.currentFirst` additionally hoists that row to the top of its
+group. Omit `activeId` and both surfaces keep comparing against `activeTo` as before.
+
 `workspace.menuItems`, `workspace.menuFooter`, and the theme toggle are available from the mobile Menu drawer. Use `mainLayout`/`mainClassName` when a workspace shell needs the same mobile chrome but a custom main scroll region, such as a full-bleed marketing page. `useCommands()` works from workspace descendants without manually mounting `CommandPalette`; lower-level primitive compositions can still mount `CommandPalette` directly.
 
 `ContextRail` is usable for both navigation rails and custom rendered rails. Navigation rails show Meda's label header by default. Custom rendered rails hide the automatic visible header by default so consumers can render their own heading without duplication. Rail bodies scroll vertically by default; use `contextRail={{ header: "visible" }}` or `contextRail={{ scroll: "none" }}` when you need explicit control.
@@ -216,7 +272,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 {};

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

@@ -6,5 +6,5 @@ interface MobileDrawerProps {
     children: ReactNode;
 }
 /** Generic bottom-sheet drawer used for the mobile palette/inspector. */
-export declare function MobileDrawer({ open, onOpenChange, title, children }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileDrawer({ open, onOpenChange, title, children }: MobileDrawerProps): import("react").JSX.Element;
 export {};

package/dist/email-builder/mobile-tab-bar.d.ts

@@ -6,5 +6,5 @@ interface MobileTabBarProps {
     onOpenSettings: () => void;
 }
 /** Bottom-of-screen tab bar visible on mobile. */
-export declare function MobileTabBar({ labels, onOpenBlocks, onOpenInspector, onOpenSettings, }: MobileTabBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileTabBar({ labels, onOpenBlocks, onOpenInspector, onOpenSettings, }: MobileTabBarProps): import("react").JSX.Element;
 export {};