@medalsocial/meda 0.2.0 → 1.0.0

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { CheckIcon, ChevronRightIcon } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+function DropdownMenu({ ...props }) {
+    return _jsx(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+    return _jsx(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ render, children, ...props }) {
+    // Function render is passed through directly to Base UI
+    if (typeof render === 'function') {
+        return (_jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", render: render, ...props, children: children }));
+    }
+    if (render) {
+        return (_jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", render: render, ...props, children: children }));
+    }
+    return (_jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props, children: children }));
+}
+function DropdownMenuContent({ align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 4, className, ...props }) {
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn('data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in data-closed:overflow-hidden', className), ...props }) }) }));
+}
+function DropdownMenuGroup({ ...props }) {
+    return _jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx(MenuPrimitive.GroupLabel, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-8', className), ...props }));
+}
+function DropdownMenuItem({ className, inset, variant = 'default', render, onClick, onSelect, children, ...props }) {
+    const handleClick = onClick || onSelect
+        ? (event) => {
+            onSelect?.(event);
+            onClick?.(event);
+        }
+        : undefined;
+    const itemClassName = cn("focus:bg-accent focus:text-accent-foreground focus:*:[svg]:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:*:[svg]:text-destructive data-[variant=destructive]:focus:bg-destructive data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:focus:*:[svg]:text-destructive-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0", className);
+    if (render) {
+        return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: itemClassName, render: render, onClick: handleClick, ...props, children: children }));
+    }
+    return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: itemClassName, onClick: handleClick, ...props, children: children }));
+}
+function DropdownMenuSub({ ...props }) {
+    return _jsx(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(MenuPrimitive.SubmenuTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-default select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-open:bg-accent data-[inset]:pl-8 data-open:text-accent-foreground [&>[data-chevron]]:transition-transform [&>[data-chevron]]:duration-200 data-open:[&>[data-chevron]]:rotate-90 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [children, _jsx(ChevronRightIcon, { "data-chevron": "", className: "ml-auto" })] }));
+}
+function DropdownMenuSubContent({ align = 'start', alignOffset = -3, side = 'right', sideOffset = 0, className, ...props }) {
+    return (_jsx(DropdownMenuContent, { "data-slot": "dropdown-menu-sub-content", className: cn('data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in', className), align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("relative flex cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-checkbox-item-indicator", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return _jsx(MenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("relative flex cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [_jsx("span", { className: "pointer-events-none pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-radio-item-indicator", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(MenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('ml-auto text-muted-foreground text-xs tracking-widest group-focus/dropdown-menu-item:text-accent-foreground', className), ...props }));
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

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

@@ -0,0 +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;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/ui/tooltip.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { cn } from '../../lib/utils.js';
+function TooltipProvider({ delay = 0, ...props }) {
+    return _jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay: delay, ...props });
+}
+function Tooltip({ ...props }) {
+    return _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, side = 'top', sideOffset = 4, align = 'center', alignOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn('data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', 'data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2', 'z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md', 'bg-foreground px-3 py-1.5 text-background text-xs', 'data-closed:animate-out data-open:animate-in', 'dark:bg-card dark:text-foreground dark:ring-1 dark:ring-border', className), role: "tooltip", ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: cn('z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]', 'bg-foreground fill-foreground', 'data-[side=bottom]:top-1 data-[side=top]:-bottom-2.5', 'data-[side=left]:-right-1 data-[side=right]:-left-1', 'data-[side=inline-start]:-right-1 data-[side=inline-end]:-left-1', 'data-[side=inline-end]:top-1/2! data-[side=inline-start]:top-1/2!', 'data-[side=left]:top-1/2! data-[side=right]:top-1/2!', 'data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:-translate-y-1/2', 'data-[side=left]:-translate-y-1/2 data-[side=right]:-translate-y-1/2', 'dark:bg-card dark:fill-card') })] }) }) }));
+}
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/index.d.ts

