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

package/dist/components/features/push-button-selector.js

@@ -3,20 +3,25 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Check } from "lucide-react";
 import { useEffect, useRef } from "react";
 import { UnifiedSkeleton } from "../loading/index.js";
+import { LoadingRegion } from "../loading/loading-region.js";
 import { Badge, Input } from "../ui/index.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip.js";
-function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", role: "status", "aria-label": "Loading options", children: [
-    hasTitle && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-20", "aria-label": "Loading title" }),
+function PushButtonSelectorSkeleton({
+  region = true,
+  count = 3,
+  hasTitle
+}) {
+  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading options", announce: region, className: "space-y-3", children: [
+    hasTitle && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-20" }),
     /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-ods-border bg-ods-bg p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8", "aria-label": "Loading icon" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8" }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24", "aria-label": "Loading name" }),
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: "h-4 w-36", "aria-label": "Loading description" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: "h-4 w-36" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-6", "aria-label": "Loading selection state" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-6" })
     ] }) }, i)) })
   ] });
 }

package/dist/components/features/remote-session/remote-desktop-view.d.ts

@@ -50,5 +50,8 @@ export interface RemoteDesktopViewProps {
  */
 export declare function RemoteDesktopView({ deviceName, organizationName, onBack, fullscreen, onEnterFullscreen, onExitFullscreen, displayMenuGroups, currentDisplayLabel, actionsMenuGroups, onOpenSettings, chatOpen, onToggleChat, screen, chat, children, }: RemoteDesktopViewProps): import("react").JSX.Element;
 /** The page while the device is still loading: the header bar as placeholders over an empty screen. */
-export declare function RemoteDesktopViewSkeleton({ onBack }: Pick<RemoteDesktopViewProps, 'onBack'>): import("react").JSX.Element;
+export declare function RemoteDesktopViewSkeleton({ onBack, region, }: Pick<RemoteDesktopViewProps, 'onBack'> & {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
+}): import("react").JSX.Element;
 //# sourceMappingURL=remote-desktop-view.d.ts.map

package/dist/components/features/remote-session/remote-desktop-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remote-desktop-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgBnF,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,yHAAyH;IACzH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,2FAA2F;IAC3F,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,UAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,QAAgB,EAChB,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE,sBAAsB,+BA+GxB;AAED,uGAAuG;AACvG,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,QAAQ,CAAC,+BAuB3F"}
+{"version":3,"file":"remote-desktop-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAenF,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,yHAAyH;IACzH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,2FAA2F;IAC3F,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,UAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,QAAgB,EAChB,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE,sBAAsB,+BA+GxB;AAED,uGAAuG;AACvG,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,MAAa,GACd,EAAE,IAAI,CAAC,sBAAsB,EAAE,QAAQ,CAAC,GAAG;IAC1C,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BA0BA"}

package/dist/components/features/remote-session/remote-desktop-view.js

@@ -10,9 +10,10 @@ import {
   Settings01Icon
 } from "../../icons-v2-generated/index.js";
 import { PageLayout } from "../../layout/page-layout.js";
+import { LoadingRegion } from "../../loading/loading-region.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { ActionsMenuDropdown } from "../../ui/actions-menu.js";
 import { Button } from "../../ui/button/button.js";
-import { Skeleton } from "../../ui/skeleton.js";
 import { TruncateText } from "../../ui/truncate-text.js";
 import { RemoteDesktopFullscreenToolbar } from "./remote-desktop-fullscreen-toolbar.js";
 const PAGE_CLASS = "h-full overflow-hidden px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]";
@@ -136,24 +137,27 @@ function RemoteDesktopView({
     }
   );
 }
-function RemoteDesktopViewSkeleton({ onBack }) {
-  return /* @__PURE__ */ jsxs(PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: [
+function RemoteDesktopViewSkeleton({
+  onBack,
+  region = true
+}) {
+  return /* @__PURE__ */ jsx(PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the remote session", announce: region, className: "contents", children: [
     /* @__PURE__ */ jsx("div", { className: CONTROLS_BAR_CLASS, children: /* @__PURE__ */ jsxs("div", { className: CONTROLS_ROW_CLASS, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 flex-shrink-0 rounded-md" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-9 w-9 flex-shrink-0 rounded-md" }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-48" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-48" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-36" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" })
       ] })
     ] }) }),
     /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 rounded-lg bg-black" })
