@flamingo-stack/openframe-frontend-core 0.0.570 → 0.0.571

package/dist/{chunk-U6NPZMNT.js → chunk-2M44PBAP.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   PersistentPaginationWrapper
-} from "./chunk-ZTGWMXJK.js";
+} from "./chunk-3FW6MFJ7.js";
 import {
   DeliveryRow
-} from "./chunk-KYDVOX5J.js";
+} from "./chunk-ZCEOADTR.js";
 import {
   EmptyState
-} from "./chunk-PTDRJCPW.js";
+} from "./chunk-JYMKMW5P.js";
 import {
   DetailPageSkeleton
-} from "./chunk-QIU5B2ZD.js";
+} from "./chunk-L4ZWJM3M.js";
 import {
   useSelfFetch
 } from "./chunk-ZAYZ7JHF.js";
@@ -46,7 +46,7 @@ import {
   toStripProfile,
   useCaptions,
   useEntityCardLink
-} from "./chunk-5NVVVIHJ.js";
+} from "./chunk-7SKYZDEJ.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   contentFetch,
@@ -1324,4 +1324,4 @@ export {
   useLegalDocs,
   LegalDocumentPage
 };
-//# sourceMappingURL=chunk-U6NPZMNT.js.map
+//# sourceMappingURL=chunk-2M44PBAP.js.map

package/dist/{chunk-ZTGWMXJK.js → chunk-3FW6MFJ7.js}