@@ -1 +1,6 @@
-export * from './shell/public.js';
+export * from './brand/public.js';
+export * from './chat/public.js';
+export * from './marketing/public.js';
+export * from './panel/public.js';
+export * from './shell/index.js';
+export * from './timeline/public.js';

package/dist/index.js

@@ -1 +1,6 @@
-export * from './shell/public.js';
+export * from './brand/public.js';
+export * from './chat/public.js';
+export * from './marketing/public.js';
+export * from './panel/public.js';
+export * from './shell/index.js'; // v2 surface
+export * from './timeline/public.js';

package/dist/lib/format-time.d.ts

@@ -0,0 +1,9 @@
+export interface FormatClockOptions {
+    /** IANA timezone, e.g. "Europe/Stockholm". Defaults to local tz. */
+    tz?: string;
+    /** Include seconds (default true). */
+    withSeconds?: boolean;
+}
+export declare function formatClock(date: Date, opts?: FormatClockOptions): string;
+export declare function formatDuration(ms: number): string;
+export declare function formatRelativeOffset(ms: number): string;

package/dist/lib/format-time.js

@@ -0,0 +1,34 @@
+export function formatClock(date, opts = {}) {
+    const { tz, withSeconds = true } = opts;
+    const fmt = new Intl.DateTimeFormat('en-GB', {
+        hour: '2-digit',
+        minute: '2-digit',
+        second: withSeconds ? '2-digit' : undefined,
+        hour12: false,
+        timeZone: tz,
+    });
+    return fmt.format(date);
+}
+export function formatDuration(ms) {
+    if (ms < 0)
+        ms = 0;
+    const totalSec = Math.floor(ms / 1000);
+    const h = Math.floor(totalSec / 3600);
+    const m = Math.floor((totalSec % 3600) / 60);
+    const s = totalSec % 60;
+    if (h > 0)
+        return `${h}h ${m}m`;
+    if (m > 0)
+        return `${m}m ${s}s`;
+    return `${s}s`;
+}
+export function formatRelativeOffset(ms) {
+    const sign = ms < 0 ? '-' : '+';
+    const abs = Math.abs(ms);
+    const totalSec = Math.floor(abs / 1000);
+    const m = Math.floor(totalSec / 60);
+    const s = totalSec % 60;
+    if (m === 0)
+        return `${sign}${s}s`;
+    return `${sign}${m}m ${s}s`;
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/marketing/index.d.ts

@@ -0,0 +1,5 @@
+export { MarketingCallout } from './marketing-callout.js';
+export { MarketingContact } from './marketing-contact.js';
+export { MarketingCtaList } from './marketing-cta-list.js';
+export { MarketingLeadMagnet } from './marketing-lead-magnet.js';
+export type { MarketingAlign, MarketingCalloutProps, MarketingCalloutVariant, MarketingContactPerson, MarketingContactProps, MarketingCta, MarketingCtaListProps, MarketingCtaVariant, MarketingLeadMagnetProps, MarketingLeadMagnetVariant, MarketingOffice, } from './types.js';

package/dist/marketing/index.js

@@ -0,0 +1,4 @@
+export { MarketingCallout } from './marketing-callout.js';
+export { MarketingContact } from './marketing-contact.js';
+export { MarketingCtaList } from './marketing-cta-list.js';
+export { MarketingLeadMagnet } from './marketing-lead-magnet.js';

package/dist/marketing/marketing-callout.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingCalloutProps } from './types.js';
+export declare function MarketingCallout({ eyebrow, title, description, children, ctas, variant, align, className, }: MarketingCalloutProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-callout.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MarketingCtaList } from './marketing-cta-list.js';
+import { cx } from './utils.js';
+export function MarketingCallout({ eyebrow, title, description, children, ctas, variant = 'band', align = 'center', className, }) {
+    const isCard = variant === 'card';
+    return (_jsx("section", { className: cx('relative overflow-hidden border border-border bg-card text-card-foreground', isCard ? 'rounded-lg px-6 py-8 shadow-sm' : 'px-6 py-14 sm:px-8 sm:py-16', className), children: _jsxs("div", { className: cx('mx-auto flex max-w-4xl flex-col gap-5', align === 'center' ? 'items-center text-center' : 'items-start text-left'), children: [eyebrow && _jsx("p", { className: "text-sm font-semibold text-primary", children: eyebrow }), _jsx("h2", { className: "max-w-3xl text-3xl font-bold leading-tight text-foreground sm:text-4xl", children: title }), description && (_jsx("p", { className: "max-w-2xl text-base leading-7 text-muted-foreground sm:text-lg", children: description })), children && (_jsx("div", { className: "max-w-2xl text-base leading-7 text-muted-foreground", children: children })), _jsx(MarketingCtaList, { ctas: ctas, align: align, className: "mt-1" })] }) }));
+}

