@flamingo-stack/openframe-frontend-core 0.0.748 → 0.0.750

package/dist/{chunk-YIRX6C7V.cjs → chunk-XJ3J4UIS.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('./chunk-OFO75R2O.cjs');
 
 
 
@@ -16,9 +16,15 @@ var _chunkASMNNSUQcjs = require('./chunk-ASMNNSUQ.cjs');
 var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
 
 
+var _chunkUGCRLRCTcjs = require('./chunk-UGCRLRCT.cjs');
+
+
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
+
+
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
 // src/utils/badge-palette.ts
@@ -51,7 +57,7 @@ function pickBadgePaletteColor({
 var _jsxruntime = require('react/jsx-runtime');
 function PaletteBadge({ text, color, className, variant = "button" }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkP7KTAXXEcjs.StatusBadge,
+    _chunkOFO75R2Ocjs.StatusBadge,
     {
       text,
       colorScheme: isBadgePaletteKey(color) ? color : "default",
@@ -137,25 +143,25 @@ function AdminContentCardSkeleton({
     "div",
     {
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        "flex h-full animate-pulse flex-col overflow-hidden rounded-2xl border border-ods-border bg-transparent",
+        "flex h-full flex-col overflow-hidden rounded-2xl border border-ods-border bg-transparent",
         className
       ),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[3/2] w-full shrink-0 bg-ods-border/20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "aspect-[3/2] w-full shrink-0" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-sf)] p-5", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[2lh] w-full rounded bg-ods-border text-h3" }),
-          subtitleRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[1lh] w-1/2 rounded bg-ods-border text-h6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[2lh] w-full rounded bg-ods-border text-h6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[2lh] w-full rounded text-h3" }),
+          subtitleRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[1lh] w-1/2 rounded text-h6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[2lh] w-full rounded text-h6" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-7 items-center gap-[var(--spacing-system-xsf)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded-full bg-ods-border" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-24 rounded-full bg-ods-border" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-20 rounded-full" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-24 rounded-full" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[1lh] w-32 rounded bg-ods-border text-h6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[1lh] w-32 rounded text-h6" }),
           actions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex items-center justify-between border-t border-ods-border pt-[var(--spacing-system-sf)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-24 rounded bg-ods-border" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-[var(--spacing-system-xsf)]", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-20 rounded bg-ods-border" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-20 rounded bg-ods-border" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-20 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-20 rounded" })
             ] })
           ] })
         ] })
@@ -163,6 +169,24 @@ function AdminContentCardSkeleton({
     }
   );
 }
