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

package/dist/{chunk-46EIXJFC.cjs → chunk-KVSEWACW.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(); } }"use client";
 
 
-var _chunkBEC43GHLcjs = require('./chunk-BEC43GHL.cjs');
+var _chunk34TWK3JEcjs = require('./chunk-34TWK3JE.cjs');
 
 
 
-var _chunk7Y3VMMJBcjs = require('./chunk-7Y3VMMJB.cjs');
+var _chunk2J2OBP4Ncjs = require('./chunk-2J2OBP4N.cjs');
 
 
 
@@ -14,13 +14,13 @@ var _chunkHEVW75L3cjs = require('./chunk-HEVW75L3.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 _chunkZNUSYMH7cjs = require('./chunk-ZNUSYMH7.cjs');
+var _chunkWZX26ODJcjs = require('./chunk-WZX26ODJ.cjs');
 
 
 
@@ -29,15 +29,21 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('./chunk-OFO75R2O.cjs');
 
 
 var _chunkL2IQESTQcjs = require('./chunk-L2IQESTQ.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/components/list-empty-state.tsx
@@ -45,7 +51,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBEC43GHLcjs.EmptyState,
+      _chunk34TWK3JEcjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -58,7 +64,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBEC43GHLcjs.EmptyState,
+    _chunk34TWK3JEcjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -75,7 +81,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 var _react = require('react');
 
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkZNUSYMH7cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkWZX26ODJcjs.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, );
@@ -126,7 +132,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk6XP6RNFDcjs.SearchInput,
+        _chunk6KEJQR6Lcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -136,7 +142,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk6XP6RNFDcjs.StatusFilterComponent,
+        _chunk6KEJQR6Lcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -161,7 +167,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkZNUSYMH7cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkWZX26ODJcjs.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), () => ( "/")))
@@ -174,7 +180,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkU6XWGK53cjs.PageLayout,
+      _chunkALPRQ3ZXcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -183,12 +189,12 @@ function DevSectionPage({
         backButton: backCfg,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevSectionView, { sectionKey, showHeading: false, preControls, children }),
-          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Y3VMMJBcjs.FaqSection, { ..._chunk7Y3VMMJBcjs.pageFaqProps.call(void 0, faq) })
+          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2J2OBP4Ncjs.FaqSection, { ..._chunk2J2OBP4Ncjs.pageFaqProps.call(void 0, faq) })
         ]
       }
     )
   );
-  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 });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -212,22 +218,33 @@ function DevCardRowContent({
 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.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[20px] w-full rounded" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[20px] w-1/2 rounded" }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-2/3 animate-pulse rounded bg-ods-border" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[20px] w-2/3 rounded" })
       ] }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 flex-col gap-2 self-start", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[32px] w-[100px] animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[32px] w-[120px] animate-pulse rounded bg-ods-border" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded" })
     ] })
   ] }) });
 }
