@flamingo-stack/openframe-frontend-core 0.0.287 → 0.0.288

package/dist/chunk-MV67MBV3.js

@@ -1,290 +0,0 @@
-"use client";
-import {
-  ToggleGroup,
-  ToggleGroupItem
-} from "./chunk-EFYXPR43.js";
-import {
-  isFigmaSlidesUrl,
-  toFigmaEmbedUrl,
-  toFigmaOriginalUrl,
-  toGoogleSheetsEmbedUrl,
-  toGoogleSheetsOriginalUrl
-} from "./chunk-ODR6A6FC.js";
-import {
-  Button
-} from "./chunk-5IJ46KAV.js";
-import {
-  AdobePdfIcon,
-  FigmaIcon,
-  GoogleSheetsIcon
-} from "./chunk-J7AV6H63.js";
-
-// src/components/embeds/embed-iframe.tsx
-import { useState, useCallback, useRef, useEffect } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function EmbedLoadingSkeleton({ height }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse",
-      style: { height: height || "calc(100vh - 250px)" },
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-ods-card" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-48 rounded bg-ods-card" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-32 rounded bg-ods-card" })
-      ] })
-    }
-  );
-}
-function EmbedIframe({
-  src,
-  title,
-  className,
-  height,
-  allow,
-  referrerPolicy,
-  loading,
-  allowFullScreen
-}) {
-  const [isLoaded, setIsLoaded] = useState(false);
-  const iframeRef = useRef(null);
-  const handleLoad = useCallback(() => setIsLoaded(true), []);
-  useEffect(() => {
-    setIsLoaded(false);
-  }, [src]);
-  useEffect(() => {
-    const iframe = iframeRef.current;
-    return () => {
-      if (iframe) {
-        try {
-          iframe.src = "about:blank";
-        } catch {
-        }
-      }
-    };
-  }, [src]);
-  const resolvedHeight = height || "calc(100vh - 250px)";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !isLoaded && /* @__PURE__ */ jsx(EmbedLoadingSkeleton, { height: resolvedHeight }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? "h-0 overflow-hidden" : ""} ${className || ""}`,
-        style: isLoaded ? { height: resolvedHeight } : void 0,
-        children: /* @__PURE__ */ jsx(
-          "iframe",
-          {
-            ref: iframeRef,
-            src,
-            className: "w-full h-full border-0",
-            title,
-            onLoad: handleLoad,
-            allow,
-            referrerPolicy,
-            loading,
-            allowFullScreen: allow?.includes("fullscreen") ? void 0 : allowFullScreen
-          },
-          src
-        )
-      }
-    )
-  ] });
-}
-
-// src/components/embeds/pdf-viewer.tsx
-import { Download, Eye } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
-  const displayName = fileName || "PDF Document";
-  if (!src) {
-    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ jsx2(AdobePdfIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ jsx2("p", { className: "text-ods-text-secondary", children: "PDF file not available" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx2(AdobePdfIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx2("h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
-        /* @__PURE__ */ jsx2(
-          Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: onPreview ? void 0 : src,
-            openInNewTab: !onPreview,
-            onClick: onPreview,
-            leftIcon: /* @__PURE__ */ jsx2(Eye, { className: "w-4 h-4" }),
-            className: "flex-1 sm:flex-initial",
-            children: "Preview"
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: onDownload ? void 0 : src,
-            openInNewTab: !onDownload,
-            onClick: onDownload,
-            leftIcon: /* @__PURE__ */ jsx2(Download, { className: "w-4 h-4" }),
-            className: "flex-1 sm:flex-initial",
-            children: "Download"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2(EmbedIframe, { src, title: displayName, height })
-  ] });
-}
-
-// src/components/embeds/google-sheets-viewer.tsx
-import { ExternalLink } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function GoogleSheetsViewer({ externalUrl, fileName, height }) {
-  const displayName = fileName || "Google Sheet";
-  if (!externalUrl) {
-    return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ jsx3(GoogleSheetsIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ jsx3("p", { className: "text-ods-text-secondary", children: "Google Sheet URL not configured" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx3(GoogleSheetsIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx3("h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
-      ] }),
-      /* @__PURE__ */ jsx3(
-        Button,
-        {
-          variant: "outline",
-          size: "small-legacy",
-          href: toGoogleSheetsOriginalUrl(externalUrl),
-          openInNewTab: true,
-          leftIcon: /* @__PURE__ */ jsx3(GoogleSheetsIcon, { className: "w-4 h-4" }),
-          rightIcon: /* @__PURE__ */ jsx3(ExternalLink, { className: "w-4 h-4" }),
-          className: "w-full sm:w-auto",
-          children: "Open in Google Sheets"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx3(
-      EmbedIframe,
-      {
-        src: toGoogleSheetsEmbedUrl(externalUrl),
-        title: displayName,
-        height
-      }
-    )
-  ] });
-}
-
-// src/components/embeds/figma-embed.tsx
-import { useState as useState2 } from "react";
-import { ExternalLink as ExternalLink2, Play, LayoutGrid } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function SlidesViewToggle({
-  view,
-  onChange
-}) {
-  const options = [
-    { key: "present", label: "Present", Icon: Play },
-    { key: "browse", label: "Browse", Icon: LayoutGrid }
-  ];
-  return /* @__PURE__ */ jsx4(
-    ToggleGroup,
-    {
-      type: "single",
-      value: view,
-      onValueChange: (v) => {
-        if (v && v !== view) onChange(v);
-      },
-      "aria-label": "Figma slides view mode",
-      className: "flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5",
-      children: options.map(({ key, label, Icon }) => {
-        const active = view === key;
-        return /* @__PURE__ */ jsxs4(
-          ToggleGroupItem,
-          {
-            value: key,
-            "aria-label": label,
-            className: `flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${active ? "bg-ods-accent text-ods-text-on-accent" : "text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover"}`,
-            children: [
-              /* @__PURE__ */ jsx4(Icon, { className: "h-4 w-4 shrink-0" }),
-              label
-            ]
-          },
-          key
-        );
-      })
-    }
-  );
-}
-function FigmaEmbed({ url, title, height, loading = "lazy" }) {
-  const [view, setView] = useState2("present");
-  const isSlides = url ? isFigmaSlidesUrl(url) : false;
-  const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null;
-  const originalUrl = (() => {
-    if (!url) return null;
-    try {
-      const parsed = new URL(toFigmaOriginalUrl(url));
-      const host = parsed.hostname.toLowerCase();
-      const okHost = host === "figma.com" || host.endsWith(".figma.com");
-      const okProtocol = parsed.protocol === "https:" || parsed.protocol === "http:";
-      return okHost && okProtocol ? parsed.toString() : null;
-    } catch {
-      return null;
-    }
-  })();
-  const heading = title || "Figma Design";
-  return /* @__PURE__ */ jsxs4("div", { className: "my-6 space-y-3", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx4(FigmaIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx4("span", { className: "font-sans text-base font-semibold text-ods-text-primary truncate", children: heading })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-        isSlides && embedSrc && /* @__PURE__ */ jsx4(SlidesViewToggle, { view, onChange: setView }),
-        originalUrl && /* @__PURE__ */ jsx4(
-          Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: originalUrl,
-            openInNewTab: true,
-            leftIcon: /* @__PURE__ */ jsx4(FigmaIcon, { className: "w-4 h-4" }),
-            rightIcon: /* @__PURE__ */ jsx4(ExternalLink2, { className: "w-4 h-4" }),
-            className: "w-full sm:w-auto",
-            children: "Open in Figma"
-          }
-        )
-      ] })
-    ] }),
-    embedSrc ? /* @__PURE__ */ jsx4(
-      EmbedIframe,
-      {
-        src: embedSrc,
-        title: heading,
-        allow: "clipboard-write; clipboard-read; fullscreen",
-        loading,
-        height,
-        allowFullScreen: true
-      }
-    ) : /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ jsx4(FigmaIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ jsx4("p", { className: "text-ods-text-secondary", children: "Figma URL not configured" })
-    ] })
-  ] });
-}
-
-export {
-  EmbedIframe,
-  PdfViewer,
-  GoogleSheetsViewer,
-  FigmaEmbed
-};
-//# sourceMappingURL=chunk-MV67MBV3.js.map

package/dist/chunk-MV67MBV3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embeds/embed-iframe.tsx","../src/components/embeds/pdf-viewer.tsx","../src/components/embeds/google-sheets-viewer.tsx","../src/components/embeds/figma-embed.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\n\n/** Loading skeleton for iframe embeds — matches project skeleton pattern */\nfunction EmbedLoadingSkeleton({ height }: { height?: string }) {\n  return (\n    <div\n      className=\"w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse\"\n      style={{ height: height || 'calc(100vh - 250px)' }}\n    >\n      <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n        <div className=\"w-12 h-12 rounded-lg bg-ods-card\" />\n        <div className=\"h-4 w-48 rounded bg-ods-card\" />\n        <div className=\"h-3 w-32 rounded bg-ods-card\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface EmbedIframeProps {\n  /** The URL to embed */\n  src: string\n  /** Accessible title for the iframe */\n  title: string\n  /** Additional class names for the outer container */\n  className?: string\n  /** Container height (CSS value). Defaults to `calc(100vh - 250px)` */\n  height?: string\n  /** iframe `allow` attribute */\n  allow?: string\n  /** iframe `referrerPolicy` attribute */\n  referrerPolicy?: React.IframeHTMLAttributes<HTMLIFrameElement>['referrerPolicy']\n  /** iframe `loading` attribute */\n  loading?: 'eager' | 'lazy'\n  /** iframe `allowFullScreen` attribute */\n  allowFullScreen?: boolean\n}\n\n/**\n * Base iframe wrapper with loading skeleton and proper memory cleanup.\n *\n * Prevents memory leaks by:\n * - Using `key={src}` to force full unmount/remount when src changes\n * - Setting iframe src to about:blank on unmount to release the embedded document\n * - Resetting loaded state when src changes\n */\nexport function EmbedIframe({\n  src,\n  title,\n  className,\n  height,\n  allow,\n  referrerPolicy,\n  loading,\n  allowFullScreen,\n}: EmbedIframeProps) {\n  const [isLoaded, setIsLoaded] = useState(false)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  const handleLoad = useCallback(() => setIsLoaded(true), [])\n\n  useEffect(() => {\n    setIsLoaded(false)\n  }, [src])\n\n  useEffect(() => {\n    const iframe = iframeRef.current\n    return () => {\n      if (iframe) {\n        try {\n          iframe.src = 'about:blank'\n        } catch {\n          // Cross-origin iframes may throw — safe to ignore\n        }\n      }\n    }\n  }, [src])\n\n  const resolvedHeight = height || 'calc(100vh - 250px)'\n\n  return (\n    <>\n      {!isLoaded && <EmbedLoadingSkeleton height={resolvedHeight} />}\n      <div\n        className={`w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? 'h-0 overflow-hidden' : ''} ${className || ''}`}\n        style={isLoaded ? { height: resolvedHeight } : undefined}\n      >\n        <iframe\n          key={src}\n          ref={iframeRef}\n          src={src}\n          className=\"w-full h-full border-0\"\n          title={title}\n          onLoad={handleLoad}\n          allow={allow}\n          referrerPolicy={referrerPolicy}\n          loading={loading}\n          allowFullScreen={allow?.includes('fullscreen') ? undefined : allowFullScreen}\n        />\n      </div>\n    </>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { Download, Eye } from 'lucide-react'\nimport { AdobePdfIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface PdfViewerProps {\n  src: string\n  fileName?: string\n  onPreview?: () => void\n  onDownload?: () => void\n  height?: string\n}\n\nexport function PdfViewer({ src, fileName, onPreview, onDownload, height }: PdfViewerProps) {\n  const displayName = fileName || 'PDF Document'\n\n  if (!src) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <AdobePdfIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">PDF file not available</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <AdobePdfIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <div className=\"flex items-center gap-2 w-full sm:w-auto\">\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onPreview ? undefined : src}\n            openInNewTab={!onPreview}\n            onClick={onPreview}\n            leftIcon={<Eye className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Preview\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onDownload ? undefined : src}\n            openInNewTab={!onDownload}\n            onClick={onDownload}\n            leftIcon={<Download className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Download\n          </Button>\n        </div>\n      </div>\n      <EmbedIframe src={src} title={displayName} height={height} />\n    </div>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { ExternalLink } from 'lucide-react'\nimport { GoogleSheetsIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\nimport { toGoogleSheetsEmbedUrl, toGoogleSheetsOriginalUrl } from '../../utils/embed-url-converters'\n\nexport interface GoogleSheetsViewerProps {\n  externalUrl: string\n  fileName?: string\n  height?: string\n}\n\nexport function GoogleSheetsViewer({ externalUrl, fileName, height }: GoogleSheetsViewerProps) {\n  const displayName = fileName || 'Google Sheet'\n\n  if (!externalUrl) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <GoogleSheetsIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">Google Sheet URL not configured</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <GoogleSheetsIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"small-legacy\"\n          href={toGoogleSheetsOriginalUrl(externalUrl)}\n          openInNewTab\n          leftIcon={<GoogleSheetsIcon className=\"w-4 h-4\" />}\n          rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n          className=\"w-full sm:w-auto\"\n        >\n          Open in Google Sheets\n        </Button>\n      </div>\n      <EmbedIframe\n        src={toGoogleSheetsEmbedUrl(externalUrl)}\n        title={displayName}\n        height={height}\n      />\n    </div>\n  )\n}\n","'use client'\n\nimport { useState } from 'react'\nimport { Button, ToggleGroup, ToggleGroupItem } from '../ui'\nimport { FigmaIcon } from '../icons-v2-generated'\nimport { ExternalLink, Play, LayoutGrid } from 'lucide-react'\nimport { toFigmaEmbedUrl, toFigmaOriginalUrl, isFigmaSlidesUrl } from '../../utils/embed-url-converters'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface FigmaEmbedProps {\n  /** Any Figma URL (design/file/proto/board/slides/deck) or an already-resolved embed URL. */\n  url: string\n  /** Heading shown above the embed. Defaults to \"Figma Design\". */\n  title?: string\n  /**\n   * iframe height (CSS value). The data-room document viewer omits it (full\n   * height, `calc(100vh - 250px)`); inline markdown passes e.g. `\"70vh\"` so the\n   * embed sits naturally inside article content.\n   */\n  height?: string\n  /** iframe loading strategy. Defaults to `\"lazy\"`; the data-room viewer passes `\"eager\"`. */\n  loading?: 'eager' | 'lazy'\n}\n\ntype SlidesView = 'present' | 'browse'\n\n/**\n * Two-state present/browse toggle for Figma Slides. `present` (default) uses\n * Figma's deck viewer (full-bleed slide + `‹ n/N ›` nav bar + keyboard nav);\n * `browse` uses the thumbnail-rail + zoom viewer.\n */\nfunction SlidesViewToggle({\n  view,\n  onChange,\n}: {\n  view: SlidesView\n  onChange: (v: SlidesView) => void\n}) {\n  const options: { key: SlidesView; label: string; Icon: typeof Play }[] = [\n    { key: 'present', label: 'Present', Icon: Play },\n    { key: 'browse', label: 'Browse', Icon: LayoutGrid },\n  ]\n  return (\n    <ToggleGroup\n      type=\"single\"\n      value={view}\n      onValueChange={(v: string) => {\n        if (v && v !== view) onChange(v as SlidesView)\n      }}\n      aria-label=\"Figma slides view mode\"\n      className=\"flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5\"\n    >\n      {options.map(({ key, label, Icon }) => {\n        const active = view === key\n        return (\n          <ToggleGroupItem\n            key={key}\n            value={key}\n            aria-label={label}\n            className={`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${\n              active\n                ? 'bg-ods-accent text-ods-text-on-accent'\n                : 'text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover'\n            }`}\n          >\n            <Icon className=\"h-4 w-4 shrink-0\" />\n            {label}\n          </ToggleGroupItem>\n        )\n      })}\n    </ToggleGroup>\n  )\n}\n\n/**\n * Single source of truth for every Figma surface — the data-room document viewer\n * and in-article markdown both render this. A header (icon + title + \"Open in\n * Figma\") over an interactive Figma iframe, built from the canonical\n * `toFigmaEmbedUrl` / `toFigmaOriginalUrl` converters + the shared `<EmbedIframe>`.\n * Only height/loading differ per surface.\n *\n * For Slides decks, a present/browse toggle (default = present) lets viewers flip\n * slides with Figma's native nav bar + keyboard, or switch to the thumbnail-rail\n * browse view.\n */\nexport function FigmaEmbed({ url, title, height, loading = 'lazy' }: FigmaEmbedProps) {\n  const [view, setView] = useState<SlidesView>('present')\n  const isSlides = url ? isFigmaSlidesUrl(url) : false\n  const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null\n  const originalUrl = (() => {\n    if (!url) return null\n    try {\n      const parsed = new URL(toFigmaOriginalUrl(url))\n      const host = parsed.hostname.toLowerCase()\n      const okHost = host === 'figma.com' || host.endsWith('.figma.com')\n      const okProtocol = parsed.protocol === 'https:' || parsed.protocol === 'http:'\n      return okHost && okProtocol ? parsed.toString() : null\n    } catch {\n      return null\n    }\n  })()\n  const heading = title || 'Figma Design'\n\n  return (\n    <div className=\"my-6 space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <FigmaIcon className=\"w-5 h-5 shrink-0\" />\n          <span className=\"font-sans text-base font-semibold text-ods-text-primary truncate\">\n            {heading}\n          </span>\n        </div>\n        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n          {isSlides && embedSrc && <SlidesViewToggle view={view} onChange={setView} />}\n          {originalUrl && (\n            <Button\n              variant=\"outline\"\n              size=\"small-legacy\"\n              href={originalUrl}\n              openInNewTab\n              leftIcon={<FigmaIcon className=\"w-4 h-4\" />}\n              rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n              className=\"w-full sm:w-auto\"\n            >\n              Open in Figma\n            </Button>\n          )}\n        </div>\n      </div>\n      {embedSrc ? (\n        <EmbedIframe\n          src={embedSrc}\n          title={heading}\n          allow=\"clipboard-write; clipboard-read; fullscreen\"\n          loading={loading}\n          height={height}\n          allowFullScreen\n        />\n      ) : (\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <FigmaIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n          <p className=\"text-ods-text-secondary\">Figma URL not configured</p>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","useState","ExternalLink","jsx","jsxs","useState","ExternalLink"]}

