@flamingo-stack/openframe-frontend-core 0.0.680 → 0.0.681

package/dist/{chunk-UL2TY6GY.cjs → chunk-BOM6MMWB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkXRQKJ22Icjs = require('./chunk-XRQKJ22I.cjs');
+var _chunkNMXL34Z2cjs = require('./chunk-NMXL34Z2.cjs');
 
 
 var _chunkX7CEWD6Vcjs = require('./chunk-X7CEWD6V.cjs');
@@ -116,7 +116,7 @@ function PersistentPaginationWrapper({
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkXRQKJ22Icjs.UnifiedPagination,
+              _chunkNMXL34Z2cjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,
@@ -136,4 +136,4 @@ function PersistentPaginationWrapper({
 
 
 exports.PersistentPagination = PersistentPagination; exports.usePaginationLoading = usePaginationLoading; exports.PersistentPaginationWrapper = PersistentPaginationWrapper;
-//# sourceMappingURL=chunk-UL2TY6GY.cjs.map
+//# sourceMappingURL=chunk-BOM6MMWB.cjs.map

package/dist/{chunk-UL2TY6GY.cjs.map → chunk-BOM6MMWB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-UL2TY6GY.cjs","../src/components/persistent-pagination.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACwFQ,+CAAA;AA/BD,SAAS,oBAAA,CAAqB;AAAA,EACnC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA,EAAkB,GAAA;AAAA,EAClB,mBAAA,EAAqB;AACvB,CAAA,EAA8B;AAI5B,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,qCAAA;AAAA,QACA,kCAAA;AAAA,QACA,UAAA,GAAa,qBAAA;AAAA,QACb;AAAA,MACF,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,UAAA,EAAY,gBAAA,EAAkB,CAAA;AAAA,QACvC,kBAAA,EAAoB,CAAA,EAAA;AACtB,MAAA;AACK,MAAA;AACM,MAAA;AACA,MAAA;AACG,MAAA;AAGb,MAAA;AACC,QAAA;AAA0D,UAAA;AACJ,UAAA;AAAY,UAAA;AAAK,UAAA;AACvE,QAAA;AAIF,wBAAA;AAAC,UAAA;AAAA,UAAA;AACe,YAAA;AACP,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAEZ,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAGF,EAAA;AAEJ;AAKgB;AACR,EAAA;AAEkB,EAAA;AACT,IAAA;AACG,IAAA;AACK,IAAA;AACD,IAAA;AACtB,EAAA;AAE0B,EAAA;AACT,IAAA;AACU,MAAA;AACzB,IAAA;AACe,IAAA;AACjB,EAAA;AAEO,EAAA;AACL,IAAA;AACA,IAAA;AACA,IAAA;AACF,EAAA;AACF;AAcgB;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACmC;AAGhB,EAAA;AACO,EAAA;AACC,EAAA;AAErB,EAAA;AACgB,EAAA;AAGpB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACT,QAAA;AACC,QAAA;AACD,QAAA;AACF,MAAA;AACO,MAAA;AACI,QAAA;AACW,QAAA;AACtB,MAAA;AACK,MAAA;AACM,MAAA;AACA,MAAA;AACG,MAAA;AACI,MAAA;AAGhB,MAAA;AAAc,QAAA;AAShB,wBAAA;AAAC,UAAA;AAAA,UAAA;AACe,YAAA;AACP,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAKb,YAAA;AAAC,cAAA;AAAA,cAAA;AACc,gBAAA;AACD,gBAAA;AACZ,gBAAA;AAAiD,gBAAA;AAAA,cAAA;AACnD,YAAA;AAAA,UAAA;AACF,QAAA;AAAA,MAAA;AAAA,IAAA;AAGF,EAAA;AAEJ;ADvF6B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-UL2TY6GY.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn';\nimport { UnifiedPagination } from './unified-pagination';\n\ninterface PersistentPaginationProps {\n  /**\n   * Whether pagination is currently in a loading state\n   */\n  isLoading: boolean;\n  /**\n   * The pagination component\n   */\n  children: ReactNode;\n  /**\n   * Current page number\n   */\n  currentPage: number;\n  /**\n   * Total number of pages\n   */\n  totalPages: number;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * Disabled opacity (0-1)\n   */\n  disabledOpacity?: number;\n  /**\n   * Transition duration in milliseconds\n   */\n  transitionDuration?: number;\n  /**\n   * Whether to show loading state in pagination\n   */\n  showLoadingState?: boolean;\n}\n\n/**\n * PersistentPagination\n *\n * A wrapper component that keeps pagination visible during loading states\n * but provides visual feedback that it's temporarily disabled.\n *\n * Features:\n * - Maintains pagination visibility during content loading\n * - Disables interaction but preserves layout\n * - Shows current page context even when loading\n * - Provides accessibility support for loading states\n * - Smooth transitions between enabled/disabled states\n *\n * Usage:\n * ```tsx\n * <PersistentPagination\n *   isLoading={isLoadingVendors}\n *   currentPage={currentPage}\n *   totalPages={totalPages}\n * >\n *   <Pagination currentPage={currentPage} totalPages={totalPages} />\n * </PersistentPagination>\n * ```\n */\nexport function PersistentPagination({\n  isLoading,\n  children,\n  currentPage,\n  totalPages,\n  className,\n  disabledOpacity = 0.5,\n  transitionDuration = 300,\n}: PersistentPaginationProps) {\n  // ALWAYS show pagination for predictable layout - just gray it out when not needed\n  // Removed condition that hides pagination completely\n\n  return (\n    <div\n      className={cn(\n        'relative transition-all ease-in-out',\n        'flex items-center justify-center',\n        isLoading && 'pointer-events-none',\n        className,\n      )}\n      style={{\n        opacity: isLoading ? disabledOpacity : 1,\n        transitionDuration: `${transitionDuration}ms`,\n      }}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      aria-busy={isLoading}\n      data-loading={isLoading}\n    >\n      {/* Loading state announcement for screen readers */}\n      {isLoading && (\n        <div className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          Pagination temporarily disabled while loading page {currentPage} of {totalPages}\n        </div>\n      )}\n\n      {/* Pagination controls with disabled state */}\n      <div\n        className={cn('relative transition-all ease-in-out', isLoading && 'cursor-not-allowed')}\n        style={{\n          transitionDuration: `${transitionDuration}ms`,\n        }}\n        aria-hidden={isLoading}\n      >\n        {children}\n      </div>\n\n      {/* REMOVED: Loading overlay - only card skeletons should show during loading */}\n    </div>\n  );\n}\n\n/**\n * Hook for managing pagination loading states\n */\nexport function usePaginationLoading(isLoading: boolean, currentPage: number, totalPages: number) {\n  const shouldShowPagination = totalPages > 1 || isLoading;\n\n  const paginationProps = {\n    'aria-busy': isLoading,\n    'data-loading': isLoading,\n    'data-current-page': currentPage,\n    'data-total-pages': totalPages,\n  };\n\n  const getLoadingMessage = () => {\n    if (isLoading) {\n      return `Loading page ${currentPage} of ${totalPages}`;\n    }\n    return `Page ${currentPage} of ${totalPages}`;\n  };\n\n  return {\n    shouldShowPagination,\n    paginationProps,\n    getLoadingMessage,\n  };\n}\n\n/**\n * Enhanced pagination component that includes loading states\n */\ninterface PersistentPaginationWrapperProps {\n  isLoading: boolean;\n  currentPage: number;\n  totalPages: number;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  variant?: 'vendor' | 'blog';\n}\n\nexport function PersistentPaginationWrapper({\n  isLoading,\n  currentPage,\n  totalPages,\n  onPageChange,\n  className,\n}: PersistentPaginationWrapperProps) {\n  // ALWAYS show pagination for predictable layout\n  // For no results (totalPages = 0), show grayed out pagination\n  const hasResults = totalPages > 0;\n  const displayTotalPages = hasResults ? totalPages : 1;\n  const displayCurrentPage = hasResults ? currentPage : 1;\n  // Only disable during loading, but still show when no results (just grayed out)\n  const isPaginationDisabled = isLoading;\n  const hasNoResults = !hasResults && !isLoading;\n\n  return (\n    <div\n      className={cn(\n        'relative flex items-center justify-center transition-all ease-in-out',\n        (isPaginationDisabled || hasNoResults) && 'pointer-events-none',\n        className,\n      )}\n      style={{\n        opacity: isPaginationDisabled ? 0.3 : hasNoResults ? 0.5 : 1,\n        transitionDuration: '300ms',\n      }}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      aria-busy={isLoading}\n      data-loading={isLoading}\n      data-has-results={hasResults}\n    >\n      {/* Loading/no results state announcement for screen readers */}\n      {(isLoading || !hasResults) && (\n        <div className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          {isLoading\n            ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}`\n            : `No results available - pagination disabled`}\n        </div>\n      )}\n\n      {/* Pagination controls with disabled state */}\n      <div\n        className={cn('relative transition-all ease-in-out', isPaginationDisabled && 'cursor-not-allowed')}\n        style={{\n          transitionDuration: '300ms',\n        }}\n        aria-hidden={isPaginationDisabled}\n      >\n        {/* UnifiedPagination directly — Pagination and BlogPagination in\n            multi-platform-hub are both thin wrappers around it, so the wrapper\n            never has to be handed down from the consuming app. */}\n        <UnifiedPagination\n          currentPage={displayCurrentPage}\n          totalPages={displayTotalPages}\n          onPageChange={hasResults ? onPageChange : () => {}} // Provide empty function instead of undefined\n        />\n      </div>\n\n      {/* REMOVED: Loading overlays - only card skeletons should show during loading */}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-BOM6MMWB.cjs","../src/components/persistent-pagination.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACwFQ,+CAAA;AA/BD,SAAS,oBAAA,CAAqB;AAAA,EACnC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA,EAAkB,GAAA;AAAA,EAClB,mBAAA,EAAqB;AACvB,CAAA,EAA8B;AAI5B,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,qCAAA;AAAA,QACA,kCAAA;AAAA,QACA,UAAA,GAAa,qBAAA;AAAA,QACb;AAAA,MACF,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,UAAA,EAAY,gBAAA,EAAkB,CAAA;AAAA,QACvC,kBAAA,EAAoB,CAAA,EAAA;AACtB,MAAA;AACK,MAAA;AACM,MAAA;AACA,MAAA;AACG,MAAA;AAGb,MAAA;AACC,QAAA;AAA0D,UAAA;AACJ,UAAA;AAAY,UAAA;AAAK,UAAA;AACvE,QAAA;AAIF,wBAAA;AAAC,UAAA;AAAA,UAAA;AACe,YAAA;AACP,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAEZ,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAGF,EAAA;AAEJ;AAKgB;AACR,EAAA;AAEkB,EAAA;AACT,IAAA;AACG,IAAA;AACK,IAAA;AACD,IAAA;AACtB,EAAA;AAE0B,EAAA;AACT,IAAA;AACU,MAAA;AACzB,IAAA;AACe,IAAA;AACjB,EAAA;AAEO,EAAA;AACL,IAAA;AACA,IAAA;AACA,IAAA;AACF,EAAA;AACF;AAcgB;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACmC;AAGhB,EAAA;AACO,EAAA;AACC,EAAA;AAErB,EAAA;AACgB,EAAA;AAGpB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACT,QAAA;AACC,QAAA;AACD,QAAA;AACF,MAAA;AACO,MAAA;AACI,QAAA;AACW,QAAA;AACtB,MAAA;AACK,MAAA;AACM,MAAA;AACA,MAAA;AACG,MAAA;AACI,MAAA;AAGhB,MAAA;AAAc,QAAA;AAShB,wBAAA;AAAC,UAAA;AAAA,UAAA;AACe,YAAA;AACP,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAKb,YAAA;AAAC,cAAA;AAAA,cAAA;AACc,gBAAA;AACD,gBAAA;AACZ,gBAAA;AAAiD,gBAAA;AAAA,cAAA;AACnD,YAAA;AAAA,UAAA;AACF,QAAA;AAAA,MAAA;AAAA,IAAA;AAGF,EAAA;AAEJ;ADvF6B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-BOM6MMWB.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn';\nimport { UnifiedPagination } from './unified-pagination';\n\ninterface PersistentPaginationProps {\n  /**\n   * Whether pagination is currently in a loading state\n   */\n  isLoading: boolean;\n  /**\n   * The pagination component\n   */\n  children: ReactNode;\n  /**\n   * Current page number\n   */\n  currentPage: number;\n  /**\n   * Total number of pages\n   */\n  totalPages: number;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * Disabled opacity (0-1)\n   */\n  disabledOpacity?: number;\n  /**\n   * Transition duration in milliseconds\n   */\n  transitionDuration?: number;\n  /**\n   * Whether to show loading state in pagination\n   */\n  showLoadingState?: boolean;\n}\n\n/**\n * PersistentPagination\n *\n * A wrapper component that keeps pagination visible during loading states\n * but provides visual feedback that it's temporarily disabled.\n *\n * Features:\n * - Maintains pagination visibility during content loading\n * - Disables interaction but preserves layout\n * - Shows current page context even when loading\n * - Provides accessibility support for loading states\n * - Smooth transitions between enabled/disabled states\n *\n * Usage:\n * ```tsx\n * <PersistentPagination\n *   isLoading={isLoadingVendors}\n *   currentPage={currentPage}\n *   totalPages={totalPages}\n * >\n *   <Pagination currentPage={currentPage} totalPages={totalPages} />\n * </PersistentPagination>\n * ```\n */\nexport function PersistentPagination({\n  isLoading,\n  children,\n  currentPage,\n  totalPages,\n  className,\n  disabledOpacity = 0.5,\n  transitionDuration = 300,\n}: PersistentPaginationProps) {\n  // ALWAYS show pagination for predictable layout - just gray it out when not needed\n  // Removed condition that hides pagination completely\n\n  return (\n    <div\n      className={cn(\n        'relative transition-all ease-in-out',\n        'flex items-center justify-center',\n        isLoading && 'pointer-events-none',\n        className,\n      )}\n      style={{\n        opacity: isLoading ? disabledOpacity : 1,\n        transitionDuration: `${transitionDuration}ms`,\n      }}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      aria-busy={isLoading}\n      data-loading={isLoading}\n    >\n      {/* Loading state announcement for screen readers */}\n      {isLoading && (\n        <div className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          Pagination temporarily disabled while loading page {currentPage} of {totalPages}\n        </div>\n      )}\n\n      {/* Pagination controls with disabled state */}\n      <div\n        className={cn('relative transition-all ease-in-out', isLoading && 'cursor-not-allowed')}\n        style={{\n          transitionDuration: `${transitionDuration}ms`,\n        }}\n        aria-hidden={isLoading}\n      >\n        {children}\n      </div>\n\n      {/* REMOVED: Loading overlay - only card skeletons should show during loading */}\n    </div>\n  );\n}\n\n/**\n * Hook for managing pagination loading states\n */\nexport function usePaginationLoading(isLoading: boolean, currentPage: number, totalPages: number) {\n  const shouldShowPagination = totalPages > 1 || isLoading;\n\n  const paginationProps = {\n    'aria-busy': isLoading,\n    'data-loading': isLoading,\n    'data-current-page': currentPage,\n    'data-total-pages': totalPages,\n  };\n\n  const getLoadingMessage = () => {\n    if (isLoading) {\n      return `Loading page ${currentPage} of ${totalPages}`;\n    }\n    return `Page ${currentPage} of ${totalPages}`;\n  };\n\n  return {\n    shouldShowPagination,\n    paginationProps,\n    getLoadingMessage,\n  };\n}\n\n/**\n * Enhanced pagination component that includes loading states\n */\ninterface PersistentPaginationWrapperProps {\n  isLoading: boolean;\n  currentPage: number;\n  totalPages: number;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  variant?: 'vendor' | 'blog';\n}\n\nexport function PersistentPaginationWrapper({\n  isLoading,\n  currentPage,\n  totalPages,\n  onPageChange,\n  className,\n}: PersistentPaginationWrapperProps) {\n  // ALWAYS show pagination for predictable layout\n  // For no results (totalPages = 0), show grayed out pagination\n  const hasResults = totalPages > 0;\n  const displayTotalPages = hasResults ? totalPages : 1;\n  const displayCurrentPage = hasResults ? currentPage : 1;\n  // Only disable during loading, but still show when no results (just grayed out)\n  const isPaginationDisabled = isLoading;\n  const hasNoResults = !hasResults && !isLoading;\n\n  return (\n    <div\n      className={cn(\n        'relative flex items-center justify-center transition-all ease-in-out',\n        (isPaginationDisabled || hasNoResults) && 'pointer-events-none',\n        className,\n      )}\n      style={{\n        opacity: isPaginationDisabled ? 0.3 : hasNoResults ? 0.5 : 1,\n        transitionDuration: '300ms',\n      }}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n      aria-busy={isLoading}\n      data-loading={isLoading}\n      data-has-results={hasResults}\n    >\n      {/* Loading/no results state announcement for screen readers */}\n      {(isLoading || !hasResults) && (\n        <div className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n          {isLoading\n            ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}`\n            : `No results available - pagination disabled`}\n        </div>\n      )}\n\n      {/* Pagination controls with disabled state */}\n      <div\n        className={cn('relative transition-all ease-in-out', isPaginationDisabled && 'cursor-not-allowed')}\n        style={{\n          transitionDuration: '300ms',\n        }}\n        aria-hidden={isPaginationDisabled}\n      >\n        {/* UnifiedPagination directly — Pagination and BlogPagination in\n            multi-platform-hub are both thin wrappers around it, so the wrapper\n            never has to be handed down from the consuming app. */}\n        <UnifiedPagination\n          currentPage={displayCurrentPage}\n          totalPages={displayTotalPages}\n          onPageChange={hasResults ? onPageChange : () => {}} // Provide empty function instead of undefined\n        />\n      </div>\n\n      {/* REMOVED: Loading overlays - only card skeletons should show during loading */}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-F5N2P2GD.js → chunk-KLLH632Q.js}

@@ -8,11 +8,11 @@ import {
   DevCardRowSkeletonList,
   DevSectionPage,
   ListEmptyState
-} from "./chunk-SPI7DCD3.js";
+} from "./chunk-S3OS6FIM.js";
 import {
   EmptyState,
   UnifiedPagination
-} from "./chunk-FN7DMNA4.js";
+} from "./chunk-Q76YVNCQ.js";
 import {
   TICKET_MARK_READ_DEBOUNCE_MS,
   TICKET_TEXT_MAX_CHARS,
@@ -1832,4 +1832,4 @@ export {
   HelpCenterCreateForm,
   HelpCenterList
 };
-//# sourceMappingURL=chunk-F5N2P2GD.js.map
+//# sourceMappingURL=chunk-KLLH632Q.js.map

package/dist/{chunk-XRQKJ22I.cjs → chunk-NMXL34Z2.cjs}

@@ -125,13 +125,13 @@ function EmptyState({
   const displayTitle = title || defaultContent.title;
   const displayDescription = description || defaultContent.description;
   const smartCTA = ctaHref ? null : getSmartCTA();
-  const ctaClassName = 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";
+  const ctaButtonVariant = ctaVariant === "primary" ? "accent" : "outline";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center px-6 py-6 text-center md:py-16", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center justify-center md:mb-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-full border border-ods-border bg-ods-card p-3 md:p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 items-center justify-center text-ods-text-secondary md:h-16 md:w-16", children: defaultContent.icon }) }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h3 md:mb-3", children: displayTitle }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 max-w-md text-ods-text-secondary text-h6 md:mb-8", children: displayDescription }),
-    showCTA && ctaHref && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6U2H42Lcjs.Button, { href: ctaHref, className: ctaClassName, children: ctaText || "Contact us" }) }),
-    showCTA && !ctaHref && smartCTA && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6U2H42Lcjs.Button, { onClick: smartCTA.action, className: ctaClassName, children: smartCTA.text }) }),
+    showCTA && ctaHref && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6U2H42Lcjs.Button, { href: ctaHref, variant: ctaButtonVariant, className: "w-full", children: ctaText || "Contact us" }) }),
+    showCTA && !ctaHref && smartCTA && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6U2H42Lcjs.Button, { onClick: smartCTA.action, variant: ctaButtonVariant, className: "w-full", 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, 
       _chunkF6U2H42Lcjs.Button,
       {
@@ -185,4 +185,4 @@ function UnifiedPagination({
 
 
 exports.EmptyState = EmptyState; exports.UnifiedPagination = UnifiedPagination;
-//# sourceMappingURL=chunk-XRQKJ22I.cjs.map
+//# sourceMappingURL=chunk-NMXL34Z2.cjs.map

package/dist/{chunk-XRQKJ22I.cjs.map → chunk-NMXL34Z2.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-XRQKJ22I.cjs","../src/components/empty-state.tsx","../src/components/unified-pagination.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-XRQKJ22I.cjs","sourcesContent":[null,"'use client';\n\nimport { Search, FileText, Package } from 'lucide-react';\nimport { useRouter } from '../embed-shims/next-navigation';\nimport { Button } from './ui/button';\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  /**\n   * Link-CTA mode: render the CTA as a navigation link (`href` — plain or\n   * `mailto:`). Wins over `onCtaClick`, and SHORT-CIRCUITS the smart-CTA\n   * path-sniffing below (which reads `window.location.pathname` — an\n   * SSR/client divergence server-rendered pages must never enter).\n   */\n  ctaHref?: string;\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  ctaHref,\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=\"h-full w-full\" />,\n          title: 'No vendors found',\n          description:\n            \"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=\"h-full w-full\" />,\n          title: 'No articles found',\n          description:\n            \"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=\"h-full w-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=\"h-full w-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    // Surgical filter reset (promoted from the hub's diverged clone during\n    // the EmptyState convergence): delete ONLY the filter params the surface\n    // owns — nuking the whole query string threw away unrelated state — and\n    // use `replace` with `scroll: false` so resetting filters neither adds a\n    // history entry nor jumps the page.\n    const resetParams = (paramsToDelete: string[]) => {\n      if (!isClient) return;\n      const params = new URLSearchParams(window.location.search);\n      for (const p of paramsToDelete) params.delete(p);\n      const queryString = params.toString();\n      // Keep the hash — a filter reset must not clear an unrelated\n      // deep-link anchor (e.g. #delivery-123).\n      const hash = window.location.hash;\n      router.replace(`${window.location.pathname}${queryString ? `?${queryString}` : ''}${hash}`, { scroll: false });\n    };\n\n    // Smart defaults based on type and context\n    switch (type) {\n      case 'search':\n        return {\n          text: 'Reset Filters',\n          action: () => resetParams(['search', 'page']),\n        };\n      case 'posts':\n        // Blog-style listing pages (blog, case studies) reset their filters\n        if (currentPath.includes('/blog') || currentPath.includes('/case-studies')) {\n          return {\n            text: 'Reset Filters',\n            action: () => resetParams(['search', 'page', 'category', 'tags']),\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: () => resetParams(['search', 'page', 'category', 'subcategory']),\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  // ctaHref short-circuits BEFORE getSmartCTA(): the smart defaults read\n  // window.location.pathname (SSR-empty, client-real), so a server-rendered\n  // page with a link CTA must never enter that branch. Existing callers\n  // without ctaHref keep today's smart-default behavior unchanged.\n  const smartCTA = ctaHref ? null : getSmartCTA();\n  const ctaClassName =\n    ctaVariant === 'primary'\n      ? 'w-full bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover transition-all duration-150 font-body 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-body font-medium';\n\n  return (\n    <div className=\"flex flex-col items-center justify-center px-6 py-6 text-center md:py-16\">\n      {/* Icon */}\n      <div className=\"mb-3 flex items-center justify-center md:mb-6\">\n        <div className=\"rounded-full border border-ods-border bg-ods-card p-3 md:p-6\">\n          <div className=\"flex h-8 w-8 items-center justify-center text-ods-text-secondary md:h-16 md:w-16\">\n            {defaultContent.icon}\n          </div>\n        </div>\n      </div>\n\n      {/* Title */}\n      <h2 className=\"mb-2 text-ods-text-primary text-h3 md:mb-3\">{displayTitle}</h2>\n\n      {/* Description */}\n      <p className=\"mb-4 max-w-md text-ods-text-secondary text-h6 md:mb-8\">{displayDescription}</p>\n\n      {/* Link CTA (ctaHref) — SSR-safe, no path sniffing */}\n      {showCTA && ctaHref && (\n        <div className=\"mb-3 w-full max-w-xs\">\n          <Button href={ctaHref} className={ctaClassName}>\n            {ctaText || 'Contact us'}\n          </Button>\n        </div>\n      )}\n\n      {/* Smart CTA Button */}\n      {showCTA && !ctaHref && smartCTA && (\n        <div className=\"mb-3 w-full max-w-xs\">\n          <Button onClick={smartCTA.action} className={ctaClassName}>\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 font-body font-medium transition-all duration-150\"\n          >\n            {backButtonText}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { useSearchParams, usePathname } from '../embed-shims/next-navigation';\nimport { withQuery } from '../utils/search-params';\nimport { Pagination } from './pagination';\n\ninterface UnifiedPaginationProps {\n  currentPage: number;\n  totalPages: number;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  /**\n   * Write `?page=` into the URL on every change (default true, the historical\n   * behaviour). Set false when the CALLER owns the URL — a surface whose whole\n   * filter state is one schema would otherwise get two writers racing on it.\n   */\n  syncUrl?: boolean;\n  /**\n   * Keep the row's height when there is only one page, instead of rendering\n   * nothing. Stops a one-page result from shifting the content above it.\n   */\n  reserveSpace?: boolean;\n}\n\nexport function UnifiedPagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  className = 'mt-8 flex justify-center w-full',\n  syncUrl = true,\n  reserveSpace = false,\n}: UnifiedPaginationProps) {\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 — unless the caller owns\n    // the URL (`syncUrl={false}`), in which case a second writer here would\n    // race the caller's own param write.\n    if (syncUrl) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set('page', page.toString());\n      window.history.replaceState(null, '', withQuery(pathname, params.toString()));\n    }\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 (optionally holding the\n  // row's height so the content above it does not shift).\n  //\n  // The reserved row renders the REAL control, hidden — an empty div reserves\n  // nothing, and a hardcoded spacer height silently drifts the day the control\n  // changes. `invisible` keeps the box, `aria-hidden` + `pointer-events-none`\n  // keep it out of the accessibility tree and out of the way.\n  if (totalPages <= 1) {\n    return reserveSpace ? (\n      <div className={className} aria-hidden=\"true\">\n        <div className=\"pointer-events-none invisible\">\n          <Pagination currentPage={1} totalPages={1} onPageChange={() => {}} />\n        </div>\n      </div>\n    ) : null;\n  }\n\n  return (\n    <div className={className}>\n      <Pagination currentPage={currentPage} totalPages={totalPages} onPageChange={handlePageChange} />\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-NMXL34Z2.cjs","../src/components/empty-state.tsx","../src/components/unified-pagination.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-NMXL34Z2.cjs","sourcesContent":[null,"'use client';\n\nimport { Search, FileText, Package } from 'lucide-react';\nimport { useRouter } from '../embed-shims/next-navigation';\nimport { Button } from './ui/button';\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  /**\n   * Link-CTA mode: render the CTA as a navigation link (`href` — plain or\n   * `mailto:`). Wins over `onCtaClick`, and SHORT-CIRCUITS the smart-CTA\n   * path-sniffing below (which reads `window.location.pathname` — an\n   * SSR/client divergence server-rendered pages must never enter).\n   */\n  ctaHref?: string;\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  ctaHref,\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=\"h-full w-full\" />,\n          title: 'No vendors found',\n          description:\n            \"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=\"h-full w-full\" />,\n          title: 'No articles found',\n          description:\n            \"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=\"h-full w-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=\"h-full w-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    // Surgical filter reset (promoted from the hub's diverged clone during\n    // the EmptyState convergence): delete ONLY the filter params the surface\n    // owns — nuking the whole query string threw away unrelated state — and\n    // use `replace` with `scroll: false` so resetting filters neither adds a\n    // history entry nor jumps the page.\n    const resetParams = (paramsToDelete: string[]) => {\n      if (!isClient) return;\n      const params = new URLSearchParams(window.location.search);\n      for (const p of paramsToDelete) params.delete(p);\n      const queryString = params.toString();\n      // Keep the hash — a filter reset must not clear an unrelated\n      // deep-link anchor (e.g. #delivery-123).\n      const hash = window.location.hash;\n      router.replace(`${window.location.pathname}${queryString ? `?${queryString}` : ''}${hash}`, { scroll: false });\n    };\n\n    // Smart defaults based on type and context\n    switch (type) {\n      case 'search':\n        return {\n          text: 'Reset Filters',\n          action: () => resetParams(['search', 'page']),\n        };\n      case 'posts':\n        // Blog-style listing pages (blog, case studies) reset their filters\n        if (currentPath.includes('/blog') || currentPath.includes('/case-studies')) {\n          return {\n            text: 'Reset Filters',\n            action: () => resetParams(['search', 'page', 'category', 'tags']),\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: () => resetParams(['search', 'page', 'category', 'subcategory']),\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  // ctaHref short-circuits BEFORE getSmartCTA(): the smart defaults read\n  // window.location.pathname (SSR-empty, client-real), so a server-rendered\n  // page with a link CTA must never enter that branch. Existing callers\n  // without ctaHref keep today's smart-default behavior unchanged.\n  const smartCTA = ctaHref ? null : getSmartCTA();\n  // The CTA is the house Button in its own variant: painting colours over the\n  // default accent Button with classes lost to its hover (green text on green).\n  const ctaButtonVariant = ctaVariant === 'primary' ? 'accent' : 'outline';\n\n  return (\n    <div className=\"flex flex-col items-center justify-center px-6 py-6 text-center md:py-16\">\n      {/* Icon */}\n      <div className=\"mb-3 flex items-center justify-center md:mb-6\">\n        <div className=\"rounded-full border border-ods-border bg-ods-card p-3 md:p-6\">\n          <div className=\"flex h-8 w-8 items-center justify-center text-ods-text-secondary md:h-16 md:w-16\">\n            {defaultContent.icon}\n          </div>\n        </div>\n      </div>\n\n      {/* Title */}\n      <h2 className=\"mb-2 text-ods-text-primary text-h3 md:mb-3\">{displayTitle}</h2>\n\n      {/* Description */}\n      <p className=\"mb-4 max-w-md text-ods-text-secondary text-h6 md:mb-8\">{displayDescription}</p>\n\n      {/* Link CTA (ctaHref) — SSR-safe, no path sniffing */}\n      {showCTA && ctaHref && (\n        <div className=\"mb-3 w-full max-w-xs\">\n          <Button href={ctaHref} variant={ctaButtonVariant} className=\"w-full\">\n            {ctaText || 'Contact us'}\n          </Button>\n        </div>\n      )}\n\n      {/* Smart CTA Button */}\n      {showCTA && !ctaHref && smartCTA && (\n        <div className=\"mb-3 w-full max-w-xs\">\n          <Button onClick={smartCTA.action} variant={ctaButtonVariant} className=\"w-full\">\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 font-body font-medium transition-all duration-150\"\n          >\n            {backButtonText}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { useSearchParams, usePathname } from '../embed-shims/next-navigation';\nimport { withQuery } from '../utils/search-params';\nimport { Pagination } from './pagination';\n\ninterface UnifiedPaginationProps {\n  currentPage: number;\n  totalPages: number;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  /**\n   * Write `?page=` into the URL on every change (default true, the historical\n   * behaviour). Set false when the CALLER owns the URL — a surface whose whole\n   * filter state is one schema would otherwise get two writers racing on it.\n   */\n  syncUrl?: boolean;\n  /**\n   * Keep the row's height when there is only one page, instead of rendering\n   * nothing. Stops a one-page result from shifting the content above it.\n   */\n  reserveSpace?: boolean;\n}\n\nexport function UnifiedPagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  className = 'mt-8 flex justify-center w-full',\n  syncUrl = true,\n  reserveSpace = false,\n}: UnifiedPaginationProps) {\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 — unless the caller owns\n    // the URL (`syncUrl={false}`), in which case a second writer here would\n    // race the caller's own param write.\n    if (syncUrl) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set('page', page.toString());\n      window.history.replaceState(null, '', withQuery(pathname, params.toString()));\n    }\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 (optionally holding the\n  // row's height so the content above it does not shift).\n  //\n  // The reserved row renders the REAL control, hidden — an empty div reserves\n  // nothing, and a hardcoded spacer height silently drifts the day the control\n  // changes. `invisible` keeps the box, `aria-hidden` + `pointer-events-none`\n  // keep it out of the accessibility tree and out of the way.\n  if (totalPages <= 1) {\n    return reserveSpace ? (\n      <div className={className} aria-hidden=\"true\">\n        <div className=\"pointer-events-none invisible\">\n          <Pagination currentPage={1} totalPages={1} onPageChange={() => {}} />\n        </div>\n      </div>\n    ) : null;\n  }\n\n  return (\n    <div className={className}>\n      <Pagination currentPage={currentPage} totalPages={totalPages} onPageChange={handlePageChange} />\n    </div>\n  );\n}\n"]}

package/dist/{chunk-FN7DMNA4.js → chunk-Q76YVNCQ.js}

@@ -125,13 +125,13 @@ function EmptyState({
   const displayTitle = title || defaultContent.title;
   const displayDescription = description || defaultContent.description;
   const smartCTA = ctaHref ? null : getSmartCTA();
-  const ctaClassName = 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";
+  const ctaButtonVariant = ctaVariant === "primary" ? "accent" : "outline";
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center px-6 py-6 text-center md:py-16", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center justify-center md:mb-6", children: /* @__PURE__ */ jsx("div", { className: "rounded-full border border-ods-border bg-ods-card p-3 md:p-6", children: /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center text-ods-text-secondary md:h-16 md:w-16", children: defaultContent.icon }) }) }),
     /* @__PURE__ */ jsx("h2", { className: "mb-2 text-ods-text-primary text-h3 md:mb-3", children: displayTitle }),
     /* @__PURE__ */ jsx("p", { className: "mb-4 max-w-md text-ods-text-secondary text-h6 md:mb-8", children: displayDescription }),
-    showCTA && ctaHref && /* @__PURE__ */ jsx("div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ jsx(Button, { href: ctaHref, className: ctaClassName, children: ctaText || "Contact us" }) }),
-    showCTA && !ctaHref && smartCTA && /* @__PURE__ */ jsx("div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ jsx(Button, { onClick: smartCTA.action, className: ctaClassName, children: smartCTA.text }) }),
+    showCTA && ctaHref && /* @__PURE__ */ jsx("div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ jsx(Button, { href: ctaHref, variant: ctaButtonVariant, className: "w-full", children: ctaText || "Contact us" }) }),
+    showCTA && !ctaHref && smartCTA && /* @__PURE__ */ jsx("div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ jsx(Button, { onClick: smartCTA.action, variant: ctaButtonVariant, className: "w-full", children: smartCTA.text }) }),
     showBackButton && onGoBack && /* @__PURE__ */ jsx("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx(
       Button,
       {
@@ -185,4 +185,4 @@ export {
   EmptyState,
   UnifiedPagination
 };
-//# sourceMappingURL=chunk-FN7DMNA4.js.map
+//# sourceMappingURL=chunk-Q76YVNCQ.js.map

package/dist/chunk-Q76YVNCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/empty-state.tsx","../src/components/unified-pagination.tsx"],"sourcesContent":["'use client';\n\nimport { Search, FileText, Package } from 'lucide-react';\nimport { useRouter } from '../embed-shims/next-navigation';\nimport { Button } from './ui/button';\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  /**\n   * Link-CTA mode: render the CTA as a navigation link (`href` — plain or\n   * `mailto:`). Wins over `onCtaClick`, and SHORT-CIRCUITS the smart-CTA\n   * path-sniffing below (which reads `window.location.pathname` — an\n   * SSR/client divergence server-rendered pages must never enter).\n   */\n  ctaHref?: string;\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  ctaHref,\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=\"h-full w-full\" />,\n          title: 'No vendors found',\n          description:\n            \"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=\"h-full w-full\" />,\n          title: 'No articles found',\n          description:\n            \"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=\"h-full w-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=\"h-full w-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    // Surgical filter reset (promoted from the hub's diverged clone during\n    // the EmptyState convergence): delete ONLY the filter params the surface\n    // owns — nuking the whole query string threw away unrelated state — and\n    // use `replace` with `scroll: false` so resetting filters neither adds a\n    // history entry nor jumps the page.\n    const resetParams = (paramsToDelete: string[]) => {\n      if (!isClient) return;\n      const params = new URLSearchParams(window.location.search);\n      for (const p of paramsToDelete) params.delete(p);\n      const queryString = params.toString();\n      // Keep the hash — a filter reset must not clear an unrelated\n      // deep-link anchor (e.g. #delivery-123).\n      const hash = window.location.hash;\n      router.replace(`${window.location.pathname}${queryString ? `?${queryString}` : ''}${hash}`, { scroll: false });\n    };\n\n    // Smart defaults based on type and context\n    switch (type) {\n      case 'search':\n        return {\n          text: 'Reset Filters',\n          action: () => resetParams(['search', 'page']),\n        };\n      case 'posts':\n        // Blog-style listing pages (blog, case studies) reset their filters\n        if (currentPath.includes('/blog') || currentPath.includes('/case-studies')) {\n          return {\n            text: 'Reset Filters',\n            action: () => resetParams(['search', 'page', 'category', 'tags']),\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: () => resetParams(['search', 'page', 'category', 'subcategory']),\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  // ctaHref short-circuits BEFORE getSmartCTA(): the smart defaults read\n  // window.location.pathname (SSR-empty, client-real), so a server-rendered\n  // page with a link CTA must never enter that branch. Existing callers\n  // without ctaHref keep today's smart-default behavior unchanged.\n  const smartCTA = ctaHref ? null : getSmartCTA();\n  // The CTA is the house Button in its own variant: painting colours over the\n  // default accent Button with classes lost to its hover (green text on green).\n  const ctaButtonVariant = ctaVariant === 'primary' ? 'accent' : 'outline';\n\n  return (\n    <div className=\"flex flex-col items-center justify-center px-6 py-6 text-center md:py-16\">\n      {/* Icon */}\n      <div className=\"mb-3 flex items-center justify-center md:mb-6\">\n        <div className=\"rounded-full border border-ods-border bg-ods-card p-3 md:p-6\">\n          <div className=\"flex h-8 w-8 items-center justify-center text-ods-text-secondary md:h-16 md:w-16\">\n            {defaultContent.icon}\n          </div>\n        </div>\n      </div>\n\n      {/* Title */}\n      <h2 className=\"mb-2 text-ods-text-primary text-h3 md:mb-3\">{displayTitle}</h2>\n\n      {/* Description */}\n      <p className=\"mb-4 max-w-md text-ods-text-secondary text-h6 md:mb-8\">{displayDescription}</p>\n\n      {/* Link CTA (ctaHref) — SSR-safe, no path sniffing */}\n      {showCTA && ctaHref && (\n        <div className=\"mb-3 w-full max-w-xs\">\n          <Button href={ctaHref} variant={ctaButtonVariant} className=\"w-full\">\n            {ctaText || 'Contact us'}\n          </Button>\n        </div>\n      )}\n\n      {/* Smart CTA Button */}\n      {showCTA && !ctaHref && smartCTA && (\n        <div className=\"mb-3 w-full max-w-xs\">\n          <Button onClick={smartCTA.action} variant={ctaButtonVariant} className=\"w-full\">\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 font-body font-medium transition-all duration-150\"\n          >\n            {backButtonText}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { useSearchParams, usePathname } from '../embed-shims/next-navigation';\nimport { withQuery } from '../utils/search-params';\nimport { Pagination } from './pagination';\n\ninterface UnifiedPaginationProps {\n  currentPage: number;\n  totalPages: number;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  /**\n   * Write `?page=` into the URL on every change (default true, the historical\n   * behaviour). Set false when the CALLER owns the URL — a surface whose whole\n   * filter state is one schema would otherwise get two writers racing on it.\n   */\n  syncUrl?: boolean;\n  /**\n   * Keep the row's height when there is only one page, instead of rendering\n   * nothing. Stops a one-page result from shifting the content above it.\n   */\n  reserveSpace?: boolean;\n}\n\nexport function UnifiedPagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  className = 'mt-8 flex justify-center w-full',\n  syncUrl = true,\n  reserveSpace = false,\n}: UnifiedPaginationProps) {\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 — unless the caller owns\n    // the URL (`syncUrl={false}`), in which case a second writer here would\n    // race the caller's own param write.\n    if (syncUrl) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set('page', page.toString());\n      window.history.replaceState(null, '', withQuery(pathname, params.toString()));\n    }\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 (optionally holding the\n  // row's height so the content above it does not shift).\n  //\n  // The reserved row renders the REAL control, hidden — an empty div reserves\n  // nothing, and a hardcoded spacer height silently drifts the day the control\n  // changes. `invisible` keeps the box, `aria-hidden` + `pointer-events-none`\n  // keep it out of the accessibility tree and out of the way.\n  if (totalPages <= 1) {\n    return reserveSpace ? (\n      <div className={className} aria-hidden=\"true\">\n        <div className=\"pointer-events-none invisible\">\n          <Pagination currentPage={1} totalPages={1} onPageChange={() => {}} />\n        </div>\n      </div>\n    ) : null;\n  }\n\n  return (\n    <div className={className}>\n      <Pagination currentPage={currentPage} totalPages={totalPages} onPageChange={handlePageChange} />\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx"]}

package/dist/{chunk-M7ILWHDA.js → chunk-RF2EYX3B.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   UnifiedPagination
-} from "./chunk-FN7DMNA4.js";
+} from "./chunk-Q76YVNCQ.js";
 import {
   cn
 } from "./chunk-OXB6LRBK.js";
@@ -136,4 +136,4 @@ export {
   usePaginationLoading,
   PersistentPaginationWrapper
 };
-//# sourceMappingURL=chunk-M7ILWHDA.js.map
+//# sourceMappingURL=chunk-RF2EYX3B.js.map

package/dist/{chunk-VWYK6TSE.cjs → chunk-RNRAPL6V.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkXRQKJ22Icjs = require('./chunk-XRQKJ22I.cjs');
+var _chunkNMXL34Z2cjs = require('./chunk-NMXL34Z2.cjs');
 
 
 
@@ -33,7 +33,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXRQKJ22Icjs.EmptyState,
+      _chunkNMXL34Z2cjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -46,7 +46,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXRQKJ22Icjs.EmptyState,
+    _chunkNMXL34Z2cjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -302,4 +302,4 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
 
 
 exports.ListEmptyState = ListEmptyState; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
-//# sourceMappingURL=chunk-VWYK6TSE.cjs.map
+//# sourceMappingURL=chunk-RNRAPL6V.cjs.map

package/dist/{chunk-VWYK6TSE.cjs.map → chunk-RNRAPL6V.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-VWYK6TSE.cjs","../src/components/list-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;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACGM,+CAAA;AAHC,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,QAAA,EAAU,cAAA,EAAgB,MAAM,CAAA,EAAwB;AACnG,EAAA,GAAA,CAAI,UAAA,EAAY;AACd,IAAA,uBACE,6BAAA;AAAA,MAAC,4BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO,QAAA,CAAS,KAAA;AAAA,QAChB,WAAA,EAAa,QAAA,CAAS,WAAA;AAAA,QACtB,OAAA,mBAAS,QAAA,CAAS,SAAA,UAAa,iBAAA;AAAA,QAC/B,UAAA,EAAY,cAAA;AAAA,QACZ,UAAA,EAAW;AAAA,MAAA;AAAA,IACb,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,KAAA,CAAM,QAAA,GAAA,CAAY,KAAA,CAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,CAAA;AAC3E,EAAA,uBACE,6BAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,KAAA,CAAM,KAAA;AAAA,MACb,WAAA,EAAa,KAAA,CAAM,WAAA;AAAA,MACnB,OAAA,EAAS,MAAA;AAAA,MACT,OAAA,EAAS,KAAA,CAAM,OAAA;AAAA,MACf,UAAA,EAAY,KAAA,CAAM,UAAA;AAAA,MAClB,OAAA,EAAS,KAAA,CAAM;AAAA,IAAA;AAAA,EACjB,CAAA;AAEJ;ADIA;AACA;AE5CA,8BAAyB;AAiHb;AApEL,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,IAAA,EAAM,WAAA,EAAa,QAAA,EAAU,YAAA,EAAc,KAAK,CAAA,EAAwB;AACnH,EAAA,MAAM,QAAA,EAAU,wCAAA,CAAuB,UAAU,CAAA;AACjD,EAAA,MAAM,OAAA,EAAS,yCAAA,CAAU;AACzB,EAAA,MAAM,SAAA,EAAW,2CAAA,CAAY;AAC7B,EAAA,MAAM,aAAA,EAAe,+CAAA,CAAgB;AAMrC,EAAA,MAAM,OAAA,EAAwC,OAAA,CAAQ,MAAA;AACtD,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,MAAA;AAEvB,EAAA,MAAM,cAAA,EAAgB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,GAAA,EAAK,EAAA;AACzE,EAAA,MAAM,mBAAA,EAAqB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,MAAA,CAAO,aAAA,EAAe,EAAA;AAS/F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,CAAS,EAAA,GAAM,aAAa,CAAA;AAMlE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,aAAsB,CAAA;AAC9D,EAAA,GAAA,CAAI,aAAA,IAAiB,aAAA,EAAe;AAClC,IAAA,eAAA,CAAgB,aAAa,CAAA;AAC7B,IAAA,cAAA,CAAe,aAAa,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,mBAAA,EAAqB,CAAC,KAAA,EAAA,GAAkB;AAC5C,IAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,MAAA;AACb,IAAA,MAAM,OAAA,EAAS,IAAI,eAAA,CAAgB,YAAA,CAAa,QAAA,CAAS,CAAC,CAAA;AAC1D,IAAA,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,CAAA,EAAG;AAChB,MAAA,MAAA,CAAO,GAAA,CAAI,MAAA,CAAO,QAAA,EAAU,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA;AAAA,IAC1C,EAAA,KAAO;AACL,MAAA,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,QAAQ,CAAA;AAG7B,MAAA,IAAA,CAAA,MAAW,IAAA,oBAAO,MAAA,CAAO,cAAA,UAAkB,CAAC,GAAA,EAAG,MAAA,CAAO,MAAA,CAAO,GAAG,CAAA;AAAA,IAClE;AACA,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,QAAA,CAAS,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAA,CAAQ,GAAA,EAAK,CAAA,EAAA;AACtB,EAAA;AAEM,EAAA;AACgB,IAAA;AACA,IAAA;AACtB,EAAA;AAEM,EAAA;AACS,IAAA;AACM,IAAA;AACE,IAAA;AACL,IAAA;AACE,IAAA;AACpB,EAAA;AAGE,EAAA;AAEK,IAAA;AAEG,sBAAA;AACQ,QAAA;AACS,yBAAA;AACjB,MAAA;AACAA,sBAAAA;AAGF,IAAA;AAEkB,MAAA;AACdA,sBAAAA;AAEJ,IAAA;AAGH,IAAA;AAEW,IAAA;AAGN,MAAA;AAAC,QAAA;AAAA,QAAA;AACe,UAAA;AACD,UAAA;AACN,UAAA;AACG,UAAA;AACA,UAAA;AAAA,QAAA;AACZ,MAAA;AAGA,MAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACA,UAAA;AACe,UAAA;AAAkB,QAAA;AACnC,MAAA;AAEJ,IAAA;AAGD,IAAA;AACH,EAAA;AAEJ;AFlCyB;AACA;AG5CnBA;AAtCyB;AAC7B,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACc;AACP,EAAA;AACC,EAAA;AAOd,EAAA;AAG2B,IAAA;AACN,IAAA;AACjB,EAAA;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOJA,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACiB,QAAA;AACN,QAAA;AACA,QAAA;AACD,QAAA;AACG,QAAA;AAEZ,QAAA;AAEA,MAAA;AACF,IAAA;AAAA,EAAA;AAMa,EAAA;AACjB;AHwEyB;AACA;AI9HnB;AATU;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACmB,EAAA;AACnB,EAAA;AACyB;AAEvBC,EAAAA;AACEA,oBAAAA;AACED,sBAAAA;AAKAA,sBAAAA;AAGAA,sBAAAA;AAGF,IAAA;AACC,oBAAA;AACH,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAEIC,oBAAAA;AACED,sBAAAA;AAGAA,sBAAAA;AAGAA,sBAAAA;AAEIA,wBAAAA;AACAA,wBAAAA;AACAA,wBAAAA;AAEJ,MAAA;AACF,IAAA;AACAC,oBAAAA;AACED,sBAAAA;AACAA,sBAAAA;AACF,IAAA;AAEJ,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAMJ;AJoGyB;AACA;AKlInB;AAnDmB;AAGA,EAAA;AACF,EAAA;AACF,EAAA;AACD,EAAA;AACC,EAAA;AACC,EAAA;AACG,EAAA;AACD,EAAA;AACD,EAAA;AACd,EAAA;AACT;AA2B8B;AACN,EAAA;AACC,EAAA;AACjB,EAAA;AACA,EAAA;AACe,EAAA;AACJ,EAAA;AAGf,EAAA;AAEEC,oBAAAA;AACc,MAAA;AACZD,sBAAAA;AAKAA,sBAAAA;AAQAA,sBAAAA;AAKF,IAAA;AAQAC,oBAAAA;AACED,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACY,UAAA;AACE,UAAA;AACL,UAAA;AACE,UAAA;AAAA,QAAA;AACZ,MAAA;AACAA,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACE,UAAA;AACG,UAAA;AAA8C,QAAA;AAC3D,MAAA;AACmB,MAAA;AAChB,QAAA;AAAA,QAAA;AACM,UAAA;AACK,UAAA;AACG,UAAA;AACJ,YAAA;AACC,YAAA;AACK,YAAA;AACb,UAAA;AAAA,QAAA;AAEF,MAAA;AACN,IAAA;AACF,EAAA;AAGgB,EAAA;AAChB,IAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAA;AACQ,IAAA;AACR,IAAA;AACF,EAAA;AAEuB,EAAA;AAEnB,IAAA;AAIJ,EAAA;AAEU,EAAA;AAQN,IAAA;AAIJ,EAAA;AAGEA,EAAAA;AAIJ;ALmHyB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-VWYK6TSE.cjs","sourcesContent":[null,"'use client';\n\nimport { EmptyState } from './empty-state';\n\nexport interface ListEmptyStateCopy {\n  title: string;\n  description: string;\n}\n\nexport interface ListEmptyStateProps {\n  /** A search or filter is narrowing the list, so \"nothing to show\" is a miss, not an empty list. */\n  isFiltered: boolean;\n  /** Copy for the filtered miss. `clearText` labels the reset button (default \"Clear filters\"). */\n  filtered: ListEmptyStateCopy & { clearText?: string };\n  /** Resets every search and filter the list owns. */\n  onClearFilters: () => void;\n  /**\n   * Copy for a genuinely empty list, with an optional call to action (e.g. \"Create the first one\").\n   * The CTA renders only when `ctaText` comes with `onCtaClick` or `ctaHref`, so an empty list with\n   * no action never falls through to `EmptyState`'s path-sniffed default button.\n   */\n  empty: ListEmptyStateCopy & { ctaText?: string; onCtaClick?: () => void; ctaHref?: string };\n}\n\n/**\n * THE empty state of a searchable, filterable list: a filtered miss offers to clear the filters\n * (`search` icon, secondary button), a genuinely empty list says so and optionally offers its own\n * action (`generic` icon, primary button). Every list with filters renders this instead of choosing\n * between two `EmptyState`s by hand, so the two cases look and behave the same everywhere.\n */\nexport function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }: ListEmptyStateProps) {\n  if (isFiltered) {\n    return (\n      <EmptyState\n        type=\"search\"\n        title={filtered.title}\n        description={filtered.description}\n        ctaText={filtered.clearText ?? 'Clear filters'}\n        onCtaClick={onClearFilters}\n        ctaVariant=\"secondary\"\n      />\n    );\n  }\n\n  const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));\n  return (\n    <EmptyState\n      type=\"generic\"\n      title={empty.title}\n      description={empty.description}\n      showCTA={hasCta}\n      ctaText={empty.ctaText}\n      onCtaClick={empty.onCtaClick}\n      ctaHref={empty.ctaHref}\n    />\n  );\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 } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSection,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { StatusFilterComponent } from '../../features';\nimport { SearchInput } from '../../ui';\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  // Widen from the registry's per-section literal types to the interface —\n  // optional fields (`clearParamKeys`) exist on the interface but not on\n  // every section's inferred literal. Sound: the registry `satisfies`\n  // `Record<string, OpenframeDevSection>`.\n  const search: OpenframeDevSection['search'] = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter ? searchParams.get(filter.paramKey) || filter.defaultValue : '';\n\n  // Controlled search-input state — TYPING commits to the URL only on\n  // Enter (not on every keystroke), but CLEARING commits immediately:\n  // an emptied input must not keep filtering the list (the URL param —\n  // and any linked `clearParamKeys` companion like the tickets\n  // `?ticket=` drawer param — previously survived until Enter).\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  // Re-sync when the URL changes underneath us (tab switch, back/forward,\n  // a companion param cleared elsewhere). Adjusted while rendering — React's\n  // documented prop-sync pattern — rather than from an effect, which would\n  // commit one frame with the input still showing the previous section's\n  // query before replacing it.\n  const [syncedSearch, setSyncedSearch] = useState(currentSearch);\n  if (syncedSearch !== currentSearch) {\n    setSyncedSearch(currentSearch);\n    setSearchValue(currentSearch);\n  }\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) {\n      params.set(search.paramKey, value.trim());\n    } else {\n      params.delete(search.paramKey);\n      // Empty commit tears down the search's linked companion params too\n      // (deep links set them TOGETHER — see the config field docs).\n      for (const key of search.clearParamKeys ?? []) params.delete(key);\n    }\n    const qs = params.toString();\n    router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });\n  };\n\n  const handleSearchChange = (value: string) => {\n    setSearchValue(value);\n    if (value === '' && currentSearch !== '') handleSearchSubmit('');\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=\"flex w-full flex-col gap-10\">\n      {showHeading &&\n        (hero ? (\n          <div className=\"space-y-4\">\n            <h1 className=\"flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1\">\n              {hero.icon}\n              {hero.title ?? section.hero.title}\n            </h1>\n            <p className=\"max-w-3xl text-ods-text-secondary text-h4\">{hero.description}</p>\n          </div>\n        ) : (\n          <div className=\"flex w-full items-center justify-between\">\n            <h2 className=\"font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] 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={handleSearchChange}\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 {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\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 w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n      <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n        <div className=\"flex min-h-[24px] items-center\">\n          <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"flex min-h-[20px] items-center\">\n          <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\">{subtitle}</p>\n        </div>\n        <div className=\"flex min-h-[72px] items-center\">\n          <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">{description || emptyDescription}</p>\n        </div>\n      </div>\n      <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">{rightBadges}</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 p-[12px] last:border-b-0 md:p-[16px]\">\n      <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n        <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n          <div className=\"flex min-h-[24px] items-center\">\n            <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n          </div>\n          <div className=\"flex min-h-[20px] items-center\">\n            <div className=\"h-[20px] w-1/2 animate-pulse rounded bg-ods-border\" />\n          </div>\n          <div className=\"flex min-h-[72px] items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n              <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n              <div className=\"h-[20px] w-2/3 animate-pulse rounded bg-ods-border\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">\n          <div className=\"h-[32px] w-[100px] animate-pulse rounded bg-ods-border\" />\n          <div className=\"h-[32px] w-[120px] animate-pulse rounded bg-ods-border\" />\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=\"w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card\">\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 Link from '../../../embed-shims/next-link';\nimport { type DeliveryItem, TASK_TYPE_LABELS, TASK_TYPE_TEXT_COLORS } from '../../../types/delivery';\nimport { getStatusColorScheme } from '../../../utils';\nimport { cn } from '../../../utils/cn';\nimport { AvatarStack } from '../../ui/avatar-stack';\nimport { StatusBadge } from '../../ui/status-badge';\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  // A missing or zero timestamp is ABSENT data, not the epoch — without this\n  // the row reads \"678 months ago\" for a task the API never dated.\n  if (!timestamp) return 'recently';\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  /** `'_blank'` renders a plain external anchor (new tab, `rel` hardened) —\n   *  for rows whose href leaves the app (e.g. the raw ClickUp task URL on the\n   *  design-doc surfaces). Internal deep-links omit it and keep the Link shim. */\n  target?: '_blank';\n  className?: string;\n}\n\nexport function DeliveryRow({ item, href, target, caption, id, className }: 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 w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n      {/* Left: caption (optional) + title + subtitle + description */}\n      <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n        {caption && <p className=\"text-ods-text-secondary text-h5\">{caption}</p>}\n        <div className=\"flex min-h-[24px] items-center md:min-h-[24px]\">\n          <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n            {item.title}\n          </h3>\n        </div>\n        <div className=\"flex min-h-[20px] items-center\">\n          {/* Relative time is wall-clock-derived: on an SSR host the server and\n              client render different strings a moment apart — text-only, so\n              suppress instead of forcing a client-only render. */}\n          <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\" suppressHydrationWarning>\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"flex min-h-[72px] items-center\">\n          <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">\n            {item.description || 'No description provided'}\n          </p>\n        </div>\n      </div>\n\n      {/* Right (desktop): badges + assignee stack in a right-aligned\n          column. Mobile: ONE horizontal footer row — badges lead,\n          avatars anchor the right edge (kanban-card convention: the\n          assignee owns the trailing slot of the meta row; a column of\n          right-aligned orphans under the description reads as clutter\n          on small screens). */}\n      <div className=\"flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start\">\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        {item.assignees && item.assignees.length > 0 ? (\n          <AvatarStack\n            size=\"xs\"\n            className=\"ml-auto md:ml-0\"\n            people={item.assignees.map(a => ({\n              key: a.id,\n              name: a.name ?? 'Unknown',\n              avatarUrl: a.avatarUrl,\n            }))}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n\n  const baseClass = cn(\n    'block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]',\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 && 'cursor-pointer hover:bg-ods-bg-hover',\n    className,\n  );\n\n  if (href && target === '_blank') {\n    return (\n      <a href={href} id={id} className={baseClass} target=\"_blank\" rel=\"noopener noreferrer\">\n        {inner}\n      </a>\n    );\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 (\n    <div id={id} className={baseClass}>\n      {inner}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-RNRAPL6V.cjs","../src/components/list-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;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACGM,+CAAA;AAHC,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,QAAA,EAAU,cAAA,EAAgB,MAAM,CAAA,EAAwB;AACnG,EAAA,GAAA,CAAI,UAAA,EAAY;AACd,IAAA,uBACE,6BAAA;AAAA,MAAC,4BAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO,QAAA,CAAS,KAAA;AAAA,QAChB,WAAA,EAAa,QAAA,CAAS,WAAA;AAAA,QACtB,OAAA,mBAAS,QAAA,CAAS,SAAA,UAAa,iBAAA;AAAA,QAC/B,UAAA,EAAY,cAAA;AAAA,QACZ,UAAA,EAAW;AAAA,MAAA;AAAA,IACb,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,KAAA,CAAM,QAAA,GAAA,CAAY,KAAA,CAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,CAAA;AAC3E,EAAA,uBACE,6BAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,KAAA,CAAM,KAAA;AAAA,MACb,WAAA,EAAa,KAAA,CAAM,WAAA;AAAA,MACnB,OAAA,EAAS,MAAA;AAAA,MACT,OAAA,EAAS,KAAA,CAAM,OAAA;AAAA,MACf,UAAA,EAAY,KAAA,CAAM,UAAA;AAAA,MAClB,OAAA,EAAS,KAAA,CAAM;AAAA,IAAA;AAAA,EACjB,CAAA;AAEJ;ADIA;AACA;AE5CA,8BAAyB;AAiHb;AApEL,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,IAAA,EAAM,WAAA,EAAa,QAAA,EAAU,YAAA,EAAc,KAAK,CAAA,EAAwB;AACnH,EAAA,MAAM,QAAA,EAAU,wCAAA,CAAuB,UAAU,CAAA;AACjD,EAAA,MAAM,OAAA,EAAS,yCAAA,CAAU;AACzB,EAAA,MAAM,SAAA,EAAW,2CAAA,CAAY;AAC7B,EAAA,MAAM,aAAA,EAAe,+CAAA,CAAgB;AAMrC,EAAA,MAAM,OAAA,EAAwC,OAAA,CAAQ,MAAA;AACtD,EAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,MAAA;AAEvB,EAAA,MAAM,cAAA,EAAgB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,GAAA,EAAK,EAAA;AACzE,EAAA,MAAM,mBAAA,EAAqB,OAAA,EAAS,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,QAAQ,EAAA,GAAK,MAAA,CAAO,aAAA,EAAe,EAAA;AAS/F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,CAAS,EAAA,GAAM,aAAa,CAAA;AAMlE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,aAAsB,CAAA;AAC9D,EAAA,GAAA,CAAI,aAAA,IAAiB,aAAA,EAAe;AAClC,IAAA,eAAA,CAAgB,aAAa,CAAA;AAC7B,IAAA,cAAA,CAAe,aAAa,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,mBAAA,EAAqB,CAAC,KAAA,EAAA,GAAkB;AAC5C,IAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,MAAA;AACb,IAAA,MAAM,OAAA,EAAS,IAAI,eAAA,CAAgB,YAAA,CAAa,QAAA,CAAS,CAAC,CAAA;AAC1D,IAAA,GAAA,CAAI,KAAA,CAAM,IAAA,CAAK,CAAA,EAAG;AAChB,MAAA,MAAA,CAAO,GAAA,CAAI,MAAA,CAAO,QAAA,EAAU,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA;AAAA,IAC1C,EAAA,KAAO;AACL,MAAA,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,QAAQ,CAAA;AAG7B,MAAA,IAAA,CAAA,MAAW,IAAA,oBAAO,MAAA,CAAO,cAAA,UAAkB,CAAC,GAAA,EAAG,MAAA,CAAO,MAAA,CAAO,GAAG,CAAA;AAAA,IAClE;AACA,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,QAAA,CAAS,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAA,CAAQ,GAAA,EAAK,CAAA,EAAA;AACtB,EAAA;AAEM,EAAA;AACgB,IAAA;AACA,IAAA;AACtB,EAAA;AAEM,EAAA;AACS,IAAA;AACM,IAAA;AACE,IAAA;AACL,IAAA;AACE,IAAA;AACpB,EAAA;AAGE,EAAA;AAEK,IAAA;AAEG,sBAAA;AACQ,QAAA;AACS,yBAAA;AACjB,MAAA;AACAA,sBAAAA;AAGF,IAAA;AAEkB,MAAA;AACdA,sBAAAA;AAEJ,IAAA;AAGH,IAAA;AAEW,IAAA;AAGN,MAAA;AAAC,QAAA;AAAA,QAAA;AACe,UAAA;AACD,UAAA;AACN,UAAA;AACG,UAAA;AACA,UAAA;AAAA,QAAA;AACZ,MAAA;AAGA,MAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACA,UAAA;AACe,UAAA;AAAkB,QAAA;AACnC,MAAA;AAEJ,IAAA;AAGD,IAAA;AACH,EAAA;AAEJ;AFlCyB;AACA;AG5CnBA;AAtCyB;AAC7B,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACc;AACP,EAAA;AACC,EAAA;AAOd,EAAA;AAG2B,IAAA;AACN,IAAA;AACjB,EAAA;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOJA,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACiB,QAAA;AACN,QAAA;AACA,QAAA;AACD,QAAA;AACG,QAAA;AAEZ,QAAA;AAEA,MAAA;AACF,IAAA;AAAA,EAAA;AAMa,EAAA;AACjB;AHwEyB;AACA;AI9HnB;AATU;AACd,EAAA;AACA,EAAA;AACA,EAAA;AACmB,EAAA;AACnB,EAAA;AACyB;AAEvBC,EAAAA;AACEA,oBAAAA;AACED,sBAAAA;AAKAA,sBAAAA;AAGAA,sBAAAA;AAGF,IAAA;AACC,oBAAA;AACH,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAEIC,oBAAAA;AACED,sBAAAA;AAGAA,sBAAAA;AAGAA,sBAAAA;AAEIA,wBAAAA;AACAA,wBAAAA;AACAA,wBAAAA;AAEJ,MAAA;AACF,IAAA;AACAC,oBAAAA;AACED,sBAAAA;AACAA,sBAAAA;AACF,IAAA;AAEJ,EAAA;AAEJ;AAOgB;AAEZA,EAAAA;AAMJ;AJoGyB;AACA;AKlInB;AAnDmB;AAGA,EAAA;AACF,EAAA;AACF,EAAA;AACD,EAAA;AACC,EAAA;AACC,EAAA;AACG,EAAA;AACD,EAAA;AACD,EAAA;AACd,EAAA;AACT;AA2B8B;AACN,EAAA;AACC,EAAA;AACjB,EAAA;AACA,EAAA;AACe,EAAA;AACJ,EAAA;AAGf,EAAA;AAEEC,oBAAAA;AACc,MAAA;AACZD,sBAAAA;AAKAA,sBAAAA;AAQAA,sBAAAA;AAKF,IAAA;AAQAC,oBAAAA;AACED,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACY,UAAA;AACE,UAAA;AACL,UAAA;AACE,UAAA;AAAA,QAAA;AACZ,MAAA;AACAA,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACE,UAAA;AACG,UAAA;AAA8C,QAAA;AAC3D,MAAA;AACmB,MAAA;AAChB,QAAA;AAAA,QAAA;AACM,UAAA;AACK,UAAA;AACG,UAAA;AACJ,YAAA;AACC,YAAA;AACK,YAAA;AACb,UAAA;AAAA,QAAA;AAEF,MAAA;AACN,IAAA;AACF,EAAA;AAGgB,EAAA;AAChB,IAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAA;AACQ,IAAA;AACR,IAAA;AACF,EAAA;AAEuB,EAAA;AAEnB,IAAA;AAIJ,EAAA;AAEU,EAAA;AAQN,IAAA;AAIJ,EAAA;AAGEA,EAAAA;AAIJ;ALmHyB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-RNRAPL6V.cjs","sourcesContent":[null,"'use client';\n\nimport { EmptyState } from './empty-state';\n\nexport interface ListEmptyStateCopy {\n  title: string;\n  description: string;\n}\n\nexport interface ListEmptyStateProps {\n  /** A search or filter is narrowing the list, so \"nothing to show\" is a miss, not an empty list. */\n  isFiltered: boolean;\n  /** Copy for the filtered miss. `clearText` labels the reset button (default \"Clear filters\"). */\n  filtered: ListEmptyStateCopy & { clearText?: string };\n  /** Resets every search and filter the list owns. */\n  onClearFilters: () => void;\n  /**\n   * Copy for a genuinely empty list, with an optional call to action (e.g. \"Create the first one\").\n   * The CTA renders only when `ctaText` comes with `onCtaClick` or `ctaHref`, so an empty list with\n   * no action never falls through to `EmptyState`'s path-sniffed default button.\n   */\n  empty: ListEmptyStateCopy & { ctaText?: string; onCtaClick?: () => void; ctaHref?: string };\n}\n\n/**\n * THE empty state of a searchable, filterable list: a filtered miss offers to clear the filters\n * (`search` icon, secondary button), a genuinely empty list says so and optionally offers its own\n * action (`generic` icon, primary button). Every list with filters renders this instead of choosing\n * between two `EmptyState`s by hand, so the two cases look and behave the same everywhere.\n */\nexport function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }: ListEmptyStateProps) {\n  if (isFiltered) {\n    return (\n      <EmptyState\n        type=\"search\"\n        title={filtered.title}\n        description={filtered.description}\n        ctaText={filtered.clearText ?? 'Clear filters'}\n        onCtaClick={onClearFilters}\n        ctaVariant=\"secondary\"\n      />\n    );\n  }\n\n  const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));\n  return (\n    <EmptyState\n      type=\"generic\"\n      title={empty.title}\n      description={empty.description}\n      showCTA={hasCta}\n      ctaText={empty.ctaText}\n      onCtaClick={empty.onCtaClick}\n      ctaHref={empty.ctaHref}\n    />\n  );\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 } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSection,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { StatusFilterComponent } from '../../features';\nimport { SearchInput } from '../../ui';\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  // Widen from the registry's per-section literal types to the interface —\n  // optional fields (`clearParamKeys`) exist on the interface but not on\n  // every section's inferred literal. Sound: the registry `satisfies`\n  // `Record<string, OpenframeDevSection>`.\n  const search: OpenframeDevSection['search'] = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter ? searchParams.get(filter.paramKey) || filter.defaultValue : '';\n\n  // Controlled search-input state — TYPING commits to the URL only on\n  // Enter (not on every keystroke), but CLEARING commits immediately:\n  // an emptied input must not keep filtering the list (the URL param —\n  // and any linked `clearParamKeys` companion like the tickets\n  // `?ticket=` drawer param — previously survived until Enter).\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  // Re-sync when the URL changes underneath us (tab switch, back/forward,\n  // a companion param cleared elsewhere). Adjusted while rendering — React's\n  // documented prop-sync pattern — rather than from an effect, which would\n  // commit one frame with the input still showing the previous section's\n  // query before replacing it.\n  const [syncedSearch, setSyncedSearch] = useState(currentSearch);\n  if (syncedSearch !== currentSearch) {\n    setSyncedSearch(currentSearch);\n    setSearchValue(currentSearch);\n  }\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) {\n      params.set(search.paramKey, value.trim());\n    } else {\n      params.delete(search.paramKey);\n      // Empty commit tears down the search's linked companion params too\n      // (deep links set them TOGETHER — see the config field docs).\n      for (const key of search.clearParamKeys ?? []) params.delete(key);\n    }\n    const qs = params.toString();\n    router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });\n  };\n\n  const handleSearchChange = (value: string) => {\n    setSearchValue(value);\n    if (value === '' && currentSearch !== '') handleSearchSubmit('');\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=\"flex w-full flex-col gap-10\">\n      {showHeading &&\n        (hero ? (\n          <div className=\"space-y-4\">\n            <h1 className=\"flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1\">\n              {hero.icon}\n              {hero.title ?? section.hero.title}\n            </h1>\n            <p className=\"max-w-3xl text-ods-text-secondary text-h4\">{hero.description}</p>\n          </div>\n        ) : (\n          <div className=\"flex w-full items-center justify-between\">\n            <h2 className=\"font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] 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={handleSearchChange}\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 {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\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 w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n      <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n        <div className=\"flex min-h-[24px] items-center\">\n          <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"flex min-h-[20px] items-center\">\n          <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\">{subtitle}</p>\n        </div>\n        <div className=\"flex min-h-[72px] items-center\">\n          <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">{description || emptyDescription}</p>\n        </div>\n      </div>\n      <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">{rightBadges}</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 p-[12px] last:border-b-0 md:p-[16px]\">\n      <div className=\"flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n        <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n          <div className=\"flex min-h-[24px] items-center\">\n            <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n          </div>\n          <div className=\"flex min-h-[20px] items-center\">\n            <div className=\"h-[20px] w-1/2 animate-pulse rounded bg-ods-border\" />\n          </div>\n          <div className=\"flex min-h-[72px] items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n              <div className=\"h-[20px] w-full animate-pulse rounded bg-ods-border\" />\n              <div className=\"h-[20px] w-2/3 animate-pulse rounded bg-ods-border\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex flex-shrink-0 flex-col gap-2 self-start\">\n          <div className=\"h-[32px] w-[100px] animate-pulse rounded bg-ods-border\" />\n          <div className=\"h-[32px] w-[120px] animate-pulse rounded bg-ods-border\" />\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=\"w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card\">\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 Link from '../../../embed-shims/next-link';\nimport { type DeliveryItem, TASK_TYPE_LABELS, TASK_TYPE_TEXT_COLORS } from '../../../types/delivery';\nimport { getStatusColorScheme } from '../../../utils';\nimport { cn } from '../../../utils/cn';\nimport { AvatarStack } from '../../ui/avatar-stack';\nimport { StatusBadge } from '../../ui/status-badge';\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  // A missing or zero timestamp is ABSENT data, not the epoch — without this\n  // the row reads \"678 months ago\" for a task the API never dated.\n  if (!timestamp) return 'recently';\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  /** `'_blank'` renders a plain external anchor (new tab, `rel` hardened) —\n   *  for rows whose href leaves the app (e.g. the raw ClickUp task URL on the\n   *  design-doc surfaces). Internal deep-links omit it and keep the Link shim. */\n  target?: '_blank';\n  className?: string;\n}\n\nexport function DeliveryRow({ item, href, target, caption, id, className }: 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 w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]\">\n      {/* Left: caption (optional) + title + subtitle + description */}\n      <div className=\"flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]\">\n        {caption && <p className=\"text-ods-text-secondary text-h5\">{caption}</p>}\n        <div className=\"flex min-h-[24px] items-center md:min-h-[24px]\">\n          <h3 className=\"line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate\">\n            {item.title}\n          </h3>\n        </div>\n        <div className=\"flex min-h-[20px] items-center\">\n          {/* Relative time is wall-clock-derived: on an SSR host the server and\n              client render different strings a moment apart — text-only, so\n              suppress instead of forcing a client-only render. */}\n          <p className=\"truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5\" suppressHydrationWarning>\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"flex min-h-[72px] items-center\">\n          <p className=\"line-clamp-3 break-words text-ods-text-secondary text-h4\">\n            {item.description || 'No description provided'}\n          </p>\n        </div>\n      </div>\n\n      {/* Right (desktop): badges + assignee stack in a right-aligned\n          column. Mobile: ONE horizontal footer row — badges lead,\n          avatars anchor the right edge (kanban-card convention: the\n          assignee owns the trailing slot of the meta row; a column of\n          right-aligned orphans under the description reads as clutter\n          on small screens). */}\n      <div className=\"flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start\">\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        {item.assignees && item.assignees.length > 0 ? (\n          <AvatarStack\n            size=\"xs\"\n            className=\"ml-auto md:ml-0\"\n            people={item.assignees.map(a => ({\n              key: a.id,\n              name: a.name ?? 'Unknown',\n              avatarUrl: a.avatarUrl,\n            }))}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n\n  const baseClass = cn(\n    'block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]',\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 && 'cursor-pointer hover:bg-ods-bg-hover',\n    className,\n  );\n\n  if (href && target === '_blank') {\n    return (\n      <a href={href} id={id} className={baseClass} target=\"_blank\" rel=\"noopener noreferrer\">\n        {inner}\n      </a>\n    );\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 (\n    <div id={id} className={baseClass}>\n      {inner}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-SPI7DCD3.js → chunk-S3OS6FIM.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   EmptyState
-} from "./chunk-FN7DMNA4.js";
+} from "./chunk-Q76YVNCQ.js";
 import {
   OPENFRAME_DEV_SECTIONS,
   PageLayout,
@@ -302,4 +302,4 @@ export {
   DevCardRowSkeletonList,
   DeliveryRow
 };
-//# sourceMappingURL=chunk-SPI7DCD3.js.map
+//# sourceMappingURL=chunk-S3OS6FIM.js.map

package/dist/{chunk-RLUXVMSD.cjs → chunk-UOZXREDM.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkUL2TY6GYcjs = require('./chunk-UL2TY6GY.cjs');
+var _chunkBOM6MMWBcjs = require('./chunk-BOM6MMWB.cjs');
 
 
 
-var _chunkVWYK6TSEcjs = require('./chunk-VWYK6TSE.cjs');
+var _chunkRNRAPL6Vcjs = require('./chunk-RNRAPL6V.cjs');
 
 
-var _chunkXRQKJ22Icjs = require('./chunk-XRQKJ22I.cjs');
+var _chunkNMXL34Z2cjs = require('./chunk-NMXL34Z2.cjs');
 
 
 var _chunkZFQ3ZHMRcjs = require('./chunk-ZFQ3ZHMR.cjs');
@@ -174,7 +174,7 @@ function ProductReleasesView({
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkX7CEWD6Vcjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKSDOCJ7Bcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkX7CEWD6Vcjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVWYK6TSEcjs.ListEmptyState,
+    _chunkRNRAPL6Vcjs.ListEmptyState,
     {
       isFiltered: hasActiveFilters,
       filtered: {
@@ -199,7 +199,7 @@ function ProductReleasesView({
       );
     }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-6 flex justify-center md:mt-8", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "m-3 h-12 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUL2TY6GYcjs.PersistentPaginationWrapper,
+      _chunkBOM6MMWBcjs.PersistentPaginationWrapper,
       {
         isLoading: false,
         currentPage,
@@ -871,7 +871,7 @@ function RoadmapGrid({
   }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
   if (items.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXRQKJ22Icjs.EmptyState,
+      _chunkNMXL34Z2cjs.EmptyState,
       {
         type: "generic",
         title: "No roadmap items",
@@ -1068,7 +1068,7 @@ function DeliveryTable({ items, isLoading = false }) {
     // → `#delivery-<external_id>`; `useScrollToHash` in
     // `delivery-lists.tsx` finds the row by id and scrolls. The
     // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVWYK6TSEcjs.DeliveryRow, { item, id: _chunkKSDOCJ7Bcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRNRAPL6Vcjs.DeliveryRow, { item, id: _chunkKSDOCJ7Bcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
   )) }) });
 }
 
@@ -1149,7 +1149,7 @@ function DeliveryLists({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[40px]", children: [
     !isLoading && !hasResults && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVWYK6TSEcjs.ListEmptyState,
+      _chunkRNRAPL6Vcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1373,4 +1373,4 @@ function LegalDocumentPage({
 
 
 exports.ProductReleasesView = ProductReleasesView; exports.MediaGalleryStrip = MediaGalleryStrip; exports.ReleaseDetailPage = ReleaseDetailPage; exports.ReleaseDetailSkeleton = ReleaseDetailSkeleton; exports.useRoadmapVoting = useRoadmapVoting; exports.RoadmapGrid = RoadmapGrid; exports.RoadmapGridSkeleton = RoadmapGridSkeleton; exports.RoadmapView = RoadmapView; exports.DeliveryTable = DeliveryTable; exports.DeliveryLists = DeliveryLists; exports.useLegalDocs = useLegalDocs; exports.LegalDocumentPage = LegalDocumentPage;
-//# sourceMappingURL=chunk-RLUXVMSD.cjs.map
+//# sourceMappingURL=chunk-UOZXREDM.cjs.map