@flamingo-stack/openframe-frontend-core 0.0.769 → 0.0.771

package/dist/{chunk-MZLWB5AH.cjs → chunk-2LTJ4457.cjs}

@@ -285,7 +285,7 @@ var innerInputStyles = _chunk65VVJSQZcjs.cn.call(void 0,
 );
 var AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS = "min-h-11 md:min-h-12";
 var AUTOCOMPLETE_OPTION_ROW_CLASS = "flex min-h-11 items-center border-b border-ods-border px-[var(--spacing-system-mf)] py-[var(--spacing-system-xsf)] last:border-b-0 md:min-h-12 text-h4";
-var AUTOCOMPLETE_OPTIONS_FOLD = 5;
+var AUTOCOMPLETE_LOADING_ROWS = 5;
 var AUTOCOMPLETE_ANCHOR_SHAPE_CLASS = "rounded-[6px]";
 function AutocompleteSkeleton({ label, labelVariant, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
@@ -311,6 +311,7 @@ function AutocompleteInner(props, ref) {
     onInputChange,
     loading = false,
     loadingText = "Loading options",
+    loadingRows = AUTOCOMPLETE_LOADING_ROWS,
     fieldLoading = false,
     creatable = false,
     onCreateOption,
@@ -687,7 +688,7 @@ function AutocompleteInner(props, ref) {
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Viewport, { className: "max-h-[240px] min-h-0 w-full [&>div]:!block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: loading ? void 0 : "listbox", children: loading ? (
             // The options while they are read: the list's own rows, a label bar each (`loadingText` is what a
             // screen reader hears).
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: loadingText, children: Array.from({ length: AUTOCOMPLETE_OPTIONS_FOLD }, (_, i) => (
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: loadingText, children: Array.from({ length: loadingRows }, (_, i) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: AUTOCOMPLETE_OPTION_ROW_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", className: "w-2/3" }) }, i)
             )) })
@@ -2218,7 +2219,7 @@ function RemoteDesktopChatMessageRowSkeleton() {
 // src/components/features/remote-session/remote-desktop-chat-panel.tsx
 
 
-var CHAT_PANEL_FOLD = 10;
+var CHAT_PANEL_SKELETON_ROWS = 10;
 var REMOTE_DESKTOP_CHAT_END_USER_NAME = "User";
 function RemoteDesktopChatPanel({
   messages,
@@ -2246,7 +2247,7 @@ function RemoteDesktopChatPanel({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-full flex-col justify-end gap-[var(--spacing-system-xsf)]", children: rows.length === 0 && loading ? (
           // The chat while it is read: a screen of the panel's own message rows, stacked by a one-column grid
           // (the thread above is already the column flexbox: WEBVIEW-001).
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the chat", className: "grid grid-cols-1 gap-[var(--spacing-system-xsf)]", children: Array.from({ length: CHAT_PANEL_FOLD }, (_, i) => (
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the chat", className: "grid grid-cols-1 gap-[var(--spacing-system-xsf)]", children: Array.from({ length: CHAT_PANEL_SKELETON_ROWS }, (_, i) => (
             // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteDesktopChatMessageRowSkeleton, {}, i)
           )) })

package/dist/{chunk-D45Q3WEP.cjs → chunk-4AF5E6E5.cjs}

@@ -2,12 +2,12 @@
 
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkALNP25TXcjs = require('./chunk-ALNP25TX.cjs');
 
 // src/components/product-demo/screens/devices-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEVICES_SEARCH_QUERY = "Windows";
-var TOOLBAR = { ..._chunkL5WSNX4Hcjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunkALNP25TXcjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
 var NO_HEADER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 var HIDDEN_WHEN_COMPACT = ["organization"];
 var NO_DEVICES = [];
@@ -19,7 +19,7 @@ function DevicesScreenView({
   loading = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL5WSNX4Hcjs.DevicesPanelView,
+    _chunkALNP25TXcjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,

package/dist/{chunk-UIXWG2IW.cjs → chunk-4DMYDHCD.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkALNP25TXcjs = require('./chunk-ALNP25TX.cjs');
 
 
 
 
 
 
-var _chunkMZLWB5AHcjs = require('./chunk-MZLWB5AH.cjs');
+var _chunk2LTJ4457cjs = require('./chunk-2LTJ4457.cjs');
 
 
 
@@ -17,16 +17,16 @@ var _chunkMZLWB5AHcjs = require('./chunk-MZLWB5AH.cjs');
 var _chunkXVFM6SJAcjs = require('./chunk-XVFM6SJA.cjs');
 
 
-var _chunkUBPSA3RMcjs = require('./chunk-UBPSA3RM.cjs');
+var _chunkYI3CDGKMcjs = require('./chunk-YI3CDGKM.cjs');
 
 
 
 
-var _chunkZXFOMNI5cjs = require('./chunk-ZXFOMNI5.cjs');
+var _chunkILZEXCJHcjs = require('./chunk-ILZEXCJH.cjs');
 
 
 
-var _chunk4EJU462Ocjs = require('./chunk-4EJU462O.cjs');
+var _chunk5V7BIUGAcjs = require('./chunk-5V7BIUGA.cjs');
 
 
 
@@ -119,7 +119,7 @@ function ContactForm({
   successToastMessage = "Redirecting you to join our community...",
   rescue: rescueForm = null
 } = {}) {
-  const attachments = _chunkZXFOMNI5cjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkILZEXCJHcjs.useChatAttachments.call(void 0, );
   const builtInSubmission = _chunkXVFM6SJAcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
@@ -190,7 +190,7 @@ function ContactForm({
       className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border content-md:rounded-3xl" : ""} ${!noPadding ? "p-6 content-md:p-8 content-lg:p-10" : ""}`,
       children: [
         (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunk4EJU462Ocjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunk4EJU462Ocjs.accentSentenceMarks.call(void 0, title) }),
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunk5V7BIUGAcjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) }),
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: subtitle })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -203,13 +203,13 @@ function ContactForm({
               );
             }),
             className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
-            ..._chunkUBPSA3RMcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+            ..._chunkYI3CDGKMcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
             children: [
               !showName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("name") }),
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5WSNX4Hcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
               showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
@@ -261,17 +261,17 @@ function ContactForm({
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMZLWB5AHcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2LTJ4457cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkMZLWB5AHcjs.SelectTrigger,
+                          _chunk2LTJ4457cjs.SelectTrigger,
                           {
                             id: "companySize",
                             "aria-label": "Company Size",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -284,17 +284,17 @@ function ContactForm({
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMZLWB5AHcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2LTJ4457cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkMZLWB5AHcjs.SelectTrigger,
+                          _chunk2LTJ4457cjs.SelectTrigger,
                           {
                             id: "referralSource",
                             "aria-label": "Referral Source",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -311,18 +311,18 @@ function ContactForm({
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMZLWB5AHcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2LTJ4457cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkMZLWB5AHcjs.SelectTrigger,
+                        _chunk2LTJ4457cjs.SelectTrigger,
                         {
                           id: "helpCategory",
                           "aria-label": "Help Category",
                           "aria-required": true,
                           className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2LTJ4457cjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
@@ -334,7 +334,7 @@ function ContactForm({
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkL5WSNX4Hcjs.Textarea,
+                  _chunkALNP25TXcjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -349,7 +349,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkZXFOMNI5cjs.ChatAttachmentChipStrip,
+                  _chunkILZEXCJHcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -358,7 +358,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkZXFOMNI5cjs.ChatAttachmentAddButton,
+                    _chunkILZEXCJHcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,

package/dist/{chunk-2MND64QJ.cjs → chunk-5HBGBLJT.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(); } } 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 _chunkQS4G7CHUcjs = require('./chunk-QS4G7CHU.cjs');
+var _chunkKSCEAIBScjs = require('./chunk-KSCEAIBS.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _chunkQS4G7CHUcjs = require('./chunk-QS4G7CHU.cjs');
 
 
 
-var _chunkHQF62LAUcjs = require('./chunk-HQF62LAU.cjs');
+var _chunkFPCGKH5Kcjs = require('./chunk-FPCGKH5K.cjs');
 
 
 
@@ -39,7 +39,7 @@ var _chunkHQF62LAUcjs = require('./chunk-HQF62LAU.cjs');
 
 
 
-var _chunk4EJU462Ocjs = require('./chunk-4EJU462O.cjs');
+var _chunk5V7BIUGAcjs = require('./chunk-5V7BIUGA.cjs');
 
 
 var _chunkBLH2SFOOcjs = require('./chunk-BLH2SFOO.cjs');
@@ -452,7 +452,7 @@ function programEntry(configKey) {
     // Hosts are drawn only for a type whose cards show them (its config's `cardShowsHosts`): elsewhere a record may
     // have none.
     skeleton: (size, extras) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.ProgramCardSkeleton,
+      _chunk5V7BIUGAcjs.ProgramCardSkeleton,
       {
         size: size === "sm" ? "sm" : "default",
         media: configKey === "event" ? EVENT_CARD_SKELETON_MEDIA : 0,
@@ -464,7 +464,7 @@ function programEntry(configKey) {
       const config = _optionalChain([ctx, 'access', _5 => _5.extras, 'optionalAccess', _6 => _6.programConfigs, 'optionalAccess', _7 => _7[configKey]]);
       if (!config) return null;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk4EJU462Ocjs.ProgramCard,
+        _chunk5V7BIUGAcjs.ProgramCard,
         {
           config,
           item,
@@ -481,10 +481,10 @@ function programEntry(configKey) {
 }
 function roadmapEntry(cardType) {
   return cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.RoadmapCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.RoadmapCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeRoadmapRow,
     render: (item, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.RoadmapCard,
+      _chunk5V7BIUGAcjs.RoadmapCard,
       {
         item,
         href: ctx.href,
@@ -501,10 +501,10 @@ function roadmapEntry(cardType) {
 }
 var RELATED_CARD_REGISTRY = {
   blog_post_existing: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.BlogCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.BlogCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeBlogRow,
     render: (post, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.BlogCard,
+      _chunk5V7BIUGAcjs.BlogCard,
       {
         post,
         size: ctx.legacySize,
@@ -516,10 +516,10 @@ var RELATED_CARD_REGISTRY = {
     )
   }),
   case_study: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.CaseStudyCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.CaseStudyCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeCaseStudyRow,
     render: (study, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.CaseStudyCard,
+      _chunk5V7BIUGAcjs.CaseStudyCard,
       {
         study,
         size: ctx.legacySize,
@@ -531,10 +531,10 @@ var RELATED_CARD_REGISTRY = {
     )
   }),
   customer_interview: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.CustomerInterviewCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.CustomerInterviewCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeCustomerInterviewRow,
     render: (interview, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.CustomerInterviewCard,
+      _chunk5V7BIUGAcjs.CustomerInterviewCard,
       {
         interview,
         size: ctx.legacySize,
@@ -552,13 +552,13 @@ var RELATED_CARD_REGISTRY = {
    * record, and the three props the rail sets itself are read off it.
    */
   product_release: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" }),
     decode: asRecord,
     render: (release, ctx) => {
-      const buildReleaseProps = _nullishCoalesce(_optionalChain([ctx, 'access', _8 => _8.extras, 'optionalAccess', _9 => _9.buildProductReleaseCardProps]), () => ( _chunk4EJU462Ocjs.buildProductReleaseCardProps));
+      const buildReleaseProps = _nullishCoalesce(_optionalChain([ctx, 'access', _8 => _8.extras, 'optionalAccess', _9 => _9.buildProductReleaseCardProps]), () => ( _chunk5V7BIUGAcjs.buildProductReleaseCardProps));
       const releaseProps = buildReleaseProps(release);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHQF62LAUcjs.ProductReleaseCard,
+        _chunkFPCGKH5Kcjs.ProductReleaseCard,
         {
           size: ctx.size === "sm" ? "sm" : "lg",
           title: str(release, "title"),
@@ -574,10 +574,10 @@ var RELATED_CARD_REGISTRY = {
   webinar: programEntry("webinar"),
   event: programEntry("event"),
   investor_update: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.InvestorUpdateCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.InvestorUpdateCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeInvestorUpdateRow,
     render: (update, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.InvestorUpdateCard,
+      _chunk5V7BIUGAcjs.InvestorUpdateCard,
       {
         update,
         size: ctx.legacySize,
@@ -592,10 +592,10 @@ var RELATED_CARD_REGISTRY = {
    *  step-numbered 'default' variant is for the guide detail page's "More in
    *  section" rail, not this full-width row. */
   onboarding_guide: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EJU462Ocjs.OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog", published: false }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog", published: false }),
     decode: decodeOnboardingGuideRow,
     render: (guide, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4EJU462Ocjs.OnboardingGuideCard,
+      _chunk5V7BIUGAcjs.OnboardingGuideCard,
       {
         guide,
         size: ctx.size === "sm" ? "sm" : "catalog",
@@ -612,10 +612,10 @@ var RELATED_CARD_REGISTRY = {
    *  href: an object with `href: undefined` is still truthy and would wrap the
    *  card in a dead <a>. */
   what_i_shipped: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQF62LAUcjs.WhatIShippedCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPCGKH5Kcjs.WhatIShippedCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHQF62LAUcjs.WhatIShippedCard,
+      _chunkFPCGKH5Kcjs.WhatIShippedCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -625,10 +625,10 @@ var RELATED_CARD_REGISTRY = {
   }),
   /** Same shared employee-entry shape + anchor contract as What I Shipped. */
   how_i_work: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQF62LAUcjs.HowIWorkCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPCGKH5Kcjs.HowIWorkCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHQF62LAUcjs.HowIWorkCard,
+      _chunkFPCGKH5Kcjs.HowIWorkCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -638,10 +638,10 @@ var RELATED_CARD_REGISTRY = {
   }),
   /** Same shared employee-entry shape + anchor contract as What I Shipped. */
   ai_prompt: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQF62LAUcjs.AiPromptCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPCGKH5Kcjs.AiPromptCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHQF62LAUcjs.AiPromptCard,
+      _chunkFPCGKH5Kcjs.AiPromptCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -662,7 +662,7 @@ function DefaultLinkPropsProvider({
   children
 }) {
   if (!href) return children(null);
-  const newTab = _chunk4EJU462Ocjs.decideNewTab.call(void 0, { href, targetPlatform, currentSource: "" });
+  const newTab = _chunk5V7BIUGAcjs.decideNewTab.call(void 0, { href, targetPlatform, currentSource: "" });
   return children(newTab ? { href, target: "_blank", rel: "noopener noreferrer" } : { href });
 }
 function defaultResolveHref(ref) {
@@ -720,9 +720,9 @@ function useGroupItems(type, refs, buildUrl) {
   const url = ids.length > 0 ? buildUrl(type, ids) : null;
   const [pages, setPages] = _react.useState.call(void 0, () => /* @__PURE__ */ new Map());
   const cached = url !== null ? pages.get(url) : void 0;
-  const { data, dataUrl, error } = _chunkHQF62LAUcjs.useSelfFetch.call(void 0, cached ? null : url);
+  const { data, dataUrl, error } = _chunkFPCGKH5Kcjs.useSelfFetch.call(void 0, cached ? null : url);
   if (data != null && dataUrl !== null && !pages.has(dataUrl)) {
-    setPages(new Map(pages).set(dataUrl, _chunk4EJU462Ocjs.extractItems.call(void 0, data)));
+    setPages(new Map(pages).set(dataUrl, _chunk5V7BIUGAcjs.extractItems.call(void 0, data)));
   }
   if (url === null) return { items: null, isLoading: false };
   return { items: _nullishCoalesce(cached, () => ( (error ? [] : null))), isLoading: !cached && !error };
@@ -731,7 +731,7 @@ function gridClassFor(columns) {
   return columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" : "grid grid-cols-1 sm:grid-cols-2 gap-6";
 }
 function resolveGroupConfig(type) {
-  return _nullishCoalesce(_chunkHQF62LAUcjs.CONTENT_REF_GROUPS[type], () => ( {
+  return _nullishCoalesce(_chunkFPCGKH5Kcjs.CONTENT_REF_GROUPS[type], () => ( {
     label: type,
     order: 999,
     layout: "grid",
@@ -743,28 +743,17 @@ var GROUP_CLASS = "space-y-4";
 var GROUP_LIST_CLASS = "space-y-4";
 var GROUP_HEADING_CLASS = "font-semibold text-ods-text-secondary text-h5";
 var RAIL_CLASS = "flex flex-col gap-8";
-var RAIL_SKELETON_CARDS = 3;
-var RAIL_LIST_FOLD = 2;
-var RAIL_GRID_FOLD_ROWS = 2;
 var UNKNOWN_TYPE_CARD = "blog_post_existing";
-var GRID_COLUMNS_BY_STEP = { 2: [1, 2, 2], 3: [1, 2, 3] };
-function gridFoldClass(index, columns) {
-  const [phone, sm, lg] = GRID_COLUMNS_BY_STEP[columns].map((c) => c * RAIL_GRID_FOLD_ROWS);
-  if (index < phone) return void 0;
-  if (index < sm) return "hidden sm:block";
-  if (index < lg) return "hidden lg:block";
-  return "hidden";
-}
 function GroupHeading({ type }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: GROUP_HEADING_CLASS, children: _chunkHQF62LAUcjs.getContentRefLabelOrTitleCase.call(void 0, type) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: GROUP_HEADING_CLASS, children: _chunkFPCGKH5Kcjs.getContentRefLabelOrTitleCase.call(void 0, type) });
 }
 function orderRailTypes(types, entityType) {
-  let ordered = _chunkHQF62LAUcjs.orderContentRefTypes.call(void 0, types);
+  let ordered = _chunkFPCGKH5Kcjs.orderContentRefTypes.call(void 0, types);
   if (entityType) {
-    const canonicalEntityType = _chunk4EJU462Ocjs.canonicalContentRefType.call(void 0, entityType);
-    const sameType = ordered.filter((t) => _chunk4EJU462Ocjs.canonicalContentRefType.call(void 0, t) === canonicalEntityType);
+    const canonicalEntityType = _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, entityType);
+    const sameType = ordered.filter((t) => _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, t) === canonicalEntityType);
     if (sameType.length > 0) {
-      ordered = [...sameType, ...ordered.filter((t) => _chunk4EJU462Ocjs.canonicalContentRefType.call(void 0, t) !== canonicalEntityType)];
+      ordered = [...sameType, ...ordered.filter((t) => _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, t) !== canonicalEntityType)];
     }
   }
   return ordered;
@@ -794,7 +783,7 @@ function ContentGroup({
   const totalGroupPages = _chunkBLH2SFOOcjs.pageCount.call(void 0, refs.length, GROUP_PAGE_SIZE);
   const pageRefs = refs.slice((page - 1) * GROUP_PAGE_SIZE, page * GROUP_PAGE_SIZE);
   const { items, isLoading } = useGroupItems(type, pageRefs, buildUrl);
-  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQS4G7CHUcjs.Pagination, { currentPage: page, totalPages: totalGroupPages, onPageChange: setPage }) : null;
+  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKSCEAIBScjs.Pagination, { currentPage: page, totalPages: totalGroupPages, onPageChange: setPage }) : null;
   _react.useEffect.call(void 0, () => {
     onLoadingChange(type, isLoading);
     return () => onLoadingChange(type, false);
@@ -812,7 +801,7 @@ function ContentGroup({
   }
   if (!items) return null;
   const rowKey = (it) => {
-    const extracted = _chunk4EJU462Ocjs.extractItemId.call(void 0, type, it);
+    const extracted = _chunk5V7BIUGAcjs.extractItemId.call(void 0, type, it);
     if (extracted !== null) return extracted;
     return String(typeof it === "object" && it !== null ? it.id : void 0);
   };
@@ -881,11 +870,11 @@ function RelatedContentSection({
     types: includeTypes !== void 0 ? includeTypes.join(",") : void 0,
     excludeTypes: excludeTypes && excludeTypes.length > 0 ? excludeTypes.join(",") : void 0
   };
-  const authorUrl = contentRefs === void 0 && authorId && !suggestionsDisabled ? _chunkHQF62LAUcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
+  const authorUrl = contentRefs === void 0 && authorId && !suggestionsDisabled ? _chunkFPCGKH5Kcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
     apiBaseUrl,
     extraParams: { authorId, ...typeFilterParams }
   }) : null;
-  const suggestUrl = _nullishCoalesce(authorUrl, () => ( (contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" && !suggestionsDisabled ? _chunkHQF62LAUcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
+  const suggestUrl = _nullishCoalesce(authorUrl, () => ( (contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" && !suggestionsDisabled ? _chunkFPCGKH5Kcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
     apiBaseUrl,
     entityType,
     entityId,
@@ -902,7 +891,7 @@ function RelatedContentSection({
     () => !suggestionsDisabled && initialItems ? { refs: initialItems } : void 0,
     [initialItems, suggestionsDisabled]
   );
-  const { data, isLoading } = _chunkHQF62LAUcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
+  const { data, isLoading } = _chunkFPCGKH5Kcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
   const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const [loadingTypes, setLoadingTypes] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
   const onGroupLoadingChange = _react.useCallback.call(void 0, (type, loading) => {
@@ -915,7 +904,7 @@ function RelatedContentSection({
     });
   }, []);
   const effectiveBuildListUrl = _react.useMemo.call(void 0, 
-    () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunk4EJU462Ocjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
+    () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunk5V7BIUGAcjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
     [buildListUrl2, apiBaseUrl]
   );
   const refs = _nullishCoalesce(_nullishCoalesce(contentRefs, () => ( _optionalChain([data, 'optionalAccess', _13 => _13.refs]))), () => ( []));
@@ -939,7 +928,7 @@ function RelatedContentSection({
     }
     if (!showWhenEmpty) return null;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-8", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-bold text-ods-text-primary", children: _chunk4EJU462Ocjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-bold text-ods-text-primary", children: _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) }),
       _nullishCoalesce(emptyState, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: emptyStateText })))
     ] });
   }
@@ -965,7 +954,7 @@ function RelatedContentSection({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { as: "section", label: "Loading related content", announce: loadingTypes.size > 0, className: RAIL_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: _chunk4EJU462Ocjs.accentSentenceMarks.call(void 0, title) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) }),
     orderedTypes.map((type) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ContentGroup,
       {
@@ -994,30 +983,28 @@ function RelatedContentSectionSkeleton({
   adminCampaignCard,
   extras
 }) {
-  const canonicalEntityType = entityType ? _chunk4EJU462Ocjs.canonicalContentRefType.call(void 0, entityType) : null;
+  const canonicalEntityType = entityType ? _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, entityType) : null;
   const unknownGroup = types.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: GROUP_CLASS, "aria-hidden": true, "data-loading-item": true, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: GROUP_HEADING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: Array.from({ length: Math.max(...GRID_COLUMNS_BY_STEP[columns]) * RAIL_GRID_FOLD_ROWS }, (_, i) => (
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: Array.from({ length: GROUP_PAGE_SIZE }, (_, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridFoldClass(i, columns), "data-loading-item": true, children: renderSkeletonForType(UNKNOWN_TYPE_CARD, "default", adminCampaignCard, extras) }, i)
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-item": true, children: renderSkeletonForType(UNKNOWN_TYPE_CARD, "default", adminCampaignCard, extras) }, i)
     )) })
   ] }) : null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { as: "section", label: "Loading related content", className: RAIL_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: title ? _chunk4EJU462Ocjs.accentSentenceMarks.call(void 0, title) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/2" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: title ? _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/2" }) }),
     unknownGroup,
     orderRailTypes(new Set(types), entityType).map((type) => {
       const config = resolveGroupConfig(type);
-      const sameType = canonicalEntityType !== null && _chunk4EJU462Ocjs.canonicalContentRefType.call(void 0, type) === canonicalEntityType;
+      const sameType = canonicalEntityType !== null && _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, type) === canonicalEntityType;
       const isList = config.layout === "list";
-      const fold = isList ? RAIL_LIST_FOLD : Math.max(...GRID_COLUMNS_BY_STEP[columns]) * RAIL_GRID_FOLD_ROWS;
       const count = Math.min(
         GROUP_PAGE_SIZE,
-        fold,
-        _nullishCoalesce((sameType ? _nullishCoalesce(sameTypeMinResults, () => ( minResults)) : minResults), () => ( RAIL_SKELETON_CARDS))
+        _nullishCoalesce((sameType ? _nullishCoalesce(sameTypeMinResults, () => ( minResults)) : minResults), () => ( GROUP_PAGE_SIZE))
       );
       const cards = Array.from({ length: count }, (_, i) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: isList ? void 0 : gridFoldClass(i, columns), "data-loading-item": true, children: renderSkeletonForType(type, config.gridSize, adminCampaignCard, extras) }, i)
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-item": true, children: renderSkeletonForType(type, config.gridSize, adminCampaignCard, extras) }, i)
       ));
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: GROUP_CLASS, "aria-hidden": true, "data-loading-item": true, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GroupHeading, { type }),

package/dist/{chunk-4EJU462O.cjs → chunk-5V7BIUGA.cjs}

@@ -3895,7 +3895,7 @@ var DEFAULT_GALLERY_ROW = "flex gap-[var(--spacing-system-mf)]";
 var DEFAULT_GALLERY_THUMB = "relative h-24 w-24 flex-shrink-0 overflow-hidden rounded-lg md:h-40 md:w-40 xl:h-[200px] xl:w-[200px]";
 var DEFAULT_FOOTER = "flex justify-end border-t border-ods-border pt-[var(--spacing-system-lf)]";
 var DEFAULT_HOSTS_ROW = "flex flex-wrap gap-2 md:justify-end";
-var DEFAULT_TAGS_FOLD = 2;
+var DEFAULT_SKELETON_TAGS = 2;
 var EDITORIAL_PERSON_AVATAR = { variant: "round", size: "sm" };
 var programActionLabel = (singular) => `View ${singular.toLowerCase()}`;
 function ProgramActionButton({ label, href, newTab }) {
@@ -3950,7 +3950,7 @@ function ProgramCardSkeleton({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", lines: 3, className: "w-full" }) }),
-        tags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: Array.from({ length: DEFAULT_TAGS_FOLD }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.TagSkeleton, {}, i)) })
+        tags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: Array.from({ length: DEFAULT_SKELETON_TAGS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.TagSkeleton, {}, i)) })
       ] }),
       hosts > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_HOSTS_ROW, children: Array.from({ length: hosts }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.SquareAvatarSkeleton, { variant: "round", size: "sm" }, i)) })
     ] }),