+function AdminContentCardGridSkeleton({
+  count = 12,
+  Skeleton = AdminContentCardSkeleton,
+  className,
+  label = "Loading",
+  region = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUGCRLRCTcjs.LoadingRegion,
+    {
+      label,
+      announce: region,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, ADMIN_CONTENT_CARD_GRID_CLASS, className),
+      "data-state": "loading",
+      children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, {}, i))
+    }
+  );
+}
 function AdminContentCardGrid({
   items,
   pageSize,
@@ -171,12 +195,22 @@ function AdminContentCardGrid({
   renderCard,
   empty,
   Skeleton = AdminContentCardSkeleton,
-  className
+  className,
+  loadingLabel,
+  loadingRegion
 }) {
   const gridClass = _chunk3ATAYP36cjs.cn.call(void 0, ADMIN_CONTENT_CARD_GRID_CLASS, className);
-  if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClass, "data-state": "loading", children: Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, {}, i)) });
-  }
+  if (loading)
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      AdminContentCardGridSkeleton,
+      {
+        count: pageSize,
+        Skeleton,
+        className,
+        label: loadingLabel,
+        region: loadingRegion
+      }
+    );
   const slots = Array.from({ length: Math.max(0, pageSize - items.length) }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { className: "invisible" }, `slot-${i}`));
   if (items.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", "data-state": "empty", children: [
@@ -204,7 +238,7 @@ var STATUS_BADGE_SCHEME = {
   abandoned: "default"
 };
 function EmployeeEntryBadge({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
 }
 function EmployeeEntryCard({
   entry,
@@ -217,7 +251,7 @@ function EmployeeEntryCard({
   className
 }) {
   const card = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkP7KTAXXEcjs.AdminContentCard,
+    _chunkOFO75R2Ocjs.AdminContentCard,
     {
       imageUrl: entry.featured_image || entry.main_video_thumbnail,
       placeholderUrl,
@@ -225,7 +259,7 @@ function EmployeeEntryCard({
       summary: (_nullishCoalesce(entry.summary, () => ( ""))).slice(0, 140) || "No description",
       badges: entry.status || extraBadges ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         entry.status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP7KTAXXEcjs.StatusBadge,
+          _chunkOFO75R2Ocjs.StatusBadge,
           {
             text: entry.status,
             colorScheme: _nullishCoalesce(STATUS_BADGE_SCHEME[entry.status], () => ( "default")),
@@ -240,7 +274,7 @@ function EmployeeEntryCard({
           _optionalChain([entry, 'access', _8 => _8.author, 'optionalAccess', _9 => _9.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkHOTM4UM6cjs.next_image_default,
             {
-              src: _nullishCoalesce(_chunkP7KTAXXEcjs.getProxiedImageUrl2.call(void 0, entry.author.avatar_url), () => ( entry.author.avatar_url)),
+              src: _nullishCoalesce(_chunkOFO75R2Ocjs.getProxiedImageUrl2.call(void 0, entry.author.avatar_url), () => ( entry.author.avatar_url)),
               alt: "",
               className: "h-[1lh] w-[1lh] shrink-0 rounded-full object-cover",
               width: 20,
@@ -432,4 +466,5 @@ function useSelfFetch(url, options) {
 
 
 
-exports.BADGE_PALETTE = BADGE_PALETTE; exports.isBadgePaletteKey = isBadgePaletteKey; exports.pickBadgePaletteColor = pickBadgePaletteColor; exports.PaletteBadge = PaletteBadge; exports.DepartmentBadge = DepartmentBadge; exports.CONTENT_REF_GROUPS = CONTENT_REF_GROUPS; exports.getContentRefLabel = getContentRefLabel; exports.getContentRefLabelOrTitleCase = getContentRefLabelOrTitleCase; exports.orderContentRefTypes = orderContentRefTypes; exports.buildSuggestionUrl = buildSuggestionUrl; exports.useSelfFetch = useSelfFetch; exports.ADMIN_CONTENT_CARD_GRID_CLASS = ADMIN_CONTENT_CARD_GRID_CLASS; exports.AdminContentCardSkeleton = AdminContentCardSkeleton; exports.AdminContentCardGrid = AdminContentCardGrid; exports.EmployeeEntryBadge = EmployeeEntryBadge; exports.EmployeeEntryCard = EmployeeEntryCard; exports.EmployeeEntryCardSkeleton = EmployeeEntryCardSkeleton; exports.WhatIShippedCard = WhatIShippedCard; exports.WhatIShippedCardSkeleton = WhatIShippedCardSkeleton; exports.HowIWorkCard = HowIWorkCard; exports.HowIWorkCardSkeleton = HowIWorkCardSkeleton; exports.AiPromptCard = AiPromptCard; exports.AiPromptCardSkeleton = AiPromptCardSkeleton;
+
+exports.BADGE_PALETTE = BADGE_PALETTE; exports.isBadgePaletteKey = isBadgePaletteKey; exports.pickBadgePaletteColor = pickBadgePaletteColor; exports.PaletteBadge = PaletteBadge; exports.DepartmentBadge = DepartmentBadge; exports.CONTENT_REF_GROUPS = CONTENT_REF_GROUPS; exports.getContentRefLabel = getContentRefLabel; exports.getContentRefLabelOrTitleCase = getContentRefLabelOrTitleCase; exports.orderContentRefTypes = orderContentRefTypes; exports.buildSuggestionUrl = buildSuggestionUrl; exports.useSelfFetch = useSelfFetch; exports.ADMIN_CONTENT_CARD_GRID_CLASS = ADMIN_CONTENT_CARD_GRID_CLASS; exports.AdminContentCardSkeleton = AdminContentCardSkeleton; exports.AdminContentCardGridSkeleton = AdminContentCardGridSkeleton; exports.AdminContentCardGrid = AdminContentCardGrid; exports.EmployeeEntryBadge = EmployeeEntryBadge; exports.EmployeeEntryCard = EmployeeEntryCard; exports.EmployeeEntryCardSkeleton = EmployeeEntryCardSkeleton; exports.WhatIShippedCard = WhatIShippedCard; exports.WhatIShippedCardSkeleton = WhatIShippedCardSkeleton; exports.HowIWorkCard = HowIWorkCard; exports.HowIWorkCardSkeleton = HowIWorkCardSkeleton; exports.AiPromptCard = AiPromptCard; exports.AiPromptCardSkeleton = AiPromptCardSkeleton;

package/dist/{chunk-D4XZL27V.cjs → chunk-YL62VAHC.cjs}

@@ -1,13 +1,13 @@
 "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 _chunk7Y3VMMJBcjs = require('./chunk-7Y3VMMJB.cjs');
+var _chunk2J2OBP4Ncjs = require('./chunk-2J2OBP4N.cjs');
 
 
-var _chunk6XP6RNFDcjs = require('./chunk-6XP6RNFD.cjs');
+var _chunk6KEJQR6Lcjs = require('./chunk-6KEJQR6L.cjs');
 
 
-var _chunkU6XWGK53cjs = require('./chunk-U6XWGK53.cjs');
+var _chunkALPRQ3ZXcjs = require('./chunk-ALPRQ3ZX.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -34,8 +34,8 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _ => _.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _2 => _2.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7Y3VMMJBcjs.FaqSection,
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALPRQ3ZXcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2J2OBP4Ncjs.FaqSection,
     {
       initialFaqs,
       heading: null,
@@ -49,7 +49,7 @@ function FaqDocumentPage({
       ask
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{cloud-tenants-V5727B7F.cjs → cloud-tenants-E4JSG3GH.cjs}

@@ -9,10 +9,10 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunk6XP6RNFDcjs = require('./chunk-6XP6RNFD.cjs');
-require('./chunk-HNLI4OU5.cjs');
+var _chunk6KEJQR6Lcjs = require('./chunk-6KEJQR6L.cjs');
+require('./chunk-C6LPOYDM.cjs');
 require('./chunk-NTGIQP7O.cjs');
-require('./chunk-U6XWGK53.cjs');
+require('./chunk-ALPRQ3ZX.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-4FWURR3W.cjs');
@@ -20,14 +20,14 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-BBM2ICOY.cjs');
+require('./chunk-3TELPOVH.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-ZNUSYMH7.cjs');
-require('./chunk-BBTSJYTR.cjs');
-require('./chunk-PSIKUDUV.cjs');
+require('./chunk-WZX26ODJ.cjs');
+require('./chunk-V3UJ6NDR.cjs');
+require('./chunk-LVO7FALW.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-YRULLK7N.cjs');
-require('./chunk-B27QEHYR.cjs');
+require('./chunk-P6F6PHVK.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1824,8 +1824,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-YIRX6C7V.cjs');
-require('./chunk-P7KTAXXE.cjs');
+require('./chunk-XJ3J4UIS.cjs');
+require('./chunk-OFO75R2O.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-L2IQESTQ.cjs');
@@ -1848,16 +1848,18 @@ require('./chunk-HOTM4UM6.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 require('./chunk-HTRILBJD.cjs');
 require('./chunk-K6VWTUCH.cjs');
-require('./chunk-L2RMTGOK.cjs');
+require('./chunk-MGF3FUKD.cjs');
 require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
+require('./chunk-UGCRLRCT.cjs');
 require('./chunk-2QMBXGMQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 require('./chunk-G7SBHMRR.cjs');
-require('./chunk-AKTPO2DN.cjs');
+require('./chunk-L4UI63K6.cjs');
 require('./chunk-OF336YWG.cjs');
 require('./chunk-3LU4UFPS.cjs');
-require('./chunk-5M5C6UV4.cjs');
+require('./chunk-RB6BSE3O.cjs');
+require('./chunk-2YXOD2KL.cjs');
 require('./chunk-3ATAYP36.cjs');
 
 // src/components/product-demo/screens/cloud-tenants.tsx
@@ -1918,7 +1920,7 @@ var getHref = () => "#";
 function CloudTenantsScreen(_props) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildCloudTenantsFixture(cast), [cast]);
-  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
+  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-l)]", children: table });
 }
 

package/dist/components/case-studies/index.cjs

@@ -4,16 +4,16 @@
 var _chunkDTKGIG4Acjs = require('../../chunk-DTKGIG4A.cjs');
 
 
-var _chunkJNBOQ7F2cjs = require('../../chunk-JNBOQ7F2.cjs');
+var _chunk7RCTOWBAcjs = require('../../chunk-7RCTOWBA.cjs');
 
 
 
 
 
-var _chunk6XP6RNFDcjs = require('../../chunk-6XP6RNFD.cjs');
-require('../../chunk-HNLI4OU5.cjs');
+var _chunk6KEJQR6Lcjs = require('../../chunk-6KEJQR6L.cjs');
+require('../../chunk-C6LPOYDM.cjs');
 require('../../chunk-NTGIQP7O.cjs');
-require('../../chunk-U6XWGK53.cjs');
+require('../../chunk-ALPRQ3ZX.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-4FWURR3W.cjs');
@@ -21,17 +21,17 @@ require('../../chunk-LU7TD6QS.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-BBM2ICOY.cjs');
+require('../../chunk-3TELPOVH.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-ZNUSYMH7.cjs');
+require('../../chunk-WZX26ODJ.cjs');
 
 
 
-var _chunkBBTSJYTRcjs = require('../../chunk-BBTSJYTR.cjs');
-require('../../chunk-PSIKUDUV.cjs');
+var _chunkV3UJ6NDRcjs = require('../../chunk-V3UJ6NDR.cjs');
+require('../../chunk-LVO7FALW.cjs');
 require('../../chunk-3RFQPQ7Z.cjs');
 require('../../chunk-YRULLK7N.cjs');
-require('../../chunk-B27QEHYR.cjs');
+require('../../chunk-P6F6PHVK.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1838,12 +1838,12 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-YIRX6C7V.cjs');
+require('../../chunk-XJ3J4UIS.cjs');
 
 
 
 
-var _chunkP7KTAXXEcjs = require('../../chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('../../chunk-OFO75R2O.cjs');
 require('../../chunk-QYLIHZKZ.cjs');
 require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-L2IQESTQ.cjs');
@@ -1866,21 +1866,23 @@ require('../../chunk-HOTM4UM6.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 require('../../chunk-HTRILBJD.cjs');
 require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-L2RMTGOK.cjs');
+require('../../chunk-MGF3FUKD.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
+require('../../chunk-UGCRLRCT.cjs');
 require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
-require('../../chunk-AKTPO2DN.cjs');
+require('../../chunk-L4UI63K6.cjs');
 require('../../chunk-OF336YWG.cjs');
 require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-5M5C6UV4.cjs');
+require('../../chunk-RB6BSE3O.cjs');
+require('../../chunk-2YXOD2KL.cjs');
 require('../../chunk-3ATAYP36.cjs');
 
 // src/components/case-studies/share-experience-section.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.HeadingLines, { children: [
+var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.HeadingLines, { children: [
   "Share Your Experience",
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     "with Fellow MSPs",
@@ -1917,7 +1919,7 @@ function ShareExperienceSection({
 } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: `flex flex-col gap-10${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-text-primary", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkP7KTAXXEcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkOFO75R2Ocjs.accentSentenceMarks.call(void 0, title) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-6 max-w-[765px] text-h4", children: subtitle })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md border border-ods-border bg-ods-bg p-10", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-10", children: [
@@ -1925,9 +1927,9 @@ function ShareExperienceSection({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h2", children: howItWorksTitle }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: howItWorksBody })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6XP6RNFDcjs.BenefitCardGrid, { columns: 4, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6KEJQR6Lcjs.BenefitCardGrid, { columns: 4, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunk6KEJQR6Lcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJQLBIZMcjs.G2Icon, { color: "var(--social-g2)", size: 24 }) }),
             title: "G2",
@@ -1936,7 +1938,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunk6KEJQR6Lcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2VKPXOBcjs.CapterraIcon, { size: 24 }) }),
             title: "Capterra",
@@ -1945,7 +1947,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunk6KEJQR6Lcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTLKSZG3Dcjs.TrustpilotIcon, { size: 24 }) }),
             title: "TrustPilot",
@@ -1954,7 +1956,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunk6KEJQR6Lcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILYW6BQNcjs.GetappIcon, { size: 24 }) }),
             title: "GetApp",
@@ -1963,7 +1965,7 @@ function ShareExperienceSection({
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJNBOQ7F2cjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RCTOWBAcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
     ] }) })
   ] });
 }
@@ -1973,7 +1975,7 @@ function ShareExperienceSection({
 function EntityQuotesPanel({ quotes, className }) {
   if (!quotes || quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6XP6RNFDcjs.StackedRowsPanel,
+    _chunk6KEJQR6Lcjs.StackedRowsPanel,
     {
       className,
       title: `${_chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
@@ -2002,7 +2004,7 @@ function EntityQuotesPanel({ quotes, className }) {
 function QuoteCardsStrip({ quotes, className }) {
   if (quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBBTSJYTRcjs.CardsStrip,
+    _chunkV3UJ6NDRcjs.CardsStrip,
     {
       className,
       showTitle: false,
@@ -2010,15 +2012,15 @@ function QuoteCardsStrip({ quotes, className }) {
       items: [...quotes],
       itemKey: (quote) => quote.key,
       renderCard: (quote, ctx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkP7KTAXXEcjs.Card,
+        _chunkOFO75R2Ocjs.Card,
         {
           "aria-hidden": ctx.isClone || void 0,
           onPointerEnter: ctx.isTouch ? void 0 : () => ctx.onActivate(ctx.cardKey),
           onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
           className: "relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover",
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBBTSJYTRcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6KEJQR6Lcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3UJ6NDRcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
           ]
         },
         ctx.cardKey

package/dist/components/categories-cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"categories-cart.d.ts","sourceRoot":"","sources":["../../src/components/categories-cart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI/D,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAY,EACZ,WAAe,EACf,gBAAoB,EACpB,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,+BAqEvB"}
+{"version":3,"file":"categories-cart.d.ts","sourceRoot":"","sources":["../../src/components/categories-cart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAY,EACZ,WAAe,EACf,gBAAoB,EACpB,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,+BAkEvB"}

package/dist/components/categories-cart.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import Link from "../embed-shims/next-link.js";
+import { UnifiedSkeleton } from "./loading/unified-skeleton.js";
 import { VendorIcon } from "./vendor-icon.js";
 function CategoriesCart({
   category,
@@ -20,13 +21,7 @@ function CategoriesCart({
         /* @__PURE__ */ jsxs("div", { className: "relative h-8 w-full overflow-hidden md:h-10", children: [
           /* @__PURE__ */ jsx("div", { className: "flex w-full gap-2 md:gap-3", children: isLoading ? (
             // Skeleton loading for vendor icons
-            Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "h-8 w-8 flex-shrink-0 animate-pulse rounded bg-ods-border md:h-10 md:w-10"
-              },
-              index
-            ))
+            Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded md:h-10 md:w-10" }, index))
           ) : vendors && vendors.length > 0 ? vendors.map((vendor) => /* @__PURE__ */ jsx(
             VendorIcon,
             {

package/dist/components/chat/chat-container.js

@@ -5,8 +5,8 @@ import { cn } from "../../utils/cn.js";
 import { Chevron02LeftIcon } from "../icons-v2-generated/index.js";
 import { PlusCircleIcon } from "../icons-v2-generated/signs-and-symbols/plus-circle-icon.js";
 import { XmarkIcon } from "../icons-v2-generated/signs-and-symbols/xmark-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
-import { Skeleton } from "../ui/skeleton.js";
 import { SquareAvatar as Avatar } from "../ui/square-avatar.js";
 import { TicketStatusTag, resolveStatusTagProps } from "../ui/ticket-status-tag.js";
 import { MspOrganizationCard } from "./msp-organization-card.js";
@@ -102,10 +102,10 @@ const ChatHeader = forwardRef(
           /* @__PURE__ */ jsxs("div", { className: cardClasses, children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3", children: [
               isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-16 shrink-0 rounded-full" }),
+                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-16 shrink-0 rounded-full" }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                  /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-40" }),
-                  /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" })
+                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-40" }),
+                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-28" })
                 ] })
               ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
                 userIcon ? /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-ods-accent", children: userIcon }) : /* @__PURE__ */ jsx(

package/dist/components/chat/chat-context-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-context-picker.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-context-picker.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,KAAK,EAAyB,eAAe,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAElH,8DAA8D;AAC9D,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAcjD,MAAM,WAAW,yBAAyB;IACxC,oDAAoD;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;+EAC2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,QAAQ,GACT,EAAE,yBAAyB,+BAwB3B;AAMD,MAAM,WAAW,sBAAsB;IACrC,8CAA8C;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,uBAAuB,CAAC;IAChC,iEAAiE;IACjE,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,8CAA8C;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,sCAoQxB;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IACnD;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,sCA6C3B"}
+{"version":3,"file":"chat-context-picker.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-context-picker.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,OAAO,KAAK,EAAyB,eAAe,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAElH,8DAA8D;AAC9D,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAcjD,MAAM,WAAW,yBAAyB;IACxC,oDAAoD;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;+EAC2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,QAAQ,GACT,EAAE,yBAAyB,+BAwB3B;AAMD,MAAM,WAAW,sBAAsB;IACrC,8CAA8C;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,uBAAuB,CAAC;IAChC,iEAAiE;IACjE,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,8CAA8C;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,sCAoQxB;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IACnD;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,sCA6C3B"}

package/dist/components/chat/chat-context-picker.js

@@ -9,6 +9,7 @@ import { SearchIcon } from "../icons-v2-generated/interface/search-icon.js";
 import { Upload02Icon } from "../icons-v2-generated/interface/upload-02-icon.js";
 import { PlusIcon } from "../icons-v2-generated/signs-and-symbols/plus-icon.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
+import { LoadingRegion } from "../loading/loading-region.js";
 import {
   CONTEXT_BACK_CLASS,
   CONTEXT_STATE_CLASS,
@@ -240,7 +241,7 @@ function ChatContextPicker({
               children: /* @__PURE__ */ jsx(
                 Suspense,
                 {
-                  fallback: /* @__PURE__ */ jsx("div", { className: "max-h-[340px] overflow-hidden", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: ITEMS_SKELETON_ROWS }) }),
+                  fallback: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading items", className: "max-h-[340px] overflow-hidden", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: ITEMS_SKELETON_ROWS }) }),
                   children: config.renderItems({
                     type: activeType.type,
                     query: debouncedQuery,

package/dist/components/chat/chat-message-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-row.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB;iEAC6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;2EAEuE;IACvE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;qEAEiE;IACjE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAqDtG;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,gCAkBrC"}
+{"version":3,"file":"chat-message-row.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB;iEAC6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;2EAEuE;IACvE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;qEAEiE;IACjE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAqDtG;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,gCAgBrC"}

package/dist/components/chat/chat-message-row.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import Image from "../../embed-shims/next-image.js";
 import { personInitials } from "../../utils/format.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { useProxiedImageUrl } from "./hooks/use-proxied-image-url.js";
 function ChatMessageRow({ displayName, avatarUrl, timeLabel, body, footer }) {
   const proxiedAvatar = useProxiedImageUrl(avatarUrl ?? "");
@@ -34,14 +35,14 @@ function ChatMessageRow({ displayName, avatarUrl, timeLabel, body, footer }) {
 }
 function ChatMessageRowSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 gap-2 md:gap-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-8 w-8 flex-shrink-0 animate-pulse rounded-lg bg-ods-border md:h-10 md:w-10" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded-lg md:h-10 md:w-10" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-[15px] w-24 animate-pulse rounded bg-ods-border md:h-[20px] md:w-32" }),
-        /* @__PURE__ */ jsx("div", { className: "h-[12px] w-12 animate-pulse rounded bg-ods-border md:h-[16px] md:w-16" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[15px] w-24 rounded md:h-[20px] md:w-32" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[12px] w-12 rounded md:h-[16px] md:w-16" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-[14px] w-full animate-pulse rounded bg-ods-border md:h-[18px]" }),
-      /* @__PURE__ */ jsx("div", { className: "mt-1 h-[14px] w-3/4 animate-pulse rounded bg-ods-border md:h-[18px]" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[14px] w-full rounded md:h-[18px]" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mt-1 h-[14px] w-3/4 rounded md:h-[18px]" })
     ] })
   ] });
 }

package/dist/components/chat/chat-message-skeleton.d.ts

@@ -16,6 +16,8 @@ interface ChatMessageSkeletonProps {
  */
 export declare function ChatMessageSkeleton({ className, showAvatar, isUser, bodyLines, }: ChatMessageSkeletonProps): import("react").JSX.Element;
 interface ChatMessageListSkeletonProps {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
     className?: string;
     messageCount?: number;
     showAvatars?: boolean;
@@ -42,6 +44,6 @@ interface ChatMessageListSkeletonProps {
      */
     fill?: boolean;
 }
-export declare function ChatMessageListSkeleton({ className, messageCount, showAvatars, fullWidth, contentClassName, bodyLines, fill, }: ChatMessageListSkeletonProps): import("react").JSX.Element;
+export declare function ChatMessageListSkeleton({ region, className, messageCount, showAvatars, fullWidth, contentClassName, bodyLines, fill, }: ChatMessageListSkeletonProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=chat-message-skeleton.d.ts.map

package/dist/components/chat/chat-message-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;+EAE2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAiB,EACjB,MAAc,EACd,SAAa,GACd,EAAE,wBAAwB,+BAwB1B;AAED,UAAU,4BAA4B;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;8CAE0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;mDAC+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,YAAgB,EAChB,WAAkB,EAClB,SAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,IAAY,GACb,EAAE,4BAA4B,+BAyC9B"}
+{"version":3,"file":"chat-message-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-skeleton.tsx"],"names":[],"mappings":"AAMA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;+EAE2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAiB,EACjB,MAAc,EACd,SAAa,GACd,EAAE,wBAAwB,+BAwB1B;AAED,UAAU,4BAA4B;IACpC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;8CAE0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;mDAC+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAa,EACb,SAAS,EACT,YAAgB,EAChB,WAAkB,EAClB,SAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,IAAY,GACb,EAAE,4BAA4B,+BAyC9B"}