@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/chunk-FQWBIKF4.cjs

@@ -1,404 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 _chunkRM6AHNM4cjs = require('./chunk-RM6AHNM4.cjs');
-
-
-
-var _chunk5AV5R5RCcjs = require('./chunk-5AV5R5RC.cjs');
-
-
-
-
-
-
-var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
-
-
-var _chunk2IFCRPNPcjs = require('./chunk-2IFCRPNP.cjs');
-
-
-var _chunkT5FRANE6cjs = require('./chunk-T5FRANE6.cjs');
-
-
-
-
-var _chunk74ALTXXCcjs = require('./chunk-74ALTXXC.cjs');
-
-
-var _chunk3RFQPQ7Zcjs = require('./chunk-3RFQPQ7Z.cjs');
-
-
-
-var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
-
-
-var _chunkNS64LMVEcjs = require('./chunk-NS64LMVE.cjs');
-
-
-
-
-
-var _chunk22XAPV6Ncjs = require('./chunk-22XAPV6N.cjs');
-
-
-var _chunkI5MSCD57cjs = require('./chunk-I5MSCD57.cjs');
-
-
-var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
-
-
-var _chunkNO5UJLLQcjs = require('./chunk-NO5UJLLQ.cjs');
-
-
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
-
-// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-var _lucidereact = require('lucide-react');
-var _react = require('react');
-
-// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function OnboardingGuidesCatalogSkeleton({
-  region = true
-} = {}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading onboarding guides", announce: region, className: "flex w-full flex-col gap-10", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-full rounded-md" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-14 rounded" }),
-        [0, 1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-24 rounded-md" }, i))
-      ] })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-10", children: [4, 3, 3].map((cardCount, sectionIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 tracking-[-0.36px] text-ods-text-primary text-h3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-40 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-8 rounded-full" })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
-    ] }, sectionIdx)) })
-  ] });
-}
-
-// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-
-function OnboardingGuidesCatalogView({
-  initialGuides,
-  initialSections,
-  initialSection = "",
-  guidesEndpoint,
-  sectionsEndpoint,
-  renderCard,
-  basePath = "/onboarding-guides"
-}) {
-  const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
-  const [isPending, startTransition] = _react.useTransition.call(void 0, );
-  const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const selfFetch = initialGuides === void 0 && guidesEndpoint !== void 0;
-  const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
-  const activeSection = sectionValue || "all";
-  const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkNS64LMVEcjs.useSelfFetch.call(void 0, 
-    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
-  );
-  const sectionsRes = _chunkNS64LMVEcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
-  const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
-  const sections = _react.useMemo.call(void 0, 
-    () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
-    [initialSections, sectionsRes.data]
-  );
-  const isLoading = selfFetch ? guidesRes.isLoading : false;
-  const grouped = _react.useMemo.call(void 0, () => {
-    const map = /* @__PURE__ */ new Map();
-    for (const g of guides) {
-      const existing = map.get(g.section);
-      if (existing) {
-        if (g.section_order < existing.section_order) existing.section_order = g.section_order;
-        existing.guides.push(g);
-      } else {
-        map.set(g.section, { section_order: g.section_order, guides: [g] });
-      }
-    }
-    for (const entry of map.values()) {
-      entry.guides.sort((a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title));
-    }
-    return Array.from(map.entries()).map(([section, info]) => ({ section, ...info })).sort((a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section));
-  }, [guides]);
-  const sectionFilterOptions = _react.useMemo.call(void 0, 
-    () => [
-      { value: "all", label: `All (${guides.length})` },
-      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` }))
-    ],
-    [guides.length, sections]
-  );
-  const setSection = (value) => {
-    const params = new URLSearchParams(searchParams.toString());
-    if (value === "all") {
-      params.delete("section");
-    } else {
-      params.set("section", value);
-    }
-    const qs = params.toString();
-    startTransition(() => {
-      router.push(qs ? `${basePath}?${qs}` : basePath);
-    });
-  };
-  const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunk5AV5R5RCcjs.useDocSearch.call(void 0, {
-    source,
-    baseRoute: basePath,
-    onNavigate: (path) => router.push(path),
-    tableIds: ["onboarding-guides"]
-  });
-  const defaultRenderCard = (guide) => {
-    const cta = _chunkT5FRANE6cjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
-      type: "onboarding_guide",
-      slug: guide.slug,
-      basePath,
-      platforms: guide.onboarding_guide_platforms
-    });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
-  };
-  const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
-  const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5AV5R5RCcjs.DocSearchBar,
-      {
-        placeholder: "Search onboarding guides, releases, case studies\u2026",
-        query: docSearch.query,
-        onQueryChange: docSearch.setQuery,
-        results: docSearch.results,
-        isLoading: docSearch.isLoading,
-        onResultSelect: docSearch.handleResultSelect,
-        showDropdown: docSearch.keepDropdownOpen
-      }
-    ),
-    sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVL6IXTAIcjs.FilterPillRow,
-      {
-        label: "Section",
-        selectedValue: activeSection,
-        onValueChange: setSection,
-        options: sectionFilterOptions
-      }
-    )
-  ] });
-  if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
-  }
-  if (selfFetch && guidesRes.data == null && isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
-    preControls,
-    guides.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-16 text-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "mx-auto mb-4 h-12 w-12 text-ods-text-secondary" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h3", children: "No onboarding guides found" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: activeSection !== "all" ? "No guides in this section yet." : "We're working on the onboarding library. Check back soon." })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: isPending || isLoading ? "space-y-10 opacity-60 transition-opacity" : "space-y-10", children: grouped.map((sec) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "flex items-center gap-2 text-ods-text-primary text-h3", children: [
-        sec.section,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 px-2 py-0.5 text-ods-text-secondary text-h6", children: sec.guides.length })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: sec.guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: renderCardFn(guide) }, guide.id)) })
-    ] }, sec.section)) })
-  ] });
-}
-
-// src/components/onboarding-guides/onboarding-guide-detail-view.tsx
-
-
-function OnboardingGuideDetailView({
-  authorHref,
-  authorBio,
-  fallbackBio,
-  initialData,
-  slug,
-  guideEndpoint,
-  related = [],
-  MarkdownRenderer = _chunkVL6IXTAIcjs.RichMarkdownRenderer,
-  renderRelatedCard,
-  backHref,
-  backLabel = "Back to Getting Started",
-  basePath = "/onboarding-guides",
-  relatedContent,
-  shell = true
-}) {
-  const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
-  const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunk74ALTXXCcjs.useCaptions.call(void 0, );
-  const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
-  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = _chunkNS64LMVEcjs.useSelfFetch.call(void 0, url, { initialData });
-  const { ref: videoWarmupRef } = _chunk3RFQPQ7Zcjs.useVideoWarmup.call(void 0, {
-    videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
-    supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
-  });
-  if (error || !guide && !isLoading) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
-  }
-  if (!guide) {
-    return renderShell(
-      // Match the loaded page's top offset (TitleBlock's
-      // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRM6AHNM4cjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
-    );
-  }
-  const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", guide);
-  const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || // `buildOgPlaceholderUrl` always returns a usable string (relative route at
-  // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
-  _chunkI5MSCD57cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
-  const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkT5FRANE6cjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
-      type: "onboarding_guide",
-      slug: g.slug,
-      basePath,
-      platforms: g.onboarding_guide_platforms
-    });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
-  };
-  const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
-  return renderShell(
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk2IFCRPNPcjs.PageLayout,
-      {
-        title: guide.title,
-        titleSize: "h1",
-        titleWrap: true,
-        backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) },
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk22XAPV6Ncjs.EntityAuthorCard,
-            {
-              author: guide.author,
-              authorHref,
-              publishedAt: guide.published_at,
-              extraCells: [
-                {
-                  value: `${guide.section} \xB7 Step ${guide.step_order}`,
-                  label: "Section",
-                  uppercase: false
-                }
-              ]
-            }
-          ),
-          (guide.main_video_url || guide.youtube_url) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk74ALTXXCcjs.EntityVideoSection,
-            {
-              mainVideoUrl: guide.main_video_url,
-              youtubeUrl: guide.youtube_url || void 0,
-              highlightVideoUrl: guide.highlight_video_url,
-              mainVideoPoster: videoPoster,
-              highlightVideoThumbnail: guide.highlight_video_thumbnail || void 0,
-              videoSummary: void 0,
-              videoBites: void 0,
-              title: guide.title,
-              captionsUrl,
-              highlightCaptionsUrl,
-              MarkdownRenderer
-            }
-          ) }),
-          guide.content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: guide.content }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk74ALTXXCcjs.VideoBitesStrip,
-            {
-              bites: _nullishCoalesce(guide.video_bites, () => ( [])),
-              filterPublished: true,
-              showTitle: false,
-              profile: _chunk22XAPV6Ncjs.toStripProfile.call(void 0, guide.author),
-              href: `/onboarding-guides/${guide.slug}`
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkRM6AHNM4cjs.ArticleAuthorByline,
-            {
-              author: _nullishCoalesce(_optionalChain([guide, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
-              avatar: _optionalChain([guide, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),
-              jobTitle: _optionalChain([guide, 'access', _17 => _17.author, 'optionalAccess', _18 => _18.job_title]),
-              bio: _nullishCoalesce(authorBio, () => ( _optionalChain([guide, 'access', _19 => _19.author, 'optionalAccess', _20 => _20.about]))),
-              href: authorHref,
-              fallbackBio
-            }
-          ),
-          related.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 border-t border-ods-border pt-8", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "tracking-[-0.36px] text-ods-text-primary text-h3", children: [
-              "More in ",
-              guide.section
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-3", children: related.map((r) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: renderRelatedCardFn(r) }, r.id)) })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: relatedContent }, "related-content")
-        ]
-      }
-    )
-  );
-}
-
-// src/components/onboarding-guides/hooks/use-onboarding-guides.ts
-var _reactquery = require('@tanstack/react-query');
-var onboardingGuideKeys = {
-  all: ["onboarding-guides"],
-  lists: () => [...onboardingGuideKeys.all, "list"],
-  list: (filters) => [...onboardingGuideKeys.lists(), filters],
-  details: () => [...onboardingGuideKeys.all, "detail"],
-  detail: (slug) => [...onboardingGuideKeys.details(), slug],
-  sections: () => [...onboardingGuideKeys.all, "sections"],
-  admin: {
-    all: ["admin", "onboarding-guides"],
-    lists: () => ["admin", "onboarding-guides", "list"],
-    detail: (slug) => ["admin", "onboarding-guide", slug],
-    stats: () => ["admin", "onboarding-guides", "stats"]
-  }
-};
-function useOnboardingGuides(filters) {
-  return _reactquery.useQuery.call(void 0, {
-    queryKey: onboardingGuideKeys.list(filters || {}),
-    queryFn: async () => {
-      const params = new URLSearchParams();
-      if (_optionalChain([filters, 'optionalAccess', _21 => _21.search])) params.set("search", filters.search);
-      if (_optionalChain([filters, 'optionalAccess', _22 => _22.section])) params.set("section", filters.section);
-      if (_optionalChain([filters, 'optionalAccess', _23 => _23.limit])) params.set("limit", filters.limit.toString());
-      if (_optionalChain([filters, 'optionalAccess', _24 => _24.offset])) params.set("offset", filters.offset.toString());
-      if (_optionalChain([filters, 'optionalAccess', _25 => _25.ids, 'optionalAccess', _26 => _26.length])) params.set("ids", filters.ids.join(","));
-      const res = await fetch(`/api/onboarding-guides?${params}`);
-      if (!res.ok) throw new Error("Failed to fetch onboarding guides");
-      return await res.json();
-    }
-  });
-}
-function useOnboardingGuide(slug) {
-  return _reactquery.useQuery.call(void 0, {
-    queryKey: onboardingGuideKeys.detail(slug || ""),
-    queryFn: async () => {
-      const res = await fetch(`/api/onboarding-guides/${slug}`);
-      if (!res.ok) throw new Error("Failed to fetch onboarding guide");
-      return await res.json();
-    },
-    enabled: !!slug
-  });
-}
-function useOnboardingGuideSections() {
-  return _reactquery.useQuery.call(void 0, {
-    queryKey: onboardingGuideKeys.sections(),
-    queryFn: async () => {
-      const res = await fetch("/api/onboarding-guides/sections");
-      if (!res.ok) throw new Error("Failed to fetch onboarding-guide sections");
-      return await res.json();
-    },
-    staleTime: 0
-  });
-}
-
-
-
-
-
-
-
-
-
-exports.OnboardingGuidesCatalogSkeleton = OnboardingGuidesCatalogSkeleton; exports.OnboardingGuidesCatalogView = OnboardingGuidesCatalogView; exports.OnboardingGuideDetailView = OnboardingGuideDetailView; exports.onboardingGuideKeys = onboardingGuideKeys; exports.useOnboardingGuides = useOnboardingGuides; exports.useOnboardingGuide = useOnboardingGuide; exports.useOnboardingGuideSections = useOnboardingGuideSections;

package/dist/chunk-H3RYUTND.cjs

@@ -1,142 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
-
-
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
-
-// src/components/ui/skeleton-surface.ts
-var SKELETON_SURFACE_CLASS = "animate-pulse motion-reduce:animate-none bg-ods-skeleton";
-
-// src/components/loading/unified-skeleton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function UnifiedSkeleton({
-  className,
-  variant = "default",
-  width,
-  height,
-  animate = true,
-  "aria-label": ariaLabel,
-  as: Tag = "div",
-  ...props
-}) {
-  const variantClasses = {
-    default: "rounded-md",
-    text: "rounded-sm",
-    circular: "rounded-full",
-    rectangular: "rounded-none"
-  };
-  const defaultHeights = {
-    default: "h-4",
-    text: "h-4",
-    circular: "h-12 w-12",
-    rectangular: "h-4"
-  };
-  const sizedByAspect = /(?:^|\s)aspect-/.test(_nullishCoalesce(className, () => ( "")));
-  const setsDisplay = /(?:^|\s)(?:inline-block|inline-flex|inline-grid|inline|block|flex|grid|contents|hidden)(?=\s|$)/.test(
-    _nullishCoalesce(className, () => ( ""))
-  );
-  const style = {
-    width,
-    height
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Tag,
-    {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        // An inline span ignores width and height: without a display of its own the bar draws at 0×0.
-        Tag === "span" && !setsDisplay && "inline-block max-w-full align-middle",
-        animate ? SKELETON_SURFACE_CLASS : "bg-ods-skeleton",
-        variantClasses[variant],
-        !height && !style.height && !sizedByAspect && defaultHeights[variant],
-        !width && !style.width && variant !== "circular" && "w-full",
-        className
-      ),
-      style,
-      ...ariaLabel ? { role: "status", "aria-label": ariaLabel } : { "aria-hidden": true },
-      ...props
-    }
-  );
-}
-var TextSkeleton = {
-  /**
-   * Large heading skeleton (h1, h2)
-   */
-  Heading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-8 content-md:h-10 content-lg:h-12", className), ...props }),
-  /**
-   * Medium heading skeleton (h3, h4)
-   */
-  Subheading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-6 content-md:h-7 content-lg:h-8", className), ...props }),
-  /**
-   * Body text skeleton
-   */
-  Body: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-4 content-md:h-5", className), ...props }),
-  /**
-   * Small text skeleton (captions, metadata)
-   */
-  Caption: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-3 content-md:h-4", className), ...props })
-};
-var InteractiveSkeleton = {
-  /**
-   * Button skeleton with proper touch targets
-   */
-  Button: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "h-10 w-32 content-md:h-12 content-md:w-40", className),
-      ...props
-    }
-  ),
-  /**
-   * Input field skeleton
-   */
-  Input: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-10 w-full content-md:h-12", className), ...props }),
-  /**
-   * Filter chip skeleton
-   */
-  Chip: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-8 w-20 rounded-full", className), ...props })
-};
-var MediaSkeleton = {
-  /**
-   * Avatar/profile image skeleton
-   */
-  Avatar: ({
-    size = "md",
-    className,
-    ...props
-  }) => {
-    const sizeClasses = {
-      sm: "h-8 w-8",
-      md: "h-12 w-12",
-      lg: "h-16 w-16"
-    };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "circular", className: _chunk3ATAYP36cjs.cn.call(void 0, sizeClasses[size], className), ...props });
-  },
-  /**
-   * Card image skeleton (1200×630 OG aspect — matches entity-cards default
-   * so loading state never causes a height shift when card data arrives)
-   */
-  CardImage: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, "aspect-[1200/630] w-full", className), ...props }),
-  /**
-   * Icon skeleton
-   */
-  Icon: ({
-    size = "md",
-    className,
-    ...props
-  }) => {
-    const sizeClasses = {
-      sm: "h-4 w-4",
-      md: "h-6 w-6",
-      lg: "h-8 w-8"
-    };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, sizeClasses[size], className), ...props });
-  }
-};
-
-
-
-
-
-
-
-exports.SKELETON_SURFACE_CLASS = SKELETON_SURFACE_CLASS; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton;

package/dist/chunk-L4UI63K6.cjs

@@ -1,103 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _chunkOF336YWGcjs = require('./chunk-OF336YWG.cjs');
-
-
-var _chunk3LU4UFPScjs = require('./chunk-3LU4UFPS.cjs');
-
-
-
-var _chunkRB6BSE3Ocjs = require('./chunk-RB6BSE3O.cjs');
-
-
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
-
-// src/components/ui/product-screen-frame.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var PRODUCT_SCREEN_DESIGN_WIDTH = _chunk3LU4UFPScjs.LAYOUT_STEPS["2xl"].content;
-var PRODUCT_SCREEN_READABLE_WIDTH = _chunk3LU4UFPScjs.LAYOUT_STEPS.lg.content;
-var PRODUCT_SCREEN_SCALE_FROM = _chunk3LU4UFPScjs.LAYOUT_STEPS.md.content;
-var SCALE_VAR = "--product-screen-scale";
-function ProductScreenFrame({
-  children,
-  label,
-  height,
-  appType = "openframe",
-  designWidth = PRODUCT_SCREEN_DESIGN_WIDTH,
-  scaleFrom = PRODUCT_SCREEN_SCALE_FROM,
-  fade = true,
-  className
-}) {
-  const frameRef = _react.useRef.call(void 0, null);
-  const [frame, setFrame] = _react.useState.call(void 0, null);
-  const [portalHost, setPortalHost] = _react.useState.call(void 0, null);
-  const [mode, setMode] = _react.useState.call(void 0, "pending");
-  _react.useLayoutEffect.call(void 0, () => {
-    const element = frameRef.current;
-    if (!element) return void 0;
-    setFrame(element);
-    const measure = () => {
-      const width = element.clientWidth;
-      const scaled = width >= scaleFrom && width < designWidth;
-      element.style.setProperty(SCALE_VAR, String(scaled ? width / designWidth : 1));
-      setMode(scaled ? "scaled" : "native");
-    };
-    measure();
-    const observer = new ResizeObserver(measure);
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [designWidth, scaleFrom]);
-  const screenStyle = mode === "scaled" ? {
-    width: designWidth,
-    // The crop is in frame pixels, so the unscaled box is taller by the same factor.
-    height: `calc(100% / var(${SCALE_VAR}))`,
-    transform: `scale(var(${SCALE_VAR}))`,
-    transformOrigin: "top left"
-  } : (
-    // Unscaled, the screen still needs to be the containing block of anything the
-    // product pins with `position: fixed` (a form's action bar), or it escapes to the window.
-    { width: "100%", height: "100%", transform: "translateZ(0)" }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: frameRef,
-      role: "img",
-      "aria-label": label,
-      "data-app-type": appType,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "relative overflow-hidden", className),
-      style: { height },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRB6BSE3Ocjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRB6BSE3Ocjs.CollisionBoundaryContext.Provider, { value: frame, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            inert: true,
-            "aria-hidden": true,
-            className: _chunk3ATAYP36cjs.cn.call(void 0, "ods-content-area", mode === "pending" && "invisible"),
-            style: screenStyle,
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOF336YWGcjs.PagePicture, { children }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setPortalHost, style: { display: "contents" } })
-            ]
-          }
-        ) }) }),
-        fade && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            "aria-hidden": true,
-            className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-ods-bg to-transparent"
-          }
-        )
-      ]
-    }
-  );
-}
-
-
-
-
-
-
-exports.PRODUCT_SCREEN_DESIGN_WIDTH = PRODUCT_SCREEN_DESIGN_WIDTH; exports.PRODUCT_SCREEN_READABLE_WIDTH = PRODUCT_SCREEN_READABLE_WIDTH; exports.PRODUCT_SCREEN_SCALE_FROM = PRODUCT_SCREEN_SCALE_FROM; exports.ProductScreenFrame = ProductScreenFrame;