-function DevCardRowSkeletonList({ rows = 5 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { 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)) });
+function DevCardRowSkeletonList({
+  region = true,
+  rows = 5
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUGCRLRCTcjs.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
@@ -248,7 +265,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
   const typeBadgeLabel = _chunkHEVW75L3cjs.TASK_TYPE_LABELS[taskType] || "TASK";
   const typeBadgeTextColor = _chunkHEVW75L3cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkP7KTAXXEcjs.getStatusColorScheme.call(void 0, item.status);
+  const statusBadgeScheme = _chunkOFO75R2Ocjs.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: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
@@ -260,7 +277,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "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", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkP7KTAXXEcjs.StatusBadge,
+        _chunkOFO75R2Ocjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -269,7 +286,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkP7KTAXXEcjs.StatusBadge,
+        _chunkOFO75R2Ocjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",

package/dist/{chunk-AKTPO2DN.cjs → chunk-L4UI63K6.cjs}

@@ -8,7 +8,7 @@ var _chunk3LU4UFPScjs = require('./chunk-3LU4UFPS.cjs');
 
 
 
-var _chunk5M5C6UV4cjs = require('./chunk-5M5C6UV4.cjs');
+var _chunkRB6BSE3Ocjs = require('./chunk-RB6BSE3O.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -70,7 +70,7 @@ function ProductScreenFrame({
       className: _chunk3ATAYP36cjs.cn.call(void 0, "relative overflow-hidden", className),
       style: { height },
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.CollisionBoundaryContext.Provider, { value: frame, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRB6BSE3Ocjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRB6BSE3Ocjs.CollisionBoundaryContext.Provider, { value: frame, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
             inert: true,

package/dist/{chunk-PSIKUDUV.cjs → chunk-LVO7FALW.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkB27QEHYRcjs = require('./chunk-B27QEHYR.cjs');
+var _chunkP6F6PHVKcjs = require('./chunk-P6F6PHVK.cjs');
 
 
 var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
@@ -298,15 +298,15 @@ function TicketStatusTag({
   );
   if (disabled || !options || options.length === 0 || !onSelect) {
     if (disabled && disabledReason) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkB27QEHYRcjs.Tooltip, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-fit shrink-0 cursor-not-allowed", children: tag }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipContent, { children: disabledReason })
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP6F6PHVKcjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-fit shrink-0 cursor-not-allowed", children: tag }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipContent, { children: disabledReason })
       ] }) });
     }
     return tag;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkB27QEHYRcjs.ActionsMenuDropdown,
+    _chunkP6F6PHVKcjs.ActionsMenuDropdown,
     {
       align: "start",
       groups: [

package/dist/{chunk-L2RMTGOK.cjs → chunk-MGF3FUKD.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunk5M5C6UV4cjs = require('./chunk-5M5C6UV4.cjs');
+var _chunkRB6BSE3Ocjs = require('./chunk-RB6BSE3O.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -37,15 +37,15 @@ var DropdownMenuSubTrigger = _react.forwardRef.call(void 0, ({ className, inset,
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var DropdownMenuSubContent = _react.forwardRef.call(void 0, ({ className, collisionBoundary, collisionPadding, hideWhenDetached, ...props }, ref) => {
-  const container = _chunk5M5C6UV4cjs.usePortalContainer.call(void 0, );
-  const boundary = _chunk5M5C6UV4cjs.useCollisionBoundary.call(void 0, );
+  const container = _chunkRB6BSE3Ocjs.usePortalContainer.call(void 0, );
+  const boundary = _chunkRB6BSE3Ocjs.useCollisionBoundary.call(void 0, );
   const resolvedBoundary = _nullishCoalesce(_nullishCoalesce(collisionBoundary, () => ( boundary)), () => ( void 0));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { container: _nullishCoalesce(container, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     DropdownMenuPrimitive.SubContent,
     {
       ref,
       collisionBoundary: resolvedBoundary,
-      collisionPadding: _nullishCoalesce(collisionPadding, () => ( (resolvedBoundary ? _chunk5M5C6UV4cjs.COLLISION_PADDING_PX : void 0))),
+      collisionPadding: _nullishCoalesce(collisionPadding, () => ( (resolvedBoundary ? _chunkRB6BSE3Ocjs.COLLISION_PADDING_PX : void 0))),
       hideWhenDetached: _nullishCoalesce(hideWhenDetached, () => ( (resolvedBoundary ? true : void 0))),
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "z-50 min-w-[8rem] overflow-hidden rounded-md border border-ods-border bg-ods-card p-1 text-ods-text-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
@@ -57,8 +57,8 @@ var DropdownMenuSubContent = _react.forwardRef.call(void 0, ({ className, collis
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var DropdownMenuContent = _react.forwardRef.call(void 0, ({ className, sideOffset = 4, collisionBoundary, collisionPadding, hideWhenDetached, ...props }, ref) => {
-  const container = _chunk5M5C6UV4cjs.usePortalContainer.call(void 0, );
-  const boundary = _chunk5M5C6UV4cjs.useCollisionBoundary.call(void 0, );
+  const container = _chunkRB6BSE3Ocjs.usePortalContainer.call(void 0, );
+  const boundary = _chunkRB6BSE3Ocjs.useCollisionBoundary.call(void 0, );
   const resolvedBoundary = _nullishCoalesce(_nullishCoalesce(collisionBoundary, () => ( boundary)), () => ( void 0));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { container: _nullishCoalesce(container, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     DropdownMenuPrimitive.Content,
@@ -66,7 +66,7 @@ var DropdownMenuContent = _react.forwardRef.call(void 0, ({ className, sideOffse
       ref,
       sideOffset,
       collisionBoundary: resolvedBoundary,
-      collisionPadding: _nullishCoalesce(collisionPadding, () => ( (resolvedBoundary ? _chunk5M5C6UV4cjs.COLLISION_PADDING_PX : void 0))),
+      collisionPadding: _nullishCoalesce(collisionPadding, () => ( (resolvedBoundary ? _chunkRB6BSE3Ocjs.COLLISION_PADDING_PX : void 0))),
       hideWhenDetached: _nullishCoalesce(hideWhenDetached, () => ( (resolvedBoundary ? true : void 0))),
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "z-50 min-w-[8rem] overflow-hidden rounded-md border border-ods-border bg-ods-card p-1 text-ods-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",