@flamingo-stack/openframe-frontend-core 0.0.776 → 0.0.781

package/dist/{chunk-2MF547RG.cjs → chunk-XHJI7R4J.cjs}

@@ -1,11 +1,11 @@
 "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 _chunkZ5KX56TKcjs = require('./chunk-Z5KX56TK.cjs');
+var _chunkZPYFPLPDcjs = require('./chunk-ZPYFPLPD.cjs');
 
 
 
-var _chunk24OYQQZCcjs = require('./chunk-24OYQQZC.cjs');
+var _chunkPID7LUDPcjs = require('./chunk-PID7LUDP.cjs');
 
 
 
@@ -15,13 +15,13 @@ var _chunkHEVW75L3cjs = require('./chunk-HEVW75L3.cjs');
 
 
 
-var _chunkXN6LXMH5cjs = require('./chunk-XN6LXMH5.cjs');
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
 
-var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
+var _chunkUONQCE5Ncjs = require('./chunk-UONQCE5N.cjs');
 
 
-var _chunkNWZSYG4Scjs = require('./chunk-NWZSYG4S.cjs');
+var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
 
 
 
@@ -30,33 +30,32 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
-var _chunkMYHS4W2Hcjs = require('./chunk-MYHS4W2H.cjs');
+var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
 
 
-var _chunkVFUMM6JCcjs = require('./chunk-VFUMM6JC.cjs');
+var _chunkRYIWADIBcjs = require('./chunk-RYIWADIB.cjs');
 
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
-
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/list-empty-state.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZ5KX56TKcjs.EmptyState,
+      _chunkZPYFPLPDcjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -69,7 +68,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZ5KX56TKcjs.EmptyState,
+    _chunkZPYFPLPDcjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -106,14 +105,14 @@ function PageDataSyncProvider({
 function PageDataSyncRow({ inline = false }) {
   const context = _react.useContext.call(void 0, PageDataSyncContext);
   if (!context) return null;
-  const line = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.DataSyncLine, { sync: context.state.sync, loading: context.state.loading, stated: context.stated, inline });
+  const line = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.DataSyncLine, { sync: context.state.sync, loading: context.state.loading, stated: context.stated, inline });
   return context.stated ? line : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "contents", "data-loading-optional": "", children: line });
 }
 function usePageDataSync(sync, loading) {
   const context = _react.useContext.call(void 0, PageDataSyncContext);
-  const report = _optionalChain([context, 'optionalAccess', _2 => _2.report]);
-  const source = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _3 => _3.source]), () => ( null));
-  const syncedAt = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _4 => _4.syncedAt]), () => ( null));
+  const report = _optionalChain([context, 'optionalAccess', _ => _.report]);
+  const source = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _2 => _2.source]), () => ( null));
+  const syncedAt = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _3 => _3.syncedAt]), () => ( null));
   _react.useEffect.call(void 0, () => {
     if (!report) return;
     report({ sync: source ? { source, syncedAt } : null, loading });
@@ -125,7 +124,7 @@ function usePageDataSync(sync, loading) {
 // src/components/shared/dev-section/dev-section-view.tsx
 
 function DevSectionView({ sectionKey, preControls, children, showHeading = true }) {
-  const section = _chunkNWZSYG4Scjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkHLZUBJPLcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
@@ -163,11 +162,11 @@ function DevSectionView({ sectionKey, preControls, children, showHeading = true
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncProvider, { stated: section.mirrored, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
-    showHeading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYHS4W2Hcjs.SectionHeading, { title: section.hero.title, punctuation: ":", action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, { inline: true }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, {}),
+    showHeading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOHXB6HUXcjs.SectionHeading, { title: section.hero.title, punctuation: ":", action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, { inline: true }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, {}),
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXN6LXMH5cjs.SearchInput,
+        _chunkODZ5XGWAcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -177,7 +176,7 @@ function DevSectionView({ sectionKey, preControls, children, showHeading = true
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXN6LXMH5cjs.StatusFilterComponent,
+        _chunkODZ5XGWAcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -202,7 +201,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkNWZSYG4Scjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkHLZUBJPLcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -215,7 +214,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkV3W56L2Dcjs.PageLayout,
+      _chunkUONQCE5Ncjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -224,31 +223,26 @@ function DevSectionPage({
         backButton: backCfg,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevSectionView, { sectionKey, showHeading: false, preControls, children }),
-          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24OYQQZCcjs.FaqSection, { ..._chunk24OYQQZCcjs.pageFaqProps.call(void 0, faq) })
+          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPID7LUDPcjs.FaqSection, { ..._chunkPID7LUDPcjs.pageFaqProps.call(void 0, faq) })
         ]
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
 
 var ROW_INNER_CLASS = "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]";
 var ROW_TEXT_COLUMN_CLASS = "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]";
-var ROW_TITLE_LINE_CLASS = `flex items-center text-h3 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_SUBTITLE_LINE_CLASS = `flex items-center text-h5 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_DESCRIPTION_LINE_CLASS = `flex items-center text-h4 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[3]}`;
+var ROW_TITLE_LINE_CLASS = `flex items-center text-h3 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[1]}`;
+var ROW_SUBTITLE_LINE_CLASS = `flex items-center text-h5 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[1]}`;
+var ROW_DESCRIPTION_LINE_CLASS = `flex items-center text-h4 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[3]}`;
 var ROW_BADGES_CLASS = "flex flex-shrink-0 flex-col gap-2 self-start";
-function DevCardRowContent({
-  title,
-  subtitle,
-  description,
-  emptyDescription = "No description provided",
-  rightBadges
-}) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowContentSkeleton, {});
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, children: [
+function DevCardRowContent(props) {
+  const { title, subtitle, description, emptyDescription = "No description provided", rightBadges } = props;
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || props.loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowContentSkeleton, { ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props) });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TEXT_COLUMN_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
@@ -257,36 +251,16 @@ function DevCardRowContent({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_BADGES_CLASS, children: rightBadges })
   ] });
 }
-function DevCardRowContentSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, "aria-hidden": true, children: [
+function DevCardRowContentSkeleton(props) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, "aria-hidden": true, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TEXT_COLUMN_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-full" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h5", className: "w-1/2" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h3", className: "w-full" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h5", className: "w-1/2" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_BADGES_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYHS4W2Hcjs.StatusBadgeSkeleton, { variant: "card" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYHS4W2Hcjs.StatusBadgeSkeleton, { variant: "card" })
-    ] })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_BADGES_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { loading: true, text: "", variant: "card" }) })
   ] });
 }