@@ -2,7 +2,7 @@
 import {
   init_unified_pagination,
   unified_pagination_exports
-} from "./chunk-PTDRJCPW.js";
+} from "./chunk-JYMKMW5P.js";
 import {
   cn,
   init_cn
@@ -172,4 +172,4 @@ export {
   usePaginationLoading,
   PersistentPaginationWrapper
 };
-//# sourceMappingURL=chunk-ZTGWMXJK.js.map
+//# sourceMappingURL=chunk-3FW6MFJ7.js.map

package/dist/{chunk-CYY2PEYQ.cjs → chunk-4IXMQIRH.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkHJCXSI7Rcjs = require('./chunk-HJCXSI7R.cjs');
+var _chunkEHF7XGJOcjs = require('./chunk-EHF7XGJO.cjs');
 
 
 
@@ -112,7 +112,7 @@ function PersistentPaginationWrapper({
   const displayCurrentPage = hasResults ? currentPage : 1;
   const isPaginationDisabled = isLoading;
   const hasNoResults = !hasResults && !isLoading;
-  const PaginationComponent = (_chunkHJCXSI7Rcjs.init_unified_pagination.call(void 0, ), _chunkVRHGVLSLcjs.__toCommonJS.call(void 0, _chunkHJCXSI7Rcjs.unified_pagination_exports)).UnifiedPagination;
+  const PaginationComponent = (_chunkEHF7XGJOcjs.init_unified_pagination.call(void 0, ), _chunkVRHGVLSLcjs.__toCommonJS.call(void 0, _chunkEHF7XGJOcjs.unified_pagination_exports)).UnifiedPagination;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -172,4 +172,4 @@ function PersistentPaginationWrapper({
 
 
 exports.PersistentPagination = PersistentPagination; exports.usePaginationLoading = usePaginationLoading; exports.PersistentPaginationWrapper = PersistentPaginationWrapper;
-//# sourceMappingURL=chunk-CYY2PEYQ.cjs.map
+//# sourceMappingURL=chunk-4IXMQIRH.cjs.map

package/dist/{chunk-CYY2PEYQ.cjs.map → chunk-4IXMQIRH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CYY2PEYQ.cjs","../src/components/persistent-pagination.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,uCAAA,CAAA;AA6FQ,+CAAA;AAhCD,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,GAAA;AAAA,EACrB,iBAAA,EAAmB;AACrB,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;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACL,YAAA;AACK,YAAA;AACX,YAAA;AAAA,cAAA;AACqD,cAAA;AAAY,cAAA;AAAK,cAAA;AAAA,YAAA;AAAA,UAAA;AACvE,QAAA;AAIF,wBAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACT,cAAA;AACa,cAAA;AACf,YAAA;AACO,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAEZ,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAGF,EAAA;AAEJ;AAKgB;AAKR,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;AACU,EAAA;AACyB;AACT,EAAA;AACxB,IAAA;AACA,IAAA;AACA,IAAA;AACF,EAAA;AAImB,EAAA;AACO,EAAA;AACC,EAAA;AAErB,EAAA;AACgB,EAAA;AAIhB,EAAA;AAGJ,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;AACb,UAAA;AAAA,UAAA;AACW,YAAA;AACL,YAAA;AACK,YAAA;AAET,YAAA;AAEG,UAAA;AAEN,QAAA;AAIF,wBAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACT,cAAA;AACA,cAAA;AACF,YAAA;AACO,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAEb,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;AD9E6B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CYY2PEYQ.cjs","sourcesContent":[null,"\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { cn } from \"../utils/cn\"\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  showLoadingState = true,\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 justify-center items-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 \n          className=\"sr-only\" \n          role=\"status\" \n          aria-live=\"polite\"\n        >\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(\n          \"relative transition-all ease-in-out\",\n          isLoading && \"cursor-not-allowed\"\n        )}\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(\n  isLoading: boolean,\n  currentPage: number,\n  totalPages: number\n) {\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  variant = 'vendor'\n}: PersistentPaginationWrapperProps) {\n  const { getLoadingMessage } = usePaginationLoading(\n    isLoading,\n    currentPage,\n    totalPages\n  )\n\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  // Use UnifiedPagination directly from ui-kit instead of importing from consuming apps\n  // Both Pagination and BlogPagination in multi-platform-hub are just wrappers around UnifiedPagination\n  const PaginationComponent = require('./unified-pagination').UnifiedPagination\n\n  return (\n    <div \n      className={cn(\n        \"relative transition-all ease-in-out flex justify-center items-center\",\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 \n          className=\"sr-only\" \n          role=\"status\" \n          aria-live=\"polite\"\n        >\n          {isLoading \n            ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}`\n            : `No results available - pagination disabled`\n          }\n        </div>\n      )}\n\n      {/* Pagination controls with disabled state */}\n      <div \n        className={cn(\n          \"relative transition-all ease-in-out\",\n          isPaginationDisabled && \"cursor-not-allowed\"\n        )}\n        style={{\n          transitionDuration: \"300ms\"\n        }}\n        aria-hidden={isPaginationDisabled}\n      >\n        <PaginationComponent\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} "]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-4IXMQIRH.cjs","../src/components/persistent-pagination.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,uCAAA,CAAA;AA6FQ,+CAAA;AAhCD,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,GAAA;AAAA,EACrB,iBAAA,EAAmB;AACrB,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;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACL,YAAA;AACK,YAAA;AACX,YAAA;AAAA,cAAA;AACqD,cAAA;AAAY,cAAA;AAAK,cAAA;AAAA,YAAA;AAAA,UAAA;AACvE,QAAA;AAIF,wBAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACT,cAAA;AACa,cAAA;AACf,YAAA;AACO,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAEZ,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAGF,EAAA;AAEJ;AAKgB;AAKR,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;AACU,EAAA;AACyB;AACT,EAAA;AACxB,IAAA;AACA,IAAA;AACA,IAAA;AACF,EAAA;AAImB,EAAA;AACO,EAAA;AACC,EAAA;AAErB,EAAA;AACgB,EAAA;AAIhB,EAAA;AAGJ,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;AACb,UAAA;AAAA,UAAA;AACW,YAAA;AACL,YAAA;AACK,YAAA;AAET,YAAA;AAEG,UAAA;AAEN,QAAA;AAIF,wBAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACT,cAAA;AACA,cAAA;AACF,YAAA;AACO,YAAA;AACL,cAAA;AACF,YAAA;AACa,YAAA;AAEb,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;AD9E6B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-4IXMQIRH.cjs","sourcesContent":[null,"\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { cn } from \"../utils/cn\"\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  showLoadingState = true,\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 justify-center items-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 \n          className=\"sr-only\" \n          role=\"status\" \n          aria-live=\"polite\"\n        >\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(\n          \"relative transition-all ease-in-out\",\n          isLoading && \"cursor-not-allowed\"\n        )}\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(\n  isLoading: boolean,\n  currentPage: number,\n  totalPages: number\n) {\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  variant = 'vendor'\n}: PersistentPaginationWrapperProps) {\n  const { getLoadingMessage } = usePaginationLoading(\n    isLoading,\n    currentPage,\n    totalPages\n  )\n\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  // Use UnifiedPagination directly from ui-kit instead of importing from consuming apps\n  // Both Pagination and BlogPagination in multi-platform-hub are just wrappers around UnifiedPagination\n  const PaginationComponent = require('./unified-pagination').UnifiedPagination\n\n  return (\n    <div \n      className={cn(\n        \"relative transition-all ease-in-out flex justify-center items-center\",\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 \n          className=\"sr-only\" \n          role=\"status\" \n          aria-live=\"polite\"\n        >\n          {isLoading \n            ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}`\n            : `No results available - pagination disabled`\n          }\n        </div>\n      )}\n\n      {/* Pagination controls with disabled state */}\n      <div \n        className={cn(\n          \"relative transition-all ease-in-out\",\n          isPaginationDisabled && \"cursor-not-allowed\"\n        )}\n        style={{\n          transitionDuration: \"300ms\"\n        }}\n        aria-hidden={isPaginationDisabled}\n      >\n        <PaginationComponent\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} "]}

package/dist/{chunk-XWMEHLDK.js → chunk-6DD7G4UQ.js}

@@ -2,11 +2,11 @@
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "./chunk-QIU5B2ZD.js";
+} from "./chunk-L4ZWJM3M.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-YYESWAAQ.js";
+} from "./chunk-T4MU52P4.js";
 import {
   useSelfFetch
 } from "./chunk-ZAYZ7JHF.js";
@@ -26,7 +26,7 @@ import {
   toStripProfile,
   useCaptions,
   useVideoWarmup
-} from "./chunk-5NVVVIHJ.js";
+} from "./chunk-7SKYZDEJ.js";
 import {
   buildOgPlaceholderUrl
 } from "./chunk-YFLKONLB.js";
@@ -398,4 +398,4 @@ export {
   useOnboardingGuide,
   useOnboardingGuideSections
 };
-//# sourceMappingURL=chunk-XWMEHLDK.js.map
+//# sourceMappingURL=chunk-6DD7G4UQ.js.map

package/dist/{chunk-5NVVVIHJ.js → chunk-7SKYZDEJ.js}

@@ -24835,7 +24835,7 @@ import { ExternalLink as ExternalLink3, Play as Play3, LayoutGrid } from "lucide
 // src/components/embeds/embed-viewer-frame.tsx
 init_cn();
 import { useEffect as useEffect46, useRef as useRef36, useState as useState55 } from "react";
-import { Loader2 as Loader22, Maximize2, Minimize2 } from "lucide-react";
+import { Maximize2, Minimize2 } from "lucide-react";
 
 // src/utils/fullscreen-switch.ts
 var fullscreenElementOf = (doc) => doc.fullscreenElement ?? doc.webkitFullscreenElement ?? null;
@@ -25017,7 +25017,6 @@ function EmbedViewerFrame({
   isLoading,
   emptyIcon,
   emptyMessage = "Content not available",
-  loadingMessage = "Loading\u2026",
   height,
   allow,
   allowFullScreen,
@@ -25088,20 +25087,12 @@ function EmbedViewerFrame({
             sandbox
           }
         ) : isLoading ? (
-          // SAME box as the empty/iframe state (height + border), so a viewer
-          // resolving its frame doesn't collapse then jump — it reads as
-          // "loading" and settles into the iframe in place.
-          /* @__PURE__ */ jsxs130(
-            "div",
-            {
-              className: "flex flex-col items-center justify-center gap-3 rounded-lg border border-ods-border px-4 py-16 text-center",
-              style: height ? { height } : void 0,
-              children: [
-                /* @__PURE__ */ jsx170(Loader22, { className: "h-8 w-8 animate-spin text-ods-accent" }),
-                /* @__PURE__ */ jsx170("p", { className: "text-ods-text-secondary", children: loadingMessage })
-              ]
-            }
-          )
+          // The EXACT skeleton every embed shows while its iframe loads
+          // (`EmbedIframe`'s `EmbedLoadingSkeleton`) — so a viewer still
+          // RESOLVING where its frame points (ClaudeEmbed probing for a mirror,
+          // before it has a `src`) reads 1:1 with the Figma/Sheets/PDF loading
+          // state, then settles into the iframe in place.
+          /* @__PURE__ */ jsx170(EmbedLoadingSkeleton, { height })
         ) : (
           // The SAME box the iframe would have filled: same height, same rounded
           // border. A viewer whose content is missing must not collapse the page
@@ -25236,7 +25227,6 @@ function ClaudeEmbed({ url, kind = "artifact", title, height, loading = "lazy" }
       title: title?.trim() || KIND_HEADING[kind],
       titleVariant: "h6",
       isLoading: isProbing,
-      loadingMessage: "Loading artifact\u2026",
       actions: /* @__PURE__ */ jsx172(
         Button,
         {
@@ -30724,7 +30714,7 @@ function useThemeToggle() {
 
 // src/components/features/array-entry-manager.tsx
 import { useState as useState64, useEffect as useEffect52 } from "react";
-import { Trash2, Plus as Plus2, Save, Loader2 as Loader23 } from "lucide-react";
+import { Trash2, Plus as Plus2, Save, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx217, jsxs as jsxs165 } from "react/jsx-runtime";
 function ArrayEntryManager({
   title,
@@ -30808,7 +30798,7 @@ function ArrayEntryManager({
             size: "small-legacy",
             onClick: handleSave,
             disabled: isSaving,
-            leftIcon: isSaving ? /* @__PURE__ */ jsx217(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx217(Save, { className: "h-4 w-4" }),
+            leftIcon: isSaving ? /* @__PURE__ */ jsx217(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx217(Save, { className: "h-4 w-4" }),
             className: "text-h6 bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover",
             children: isSaving ? "Saving..." : saveButtonText
           }
@@ -33477,7 +33467,7 @@ import {
   Image as ImageIcon2,
   Video as VideoIcon,
   Trash2 as Trash23,
-  Loader2 as Loader24,
+  Loader2 as Loader23,
   GripVertical,
   Plus as Plus4
 } from "lucide-react";
@@ -33564,7 +33554,7 @@ function MediaGalleryManager({
               onClick: () => handleDeleteMedia(index),
               disabled: isDeleting,
               className: "h-8 w-8 p-0 bg-ods-error hover:bg-ods-error-hover border-ods-error",
-              children: isDeleting ? /* @__PURE__ */ jsx246(Loader24, { className: "h-4 w-4 animate-spin text-ods-text-on-dark" }) : /* @__PURE__ */ jsx246(Trash23, { className: "h-4 w-4 text-ods-text-on-dark" })
+              children: isDeleting ? /* @__PURE__ */ jsx246(Loader23, { className: "h-4 w-4 animate-spin text-ods-text-on-dark" }) : /* @__PURE__ */ jsx246(Trash23, { className: "h-4 w-4 text-ods-text-on-dark" })
             }
           ) }),
           /* @__PURE__ */ jsx246("div", { className: "aspect-video relative bg-ods-bg rounded-lg overflow-hidden", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? (
@@ -33595,7 +33585,7 @@ function MediaGalleryManager({
   }, [deletingIndex, handleDragStart, handleDragOver, handleDrop, handleDeleteMedia]);
   const content = /* @__PURE__ */ jsxs187("div", { className: `space-y-6 ${className}`, children: [
     /* @__PURE__ */ jsx246("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-ods-accent/50 transition-colors", children: /* @__PURE__ */ jsxs187("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx246("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx246(Loader24, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx246(Upload, { className: "h-6 w-6 text-ods-accent" }) }),
+      /* @__PURE__ */ jsx246("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: isUploading ? /* @__PURE__ */ jsx246(Loader23, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx246(Upload, { className: "h-6 w-6 text-ods-accent" }) }),
       /* @__PURE__ */ jsxs187("div", { children: [
         /* @__PURE__ */ jsx246("h3", { className: "text-h3 text-ods-text-primary mb-1", children: isUploading ? "Uploading..." : "Upload Media" }),
         /* @__PURE__ */ jsx246("p", { className: "text-h6 text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
@@ -34259,7 +34249,7 @@ function PushButtonSelector({
 
 // src/components/features/release-media-manager.tsx
 import { useState as useState73, useRef as useRef42 } from "react";
-import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload2, Loader2 as Loader25, GripVertical as GripVertical2 } from "lucide-react";
+import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload2, Loader2 as Loader24, GripVertical as GripVertical2 } from "lucide-react";
 import { jsx as jsx253, jsxs as jsxs193 } from "react/jsx-runtime";
 function ReleaseMediaManager({
   media,
@@ -34339,7 +34329,7 @@ function ReleaseMediaManager({
   };
   return /* @__PURE__ */ jsxs193("div", { className: `space-y-4 ${className}`, children: [
     /* @__PURE__ */ jsx253("div", { className: "border-2 border-dashed border-ods-border rounded-lg p-6 text-center hover:border-ods-accent/50 transition-colors", children: /* @__PURE__ */ jsxs193("div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ jsx253("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx253(Loader25, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx253(Upload2, { className: "h-6 w-6 text-ods-accent" }) }),
+      /* @__PURE__ */ jsx253("div", { className: "w-12 h-12 rounded-full bg-ods-card flex items-center justify-center", children: uploadingIndex !== null ? /* @__PURE__ */ jsx253(Loader24, { className: "h-6 w-6 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsx253(Upload2, { className: "h-6 w-6 text-ods-accent" }) }),
       /* @__PURE__ */ jsxs193("div", { children: [
         /* @__PURE__ */ jsx253("h3", { className: "text-h3 text-ods-text-primary mb-1", children: uploadingIndex !== null ? "Uploading..." : "Upload Media" }),
         /* @__PURE__ */ jsx253("p", { className: "text-h6 text-ods-text-secondary", children: "Drag and drop or click to select images and videos" }),
@@ -34415,7 +34405,7 @@ function ReleaseMediaManager({
               }
             ) }),
             item._uploading && /* @__PURE__ */ jsx253("div", { className: "aspect-video bg-ods-bg flex items-center justify-center", children: /* @__PURE__ */ jsxs193("div", { className: "flex flex-col items-center gap-2", children: [
-              /* @__PURE__ */ jsx253(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }),
+              /* @__PURE__ */ jsx253(Loader24, { className: "h-8 w-8 animate-spin text-ods-accent" }),
               /* @__PURE__ */ jsx253("span", { className: "text-h6 text-ods-text-secondary", children: "Uploading..." })
             ] }) }),
             /* @__PURE__ */ jsxs193("div", { className: "p-3 space-y-2", children: [
@@ -34530,7 +34520,7 @@ SelectButton.displayName = "SelectButton";
 
 // src/components/features/seo-editor-preview.tsx
 import { useState as useState74 } from "react";
-import { Globe as Globe3, ExternalLink as ExternalLink8, Upload as Upload3, X as X6, Loader2 as Loader26 } from "lucide-react";
+import { Globe as Globe3, ExternalLink as ExternalLink8, Upload as Upload3, X as X6, Loader2 as Loader25 } from "lucide-react";
 import { Fragment as Fragment47, jsx as jsx255, jsxs as jsxs195 } from "react/jsx-runtime";
 var SEO_MEDIA_BOX_HEIGHT = "h-[280px]";
 function SEOEditorPreview({
@@ -34714,7 +34704,7 @@ function SEOEditorPreview({
             {
               className: cn(SEO_MEDIA_BOX_HEIGHT, "border-2 border-dashed border-ods-border rounded-lg flex flex-col items-center justify-center cursor-pointer hover:border-ods-accent transition-colors bg-ods-bg-hover"),
               onClick: () => onOgImageUpload && fileInputRef?.click(),
-              children: isUploading ? /* @__PURE__ */ jsx255(Loader26, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs195(Fragment47, { children: [
+              children: isUploading ? /* @__PURE__ */ jsx255(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs195(Fragment47, { children: [
                 /* @__PURE__ */ jsx255(Upload3, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
                 /* @__PURE__ */ jsx255("span", { className: "text-h6 text-ods-text-secondary", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
@@ -35017,7 +35007,7 @@ function StatusFilterComponent({
 
 // src/components/features/tags-selector.tsx
 import { useState as useState75 } from "react";
-import { Search as Search2, X as X7, Plus as Plus6, Loader2 as Loader27 } from "lucide-react";
+import { Search as Search2, X as X7, Plus as Plus6, Loader2 as Loader26 } from "lucide-react";
 import { jsx as jsx259, jsxs as jsxs198 } from "react/jsx-runtime";
 function TagsSelector({
   availableTags,
@@ -35158,7 +35148,7 @@ function TagsSelector({
             type: "button",
             onClick: handleCreateTag,
             disabled: isCreating,
-            leftIcon: isCreating ? /* @__PURE__ */ jsx259(Loader27, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx259(Plus6, { className: "w-3 h-3" }),
+            leftIcon: isCreating ? /* @__PURE__ */ jsx259(Loader26, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx259(Plus6, { className: "w-3 h-3" }),
             className: "w-full flex flex-row items-center gap-1.5 px-2 py-1 mb-2 h-auto rounded border-dashed border-ods-accent bg-ods-bg hover:bg-ods-card text-ods-accent !text-h6",
             children: [
               "Create tag: ",
@@ -36388,7 +36378,7 @@ var AIWarningsSection = ({
 
 // src/components/features/ai-enrich/AIEnrichSection.tsx
 init_button2();
-import { CheckCircle as CheckCircle2, AlertCircle, Loader2 as Loader28, X as X9 } from "lucide-react";
+import { CheckCircle as CheckCircle2, AlertCircle, Loader2 as Loader27, X as X9 } from "lucide-react";
 import { jsx as jsx269, jsxs as jsxs206 } from "react/jsx-runtime";
 var AIEnrichSection = ({
   onEnrich,
@@ -36502,7 +36492,7 @@ var AIEnrichSection = ({
               size: "small-legacy",
               onClick: onCancel,
               disabled: isCancelling,
-              leftIcon: isCancelling ? /* @__PURE__ */ jsx269(Loader28, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx269(X9, { className: "h-4 w-4" }),
+              leftIcon: isCancelling ? /* @__PURE__ */ jsx269(Loader27, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx269(X9, { className: "h-4 w-4" }),
               className: "!w-full",
               children: isCancelling ? "Cancelling..." : "Cancel Processing"
             }
@@ -36523,7 +36513,7 @@ var AIEnrichSection = ({
           )) })
         ] }),
         loading && statusMessage && /* @__PURE__ */ jsxs206("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-bg-surface", children: [
-          /* @__PURE__ */ jsx269(Loader28, { className: "h-5 w-5 text-ods-accent animate-spin" }),
+          /* @__PURE__ */ jsx269(Loader27, { className: "h-5 w-5 text-ods-accent animate-spin" }),
           /* @__PURE__ */ jsx269("span", { className: "text-h6 text-ods-text-primary", children: statusMessage })
         ] }),
         hasResults && /* @__PURE__ */ jsxs206("div", { className: "space-y-4", children: [
@@ -48112,7 +48102,7 @@ function TagSearchInput({
 // src/components/ui/markdown-editor.tsx
 import { useRef as useRef71, useCallback as useCallback49, useState as useState110, useEffect as useEffect85 } from "react";
 init_cn();
-import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
+import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx369, jsxs as jsxs289 } from "react/jsx-runtime";
 var MDEditor = dynamic(() => import("@uiw/react-md-editor"), { ssr: false });
 var MARKDOWN_EDITOR_STYLE_ID = "ods-markdown-editor-styles";
@@ -48252,7 +48242,7 @@ function MarkdownEditor({
     name: "upload",
     keyCommand: "upload",
     buttonProps: { "aria-label": "Upload file", title: "Upload file" },
-    icon: isUploading ? /* @__PURE__ */ jsx369(Loader29, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx369(Upload8, { className: "w-3 h-3" }),
+    icon: isUploading ? /* @__PURE__ */ jsx369(Loader28, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx369(Upload8, { className: "w-3 h-3" }),
     execute: () => {
       fileInputRef.current?.click();
     }
@@ -48340,7 +48330,7 @@ function MarkdownEditor({
             accept: "image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.zip,.txt"
           }
         ),
-        !MDEditor && /* @__PURE__ */ jsx369("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx369(Loader29, { className: "h-8 w-8 animate-spin" }) }),
+        !MDEditor && /* @__PURE__ */ jsx369("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx369(Loader28, { className: "h-8 w-8 animate-spin" }) }),
         MDEditor && /* @__PURE__ */ jsx369(
           MDEditor,
           {
@@ -48386,7 +48376,7 @@ function MarkdownEditor({
 
 // src/components/ui/file-upload.tsx
 import * as React133 from "react";
-import { Loader2 as Loader210 } from "lucide-react";
+import { Loader2 as Loader29 } from "lucide-react";
 init_cn();
 import { jsx as jsx370, jsxs as jsxs290 } from "react/jsx-runtime";
 function formatFileSize2(bytes) {
@@ -48624,7 +48614,7 @@ function FileUpload({
                   /* @__PURE__ */ jsxs290("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
                     /* @__PURE__ */ jsx370("span", { className: "text-h6 text-ods-text-secondary", children: formatFileSize2(entry.fileSize) }),
                     entry.status === "uploading" && /* @__PURE__ */ jsxs290("span", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
-                      /* @__PURE__ */ jsx370(Loader210, { className: "size-3 animate-spin" }),
+                      /* @__PURE__ */ jsx370(Loader29, { className: "size-3 animate-spin" }),
                       "Uploading..."
                     ] }),
                     entry.status === "error" && /* @__PURE__ */ jsx370("span", { className: "text-h6 text-ods-error", children: entry.error || "Upload failed" })
@@ -48712,7 +48702,7 @@ function FileUpload({
 
 // src/components/ui/image-uploader.tsx
 import * as React134 from "react";
-import { Loader2 as Loader211 } from "lucide-react";
+import { Loader2 as Loader210 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment74, jsx as jsx371, jsxs as jsxs291 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
@@ -48879,8 +48869,8 @@ function ImageUploader({
               }
             )
           ] }),
-          loading && /* @__PURE__ */ jsx371("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx371(Loader211, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx371(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs291(Fragment74, { children: [
+          loading && /* @__PURE__ */ jsx371("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx371(Loader210, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
+        ] }) : loading ? /* @__PURE__ */ jsx371(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs291(Fragment74, { children: [
           /* @__PURE__ */ jsx371("div", { className: "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx371(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs291("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx371("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -63990,4 +63980,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-5NVVVIHJ.js.map
+//# sourceMappingURL=chunk-7SKYZDEJ.js.map