@flamingo-stack/openframe-frontend-core 0.0.439-snapshot.20260717095442 → 0.0.439

package/dist/{chunk-QAG357PE.js → chunk-2ELBNZJ3.js}

@@ -4,14 +4,14 @@ import {
   formatFileSize,
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl
-} from "./chunk-ZQYFDYWV.js";
+} from "./chunk-NQQ4NLUT.js";
 import {
   AdobePdfIcon,
   GoogleSheetsIcon
 } from "./chunk-OYGFWWLQ.js";
 import {
   Button
-} from "./chunk-6CITW5BD.js";
+} from "./chunk-4ACSUJ7Q.js";
 
 // src/components/embeds/pdf-viewer.tsx
 import { Download, Eye } from "lucide-react";
@@ -28,7 +28,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
         /* @__PURE__ */ jsx(AdobePdfIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx("h2", { className: "text-h3 text-ods-text-primary truncate", children: displayName })
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
         /* @__PURE__ */ jsx(
@@ -78,7 +78,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
     /* @__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(GoogleSheetsIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx2("h2", { className: "text-h3 text-ods-text-primary truncate", children: displayName })
+        /* @__PURE__ */ jsx2("h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
       ] }),
       /* @__PURE__ */ jsx2(
         Button,
@@ -117,8 +117,8 @@ function FileDownloadCard({
   return /* @__PURE__ */ jsx3("div", { className: "flex flex-col items-center justify-center py-16", children: /* @__PURE__ */ jsxs3("div", { className: "bg-ods-card border border-ods-border rounded-xl p-8 max-w-md w-full text-center space-y-4", children: [
     /* @__PURE__ */ jsx3(FileText, { className: "w-16 h-16 text-ods-text-secondary mx-auto" }),
     /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("h3", { className: "text-h3 text-ods-text-primary", children: fileName || "File" }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-center gap-3 mt-2 text-h6 text-ods-text-secondary", children: [
+      /* @__PURE__ */ jsx3("h3", { className: "text-lg font-semibold text-ods-text-primary", children: fileName || "File" }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-center gap-3 mt-2 text-sm text-ods-text-secondary", children: [
         mimeType && /* @__PURE__ */ jsx3("span", { children: mimeType }),
         typeof fileSize === "number" && /* @__PURE__ */ jsx3("span", { children: formatFileSize(fileSize) })
       ] })
@@ -141,4 +141,4 @@ export {
   GoogleSheetsViewer,
   FileDownloadCard
 };
-//# sourceMappingURL=chunk-QAG357PE.js.map
+//# sourceMappingURL=chunk-2ELBNZJ3.js.map

package/dist/chunk-2ELBNZJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embeds/pdf-viewer.tsx","../src/components/embeds/google-sheets-viewer.tsx","../src/components/embeds/file-download-card.tsx"],"sourcesContent":["\"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","import React from 'react'\nimport { Button } from '../ui'\nimport { FileText, Download } from 'lucide-react'\nimport { formatFileSize } from '../../utils'\n\nexport interface FileDownloadCardProps {\n  fileName?: string\n  mimeType?: string\n  fileSize?: number\n  fileUrl?: string\n}\n\n/**\n * Generic downloadable-file card for the `file` document type. Used by\n * `<DocsHubPage>`'s default `documentTypeRenderers.file`. Embedders can\n * override the default by passing their own `file` renderer.\n *\n * When `fileUrl` is missing, the Download button is omitted (the card still\n * renders the filename + type + size so the user knows what they were\n * about to download).\n */\nexport function FileDownloadCard({\n  fileName,\n  mimeType,\n  fileSize,\n  fileUrl,\n}: FileDownloadCardProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-16\">\n      <div className=\"bg-ods-card border border-ods-border rounded-xl p-8 max-w-md w-full text-center space-y-4\">\n        <FileText className=\"w-16 h-16 text-ods-text-secondary mx-auto\" />\n        <div>\n          <h3 className=\"text-lg font-semibold text-ods-text-primary\">\n            {fileName || 'File'}\n          </h3>\n          <div className=\"flex items-center justify-center gap-3 mt-2 text-sm text-ods-text-secondary\">\n            {mimeType && <span>{mimeType}</span>}\n            {typeof fileSize === 'number' && <span>{formatFileSize(fileSize)}</span>}\n          </div>\n        </div>\n        {fileUrl && (\n          <Button\n            variant=\"accent\"\n            href={fileUrl}\n            openInNewTab\n            leftIcon={<Download className=\"w-4 h-4\" />}\n          >\n            Download File\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","Download","jsx","jsxs","Download"]}

package/dist/{chunk-IZ6A6K6N.cjs → chunk-3WJQL4DN.cjs}

@@ -11,7 +11,7 @@
 
 
 
-var _chunkDUQQEQ7Gcjs = require('./chunk-DUQQEQ7G.cjs');
+var _chunkHTVVXVJLcjs = require('./chunk-HTVVXVJL.cjs');
 
 
 
@@ -21,7 +21,7 @@ var _chunkSSJNN5BScjs = require('./chunk-SSJNN5BS.cjs');
 
 
 
-var _chunkPYR4LVAFcjs = require('./chunk-PYR4LVAF.cjs');
+var _chunkIMK6RUECcjs = require('./chunk-IMK6RUEC.cjs');
 
 
 
@@ -69,7 +69,7 @@ function UnifiedPagination({
   };
   if (totalPages <= 1) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDUQQEQ7Gcjs.Pagination,
+    _chunkHTVVXVJLcjs.Pagination,
     {
       currentPage,
       totalPages,
@@ -82,12 +82,12 @@ var init_unified_pagination = _chunkVRHGVLSLcjs.__esm.call(void 0, {
     "use strict";
     "use client";
     _chunkSSJNN5BScjs.init_next_navigation.call(void 0, );
-    _chunkDUQQEQ7Gcjs.init_pagination.call(void 0, );
+    _chunkHTVVXVJLcjs.init_pagination.call(void 0, );
   }
 });
 
 // src/components/empty-state.tsx
-_chunkPYR4LVAFcjs.init_button2.call(void 0, );
+_chunkIMK6RUECcjs.init_button2.call(void 0, );
 _chunkSSJNN5BScjs.init_next_navigation.call(void 0, );
 var _lucidereact = require('lucide-react');
 
@@ -210,22 +210,22 @@ function EmptyState({
   const smartCTA = getSmartCTA();
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-6 md:py-16 px-6 text-center", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 md:mb-6 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-full bg-ods-card p-3 md:p-6 border border-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-8 h-8 md:w-16 md:h-16 text-ods-text-secondary flex items-center justify-center", children: defaultContent.icon }) }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 md:mb-3 text-h3 text-ods-text-primary", children: displayTitle }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 md:mb-8 max-w-md text-h6 text-ods-text-secondary", children: displayDescription }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 md:mb-3 text-lg md:text-xl font-semibold font-['DM_Sans'] text-ods-text-primary tracking-[-0.02em]", children: displayTitle }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 md:mb-8 max-w-md text-sm font-medium font-['DM_Sans'] text-ods-text-secondary leading-[1.43em]", children: displayDescription }),
     showCTA && smartCTA && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-xs mb-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPYR4LVAFcjs.Button,
+      _chunkIMK6RUECcjs.Button,
       {
         onClick: smartCTA.action,
-        className: ctaVariant === "primary" ? "w-full bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover transition-all duration-150 font-body font-medium" : "w-full bg-transparent border border-ods-border text-ods-text-primary hover:border-ods-accent hover:text-ods-accent transition-all duration-150 font-body font-medium",
+        className: ctaVariant === "primary" ? "w-full bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover transition-all duration-150 font-['DM_Sans'] font-medium" : "w-full bg-transparent border border-ods-border text-ods-text-primary hover:border-ods-accent hover:text-ods-accent transition-all duration-150 font-['DM_Sans'] font-medium",
         children: smartCTA.text
       }
     ) }),
     showBackButton && onGoBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPYR4LVAFcjs.Button,
+      _chunkIMK6RUECcjs.Button,
       {
         onClick: onGoBack,
         variant: "outline",
-        className: "w-full transition-all duration-150 font-body font-medium",
+        className: "w-full transition-all duration-150 font-['DM_Sans'] font-medium",
         children: backButtonText
       }
     ) })
@@ -236,7 +236,7 @@ function EmptyState({
 var _react = require('react');
 
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkDUQQEQ7Gcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkHTVVXVJLcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunkSSJNN5BScjs.useRouter.call(void 0, );
   const pathname = _chunkSSJNN5BScjs.usePathname.call(void 0, );
   const searchParams = _chunkSSJNN5BScjs.useSearchParams.call(void 0, );
@@ -268,7 +268,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         hero.icon,
         _nullishCoalesce(hero.title, () => ( section.hero.title))
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4 text-ods-text-secondary max-w-3xl", children: hero.description })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl", children: hero.description })
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-between w-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]", children: [
       section.hero.title,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ":" })