-function DevCardRowSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowContentSkeleton, {}) });
-}
-function DevCardRowSkeletonList({
-  region = true,
-  rows = 5
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkWEANWBJHcjs.LoadingRegion,
-    {
-      label: "Loading",
-      announce: region,
-      className: "w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card",
-      children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowSkeleton, {}, i))
-    }
-  );
-}
 
 // src/components/shared/delivery/delivery-row.tsx
 
@@ -305,17 +279,18 @@ function getRelativeTime(timestamp) {
 var ROW_INNER_CLASS2 = "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]";
 var ROW_TEXT_COLUMN_CLASS2 = "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]";
 var ROW_CAPTION_CLASS = "text-ods-text-secondary text-h5";
-var ROW_TITLE_LINE_CLASS2 = `flex items-center text-h3 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_SUBTITLE_LINE_CLASS2 = `flex items-center text-h5 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_DESCRIPTION_LINE_CLASS2 = `flex items-center text-h4 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[3]}`;
+var ROW_TITLE_LINE_CLASS2 = `flex items-center text-h3 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[1]}`;
+var ROW_SUBTITLE_LINE_CLASS2 = `flex items-center text-h5 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[1]}`;
+var ROW_DESCRIPTION_LINE_CLASS2 = `flex items-center text-h4 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[3]}`;
 var ROW_META_CLASS = "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch content-md:w-auto content-md:flex-col content-md:items-end content-md:self-start";
 var ROW_BASE_CLASS = "block p-[12px] text-inherit no-underline transition-colors duration-150 content-md:p-[16px]";
-function DeliveryRow({ item, href, target, caption, id, className }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliveryRowSkeleton, { caption, className });
+function DeliveryRow({ item, loading, href, target, caption, id, className }) {
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  if (inScope || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliveryRowSkeleton, { caption, className });
   const taskType = item.taskType;
   const typeBadgeLabel = _chunkHEVW75L3cjs.TASK_TYPE_LABELS[taskType] || "TASK";
   const typeBadgeTextColor = _chunkHEVW75L3cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkMYHS4W2Hcjs.getStatusColorScheme.call(void 0, item.status);
+  const statusBadgeScheme = _chunkOHXB6HUXcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS2, children: [
@@ -327,7 +302,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_META_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMYHS4W2Hcjs.StatusBadge,
+        _chunkJQWYXC2Ecjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -336,7 +311,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMYHS4W2Hcjs.StatusBadge,
+        _chunkJQWYXC2Ecjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -344,7 +319,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVFUMM6JCcjs.AvatarStack,
+        _chunkRYIWADIBcjs.AvatarStack,
         {
           size: "xs",
           className: "ml-auto content-md:ml-0",
@@ -357,7 +332,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
       ) : null
     ] })
   ] });
-  const baseClass = _chunk65VVJSQZcjs.cn.call(void 0, 
+  const baseClass = _chunkN6YCOBLKcjs.cn.call(void 0, 
     ROW_BASE_CLASS,
     // `scroll-mt-24` is paid for whether `id` is set or not (it's a
     // single Tailwind utility, no runtime cost). Keeping it
@@ -376,16 +351,16 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id, className: baseClass, children: inner });
 }
 function DeliveryRowSkeleton({ caption, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ROW_BASE_CLASS, "scroll-mt-24", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS2, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, ROW_BASE_CLASS, "scroll-mt-24", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS2, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TEXT_COLUMN_CLASS2, children: [
       caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: ROW_CAPTION_CLASS, children: caption }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-3/5" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h5", className: "w-2/5" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-full" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h3", className: "w-3/5" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h5", className: "w-2/5" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-full" }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_META_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYHS4W2Hcjs.StatusBadgeSkeleton, { variant: "card" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYHS4W2Hcjs.StatusBadgeSkeleton, { variant: "card" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { loading: true, text: "", variant: "card" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { loading: true, text: "", variant: "card" })
     ] })
   ] }) });
 }
@@ -397,7 +372,4 @@ function DeliveryRowSkeleton({ caption, className }) {
 
 
 
-
-
-
-exports.ListEmptyState = ListEmptyState; exports.usePageDataSync = usePageDataSync; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow; exports.DeliveryRowSkeleton = DeliveryRowSkeleton;
+exports.ListEmptyState = ListEmptyState; exports.usePageDataSync = usePageDataSync; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DeliveryRow = DeliveryRow;

package/dist/{chunk-XT5WEHFM.cjs → chunk-XYKVOBIP.cjs}

@@ -2,12 +2,12 @@
 
 
 
-var _chunkXN6LXMH5cjs = require('./chunk-XN6LXMH5.cjs');
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
 // src/components/product-demo/screens/devices-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEVICES_SEARCH_QUERY = "Windows";
-var TOOLBAR = { ..._chunkXN6LXMH5cjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunkODZ5XGWAcjs.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, 
-    _chunkXN6LXMH5cjs.DevicesPanelView,
+    _chunkODZ5XGWAcjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,