-  ] });
+  ] }) });
 }
 export {
   RemoteDesktopView,

package/dist/components/features/waitlist-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"waitlist-form.d.ts","sourceRoot":"","sources":["../../../src/components/features/waitlist-form.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AASpE,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH;qFACiF;IACjF,UAAU,EAAE,CACV,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,EACzB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kIAAkI;IAClI,MAAM,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,EAAoB,EACpB,SAAS,EACT,UAAU,EACV,YAAoB,EACpB,SAAiB,EACjB,YAAiB,EACjB,YAAiB,EACjB,SAAsB,EACtB,WAA+B,EAC/B,YAA2B,EAC3B,gBAA2E,EAC3E,gBAA6F,EAC7F,gBAAiD,EACjD,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EAAE,UAAiB,EACzB,WAA4L,GAC7L,EAAE,iBAAiB,+BAuNnB"}
+{"version":3,"file":"waitlist-form.d.ts","sourceRoot":"","sources":["../../../src/components/features/waitlist-form.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAUpE,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH;qFACiF;IACjF,UAAU,EAAE,CACV,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,EACzB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kIAAkI;IAClI,MAAM,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAC3B,EAAoB,EACpB,SAAS,EACT,UAAU,EACV,YAAoB,EACpB,SAAiB,EACjB,YAAiB,EACjB,YAAiB,EACjB,SAAsB,EACtB,WAA+B,EAC/B,YAA2B,EAC3B,gBAA2E,EAC3E,gBAA6F,EAC7F,gBAAiD,EACjD,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EAAE,UAAiB,EACzB,WAA4L,GAC7L,EAAE,iBAAiB,+BAuNnB"}

package/dist/components/features/waitlist-form.js

@@ -10,6 +10,7 @@ import { cn } from "../../utils/cn.js";
 import { formatPhoneE164 } from "../../utils/country-phone-utils.js";
 import { hasGenericEmailDomain } from "../../utils/generic-domain-utils.js";
 import { OpenframeLogoIcon } from "../icons-v2-generated/logos/openframe-logo-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
 import { CheckboxBlock } from "../ui/checkbox-block.js";
 import { HoneypotField } from "../ui/honeypot-field.js";
@@ -107,14 +108,14 @@ function WaitlistForm({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "h-12 w-full animate-pulse rounded-[6px] border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-full rounded-[6px] border border-ods-border" }),
           /* @__PURE__ */ jsxs("div", { className: "flex w-full gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-12 w-[130px] shrink-0 animate-pulse rounded-[6px] border border-ods-border bg-ods-card" }),
-            /* @__PURE__ */ jsx("div", { className: "h-12 flex-1 animate-pulse rounded-[6px] border border-ods-border bg-ods-card" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-[130px] shrink-0 rounded-[6px] border border-ods-border" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 flex-1 rounded-[6px] border border-ods-border" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-end gap-[var(--spacing-system-m)]", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-full animate-pulse rounded-[6px] border border-ods-border bg-ods-bg px-4 py-6" }),
-            /* @__PURE__ */ jsx("div", { className: "h-12 w-[200px] animate-pulse rounded-[6px] border border-ods-border bg-ods-card" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-auto w-full rounded-[6px] border border-ods-border px-4 py-6" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-[200px] rounded-[6px] border border-ods-border" })
           ] })
         ]
       }

package/dist/components/help-center-pages/download-apps-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"download-apps-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/download-apps-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,EASL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAahF,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD,0GAA0G;IAC1G,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,kGAAkG;AAClG,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,MAAM,EAAE,SAAS,CAAC;CACnB;AAgLD,wBAAgB,gBAAgB,CAAC,EAC/B,QAA6B,EAC7B,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,kBAAyB,EACzB,gBAAgB,EAChB,GAAG,EACH,GAAG,GACJ,EAAE,qBAAqB,+BAoFvB"}
+{"version":3,"file":"download-apps-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/download-apps-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,EASL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAchF,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD,0GAA0G;IAC1G,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,kGAAkG;AAClG,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,MAAM,EAAE,SAAS,CAAC;CACnB;AAgLD,wBAAgB,gBAAgB,CAAC,EAC/B,QAA6B,EAC7B,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,kBAAyB,EACzB,gBAAgB,EAChB,GAAG,EACH,GAAG,GACJ,EAAE,qBAAqB,+BAoFvB"}

package/dist/components/help-center-pages/download-apps-page.js

@@ -22,6 +22,7 @@ import { WindowsLogoGreyIcon } from "../icons-v2-generated/brand-logos/windows-l
 import { Download01Icon } from "../icons-v2-generated/interface/download-01-icon.js";
 import { PageShell } from "../layout/article-detail-layout.js";
 import { PageLayout } from "../layout/page-layout.js";
+import { LoadingRegion } from "../loading/loading-region.js";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/button.js";
 import { LoadError } from "../ui/error-state.js";
@@ -130,7 +131,7 @@ function WebCard({ web }) {
   );
 }
 function CardsSkeleton({ label }) {
-  return /* @__PURE__ */ jsx("div", { className: CARDS_GRID_CLASS, "aria-busy": "true", "aria-label": label, children: [0, 1].map((card) => /* @__PURE__ */ jsxs("div", { className: CARD_CLASS, children: [
+  return /* @__PURE__ */ jsx(LoadingRegion, { label, className: CARDS_GRID_CLASS, children: [0, 1].map((card) => /* @__PURE__ */ jsxs("div", { className: CARD_CLASS, children: [
     /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
     /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-56 rounded-md" }),
     /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-14 w-full rounded-md" })