package/dist/marketing/marketing-contact.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingContactProps } from './types.js';
+export declare function MarketingContact({ intro, form, office, contactPerson, compact, className, }: MarketingContactProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-contact.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Clock, Mail, MapPin, Phone, Smartphone } from 'lucide-react';
+import { cx, toTelHref } from './utils.js';
+function InfoRow({ icon: Icon, label, children }) {
+    return (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: _jsx(Icon, { className: "size-4", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "mb-1 text-sm font-semibold text-foreground", children: label }), _jsx("div", { className: "text-sm leading-6 text-muted-foreground", children: children })] })] }));
+}
+function DetailCard({ title, children }) {
+    return (_jsxs("section", { className: "rounded-lg border border-border bg-card p-6 text-card-foreground shadow-sm", children: [title && _jsx("h3", { className: "mb-5 text-lg font-semibold text-foreground", children: title }), children] }));
+}
+function OfficeInfo({ office }) {
+    return (_jsx(DetailCard, { title: office.title ?? 'Office', children: _jsxs("div", { className: "space-y-5", children: [office.address && (_jsx(InfoRow, { icon: MapPin, label: "Address", children: office.address })), office.email && (_jsx(InfoRow, { icon: Mail, label: "Email", children: _jsx("a", { className: "hover:text-foreground", href: `mailto:${office.email}`, children: office.email }) })), office.phone && (_jsx(InfoRow, { icon: Phone, label: "Phone", children: _jsx("a", { className: "hover:text-foreground", href: toTelHref(office.phone), children: office.phone }) })), office.hours && (_jsx(InfoRow, { icon: Clock, label: "Opening hours", children: office.hours }))] }) }));
+}
+function ContactPerson({ person }) {
+    return (_jsx(DetailCard, { title: person.title ?? 'Direct contact', children: _jsxs("div", { className: "flex flex-col gap-5 sm:flex-row", children: [person.image && _jsx("div", { className: "shrink-0 overflow-hidden rounded-lg", children: person.image }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h4", { className: "text-lg font-semibold text-foreground", children: person.name }), person.role && _jsx("p", { className: "mt-1 text-sm font-semibold text-primary", children: person.role }), person.description && (_jsx("p", { className: "mt-3 text-sm leading-6 text-muted-foreground", children: person.description })), (person.email || person.phone) && (_jsxs("div", { className: "mt-4 space-y-2 text-sm text-muted-foreground", children: [person.email && (_jsxs("a", { className: "flex items-center gap-2 hover:text-foreground", href: `mailto:${person.email}`, children: [_jsx(Mail, { className: "size-4", "aria-hidden": true }), person.email] })), person.phone && (_jsxs("a", { className: "flex items-center gap-2 hover:text-foreground", href: toTelHref(person.phone), children: [_jsx(Smartphone, { className: "size-4", "aria-hidden": true }), person.phone] }))] }))] })] }) }));
+}
+export function MarketingContact({ intro, form, office, contactPerson, compact = false, className, }) {
+    return (_jsx("section", { className: cx('bg-background px-6 py-12 text-foreground sm:px-8', className), children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [intro && (_jsx("div", { className: cx('mx-auto max-w-3xl text-center', compact ? 'mb-8' : 'mb-12'), children: _jsx("div", { className: "text-base leading-7 text-muted-foreground sm:text-lg", children: intro }) })), _jsxs("div", { className: cx('grid items-start gap-6', compact ? 'grid-cols-1' : 'lg:grid-cols-[minmax(0,1fr)_420px]'), children: [_jsx("div", { className: "rounded-lg border border-border bg-card p-6 shadow-sm", children: form }), (office || contactPerson) && (_jsxs("div", { className: "space-y-6", children: [office && _jsx(OfficeInfo, { office: office }), contactPerson && _jsx(ContactPerson, { person: contactPerson })] }))] })] }) }));
+}

package/dist/marketing/marketing-cta-list.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingCtaListProps } from './types.js';
+export declare function MarketingCtaList({ ctas, align, className }: MarketingCtaListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/marketing/marketing-cta-list.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from './utils.js';
+const baseCtaClass = 'inline-flex min-h-10 items-center justify-center rounded-md px-4 py-2 text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background';
+const ctaVariantClass = {
+    primary: 'bg-primary text-primary-foreground hover:opacity-90',
+    secondary: 'border border-border bg-transparent text-foreground hover:bg-surface-highlight hover:text-foreground',
+};
+export function MarketingCtaList({ ctas, align = 'center', className }) {
+    if (!ctas?.length)
+        return null;
+    return (_jsx("div", { className: cx('flex flex-wrap gap-3', align === 'center' ? 'justify-center' : 'justify-start', className), children: ctas.map((cta, index) => {
+            const variant = cta.variant ?? (index === 0 ? 'primary' : 'secondary');
+            const className = cx(baseCtaClass, ctaVariantClass[variant]);
+            const key = typeof cta.label === 'string' ? `${cta.label}-${index}` : `marketing-cta-${index}`;
+            if (cta.href) {
+                return (_jsx("a", { href: cta.href, "aria-label": cta.ariaLabel, className: className, target: cta.target, rel: cta.rel, children: cta.label }, key));
+            }
+            return (_jsx("button", { type: "button", "aria-label": cta.ariaLabel, className: className, onClick: cta.onClick, children: cta.label }, key));
+        }) }));
+}

package/dist/marketing/marketing-lead-magnet.d.ts

@@ -0,0 +1,2 @@
+import type { MarketingLeadMagnetProps } from './types.js';
+export declare function MarketingLeadMagnet({ title, description, benefits, image, buttonText, formTitle, form, variant, open, defaultOpen, onOpenChange, className, }: MarketingLeadMagnetProps): import("react/jsx-runtime").JSX.Element;

package/dist/marketing/marketing-lead-magnet.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from '@base-ui/react/dialog';
+import { CheckCircle2, X } from 'lucide-react';
+import { cx } from './utils.js';
+export function MarketingLeadMagnet({ title, description, benefits = [], image, buttonText = 'Download now', formTitle = 'Get the resource', form, variant = 'featured', open, defaultOpen, onOpenChange, className, }) {
+    const isSidebar = variant === 'sidebar';
+    return (_jsx("section", { className: cx('overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-sm', isSidebar ? 'p-6' : 'p-6 sm:p-8 lg:p-10', className), children: _jsxs("div", { className: cx('grid gap-8', isSidebar ? 'grid-cols-1' : 'lg:grid-cols-[0.8fr_1fr]'), children: [!isSidebar && image && _jsx("div", { className: "overflow-hidden rounded-lg bg-muted", children: image }), _jsxs("div", { className: "flex min-w-0 flex-col items-start justify-center", children: [_jsx("h2", { className: "text-2xl font-bold leading-tight text-foreground sm:text-3xl", children: title }), description && (_jsx("p", { className: "mt-3 text-base leading-7 text-muted-foreground", children: description })), benefits.length > 0 && (_jsx("ul", { className: "mt-5 space-y-3", children: benefits.map((benefit, index) => (_jsxs("li", { className: "flex items-start gap-3 text-sm leading-6 text-muted-foreground", children: [_jsx(CheckCircle2, { className: "mt-0.5 size-4 shrink-0 text-primary", "aria-hidden": true }), _jsx("span", { children: benefit })] }, typeof benefit === 'string' ? `${benefit}-${index}` : `benefit-${index}`))) })), _jsxs(Dialog.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (nextOpen) => onOpenChange?.(nextOpen), children: [_jsx(Dialog.Trigger, { className: "mt-6 inline-flex min-h-10 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground transition-colors hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", children: buttonText }), _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Backdrop, { className: "fixed inset-0 z-modal bg-background/80 backdrop-blur-sm" }), _jsxs(Dialog.Popup, { className: "fixed left-1/2 top-1/2 z-modal w-[calc(100vw-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-lg focus-visible:outline-none", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border px-6 py-5", children: [_jsx(Dialog.Title, { className: "text-lg font-semibold text-foreground", children: formTitle }), _jsxs(Dialog.Close, { className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [_jsx("span", { className: "sr-only", children: "Close" }), _jsx(X, { className: "size-4", "aria-hidden": true })] })] }), _jsx("div", { className: "p-6", children: form })] })] })] })] })] }) }));
+}

package/dist/marketing/public.d.ts

@@ -0,0 +1 @@
+export type { MarketingCalloutProps, MarketingContactPerson, MarketingContactProps, MarketingCta, MarketingLeadMagnetProps, MarketingOffice, } from './types.js';

package/dist/marketing/public.js

@@ -0,0 +1 @@
+export {};

package/dist/marketing/types.d.ts

@@ -0,0 +1,67 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+export type MarketingCtaVariant = 'primary' | 'secondary';
+export type MarketingAlign = 'start' | 'center';
+export interface MarketingCta {
+    label: ReactNode;
+    href?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    variant?: MarketingCtaVariant;
+    ariaLabel?: string;
+    target?: string;
+    rel?: string;
+}
+export interface MarketingCtaListProps {
+    ctas?: MarketingCta[];
+    align?: MarketingAlign;
+    className?: string;
+}
+export type MarketingCalloutVariant = 'band' | 'card';
+export interface MarketingCalloutProps {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    children?: ReactNode;
+    ctas?: MarketingCta[];
+    variant?: MarketingCalloutVariant;
+    align?: MarketingAlign;
+    className?: string;
+}
+export interface MarketingOffice {
+    title?: ReactNode;
+    address?: ReactNode;
+    email?: string;
+    phone?: string;
+    hours?: ReactNode;
+}
+export interface MarketingContactPerson {
+    title?: ReactNode;
+    name: ReactNode;
+    role?: ReactNode;
+    description?: ReactNode;
+    image?: ReactNode;
+    email?: string;
+    phone?: string;
+}
+export interface MarketingContactProps {
+    intro?: ReactNode;
+    form: ReactNode;
+    office?: MarketingOffice;
+    contactPerson?: MarketingContactPerson;
+    compact?: boolean;
+    className?: string;
+}
+export type MarketingLeadMagnetVariant = 'featured' | 'sidebar';
+export interface MarketingLeadMagnetProps {
+    title: ReactNode;
+    description?: ReactNode;
+    benefits?: ReactNode[];
+    image?: ReactNode;
+    buttonText?: ReactNode;
+    formTitle?: ReactNode;
+    form?: ReactNode;
+    variant?: MarketingLeadMagnetVariant;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}

package/dist/marketing/types.js

@@ -0,0 +1 @@
+export {};

package/dist/marketing/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function cx(...values: Array<string | false | null | undefined>): string;
+export declare function toTelHref(phone: string): string;

package/dist/marketing/utils.js

@@ -0,0 +1,6 @@
+export function cx(...values) {
+    return values.filter(Boolean).join(' ');
+}
+export function toTelHref(phone) {
+    return `tel:${phone.replace(/[^\d+]/g, '')}`;
+}

package/dist/panel/index.d.ts

@@ -0,0 +1,6 @@
+export type { InspectorProps } from './inspector.js';
+export { Inspector } from './inspector.js';
+export type { InspectorFieldProps } from './inspector-field.js';
+export { InspectorField } from './inspector-field.js';
+export type { InspectorJSONProps } from './inspector-json.js';
+export { InspectorJSON } from './inspector-json.js';

package/dist/panel/index.js

@@ -0,0 +1,3 @@
+export { Inspector } from './inspector.js';
+export { InspectorField } from './inspector-field.js';
+export { InspectorJSON } from './inspector-json.js';

package/dist/panel/inspector-field.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface InspectorFieldProps {
+    label: string;
+    value: ReactNode;
+    /** Optional smaller hint after the value, e.g. provider info. */
+    hint?: ReactNode;
+    className?: string;
+}
+export declare function InspectorField({ label, value, hint, className }: InspectorFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/panel/inspector-field.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function InspectorField({ label, value, hint, className }) {
+    return (_jsxs("div", { className: ['border-b border-border py-3 last:border-b-0', className ?? ''].join(' '), children: [_jsx("div", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: label }), _jsxs("div", { className: "text-[13px] tabular-nums text-foreground", children: [value, hint != null && _jsxs("span", { className: "text-[12px] text-muted-foreground", children: [" ", hint] })] })] }));
+}

package/dist/panel/inspector-json.d.ts

@@ -0,0 +1,7 @@
+export interface InspectorJSONProps {
+    data: unknown;
+    /** Indent size in spaces. */
+    indent?: number;
+    className?: string;
+}
+export declare function InspectorJSON({ data, indent, className }: InspectorJSONProps): import("react/jsx-runtime").JSX.Element;

package/dist/panel/inspector-json.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function tokenize(value, level, key, indent, seen) {
+    const out = [];
+    const pad = ' '.repeat(level * indent);
+    if (key !== null) {
+        out.push({ kind: 'punct', text: pad });
+        out.push({ kind: 'key', text: `"${key}"` });
+        out.push({ kind: 'punct', text: ': ' });
+    }
+    else {
+        out.push({ kind: 'punct', text: pad });
+    }
+    if (value === null) {
+        out.push({ kind: 'literal', text: 'null' });
+    }
+    else if (typeof value === 'string') {
+        out.push({ kind: 'string', text: JSON.stringify(value) });
+    }
+    else if (typeof value === 'number') {
+        out.push({ kind: 'number', text: String(value) });
+    }
+    else if (typeof value === 'boolean') {
+        out.push({ kind: 'literal', text: String(value) });
+    }
+    else if (Array.isArray(value)) {
+        if (seen.has(value)) {
+            out.push({ kind: 'literal', text: '"[Circular]"' });
+        }
+        else {
+            seen.add(value);
+            out.push({ kind: 'punct', text: '[\n' });
+            value.forEach((v, i) => {
+                out.push(...tokenize(v, level + 1, null, indent, seen));
+                out.push({ kind: 'punct', text: i < value.length - 1 ? ',\n' : '\n' });
+            });
+            out.push({ kind: 'punct', text: `${pad}]` });
+        }
+    }
+    else if (typeof value === 'object') {
+        const obj = value;
+        if (seen.has(obj)) {
+            out.push({ kind: 'literal', text: '"[Circular]"' });
+        }
+        else {
+            seen.add(obj);
+            out.push({ kind: 'punct', text: '{\n' });
+            const entries = Object.entries(obj);
+            entries.forEach(([k, v], i) => {
+                out.push(...tokenize(v, level + 1, k, indent, seen));
+                out.push({ kind: 'punct', text: i < entries.length - 1 ? ',\n' : '\n' });
+            });
+            out.push({ kind: 'punct', text: `${pad}}` });
+        }
+    }
+    else {
+        out.push({ kind: 'literal', text: String(value) });
+    }
+    return out;
+}
+// 700-shade variants for syntax tokens so 11px monospace text clears
+// WCAG AA (4.5:1) against the inspector's near-white background.
+const KIND_CLASS = {
+    punct: 'text-muted-foreground',
+    key: 'text-primary',
+    string: 'text-emerald-700',
+    number: 'text-amber-700',
+    literal: 'text-amber-700',
+};
+export function InspectorJSON({ data, indent = 2, className }) {
+    const tokens = tokenize(data, 0, null, indent, new WeakSet());
+    return (_jsx("pre", { className: [
+            'mt-1.5 overflow-x-auto rounded-md border border-border bg-background p-2.5 font-mono text-[11px] leading-relaxed text-foreground',
+            className ?? '',
+        ].join(' '), children: tokens.map((t, i) => (_jsx("span", { className: KIND_CLASS[t.kind], children: t.text }, i))) }));
+}

package/dist/panel/inspector.d.ts

@@ -0,0 +1,7 @@
+import type { InspectorTab } from './types.js';
+export interface InspectorProps {
+    tabs: InspectorTab[];
+    defaultTab?: string;
+    className?: string;
+}
+export declare function Inspector({ tabs, defaultTab, className }: InspectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/panel/inspector.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export function Inspector({ tabs, defaultTab, className }) {
+    const [active, setActive] = useState(defaultTab ?? tabs[0]?.id ?? '');
+    const current = tabs.find((t) => t.id === active) ?? tabs[0];
+    return (_jsxs("aside", { className: ['flex h-full flex-col border-l border-border bg-card', className ?? ''].join(' '), children: [_jsx("div", { role: "tablist", className: "flex gap-0.5 border-b border-border px-3.5", children: tabs.map((t) => (_jsx("button", { type: "button", role: "tab", "aria-selected": t.id === active, onClick: () => setActive(t.id), className: [
+                        'border-b-2 px-2.5 py-3 text-xs',
+                        t.id === active
+                            ? 'border-primary text-foreground'
+                            : 'border-transparent text-muted-foreground hover:text-foreground',
+                    ].join(' '), children: t.label }, t.id))) }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-8 pt-4", children: current?.content })] }));
+}

package/dist/panel/public.d.ts

@@ -0,0 +1 @@
+export type { InspectorTab } from './types.js';

package/dist/panel/public.js

@@ -0,0 +1 @@
+export {};

package/dist/panel/types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface InspectorTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}

package/dist/panel/types.js

@@ -0,0 +1 @@
+export {};

package/dist/shell/app-shell.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export declare function AppShell({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AppShellBody({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/shell/app-shell.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { useMedaShell } from './shell-provider.js';
+export function AppShell({ children, className }) {
+    const { workspace, activeAppId } = useMedaShell();
+    return (_jsx("div", { "data-meda-app": activeAppId, "data-meda-workspace": workspace.id, className: cn('h-screen overflow-hidden bg-background text-foreground', className), children: children }));
+}
+export function AppShellBody({ children, className }) {
+    return (_jsx("div", { className: cn('relative flex h-[calc(100vh-var(--shell-header-height))] overflow-hidden', className), children: children }));
+}

package/dist/shell/command-palette.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { CommandDefinition } from './types.js';
+export interface CommandGroupDefinition {
+    id: string;
+    label: string;
+    /** Lower value = rendered earlier. Default: 100. */
+    priority?: number;
+}
+interface CommandRegistry {
+    register: (commands: CommandDefinition[]) => void;
+    unregister: (ids: string[]) => void;
+    registerGroup: (group: CommandGroupDefinition) => void;
+    unregisterGroup: (id: string) => void;
+}
+export declare const CommandRegistryContext: import("react").Context<CommandRegistry | null>;
+export declare function matchesHotkey(e: KeyboardEvent, spec: string): boolean;
+export interface CommandPaletteProps {
+    children?: ReactNode;
+}
+export declare function CommandPalette({ children }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+export declare function useCommands(commands: CommandDefinition[]): void;
+export declare function useCommandGroup(group: CommandGroupDefinition): void;
+export {};