@@ -276,7 +276,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDUQQEQ7Gcjs.SearchInput,
+        _chunkHTVVXVJLcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -286,7 +286,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDUQQEQ7Gcjs.StatusFilterComponent,
+        _chunkHTVVXVJLcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -311,7 +311,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunkSSJNN5BScjs.useRouter.call(void 0, );
-  const section = _chunkDUQQEQ7Gcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkHTVVXVJLcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -324,7 +324,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDUQQEQ7Gcjs.PageLayout,
+      _chunkHTVVXVJLcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -335,7 +335,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDUQQEQ7Gcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTVVXVJLcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -400,21 +400,21 @@ function DeliveryRow({
   className
 }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkDUQQEQ7Gcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkDUQQEQ7Gcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkDUQQEQ7Gcjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunkHTVVXVJLcjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunkHTVVXVJLcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const statusBadgeScheme = _chunkHTVVXVJLcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h5 text-ods-text-secondary", children: caption }),
+      caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs font-medium uppercase tracking-wider text-ods-text-secondary", children: caption }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[24px] md:min-h-[24px] flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words", children: item.title }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate", children: subtitle }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4 text-ods-text-secondary line-clamp-3 break-words", children: item.description || "No description provided" }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDUQQEQ7Gcjs.StatusBadge,
+        _chunkHTVVXVJLcjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -423,7 +423,7 @@ function DeliveryRow({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDUQQEQ7Gcjs.StatusBadge,
+        _chunkHTVVXVJLcjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -460,4 +460,4 @@ function DeliveryRow({
 
 
 exports.EmptyState = EmptyState; exports.UnifiedPagination = UnifiedPagination; exports.unified_pagination_exports = unified_pagination_exports; exports.init_unified_pagination = init_unified_pagination; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
-//# sourceMappingURL=chunk-IZ6A6K6N.cjs.map
+//# sourceMappingURL=chunk-3WJQL4DN.cjs.map

package/dist/chunk-3WJQL4DN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-3WJQL4DN.cjs","../src/components/unified-pagination.tsx","../src/components/empty-state.tsx","../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx","../src/components/shared/delivery/delivery-row.tsx"],"names":["jsx","jsxs"],"mappings":"AAAA,yLAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACrCA,IAAA,2BAAA,EAAA,CAAA,CAAA;AAAA,wCAAA,0BAAA,EAAA;AAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,GAAA;AAAA,CAAA,CAAA;AAqDM,+CAAA;AAzCC,SAAS,iBAAA,CAAkB;AAAA,EAChC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAA,EAAS,yCAAA,CAAU;AACzB,EAAA,MAAM,aAAA,EAAe,+CAAA,CAAgB;AACrC,EAAA,MAAM,SAAA,EAAW,2CAAA,CAAY;AAE7B,EAAA,MAAM,iBAAA,EAAmB,CAAC,IAAA,EAAA,GAAiB;AAEzC,IAAA,MAAM,eAAA,EAAiB,MAAA,CAAO,OAAA;AAG9B,IAAA,GAAA,CAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,IAAI,CAAA;AAAA,IACnB;AAGA,IAAA,MAAM,OAAA,EAAS,IAAI,eAAA,CAAgB,YAAA,CAAa,QAAA,CAAS,CAAC,CAAA;AAC1D,IAAA,MAAA,CAAO,GAAA,CAAI,MAAA,EAAQ,IAAA,CAAK,QAAA,CAAS,CAAC,CAAA;AAGlC,IAAA,MAAM,OAAA,EAAS,CAAA,EAAA;AACA,IAAA;AAGJ,IAAA;AACF,MAAA;AACA,QAAA;AACK,QAAA;AAAA;AACX,MAAA;AACC,IAAA;AACN,EAAA;AAGkB,EAAA;AAGhB,EAAA;AACG,IAAA;AAAA,IAAA;AACC,MAAA;AACA,MAAA;AACc,MAAA;AAAA,IAAA;AAElB,EAAA;AAEJ;AA5DA;AAAA,EAAA;AAAA,IAAA;AAAA,IAAA;AAEA,IAAA;AACA,IAAA;AAAA,EAAA;AAAA;ADoFoB;AACA;AErFpB;AACA;AAFiB;AAwJb;AAtIuB;AACzB,EAAA;AACA,EAAA;AACA,EAAA;AACiB,EAAA;AACjB,EAAA;AACiB,EAAA;AACP,EAAA;AACV,EAAA;AACA,EAAA;AACa,EAAA;AACK;AACH,EAAA;AAGT,EAAA;AACU,IAAA;AACP,MAAA;AACI,QAAA;AACC,UAAA;AACC,UAAA;AACP,UAAA;AACF,QAAA;AACG,MAAA;AACI,QAAA;AACC,UAAA;AACC,UAAA;AACP,UAAA;AACF,QAAA;AACG,MAAA;AACI,QAAA;AACC,UAAA;AACC,UAAA;AACP,UAAA;AACF,QAAA;AACF,MAAA;AACS,QAAA;AACC,UAAA;AACC,UAAA;AACP,UAAA;AACF,QAAA;AACJ,IAAA;AACF,EAAA;AAGM,EAAA;AAEW,IAAA;AACN,MAAA;AACC,QAAA;AACE,QAAA;AACV,MAAA;AACF,IAAA;AAGM,IAAA;AACA,IAAA;AAGQ,IAAA;AACP,MAAA;AACI,QAAA;AACC,UAAA;AACE,UAAA;AACF,YAAA;AAEI,cAAA;AACF,cAAA;AACJ,cAAA;AACF,YAAA;AACF,UAAA;AACF,QAAA;AACG,MAAA;AAEC,QAAA;AACK,UAAA;AACC,YAAA;AACE,YAAA;AACF,cAAA;AAEF,gBAAA;AACI,gBAAA;AACJ,gBAAA;AACF,cAAA;AACF,YAAA;AACF,UAAA;AACS,QAAA;AACF,UAAA;AACC,YAAA;AACE,YAAA;AACV,UAAA;AACF,QAAA;AACO,QAAA;AACC,UAAA;AACE,UAAA;AACV,QAAA;AACG,MAAA;AAEC,QAAA;AACK,UAAA;AACC,YAAA;AACE,YAAA;AACV,UAAA;AACS,QAAA;AACF,UAAA;AACC,YAAA;AACE,YAAA;AACF,cAAA;AAEF,gBAAA;AACI,gBAAA;AACJ,gBAAA;AACF,cAAA;AACF,YAAA;AACF,UAAA;AACF,QAAA;AACO,QAAA;AACC,UAAA;AACE,UAAA;AACV,QAAA;AACF,MAAA;AACS,QAAA;AACC,UAAA;AACE,UAAA;AACV,QAAA;AACJ,IAAA;AACF,EAAA;AAEM,EAAA;AACA,EAAA;AACA,EAAA;AACW,EAAA;AAGf,EAAA;AAEE,oBAAA;AASA,oBAAA;AAKA,oBAAA;AAKY,IAAA;AAEP,MAAA;AAAA,MAAA;AACU,QAAA;AACE,QAAA;AAKV,QAAA;AAAS,MAAA;AAEd,IAAA;AAID,IAAA;AAEI,MAAA;AAAA,MAAA;AACU,QAAA;AACD,QAAA;AACE,QAAA;AAET,QAAA;AAAA,MAAA;AAEL,IAAA;AAEJ,EAAA;AAEJ;AF8BoB;AACA;AGzND;AA4FPA;AAhDI;AACE,EAAA;AACD,EAAA;AACE,EAAA;AACX,EAAA;AAES,EAAA;AACA,EAAA;AAET,EAAA;AACA,EAAA;AAQC,EAAA;AACS,EAAA;AACC,IAAA;AACC,EAAA;AAEZ,EAAA;AACS,IAAA;AACE,IAAA;AACA,IAAA;AACH,IAAA;AACG,IAAA;AACjB,EAAA;AAEM,EAAA;AACS,IAAA;AACE,IAAA;AACD,IAAA;AACE,IAAA;AACD,IAAA;AACjB,EAAA;AAGE,EAAA;AAEK,IAAA;AAEG,sBAAA;AACQ,QAAA;AACA,yBAAA;AACR,MAAA;AACA,sBAAA;AAKF,IAAA;AAEkB,MAAA;AACd,sBAAA;AAEJ,IAAA;AAGH,IAAA;AAEW,IAAA;AAGN,MAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACA,UAAA;AACO,UAAA;AACG,UAAA;AACA,UAAA;AAAA,QAAA;AACZ,MAAA;AAGA,MAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACA,UAAA;AACA,UAAA;AAAiC,QAAA;AACnC,MAAA;AAEJ,IAAA;AAGD,IAAA;AACH,EAAA;AAEJ;AHuJoB;AACA;AIzRpB;AA2EMA;AAtCU;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACc;AACP,EAAA;AACC,EAAA;AAOd,EAAA;AAGc,IAAA;AACO,IAAA;AACjB,EAAA;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOJA,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACQ,QAAA;AACG,QAAA;AACA,QAAA;AACD,QAAA;AACG,QAAA;AAEZ,QAAA;AAEA,MAAA;AACF,IAAA;AAAA,EAAA;AAMa,EAAA;AACjB;AJ2OoB;AACA;AK/RVA;AAXM;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACyB;AAEvB,EAAA;AACEC,oBAAAA;AACE,sBAAA;AAKA,sBAAA;AAKA,sBAAA;AAKF,IAAA;AACAD,oBAAAA;AAGF,EAAA;AAEJ;AAOgB;AAEZ,EAAA;AAEIC,oBAAAA;AACE,sBAAA;AAGA,sBAAA;AAGA,sBAAA;AAEI,wBAAA;AACA,wBAAA;AACA,wBAAA;AAEJ,MAAA;AACF,IAAA;AACAA,oBAAAA;AACE,sBAAA;AACA,sBAAA;AACF,IAAA;AAEJ,EAAA;AAEJ;AAOgB;AAEZ,EAAA;AAMJ;ALiQoB;AACA;AMhWpB;AAQA;AAwDUD;AApDD;AACU,EAAA;AACJ,EAAA;AACK,EAAA;AACJ,EAAA;AACC,EAAA;AACC,EAAA;AACD,EAAA;AACD,EAAA;AACP,EAAA;AACT;AAuBgB;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACmB;AACF,EAAA;AACX,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACW,EAAA;AAGf,EAAA;AAEEC,oBAAAA;AAEI,MAAA;AAIF,sBAAA;AAKA,sBAAA;AAKA,sBAAA;AAKF,IAAA;AAGAA,oBAAAA;AACE,sBAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACN,UAAA;AACQ,UAAA;AACR,UAAA;AAAU,QAAA;AACZ,MAAA;AACA,sBAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACE,UAAA;AACR,UAAA;AAAyD,QAAA;AAC3D,MAAA;AACF,IAAA;AACF,EAAA;AAGgB,EAAA;AAChB,IAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAA;AACQ,IAAA;AACR,IAAA;AACF,EAAA;AAEU,EAAA;AAQN,IAAA;AAIJ,EAAA;AAEO,EAAA;AACT;ANsSoB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-3WJQL4DN.cjs","sourcesContent":[null,"\"use client\"\n\nimport { useRouter, useSearchParams, usePathname } from \"../embed-shims/next-navigation\"\nimport { Pagination } from \"./pagination\"\n\ninterface UnifiedPaginationProps {\n  currentPage: number\n  totalPages: number\n  onPageChange?: (page: number) => void\n  className?: string\n}\n\nexport function UnifiedPagination({ \n  currentPage, \n  totalPages, \n  onPageChange,\n  className = \"mt-8 flex justify-center w-full\"\n}: UnifiedPaginationProps) {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const pathname = usePathname()\n\n  const handlePageChange = (page: number) => {\n    // Preserve current scroll position\n    const currentScrollY = window.scrollY\n    \n    // Call the callback to update local state (prevents reload)\n    if (onPageChange) {\n      onPageChange(page)\n    }\n    \n    // Update URL for bookmarking without navigation\n    const params = new URLSearchParams(searchParams.toString())\n    params.set(\"page\", page.toString())\n    \n    // Update URL without navigation (for bookmarking support)\n    const newUrl = `${pathname}?${params.toString()}`\n    window.history.replaceState(null, '', newUrl)\n    \n    // Restore scroll position after a brief delay to allow content to render\n    setTimeout(() => {\n      window.scrollTo({\n        top: currentScrollY,\n        behavior: 'instant' // Instant to prevent any scroll animation\n      })\n    }, 0)\n  }\n\n  // Don't render pagination if there's only one page\n  if (totalPages <= 1) return null\n\n  return (\n    <div className={className}>\n      <Pagination\n        currentPage={currentPage}\n        totalPages={totalPages}\n        onPageChange={handlePageChange}\n      />\n    </div>\n  )\n} ","\"use client\";\n\nimport { Search, FileText, Package } from \"lucide-react\"\nimport { Button } from \"./ui/button\"\nimport { useRouter } from \"../embed-shims/next-navigation\"\n\nexport interface EmptyStateProps {\n  type: 'vendors' | 'posts' | 'search' | 'generic'\n  title?: string\n  description?: string\n  showBackButton?: boolean\n  onGoBack?: () => void\n  backButtonText?: string\n  // New CTA properties\n  showCTA?: boolean\n  ctaText?: string\n  onCtaClick?: () => void\n  ctaVariant?: 'primary' | 'secondary'\n}\n\nexport function EmptyState({\n  type,\n  title,\n  description,\n  showBackButton = false,\n  onGoBack,\n  backButtonText = \"Go Back\",\n  showCTA = true,\n  ctaText,\n  onCtaClick,\n  ctaVariant = 'primary'\n}: EmptyStateProps) {\n  const router = useRouter()\n\n  // Default content based on type\n  const getDefaultContent = () => {\n    switch (type) {\n      case 'vendors':\n        return {\n          icon: <Package className=\"w-full h-full\" />,\n          title: \"No vendors found\",\n          description: \"We couldn't find any vendors matching your criteria. Try adjusting your filters or search terms.\"\n        }\n      case 'posts':\n        return {\n          icon: <FileText className=\"w-full h-full\" />,\n          title: \"No articles found\",\n          description: \"We couldn't find any articles matching your criteria. Try different categories, tags, or search terms.\"\n        }\n      case 'search':\n        return {\n          icon: <Search className=\"w-full h-full\" />,\n          title: \"No results found\",\n          description: \"Your search didn't return any results. Try different keywords or browse our categories.\"\n        }\n      default:\n        return {\n          icon: <Search className=\"w-full h-full\" />,\n          title: \"Nothing found\",\n          description: \"We couldn't find what you're looking for. Try adjusting your search or filters.\"\n        }\n    }\n  }\n\n  // Smart CTA logic based on context\n  const getSmartCTA = () => {\n    // If custom CTA is provided, use it\n    if (ctaText && onCtaClick) {\n      return {\n        text: ctaText,\n        action: onCtaClick\n      }\n    }\n\n    // Check if we're on the client side\n    const isClient = typeof window !== 'undefined'\n    const currentPath = isClient ? window.location.pathname : ''\n\n    // Smart defaults based on type and context\n    switch (type) {\n      case 'search':\n        return {\n          text: \"Reset Filters\",\n          action: () => {\n            if (isClient) {\n              // Try to reset search by clearing URL params and refreshing\n              const url = new URL(window.location.href)\n              url.search = ''\n              router.push(url.pathname)\n            }\n          }\n        }\n      case 'posts':\n        // If we're on blog/community pages, reset blog filters\n        if (currentPath.includes('/blog')) {\n          return {\n            text: \"Reset Filters\",\n            action: () => {\n              if (isClient) {\n                // Reset blog search and filters by clearing URL params\n                const url = new URL(window.location.href)\n                url.search = ''\n                router.push(url.pathname)\n              }\n            }\n          }\n        } else if (currentPath.includes('/profile')) {\n          return {\n            text: \"Browse Vendors\",\n            action: () => router.push('/vendors')\n          }\n        }\n        return {\n          text: \"View All Posts\",\n          action: () => router.push('/blog')\n        }\n      case 'vendors':\n        // If we're in profile or other pages, direct to main content\n        if (currentPath.includes('/profile')) {\n          return {\n            text: \"Browse Vendors\",\n            action: () => router.push('/vendors')\n          }\n        } else if (currentPath.includes('/vendors') || currentPath.includes('/margin-increase/compare')) {\n          return {\n            text: \"Reset Filters\",\n            action: () => {\n              if (isClient) {\n                // Reset vendor search and filters by clearing URL params\n                const url = new URL(window.location.href)\n                url.search = ''\n                router.push(url.pathname)\n              }\n            }\n          }\n        }\n        return {\n          text: \"Browse Vendors\",\n          action: () => router.push('/vendors')\n        }\n      default:\n        return {\n          text: \"Browse Vendors\",\n          action: () => router.push('/vendors')\n        }\n    }\n  }\n\n  const defaultContent = getDefaultContent()\n  const displayTitle = title || defaultContent.title\n  const displayDescription = description || defaultContent.description\n  const smartCTA = getSmartCTA()\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 md:py-16 px-6 text-center\">\n      {/* Icon */}\n      <div className=\"mb-3 md:mb-6 flex items-center justify-center\">\n        <div className=\"rounded-full bg-ods-card p-3 md:p-6 border border-ods-border\">\n          <div className=\"w-8 h-8 md:w-16 md:h-16 text-ods-text-secondary flex items-center justify-center\">\n            {defaultContent.icon}\n          </div>\n        </div>\n      </div>\n\n      {/* Title */}\n      <h2 className=\"mb-2 md:mb-3 text-lg md:text-xl font-semibold font-['DM_Sans'] text-ods-text-primary tracking-[-0.02em]\">\n        {displayTitle}\n      </h2>\n\n      {/* Description */}\n      <p className=\"mb-4 md:mb-8 max-w-md text-sm font-medium font-['DM_Sans'] text-ods-text-secondary leading-[1.43em]\">\n        {displayDescription}\n      </p>\n\n      {/* Smart CTA Button */}\n      {showCTA && smartCTA && (\n        <div className=\"w-full max-w-xs mb-3\">\n          <Button\n            onClick={smartCTA.action}\n            className={ctaVariant === 'primary'\n              ? \"w-full bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover transition-all duration-150 font-['DM_Sans'] font-medium\"\n              : \"w-full bg-transparent border border-ods-border text-ods-text-primary hover:border-ods-accent hover:text-ods-accent transition-all duration-150 font-['DM_Sans'] font-medium\"\n            }\n          >\n            {smartCTA.text}\n          </Button>\n        </div>\n      )}\n\n      {/* Optional Back Button */}\n      {showBackButton && onGoBack && (\n        <div className=\"w-full max-w-xs\">\n          <Button\n            onClick={onGoBack}\n            variant=\"outline\"\n            className=\"w-full transition-all duration-150 font-['DM_Sans'] font-medium\"\n          >\n            {backButtonText}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n} ","'use client';\n\n/**\n * DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n *\n *   - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n *   - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n *     (hero mode with icon + description + back link)\n *\n * Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n */\n\nimport type { ReactNode } from 'react';\nimport { useState, useEffect } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport { SearchInput } from '../../ui';\nimport { StatusFilterComponent } from '../../features';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionViewProps {\n  /** Which section to render — drives title, search, and filter\n   *  config via the `OPENFRAME_DEV_SECTIONS` registry. */\n  sectionKey: OpenframeDevSectionKey;\n  /** When set, renders the rich page-level hero (icon + h1 + description).\n   *  Omit for the compact tab-context heading. */\n  hero?: {\n    /** Pre-rendered icon JSX. Server components render the icon themselves\n     *  and pass the element here — function references can't cross the\n     *  server→client boundary, but React elements can. */\n    icon: ReactNode;\n    /** Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n     *  when omitted, so embedders can override the (OpenFrame-specific) default\n     *  copy without forking the registry. */\n    title?: string;\n    description: string;\n  };\n  /** Optional slot rendered BETWEEN the hero and the search/filter\n   *  controls. Use this for an entry-action surface that should sit\n   *  above the list (e.g. the Help Center's \"Open a new ticket\" form).\n   *  The slot is wrapped in the same `gap-10` flex column so spacing\n   *  matches the surrounding chrome — callers should NOT add their\n   *  own top/bottom margin. Renders `null` (no DOM) when omitted. */\n  preControls?: ReactNode;\n  /** The page-specific list body. Reads URL params written by this\n   *  component (search input + filter pills). */\n  children: ReactNode;\n  /** Render this component's own title heading (hero or compact `h2`). Default\n   *  `true` — the tab context renders the compact heading itself. Pass `false`\n   *  when the host already renders the title elsewhere (e.g. `DevSectionPage`\n   *  routes it through the unified `PageLayout` `TitleBlock`): then only the\n   *  search + filter controls + list render, with no duplicate heading. */\n  showHeading?: boolean;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }: DevSectionViewProps) {\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const search = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter\n    ? searchParams.get(filter.paramKey) || filter.defaultValue\n    : '';\n\n  // Controlled search-input state — input commits to the URL only on\n  // Enter (not on every keystroke), preserving the legacy behavior.\n  // Lazy init from URL avoids a brief flash of stale value on first\n  // paint after URL-driven re-render (e.g. tab switch).\n  const [searchValue, setSearchValue] = useState(() => currentSearch);\n  useEffect(() => {\n    setSearchValue(currentSearch);\n  }, [currentSearch]);\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) params.set(search.paramKey, value.trim());\n    else params.delete(search.paramKey);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  const handleFilterChange = (value: string) => {\n    if (!filter) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value === filter.defaultValue) params.delete(filter.paramKey);\n    else params.set(filter.paramKey, value);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {showHeading &&\n        (hero ? (\n          <div className=\"space-y-4\">\n            <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n              {hero.icon}\n              {hero.title ?? section.hero.title}\n            </h1>\n            <p className=\"font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl\">\n              {hero.description}\n            </p>\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-between w-full\">\n            <h2 className=\"font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]\">\n              {section.hero.title}\n              <span className=\"text-ods-accent\">:</span>\n            </h2>\n          </div>\n        ))}\n\n      {preControls}\n\n      {(search || filter) && (\n        <div className=\"space-y-4\">\n          {search && (\n            <SearchInput\n              showDropdown={false}\n              placeholder={search.placeholder}\n              value={searchValue}\n              onChange={setSearchValue}\n              onSubmit={handleSearchSubmit}\n            />\n          )}\n          {filter && (\n            <StatusFilterComponent\n              selectedStatus={currentFilterValue}\n              onStatusChange={handleFilterChange}\n              statusOptions={[...filter.options]}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n *\n * Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n *\n * Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n *\n * Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n */\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionPageProps {\n  sectionKey: OpenframeDevSectionKey;\n  /** The page-specific list body (e.g. `<RoadmapList />`). */\n  children: ReactNode;\n  /** Optional slot rendered BETWEEN the hero and search/filter — see\n   *  `DevSectionView.preControls`. Used by surfaces that want an entry\n   *  action (e.g. Help Center's \"Open a new ticket\" form) above the\n   *  controls instead of below them. */\n  preControls?: ReactNode;\n  /** Back-button config — same shape as `LegalDocumentPage` /\n   *  `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n   *  `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n   *  should override `href`, or pass `false` if the embed has no home page. */\n  backButton?: { label?: string; href?: string } | false;\n  /** Override the hero title. Defaults to the (OpenFrame-specific) copy in\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n   *  section for a non-OpenFrame embed. */\n  title?: string;\n  /** Override the hero subtitle/description. Defaults to\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. */\n  subtitle?: string;\n  /** Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n   *  `true` — the contract for marketing/hub surfaces with no app shell. Pass\n   *  `false` when the host layout already provides the page container (e.g.\n   *  openframe-frontend's `AppLayout` `<main>`): then only the\n   *  `page-shell-content` padding box is rendered, avoiding a nested `<main>`. */\n  shell?: boolean;\n}\n\nexport function DevSectionPage({\n  sectionKey,\n  children,\n  preControls,\n  backButton,\n  title,\n  subtitle,\n  shell = true,\n}: DevSectionPageProps) {\n  const router = useRouter();\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n\n  // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n  // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n  // After `backButton &&` narrowing, inner type is `{ label?, href? } |\n  // undefined`; don't re-compare to `false` (TS2367).\n  const backCfg =\n    backButton === false\n      ? undefined\n      : {\n          label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n          onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n        };\n\n  const inner = (\n    // Unified header: title/description route through the canonical (frozen)\n    // `PageLayout` `TitleBlock` (text-h2) — same as FAQ / Legal / detail pages —\n    // so every help-center surface shares one header. `DevSectionView` then\n    // renders ONLY its search + filter controls (`showHeading={false}`), no\n    // duplicate title. (The hero icon is intentionally dropped: TitleBlock is\n    // frozen and renders title-only.)\n    <PageLayout\n      title={title ?? section.hero.title}\n      subtitle={subtitle ?? section.hero.description}\n      titleSize=\"h1\"\n      titleWrap\n      backButton={backCfg}\n    >\n      <DevSectionView sectionKey={sectionKey} showHeading={false} preControls={preControls}>\n        {children}\n      </DevSectionView>\n    </PageLayout>\n  );\n\n  // `shell` true → standalone `<PageShell>` (own <main> + bg + max-width).\n  // false → padding-only box (no nested <main>) for hosts whose layout already\n  // provides the container; both consume the host's `--page-shell-*` vars.\n  return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n","'use client';\n\n/**\n * Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n *   left column  → title (h3) / subtitle (h5 uppercase) / description\n *                  (h4 line-clamp-3), each in a fixed min-height block\n *                  so rows align across the grid\n *   right column → caller-supplied stacked badges\n *\n * Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n *\n * Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n *\n * NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n */\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n  title: string;\n  /** Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). */\n  subtitle: string;\n  /** 3-line description block. Empty string renders the fallback. */\n  description: string;\n  /** Fallback copy when `description` is empty. Defaults to a generic\n   *  string; ticket / delivery surfaces override. */\n  emptyDescription?: string;\n  /** Right column — caller renders its own stacked badges. */\n  rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n  title,\n  subtitle,\n  description,\n  emptyDescription = 'No description provided',\n  rightBadges,\n}: DevCardRowContentProps) {\n  return (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        <div className=\"min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {description || emptyDescription}\n          </p>\n        </div>\n      </div>\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        {rightBadges}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n */\nexport function DevCardRowSkeleton() {\n  return (\n    <div className=\"border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]\">\n      <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n        <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n          <div className=\"min-h-[24px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n          </div>\n          <div className=\"min-h-[20px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-1/2\" />\n          </div>\n          <div className=\"min-h-[72px] flex items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-2/3\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n          <div className=\"h-[32px] w-[100px] bg-ods-border rounded animate-pulse\" />\n          <div className=\"h-[32px] w-[120px] bg-ods-border rounded animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n */\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n  return (\n    <div className=\"bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full\">\n      {Array.from({ length: rows }, (_, i) => (\n        <DevCardRowSkeleton key={i} />\n      ))}\n    </div>\n  );\n}\n","'use client'\n\n/**\n * `<DeliveryRow />` — canonical single-row presentation for a ClickUp\n * delivery item.\n *\n * Single source of truth: both the `/bug-fixes-and-enhancements` page\n * (via `DeliveryTable`) AND the linked-delivery card on a HubSpot ticket\n * (via `TicketLinkedDeliveryCard`) compose this primitive. Visual parity\n * across those two surfaces is the design goal — the user reads the\n * card on their ticket and recognises it as a row from the public\n * delivery list.\n *\n * Behaviors:\n *   - `href` set → outer element is an `<a>`, the whole row becomes\n *     clickable (used by the linked-card surface to deep-link into\n *     `/bug-fixes-and-enhancements?focus=<id>`).\n *   - `id` set → outer element gets that DOM id so the consuming page\n *     can `scrollIntoView` to it when the URL carries `?focus=<id>`.\n *   - `highlighted` true → brief accent border + background pulse\n *     (`animate-flash-focus` keyframe defined in `tailwind.config.ts`).\n *   - `caption` set → small uppercase label rendered above the title\n *     (\"LINKED DELIVERY\" on the ticket-side variant). Omitted on the\n *     standard list rendering.\n */\n\nimport * as React from 'react'\nimport Link from '../../../embed-shims/next-link'\nimport { StatusBadge } from '../../ui/status-badge'\nimport { getStatusColorScheme } from '../../../utils'\nimport {\n  type DeliveryItem,\n  TASK_TYPE_LABELS,\n  TASK_TYPE_TEXT_COLORS,\n} from '../../../types/delivery'\nimport { cn } from '../../../utils/cn'\n\n/** Same heuristic as DeliveryTable's local helper. Inlined so the row\n *  primitive owns its complete rendering contract. */\nfunction getRelativeTime(timestamp: number): string {\n  const now = Date.now()\n  const diff = now - timestamp\n  const days = Math.floor(diff / (1000 * 60 * 60 * 24))\n  const weeks = Math.floor(days / 7)\n  const months = Math.floor(days / 30)\n  if (months > 0) return months === 1 ? 'last month' : `${months} months ago`\n  if (weeks > 0) return weeks === 1 ? 'last week' : `${weeks} weeks ago`\n  if (days > 0) return days === 1 ? 'yesterday' : `${days} days ago`\n  return 'today'\n}\n\nexport interface DeliveryRowProps {\n  item: DeliveryItem\n  /** When set, the row becomes a clickable anchor. The ticket-side\n   *  linked-card composes this from `buildDevSectionUrl('delivery', id)`\n   *  which carries `?search=<id>` — the delivery list filters to that\n   *  exact task on landing (canonical deep-link mechanism, same one\n   *  the chat-inline delivery card uses). */\n  href?: string\n  /** Small uppercase caption rendered above the title. Used by the\n   *  linked-delivery card variant (\"LINKED DELIVERY\"). */\n  caption?: string\n  /** DOM `id` applied to the row's outer element. `DeliveryTable`\n   *  always sets `delivery-<external_id>` so chat-card deep-links\n   *  (`?search=<id>#delivery-<id>`) and the ticket linked-card path\n   *  both have a target for `useScrollToHash` to scroll to. Always\n   *  paired with `scroll-mt-24` on the outer element so the row lands\n   *  BELOW the sticky chrome after the scroll. */\n  id?: string\n  className?: string\n}\n\nexport function DeliveryRow({\n  item,\n  href,\n  caption,\n  id,\n  className,\n}: DeliveryRowProps) {\n  const taskType = item.taskType as keyof typeof TASK_TYPE_LABELS\n  const typeBadgeLabel = TASK_TYPE_LABELS[taskType] || 'TASK'\n  const typeBadgeTextColor = TASK_TYPE_TEXT_COLORS[taskType] || ''\n  const statusBadgeScheme = getStatusColorScheme(item.status)\n  const relativeTime = getRelativeTime(item.dateUpdated)\n  const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(', ')}` : ''}, ${item.id}`\n\n  const inner = (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      {/* Left: caption (optional) + title + subtitle + description */}\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        {caption && (\n          <p className=\"text-xs font-medium uppercase tracking-wider text-ods-text-secondary\">\n            {caption}\n          </p>\n        )}\n        <div className=\"min-h-[24px] md:min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {item.title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {item.description || 'No description provided'}\n          </p>\n        </div>\n      </div>\n\n      {/* Right: status + task-type badges */}\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        <StatusBadge\n          text={item.status.toUpperCase()}\n          colorScheme={statusBadgeScheme}\n          variant=\"card\"\n          className=\"border border-ods-border\"\n        />\n        <StatusBadge\n          text={typeBadgeLabel}\n          variant=\"card\"\n          className={`border border-ods-border ${typeBadgeTextColor}`}\n        />\n      </div>\n    </div>\n  )\n\n  const baseClass = cn(\n    'block p-[12px] md:p-[16px] no-underline text-inherit transition-colors duration-150',\n    // `scroll-mt-24` is paid for whether `id` is set or not (it's a\n    // single Tailwind utility, no runtime cost). Keeping it\n    // unconditional means a future caller adding `id` doesn't also\n    // have to remember to ask for the offset.\n    'scroll-mt-24',\n    href && 'hover:bg-ods-bg-hover cursor-pointer',\n    className,\n  )\n\n  if (href) {\n    // `Link` is the env-aware embed-shim — delegates to `next/link` on\n    // a Next.js host (soft RSC nav, back-button restores the previous\n    // page's React state intact), falls back to a plain `<a>` on\n    // non-Next embedders. A raw `<a href>` was hard-navigating +\n    // losing TanStack-Query state on back, leaving /tickets stuck on\n    // its skeleton.\n    return (\n      <Link href={href} id={id} className={baseClass} prefetch={false}>\n        {inner}\n      </Link>\n    )\n  }\n\n  return <div id={id} className={baseClass}>{inner}</div>\n}\n"]}

package/dist/{chunk-6CITW5BD.js → chunk-4ACSUJ7Q.js}

@@ -79,7 +79,7 @@ var init_button = __esm({
             // mono-uppercase control style of "small" nor a heavier weight.
             // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size
             // floor) with horizontal-dominant padding and a 14px glyph.
-            compact: "py-0 px-[var(--spacing-system-sf)] text-h6 font-normal h-6 [&_svg]:h-3.5 [&_svg]:w-3.5",
+            compact: "py-0 px-[var(--spacing-system-sf)] font-body font-normal text-[13px] md:text-sm leading-snug h-6 [&_svg]:h-3.5 [&_svg]:w-3.5",
             icon: "p-[var(--spacing-system-sf)] h-11 w-11 md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6",
             // Quiet 32px icon target with a 16px glyph, fixed across breakpoints
             // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;
@@ -481,7 +481,7 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var errorVariantClasses = {
   error: "text-ods-error",
-  warning: "text-ods-warning",
+  warning: "text-[var(--ods-attention-yellow-warning)]",
   success: "text-ods-success",
   muted: "text-ods-text-secondary"
 };
@@ -511,7 +511,7 @@ import { Loader2 } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var invalidBorderClasses = {
   error: "border-ods-error hover:border-ods-error has-[:focus]:border-ods-error",
-  warning: "!border-ods-warning hover:!border-ods-warning has-[:focus]:!border-ods-warning"
+  warning: "!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]"
 };
 var Input = React2.forwardRef(
   ({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = "error", loading = false, ...props }, ref) => {
@@ -656,7 +656,7 @@ var DropdownMenuSubTrigger = React7.forwardRef(({ className, inset, children, ..
   {
     ref,
     className: cn(
-      "flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-h6 outline-none hover:bg-ods-bg-hover focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-hover [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-ods-bg-hover focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-hover [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     ),
@@ -701,7 +701,7 @@ var DropdownMenuItem = React7.forwardRef(({ className, inset, ...props }, ref) =
   {
     ref,
     className: cn(
-      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-h6 outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-base outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     ),
@@ -714,7 +714,7 @@ var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, checked
   {
     ref,
     className: cn(
-      "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-h6 outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,
@@ -731,7 +731,7 @@ var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }
   {
     ref,
     className: cn(
-      "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-h6 outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -747,7 +747,7 @@ var DropdownMenuLabel = React7.forwardRef(({ className, inset, ...props }, ref)
   {
     ref,
     className: cn(
-      "px-2 py-1.5 text-h6 font-semibold text-ods-text-secondary",
+      "px-2 py-1.5 text-sm font-semibold text-ods-text-secondary",
       inset && "pl-8",
       className
     ),
@@ -771,7 +771,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsx6(
     "span",
     {
-      className: cn("ml-auto text-h6 text-ods-text-secondary opacity-60", className),
+      className: cn("ml-auto text-xs tracking-widest text-ods-text-secondary opacity-60", className),
       ...props
     }
   );
@@ -959,4 +959,4 @@ export {
   SkeletonList,
   SkeletonNavigation
 };
-//# sourceMappingURL=chunk-6CITW5BD.js.map
+//# sourceMappingURL=chunk-4ACSUJ7Q.js.map

package/dist/chunk-4ACSUJ7Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button/button-styles.ts","../src/components/ui/button/button.tsx","../src/components/ui/button/split-button.tsx","../src/components/ui/button/index.ts","../src/components/ui/field-wrapper.tsx","../src/components/ui/input.tsx","../src/components/ui/checkbox.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/portal-container.tsx","../src/components/ui/skeleton.tsx"],"sourcesContent":["// Shared style atoms for `Button` and `SplitButton`. Extracted to keep a single\n// source of truth for surface colors, outline borders, and split-divider colors.\n\n// Each variant pairs `disabled:` (real `<button disabled>`) with `aria-disabled:`\n// (used for `<Link aria-disabled>` since anchors don't support `:disabled`).\nexport const buttonSurfaceClasses = {\n  accent:\n    \"bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover active:bg-ods-accent-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n  outline:\n    \"bg-ods-card text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-ods-card disabled:text-ods-text-disabled aria-disabled:bg-ods-card aria-disabled:text-ods-text-disabled\",\n  transparent:\n    \"bg-transparent text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled\",\n  destructive:\n    \"bg-ods-error text-ods-text-on-accent hover:bg-ods-error-hover active:bg-ods-error-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled\",\n} as const\n\nexport const outlineBorderClasses =\n  \"border border-ods-border hover:border-ods-border-hover active:border-ods-border-active disabled:border-ods-border aria-disabled:border-ods-border\"\n\n// Color of the vertical seam between the main and icon halves (split layouts).\nexport const splitDividerColorClasses = {\n  accent: \"border-ods-accent-active\",\n  outline: \"border-ods-border\",\n  transparent: \"border-ods-border\",\n  destructive: \"border-ods-error-active\",\n} as const\n\nexport type ButtonSurfaceVariant = keyof typeof buttonSurfaceClasses\n","\"use client\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport Link from \"../../../embed-shims/next-link\"\nimport React from \"react\"\n\nimport { cn } from \"../../../utils/cn\"\nimport { buttonSurfaceClasses, outlineBorderClasses, splitDividerColorClasses } from \"./button-styles\"\n\n// Default layout: centered single content area, padding/gap on the button itself.\nconst buttonVariants = cva(\n  [\n    \"relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]\",\n    \"rounded-md whitespace-nowrap\",\n    \"transition-colors duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus\",\n    \"disabled:pointer-events-none\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:h-5 [&_svg]:w-5\",\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n      },\n      size: {\n        default: \"py-[var(--spacing-system-sf)] px-[var(--spacing-system-m)] text-h3 md:h-12 h-10\",\n        small: \"p-[var(--spacing-system-xs)] text-h5 h-6 md:h-8\",\n        \"small-legacy\": \"py-[var(--spacing-system-xs)] px-[var(--spacing-system-m)] h-10 text-[14px] font-bold\", // Temporary alias for \"small\" — deprecated; grep size=\"small-legacy\" (lib + hub) and migrate the remaining consumers before removal\n        // 24px pill for slim strips (announcement/promo bars, inline banner\n        // actions — Primer banner / Polaris banner / Vercel-bar convention).\n        // The label matches the strip's MESSAGE type ramp exactly (DM Sans\n        // regular, 13px -> md:14px, snug leading — the announcement bar's\n        // subtitle styling): in-strip CTAs must never read louder than the\n        // message beside them, so this deliberately uses neither the\n        // mono-uppercase control style of \"small\" nor a heavier weight.\n        // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size\n        // floor) with horizontal-dominant padding and a 14px glyph.\n        compact: \"py-0 px-[var(--spacing-system-sf)] font-body font-normal text-[13px] md:text-sm leading-snug h-6 [&_svg]:h-3.5 [&_svg]:w-3.5\",\n        icon: \"p-[var(--spacing-system-sf)] h-11 w-11 md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6\",\n        // Quiet 32px icon target with a 16px glyph, fixed across breakpoints\n        // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;\n        // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as\n        // metadata rather than CTAs — author-page social rows, share rows.\n        // Pair with variant=\"transparent\" for the ghost treatment.\n        \"icon-sm\": \"p-[var(--spacing-system-xxs)] h-8 w-8 [&_svg]:h-4 [&_svg]:w-4\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      noPaddingX: {\n        true: \"px-0\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      { size: \"small\", class: \"[&_svg]:h-4 [&_svg]:w-4\" },\n    ],\n    defaultVariants: {\n      variant: \"accent\",\n      size: \"default\",\n      fullWidth: false,\n      noPaddingX: false,\n    },\n  }\n)\n\n// Split layout (used when `splitIcon` is provided): outer button has no padding;\n// inner slots own padding/gap so the divider can span full button height.\nconst splitShellVariants = cva(\n  [\n    \"group relative inline-flex items-stretch overflow-hidden rounded-md whitespace-nowrap\",\n    \"transition-colors duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus\",\n    \"disabled:pointer-events-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        accent: buttonSurfaceClasses.accent,\n        outline: cn(buttonSurfaceClasses.outline, outlineBorderClasses),\n        transparent: buttonSurfaceClasses.transparent,\n        destructive: buttonSurfaceClasses.destructive,\n      },\n      size: {\n        default: \"h-12 text-h3\",\n        small: \"h-6 md:h-8 text-h5\",\n      },\n      fullWidth: { true: \"w-full\", false: \"\" },\n    },\n    defaultVariants: { variant: \"accent\", size: \"default\", fullWidth: false },\n  }\n)\n\nconst splitSlotVariants = cva(\n  [\"inline-flex items-center justify-center\", \"[&_svg]:shrink-0 [&_svg]:h-5 [&_svg]:w-5\"],\n  {\n    variants: {\n      slot: {\n        main: \"gap-[var(--spacing-system-xsf)]\",\n        icon: \"border-l\",\n      },\n      size: { default: \"\", small: \"[&_svg]:h-4 [&_svg]:w-4\" },\n      variant: { accent: \"\", outline: \"\", transparent: \"\", destructive: \"\" },\n    },\n    compoundVariants: [\n      { slot: \"main\", size: \"default\", class: \"px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)]\" },\n      { slot: \"main\", size: \"small\", class: \"px-[var(--spacing-system-xs)]\" },\n      { slot: \"icon\", size: \"default\", class: \"w-10\" },\n      { slot: \"icon\", size: \"small\", class: \"w-6 md:w-8\" },\n      { slot: \"icon\", variant: \"accent\", class: cn(\n        splitDividerColorClasses.accent,\n        \"group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled\",\n      ) },\n      { slot: \"icon\", variant: \"outline\", class: splitDividerColorClasses.outline },\n      { slot: \"icon\", variant: \"transparent\", class: splitDividerColorClasses.transparent },\n      { slot: \"icon\", variant: \"destructive\", class: cn(\n        splitDividerColorClasses.destructive,\n        \"group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled\",\n      ) },\n    ],\n    defaultVariants: { slot: \"main\", size: \"default\", variant: \"accent\" },\n  }\n)\n\n/** @deprecated Use `size=\"small\"` instead. Temporary alias kept for backward compatibility; will be removed in the future. */\ntype DeprecatedButtonSize = \"small-legacy\"\n\ntype ButtonSize = Exclude<VariantProps<typeof buttonVariants>[\"size\"], \"small-legacy\" | null | undefined> | DeprecatedButtonSize\n\ninterface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<VariantProps<typeof buttonVariants>, \"size\"> {\n  asChild?: boolean\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  /**\n   * Pre-resolved anchor bundle (from `useNavLink({ href, targetPlatform })`).\n   * When set, renders the Button as `<Link>` with `href` / `target` / `rel`\n   * / `onClick` spread from this object. Lets callers thread the unified\n   * nav decision directly without `<Button asChild><a {...linkProps}/>`\n   * gymnastics. Wins over the separate `href` / `openInNewTab` props.\n   */\n  linkProps?: {\n    href: string\n    target?: '_blank'\n    rel?: 'noopener noreferrer'\n    onClick?: React.MouseEventHandler<HTMLAnchorElement>\n  } | null\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  /**\n   * Renders a vertical divider and trailing icon area inside the button.\n   * The whole button stays a single click target — the icon is decorative\n   * (`aria-hidden`). For two independent click targets, use `<SplitButton>`.\n   * Only honored when `size` is `\"default\"` or `\"small\"`.\n   */\n  splitIcon?: React.ReactNode\n  loading?: boolean\n  size?: ButtonSize\n}\n\nconst Spinner = () => (\n  <svg className=\"animate-spin\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n)\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    fullWidth,\n    noPaddingX,\n    asChild,\n    href,\n    openInNewTab,\n    prefetch,\n    linkProps,\n    leftIcon,\n    rightIcon,\n    splitIcon,\n    loading,\n    children,\n    disabled,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const isDisabled = disabled || loading\n\n  // splitIcon is only supported for default/small sizes. With other sizes\n  // (icon, small-legacy) we silently fall back to the normal layout.\n  const useSplitLayout = !!splitIcon && (size === \"default\" || size === \"small\" || size === undefined)\n\n  if (useSplitLayout) {\n    const safeSize = (size ?? \"default\") as \"default\" | \"small\"\n    const safeVariant = (variant ?? \"accent\") as \"accent\" | \"outline\" | \"transparent\" | \"destructive\"\n    const shellClasses = cn(\n      splitShellVariants({ variant: safeVariant, size: safeSize, fullWidth }),\n      className,\n    )\n    const mainSlotClass = splitSlotVariants({ slot: \"main\", size: safeSize, variant: safeVariant })\n    const iconSlotClass = splitSlotVariants({ slot: \"icon\", size: safeSize, variant: safeVariant })\n\n    const splitContent = (\n      <>\n        <span className={cn(\"contents\", loading && \"invisible\")}>\n          <span className={mainSlotClass}>\n            {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n          </span>\n          <span aria-hidden=\"true\" className={iconSlotClass}>\n            {splitIcon}\n          </span>\n        </span>\n        {loading && (\n          <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n            <Spinner />\n          </span>\n        )}\n      </>\n    )\n\n    // `linkProps` (the pre-resolved bundle from `useNavLink({ href, targetPlatform })`)\n    // wins over the legacy `href` + `openInNewTab` props so callers can thread\n    // the unified nav decision directly. Either path produces the same `<Link>`.\n    const splitAnchor = linkProps ?? (href ? {\n      href,\n      target: openInNewTab ? '_blank' as const : undefined,\n      rel: openInNewTab ? 'noopener noreferrer' as const : undefined,\n      onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n    } : null)\n    if (splitAnchor) {\n      return (\n        <Link\n          href={splitAnchor.href}\n          prefetch={prefetch}\n          target={splitAnchor.target}\n          rel={splitAnchor.rel}\n          // The Link branches don't spread {...props} (button attrs don't\n          // belong on an anchor), but the accessible name MUST survive —\n          // icon-only link buttons have no text content.\n          aria-label={props['aria-label']}\n          aria-disabled={isDisabled || undefined}\n          tabIndex={isDisabled ? -1 : undefined}\n          className={cn(shellClasses, isDisabled && \"pointer-events-none\")}\n          onClick={splitAnchor.onClick}\n        >\n          {splitContent}\n        </Link>\n      )\n    }\n\n    return (\n      <button\n        ref={ref}\n        className={shellClasses}\n        disabled={isDisabled}\n        onClick={onClick}\n        {...props}\n      >\n        {splitContent}\n      </button>\n    )\n  }\n\n  const classes = cn(buttonVariants({ variant, size, fullWidth, noPaddingX }), className)\n\n  // asChild: consumer fully controls the rendered element; we just stamp our classes.\n  if (asChild) {\n    return (\n      <Slot ref={ref} className={classes} {...props}>\n        {children}\n      </Slot>\n    )\n  }\n\n  // Real content stays in layout (preserving width) but goes invisible while loading.\n  // The spinner is absolutely positioned so it never shifts the button's size.\n  const content = (\n    <>\n      <span className={cn(\"contents\", loading && \"invisible\")}>\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        {children}\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </span>\n      {loading && (\n        <span className=\"absolute inset-0 inline-flex items-center justify-center text-ods-text-primary\">\n          <Spinner />\n        </span>\n      )}\n    </>\n  )\n\n  // Same `linkProps`-wins-over-href resolution as the splitIcon branch.\n  const anchor = linkProps ?? (href ? {\n    href,\n    target: openInNewTab ? '_blank' as const : undefined,\n    rel: openInNewTab ? 'noopener noreferrer' as const : undefined,\n    onClick: onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined,\n  } : null)\n  if (anchor) {\n    return (\n      <Link\n        href={anchor.href}\n        prefetch={prefetch}\n        target={anchor.target}\n        rel={anchor.rel}\n        // See the splitAnchor branch — keep the accessible name on the\n        // anchor render (icon-only link buttons have no text content).\n        aria-label={props['aria-label']}\n        aria-disabled={isDisabled || undefined}\n        tabIndex={isDisabled ? -1 : undefined}\n        className={cn(classes, isDisabled && \"pointer-events-none\")}\n        onClick={anchor.onClick}\n      >\n        {content}\n      </Link>\n    )\n  }\n\n  return (\n    <button\n      ref={ref}\n      className={classes}\n      disabled={isDisabled}\n      onClick={onClick}\n      {...props}\n    >\n      {content}\n    </button>\n  )\n})\n\nexport { Button, buttonVariants, type ButtonProps }\n","\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport Link from \"../../../embed-shims/next-link\"\nimport React from \"react\"\n\nimport { cn } from \"../../../utils/cn\"\nimport { buttonSurfaceClasses, splitDividerColorClasses } from \"./button-styles\"\n\n// Two independent interactive halves: each a `<button>` or `<a>`. The seam is\n// a 1px border on the left edge of the icon half, colored per variant. For a\n// single-target variant (decorative trailing icon), use `<Button splitIcon>`.\n\nconst splitHalfBase = [\n  \"relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]\",\n  \"whitespace-nowrap transition-colors duration-200\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus focus-visible:z-10\",\n  \"disabled:pointer-events-none\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n]\n\nconst splitHalfVariants = cva(splitHalfBase, {\n  variants: {\n    variant: {\n      accent: buttonSurfaceClasses.accent,\n      outline: buttonSurfaceClasses.outline, // Outline border lives in compoundVariants so we can omit the seam edge.\n      transparent: buttonSurfaceClasses.transparent,\n      destructive: buttonSurfaceClasses.destructive,\n    },\n    size: {\n      default: \"h-10 md:h-12 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6\",\n      small: \"h-6 md:h-8 px-[var(--spacing-system-xs)] text-h5 [&_svg]:h-3 [&_svg]:w-3 md:[&_svg]:h-4 md:[&_svg]:w-4\",\n    },\n    side: { main: \"\", icon: \"\" },\n    soloOnMobile: { true: \"\", false: \"\" },\n  },\n  compoundVariants: [\n    // Rounded corners + per-variant seam. The icon-side's left border is the divider.\n    { variant: \"accent\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"accent\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.accent,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"destructive\", side: \"main\", class: \"rounded-l-md\" },\n    { variant: \"destructive\", side: \"icon\", class: cn(\n      \"rounded-r-md border-l\",\n      splitDividerColorClasses.destructive,\n      \"disabled:border-ods-disabled aria-disabled:border-ods-disabled\",\n    ) },\n    { variant: \"outline\", side: \"main\", class: \"rounded-l-md border-y border-l border-ods-border\" },\n    { variant: \"outline\", side: \"icon\", class: \"rounded-r-md border border-ods-border\" },\n    { variant: \"transparent\", side: \"main\", class: \"rounded-md\" },\n    { variant: \"transparent\", side: \"icon\", class: cn(\"rounded-md\", splitDividerColorClasses.transparent) },\n\n    // Icon half: per Figma, narrower than main height (default: 40×48; small: 32×32).\n    { side: \"icon\", size: \"default\", class: \"w-10 px-0\" },\n    { side: \"icon\", size: \"small\", class: \"w-6 md:w-8 px-0\" },\n\n    { side: \"icon\", soloOnMobile: true, class: \"max-md:hidden\" },\n    { side: \"main\", soloOnMobile: true, class: \"max-md:rounded-r-md\" },\n    { variant: \"outline\", side: \"main\", soloOnMobile: true, class: \"max-md:border-r\" },\n  ],\n  defaultVariants: { variant: \"accent\", size: \"default\", side: \"main\", soloOnMobile: false },\n})\n\ntype SplitButtonVariant = NonNullable<VariantProps<typeof splitHalfVariants>[\"variant\"]>\ntype SplitButtonSize = NonNullable<VariantProps<typeof splitHalfVariants>[\"size\"]>\n\ninterface SplitButtonIconAction {\n  icon: React.ReactNode\n  /** The icon half is interactive but has no visible text — needs an accessible name. */\n  \"aria-label\": string\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  /**\n   * Opens `href` with `target=\"_blank\"`. Also marks the half as a new-tab\n   * affordance, which hides it below `md` (set it for `onClick` handlers that\n   * open a new tab/window themselves).\n   */\n  openInNewTab?: boolean\n  prefetch?: boolean\n  disabled?: boolean\n}\n\ninterface SplitButtonProps {\n  variant?: SplitButtonVariant\n  size?: SplitButtonSize\n  fullWidth?: boolean\n  className?: string\n\n  children: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  /** Disables both halves. Equivalent to `mainDisabled && iconAction.disabled`. */\n  disabled?: boolean\n  /** Disables only the main half. Combine with `iconAction.disabled` for finer control. */\n  mainDisabled?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  \"aria-label\"?: string\n  groupAriaLabel?: string\n\n  iconAction: SplitButtonIconAction\n}\n\ninterface HalfOptions {\n  variant: SplitButtonVariant\n  size: SplitButtonSize\n  side: \"main\" | \"icon\"\n  soloOnMobile?: boolean\n  href?: string\n  openInNewTab?: boolean\n  prefetch?: boolean\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>\n  disabled?: boolean\n  /** Stretch this half to fill the group's free space (the icon half stays fixed-width). */\n  grow?: boolean\n  type?: \"button\" | \"submit\" | \"reset\"\n  ariaLabel?: string\n  children: React.ReactNode\n}\n\nfunction Half({ variant, size, side, soloOnMobile, href, openInNewTab, prefetch, onClick, disabled, grow, type = \"button\", ariaLabel, children }: HalfOptions) {\n  const classes = cn(splitHalfVariants({ variant, size, side, soloOnMobile }), grow && \"flex-1\")\n\n  if (href) {\n    return (\n      <Link\n        href={href}\n        prefetch={prefetch}\n        target={openInNewTab ? \"_blank\" : undefined}\n        rel={openInNewTab ? \"noopener noreferrer\" : undefined}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : undefined}\n        aria-label={ariaLabel}\n        className={cn(classes, disabled && \"pointer-events-none\")}\n        onClick={onClick as unknown as React.MouseEventHandler<HTMLAnchorElement> | undefined}\n      >\n        {children}\n      </Link>\n    )\n  }\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      onClick={onClick as React.MouseEventHandler<HTMLButtonElement>}\n    >\n      {children}\n    </button>\n  )\n}\n\nconst SplitButton = React.forwardRef<HTMLDivElement, SplitButtonProps>(function SplitButton(\n  {\n    variant = \"accent\",\n    size = \"default\",\n    fullWidth = false,\n    className,\n    children,\n    onClick,\n    href,\n    openInNewTab,\n    prefetch,\n    leftIcon,\n    rightIcon,\n    disabled,\n    mainDisabled,\n    type,\n    iconAction,\n    \"aria-label\": ariaLabel,\n    groupAriaLabel,\n  },\n  ref,\n) {\n  const soloOnMobile = !!iconAction.openInNewTab\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      className={cn(\"inline-flex items-stretch\", fullWidth && \"w-full\", className)}\n    >\n      <Half\n        variant={variant}\n        size={size}\n        side=\"main\"\n        soloOnMobile={soloOnMobile}\n        href={href}\n        openInNewTab={openInNewTab}\n        prefetch={prefetch}\n        onClick={onClick}\n        disabled={disabled || mainDisabled}\n        grow={fullWidth}\n        type={type}\n        ariaLabel={ariaLabel}\n      >\n        {leftIcon && <span className=\"inline-flex items-center\">{leftIcon}</span>}\n        <span>{children}</span>\n        {rightIcon && <span className=\"inline-flex items-center\">{rightIcon}</span>}\n      </Half>\n      <Half\n        variant={variant}\n        size={size}\n        side=\"icon\"\n        soloOnMobile={soloOnMobile}\n        href={iconAction.href}\n        openInNewTab={iconAction.openInNewTab}\n        prefetch={iconAction.prefetch}\n        onClick={iconAction.onClick}\n        disabled={disabled || iconAction.disabled}\n        ariaLabel={iconAction[\"aria-label\"]}\n      >\n        <span className=\"inline-flex items-center\">{iconAction.icon}</span>\n      </Half>\n    </div>\n  )\n})\n\nexport { SplitButton, type SplitButtonProps, type SplitButtonIconAction }\n","export * from './button'\nexport * from './split-button'\n","\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../utils/cn\"\n\nexport interface FieldWrapperProps {\n  /** Label text displayed above the field */\n  label?: string\n  /** Status message displayed below the field. Wraps up to two lines, then ellipsizes. */\n  error?: string\n  /** Color variant for the message: \"error\" (red), \"warning\" (yellow), \"success\" (green) or \"muted\" (grey) */\n  errorVariant?: \"error\" | \"warning\" | \"success\" | \"muted\"\n  /** Additional className for the outer wrapper */\n  className?: string\n  children: React.ReactNode\n}\n\nconst errorVariantClasses = {\n  error: \"text-ods-error\",\n  warning: \"text-[var(--ods-attention-yellow-warning)]\",\n  success: \"text-ods-success\",\n  muted: \"text-ods-text-secondary\",\n} as const\n\nconst FieldWrapper = React.forwardRef<HTMLDivElement, FieldWrapperProps>(\n  ({ label, error, errorVariant = \"error\", className, children }, ref) => {\n    const hasChrome = label != null || error != null\n\n    return (\n      <div ref={ref} className={cn(hasChrome ? \"flex w-full flex-col\" : \"contents\", className)}>\n        {label && (\n          <label className=\"text-h4 text-ods-text-primary mb-1\">\n            {label}\n          </label>\n        )}\n        {children}\n        {error && (\n          <p\n            className={cn(\"mt-1 text-h6 break-words line-clamp-2\", errorVariantClasses[errorVariant])}\n            title={error}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\nFieldWrapper.displayName = \"FieldWrapper\"\n\nexport { FieldWrapper }\n","\"use client\"\n\nimport * as React from \"react\";\n\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** When true, renders error border & ring */\n  invalid?: boolean;\n  /** Element displayed at the start (left) of the input */\n  startAdornment?: React.ReactNode;\n  /** Element displayed at the end (right) of the input */\n  endAdornment?: React.ReactNode;\n  /** Label text displayed above the input */\n  label?: string;\n  /** Status message displayed below the input */\n  error?: string;\n  /** Color variant for the message: \"error\" (red), \"warning\" (yellow), \"success\" (green) or \"muted\" (grey).\n      Only \"error\" and \"warning\" mark the field invalid (colored border). */\n  errorVariant?: \"error\" | \"warning\" | \"success\" | \"muted\";\n  /** When true, shows a loading spinner as end adornment */\n  loading?: boolean;\n}\n\nconst invalidBorderClasses = {\n  error: \"border-ods-error hover:border-ods-error has-[:focus]:border-ods-error\",\n  warning: \"!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]\",\n} as const;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = \"error\", loading = false, ...props }, ref) => {\n    // success/muted are informational — they never paint the invalid border\n    const variantIsInvalid = errorVariant === \"error\" || errorVariant === \"warning\"\n    const isInvalid = invalid || (!!error && variantIsInvalid)\n\n    // Range inputs get a clean slider rendering — no label wrapper, borders, or adornments\n    if (type === 'range') {\n      const rangeInput = (\n        <input\n          type=\"range\"\n          className={cn(\n            \"w-full cursor-pointer appearance-none rounded-full bg-white/30 h-1\",\n            // Webkit (Chrome/Safari) thumb\n            \"[&::-webkit-slider-thumb]:appearance-none\",\n            \"[&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3\",\n            \"[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white\",\n            \"[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm\",\n            // Firefox thumb\n            \"[&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3\",\n            \"[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white\",\n            \"[&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer\",\n            // Firefox track\n            \"[&::-moz-range-track]:bg-transparent\",\n            // Disabled\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        />\n      )\n      return label ? (\n        <FieldWrapper label={label} error={error} errorVariant={errorVariant}>\n          {rangeInput}\n        </FieldWrapper>\n      ) : rangeInput\n    }\n\n    const content = (\n      <label\n        data-invalid={isInvalid || undefined}\n        className={cn(\n          // Layout & spacing\n          \"flex w-full items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text\",\n          // Focus-within states\n          \"has-[:focus-visible]:outline-none\",\n          \"group\",\n          // Animations & touch UX\n          \"transition-colors duration-200\",\n          // Theme palette\n          \"bg-ods-card border-ods-border has-[:focus]:border-ods-accent\",\n          // Hover & active (not disabled)\n          !props.disabled && \"hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active\",\n          // Disabled\n          props.disabled && \"!cursor-not-allowed bg-ods-bg\",\n          // Invalid\n          isInvalid && invalidBorderClasses[variantIsInvalid ? (errorVariant as \"error\" | \"warning\") : \"error\"],\n          className\n        )}\n      >\n        {startAdornment && (\n          <span className=\"text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            // Layout\n            \"flex-1 min-w-0 bg-transparent border-none outline-none\",\n            // Typography\n            \"text-h4\",\n            // Colors\n            \"text-ods-text-primary placeholder:text-ods-text-secondary\",\n            // File input adjustments\n            \"file:border-0 file:bg-transparent\",\n            // Disabled\n            \"disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border\",\n            // Touch\n            \"touch-manipulation\",\n            // Autofill override\n            \"[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]\"\n          )}\n          ref={ref}\n          {...props}\n        />\n        {loading && (\n          <Loader2 className=\"animate-spin flex-shrink-0 text-ods-text-secondary size-4 md:size-6\" />\n        )}\n        {!loading && endAdornment && (\n          <span className=\"text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {endAdornment}\n          </span>\n        )}\n      </label>\n    )\n\n    return (\n      <FieldWrapper label={label} error={error} errorVariant={errorVariant}>\n        {content}\n      </FieldWrapper>\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input };\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\n\nimport { cn } from \"../../utils/cn\"\nimport { CheckboxCheckmarkIcon } from \"../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon\"\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-ods-accent data-[state=checked]:border-ods-accent\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-ods-text-on-accent\")}\n    >\n      <CheckboxCheckmarkIcon size={10} />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"../../utils/cn\"\nimport { usePortalContainer } from \"./portal-container\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-ods-bg-hover focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-hover [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border border-ods-border bg-ods-card p-1 text-ods-text-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => {\n  // Portal into the active container (e.g. a drawer) so the menu inherits its\n  // stacking context; falls back to `document.body` when none is provided.\n  const container = usePortalContainer()\n  return (\n  <DropdownMenuPrimitive.Portal container={container ?? undefined}>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border border-ods-border bg-ods-card p-1 text-ods-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n  )\n})\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-base outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors text-ods-text-primary hover:bg-ods-bg-hover hover:text-ods-text-primary focus:bg-ods-bg-hover focus:text-ods-text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-ods-accent\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold text-ods-text-secondary\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-ods-border\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest text-ods-text-secondary opacity-60\", className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n","'use client'\n\nimport * as React from 'react'\n\n/**\n * The DOM node that Radix overlays (dropdown menus, tooltips) should portal\n * into, instead of the default `document.body`.\n *\n * Portaling to `document.body` lifts content out of every local stacking\n * context, which forces overlays opened *inside* a high-z surface (e.g. the\n * chat drawer) to escalate their own z-index to compete at the document\n * root. Pointing the portal at a node *inside* that surface instead\n * lets the content inherit the surface's stacking context — small, local\n * z-indices then \"just work\" and no escalation is needed. Radix positions\n * content with `strategy: \"fixed\"`, so it still escapes ancestor\n * `overflow: hidden` clipping regardless of where it is portaled.\n *\n * Default `null` → Radix falls back to `document.body` (unchanged behaviour\n * everywhere a provider isn't present).\n */\nexport const PortalContainerContext = React.createContext<HTMLElement | null>(\n  null,\n)\n\n/** Read the active portal container (or `null` to use `document.body`). */\nexport function usePortalContainer(): HTMLElement | null {\n  return React.useContext(PortalContainerContext)\n}\n","\"use client\"\n\nimport * as React from 'react'\nimport { cn } from \"../../utils/cn\"\n\ninterface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"animate-pulse rounded-md bg-ods-border\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeleton.displayName = 'Skeleton'\n\ninterface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  lines?: number\n  className?: string\n}\n\nconst SkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 1, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-2\", className)} {...props}>\n        {Array.from({ length: lines }).map((_, i) => (\n          <Skeleton \n            key={i} \n            className={cn(\n              \"h-4\",\n              i === lines - 1 && lines > 1 && \"w-3/4\" // Last line shorter for multi-line\n            )} \n          />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonText.displayName = 'SkeletonText'\n\ninterface SkeletonCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  showImage?: boolean\n  className?: string\n}\n\nconst SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(\n  ({ showImage = false, className, ...props }, ref) => {\n    return (\n      <div \n        ref={ref}\n        className={cn(\n          \"rounded-lg border border-ods-border overflow-hidden\",\n          className\n        )}\n        {...props}\n      >\n        {showImage && (\n          <Skeleton className=\"h-48 w-full\" />\n        )}\n        <div className=\"p-6\">\n          <Skeleton className=\"h-6 w-3/4 mb-4\" />\n          <SkeletonText lines={3} />\n        </div>\n      </div>\n    )\n  }\n)\nSkeletonCard.displayName = 'SkeletonCard'\n\ninterface SkeletonGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number\n  items?: number\n  showImages?: boolean\n  className?: string\n}\n\nconst SkeletonGrid = React.forwardRef<HTMLDivElement, SkeletonGridProps>(\n  ({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {\n    return (\n      <div \n        ref={ref}\n        className={cn(\n          `grid grid-cols-1 gap-6`,\n          columns === 2 && \"md:grid-cols-2\",\n          columns === 3 && \"md:grid-cols-3\",\n          columns === 4 && \"md:grid-cols-4\",\n          className\n        )}\n        {...props}\n      >\n        {Array.from({ length: items }).map((_, i) => (\n          <SkeletonCard key={i} showImage={showImages} />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonGrid.displayName = 'SkeletonGrid'\n\ninterface SkeletonButtonProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'default' | 'lg'\n  className?: string\n}\n\nconst SkeletonButton = React.forwardRef<HTMLDivElement, SkeletonButtonProps>(\n  ({ size = 'default', className, ...props }, ref) => {\n    const sizeClasses = {\n      sm: 'h-8 w-20',\n      default: 'h-10 w-32',\n      lg: 'h-12 w-40'\n    }\n    \n    return (\n      <Skeleton \n        ref={ref}\n        className={cn(\n          \"rounded-lg\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeletonButton.displayName = 'SkeletonButton'\n\ninterface SkeletonHeadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6\n  className?: string\n}\n\nconst SkeletonHeading = React.forwardRef<HTMLDivElement, SkeletonHeadingProps>(\n  ({ level = 1, className, ...props }, ref) => {\n    const heightClasses = {\n      1: 'h-12',\n      2: 'h-10',\n      3: 'h-8',\n      4: 'h-7',\n      5: 'h-6',\n      6: 'h-5'\n    }\n    \n    return (\n      <Skeleton \n        ref={ref}\n        className={cn(\n          heightClasses[level],\n          \"w-3/4\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeletonHeading.displayName = 'SkeletonHeading'\n\ninterface SkeletonListProps extends React.HTMLAttributes<HTMLDivElement> {\n  items?: number\n  className?: string\n}\n\nconst SkeletonList = React.forwardRef<HTMLDivElement, SkeletonListProps>(\n  ({ items = 5, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-3\", className)} {...props}>\n        {Array.from({ length: items }).map((_, i) => (\n          <div key={i} className=\"flex items-center gap-3\">\n            <Skeleton className=\"h-10 w-10 rounded-full flex-shrink-0\" />\n            <div className=\"flex-1\">\n              <Skeleton className=\"h-4 w-1/3 mb-1\" />\n              <Skeleton className=\"h-3 w-1/2\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonList.displayName = 'SkeletonList'\n\ninterface SkeletonNavigationProps extends React.HTMLAttributes<HTMLDivElement> {\n  items?: number\n  className?: string\n}\n\nconst SkeletonNavigation = React.forwardRef<HTMLDivElement, SkeletonNavigationProps>(\n  ({ items = 6, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"flex items-center gap-6\", className)} {...props}>\n        {Array.from({ length: items }).map((_, i) => (\n          <Skeleton key={i} className=\"h-5 w-20\" />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonNavigation.displayName = 'SkeletonNavigation'\n\nexport { \n  Skeleton,\n  SkeletonText,\n  SkeletonCard,\n  SkeletonGrid,\n  SkeletonButton,\n  SkeletonHeading,\n  SkeletonList,\n  SkeletonNavigation\n}"],"mappings":"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","names":["React","jsx","jsxs","Button","cva","React","jsx","jsxs","SplitButton","init_button","React","jsx","jsxs","React","jsx","React","React","jsx","jsxs","React","jsx","jsxs"]}