package/dist/chunk-MWS25U4U.cjs

@@ -1,290 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-
-
-
-var _chunkOXC72UIPcjs = require('./chunk-OXC72UIP.cjs');
-
-
-
-
-
-
-var _chunkD6RK5YXXcjs = require('./chunk-D6RK5YXX.cjs');
-
-
-var _chunkXXI7BNB6cjs = require('./chunk-XXI7BNB6.cjs');
-
-
-
-
-var _chunkZS2SBWBRcjs = require('./chunk-ZS2SBWBR.cjs');
-
-// src/components/embeds/embed-iframe.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function EmbedLoadingSkeleton({ height }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: "w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse",
-      style: { height: height || "calc(100vh - 250px)" },
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center h-full gap-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-12 h-12 rounded-lg bg-ods-card" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-48 rounded bg-ods-card" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-32 rounded bg-ods-card" })
-      ] })
-    }
-  );
-}
-function EmbedIframe({
-  src,
-  title,
-  className,
-  height,
-  allow,
-  referrerPolicy,
-  loading,
-  allowFullScreen
-}) {
-  const [isLoaded, setIsLoaded] = _react.useState.call(void 0, false);
-  const iframeRef = _react.useRef.call(void 0, null);
-  const handleLoad = _react.useCallback.call(void 0, () => setIsLoaded(true), []);
-  _react.useEffect.call(void 0, () => {
-    setIsLoaded(false);
-  }, [src]);
-  _react.useEffect.call(void 0, () => {
-    const iframe = iframeRef.current;
-    return () => {
-      if (iframe) {
-        try {
-          iframe.src = "about:blank";
-        } catch (e) {
-        }
-      }
-    };
-  }, [src]);
-  const resolvedHeight = height || "calc(100vh - 250px)";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    !isLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmbedLoadingSkeleton, { height: resolvedHeight }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: `w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? "h-0 overflow-hidden" : ""} ${className || ""}`,
-        style: isLoaded ? { height: resolvedHeight } : void 0,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "iframe",
-          {
-            ref: iframeRef,
-            src,
-            className: "w-full h-full border-0",
-            title,
-            onLoad: handleLoad,
-            allow,
-            referrerPolicy,
-            loading,
-            allowFullScreen: _optionalChain([allow, 'optionalAccess', _ => _.includes, 'call', _2 => _2("fullscreen")]) ? void 0 : allowFullScreen
-          },
-          src
-        )
-      }
-    )
-  ] });
-}
-
-// src/components/embeds/pdf-viewer.tsx
-var _lucidereact = require('lucide-react');
-
-function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
-  const displayName = fileName || "PDF Document";
-  if (!src) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.AdobePdfIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "PDF file not available" })
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.AdobePdfIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXXI7BNB6cjs.Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: onPreview ? void 0 : src,
-            openInNewTab: !onPreview,
-            onClick: onPreview,
-            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Eye, { className: "w-4 h-4" }),
-            className: "flex-1 sm:flex-initial",
-            children: "Preview"
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXXI7BNB6cjs.Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: onDownload ? void 0 : src,
-            openInNewTab: !onDownload,
-            onClick: onDownload,
-            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "w-4 h-4" }),
-            className: "flex-1 sm:flex-initial",
-            children: "Download"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmbedIframe, { src, title: displayName, height })
-  ] });
-}
-
-// src/components/embeds/google-sheets-viewer.tsx
-
-
-function GoogleSheetsViewer({ externalUrl, fileName, height }) {
-  const displayName = fileName || "Google Sheet";
-  if (!externalUrl) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.GoogleSheetsIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "Google Sheet URL not configured" })
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.GoogleSheetsIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXXI7BNB6cjs.Button,
-        {
-          variant: "outline",
-          size: "small-legacy",
-          href: _chunkD6RK5YXXcjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
-          openInNewTab: true,
-          leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.GoogleSheetsIcon, { className: "w-4 h-4" }),
-          rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "w-4 h-4" }),
-          className: "w-full sm:w-auto",
-          children: "Open in Google Sheets"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EmbedIframe,
-      {
-        src: _chunkD6RK5YXXcjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
-        title: displayName,
-        height
-      }
-    )
-  ] });
-}
-
-// src/components/embeds/figma-embed.tsx
-
-
-
-function SlidesViewToggle({
-  view,
-  onChange
-}) {
-  const options = [
-    { key: "present", label: "Present", Icon: _lucidereact.Play },
-    { key: "browse", label: "Browse", Icon: _lucidereact.LayoutGrid }
-  ];
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOXC72UIPcjs.ToggleGroup,
-    {
-      type: "single",
-      value: view,
-      onValueChange: (v) => {
-        if (v && v !== view) onChange(v);
-      },
-      "aria-label": "Figma slides view mode",
-      className: "flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5",
-      children: options.map(({ key, label, Icon }) => {
-        const active = view === key;
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkOXC72UIPcjs.ToggleGroupItem,
-          {
-            value: key,
-            "aria-label": label,
-            className: `flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${active ? "bg-ods-accent text-ods-text-on-accent" : "text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover"}`,
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "h-4 w-4 shrink-0" }),
-              label
-            ]
-          },
-          key
-        );
-      })
-    }
-  );
-}
-function FigmaEmbed({ url, title, height, loading = "lazy" }) {
-  const [view, setView] = _react.useState.call(void 0, "present");
-  const isSlides = url ? _chunkD6RK5YXXcjs.isFigmaSlidesUrl.call(void 0, url) : false;
-  const embedSrc = url ? _chunkD6RK5YXXcjs.toFigmaEmbedUrl.call(void 0, url, { slidesView: view }) : null;
-  const originalUrl = (() => {
-    if (!url) return null;
-    try {
-      const parsed = new URL(_chunkD6RK5YXXcjs.toFigmaOriginalUrl.call(void 0, url));
-      const host = parsed.hostname.toLowerCase();
-      const okHost = host === "figma.com" || host.endsWith(".figma.com");
-      const okProtocol = parsed.protocol === "https:" || parsed.protocol === "http:";
-      return okHost && okProtocol ? parsed.toString() : null;
-    } catch (e2) {
-      return null;
-    }
-  })();
-  const heading = title || "Figma Design";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "my-6 space-y-3", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.FigmaIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-sans text-base font-semibold text-ods-text-primary truncate", children: heading })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-        isSlides && embedSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SlidesViewToggle, { view, onChange: setView }),
-        originalUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXXI7BNB6cjs.Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: originalUrl,
-            openInNewTab: true,
-            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.FigmaIcon, { className: "w-4 h-4" }),
-            rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "w-4 h-4" }),
-            className: "w-full sm:w-auto",
-            children: "Open in Figma"
-          }
-        )
-      ] })
-    ] }),
-    embedSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EmbedIframe,
-      {
-        src: embedSrc,
-        title: heading,
-        allow: "clipboard-write; clipboard-read; fullscreen",
-        loading,
-        height,
-        allowFullScreen: true
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZS2SBWBRcjs.FigmaIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "Figma URL not configured" })
-    ] })
-  ] });
-}
-
-
-
-
-
-
-exports.EmbedIframe = EmbedIframe; exports.PdfViewer = PdfViewer; exports.GoogleSheetsViewer = GoogleSheetsViewer; exports.FigmaEmbed = FigmaEmbed;
-//# sourceMappingURL=chunk-MWS25U4U.cjs.map