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

package/dist/components/features/notifications/notification-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/notification-drawer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAgB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,cAAc,EACd,kBAA4B,EAC5B,UAAU,EAAE,cAAc,GAC3B,EAAE,uBAAuB,sCA0HzB"}
+{"version":3,"file":"notification-drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/notification-drawer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAgB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,cAAc,EACd,kBAA4B,EAC5B,UAAU,EAAE,cAAc,GAC3B,EAAE,uBAAuB,sCA0HzB"}

package/dist/components/features/notifications/notification-drawer.js

@@ -5,6 +5,8 @@ import { useNotificationPermission } from "../../../hooks/ui/index.js";
 import { cn } from "../../../utils/cn.js";
 import { ClockHistoryIcon, ArrowRightUpIcon } from "../../icons-v2-generated/index.js";
 import { BellOffIcon } from "../../icons-v2-generated/interface/bell-off-icon.js";
+import { LoadingRegion } from "../../loading/loading-region.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { useAppLayoutDrawerContainer } from "../../navigation/app-layout-context.js";
 import { AppLayoutDrawer, AppLayoutDrawerContent } from "../../navigation/app-layout-drawer.js";
 import { SplitButton } from "../../ui/button/index.js";
@@ -178,22 +180,13 @@ function DrawerScrollList({
   );
 }
 function DrawerLoadingTiles() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "h-16 w-full shrink-0 animate-pulse rounded-md border border-ods-border bg-ods-card"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "h-16 w-full shrink-0 animate-pulse rounded-md border border-ods-border bg-ods-card"
-      }
-    )
-  ] });
+  return (
+    // `contents`: the tiles stay the list's own items; the region adds the one announcement.
+    /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading more notifications", className: "contents", children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-full shrink-0 rounded-md border border-ods-border" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-full shrink-0 rounded-md border border-ods-border" })
+    ] })
+  );
 }
 function EmptyState() {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-xs)] py-[var(--spacing-system-l)]", children: [

package/dist/components/features/notifications/notification-tile.d.ts

@@ -37,4 +37,18 @@ export interface NotificationTileProps {
     timeLabel?: string;
 }
 export declare function NotificationTile({ notification, liveDurationMs, onComplete, onSettle, className, actions, children, paused, titleLines, presentation, timeLabel, }: NotificationTileProps): import("react").JSX.Element;
+export interface NotificationTileSkeletonProps {
+    /** `approval`: the approval tile, which adds a row of small buttons under the body. */
+    variant?: 'default' | 'approval';
+    className?: string;
+}
+/**
+ * A tile while its notification is read, box for box: the tile's frame and pad,
+ * the header (icon, type, time, trailing control), a one-line title over a
+ * TWO-line description (a host that rotates tiles in one cell is as tall as its
+ * tallest tile), and for `approval` the button row. Each row is its text's line
+ * box (h5/h6 20px, the h4 title 24px), so a host panel sizes itself against the
+ * height it will have when loaded.
+ */
+export declare function NotificationTileSkeleton({ variant, className }: NotificationTileSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=notification-tile.d.ts.map

package/dist/components/features/notifications/notification-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/notification-tile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,YAAY,EAA6C,MAAM,SAAS,CAAC;AAkCvF,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,cAAqB,EACrB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAc,EACd,UAAc,EACd,YAAqB,EACrB,SAAS,GACV,EAAE,qBAAqB,+BAiLvB"}
+{"version":3,"file":"notification-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/notification-tile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ5D,OAAO,KAAK,EAAE,YAAY,EAA6C,MAAM,SAAS,CAAC;AAkCvF,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,cAAqB,EACrB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAc,EACd,UAAc,EACd,YAAqB,EACrB,SAAS,GACV,EAAE,qBAAqB,+BAiLvB;AAED,MAAM,WAAW,6BAA6B;IAC5C,uFAAuF;IACvF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,OAAmB,EAAE,SAAS,EAAE,EAAE,6BAA6B,+BA+BzG"}

package/dist/components/features/notifications/notification-tile.js

@@ -6,6 +6,7 @@ import { cn } from "../../../utils/cn.js";
 import { formatTicketRelativeTime } from "../../../utils/date-utils.js";
 import { CheckCircleIcon } from "../../icons-v2-generated/signs-and-symbols/check-circle-icon.js";
 import { XmarkIcon } from "../../icons-v2-generated/signs-and-symbols/xmark-icon.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { dotColorByVariant, progressColorByVariant as toastProgressColorByVariant } from "../../ui/toaster.js";
 const variantBySeverity = {
   INFO: "info",
@@ -180,6 +181,40 @@ function NotificationTile({
     }
   );
 }
+function TileLine({ box, bar, width }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("flex items-center", box), children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", width, className: bar }) });
+}
+function NotificationTileSkeleton({ variant = "default", className }) {
+  return /* @__PURE__ */ jsx(
+    "output",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "relative block w-full shrink-0 overflow-hidden rounded-md border border-ods-border bg-ods-card",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("span", { className: "relative flex flex-col gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)]", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+          /* @__PURE__ */ jsx(TileLine, { box: "size-4", width: "1rem", bar: "h-4 rounded-[2px]" }),
+          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "7rem", bar: "h-3 rounded" }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "3.5rem", bar: "h-3 rounded" }),
+          /* @__PURE__ */ jsx(TileLine, { box: "size-4", width: "1rem", bar: "h-4 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "grid min-w-0 grid-cols-1", children: [
+          /* @__PURE__ */ jsx(TileLine, { box: "h-6", width: "60%", bar: "h-4 rounded" }),
+          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "88%", bar: "h-3 rounded" }),
+          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "52%", bar: "h-3 rounded" })
+        ] }),
+        variant === "approval" && /* @__PURE__ */ jsxs("span", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
+          /* @__PURE__ */ jsx(TileLine, { box: "h-6 md:h-8", width: "5.5rem", bar: "h-6 rounded md:h-8" }),
+          /* @__PURE__ */ jsx(TileLine, { box: "h-6 md:h-8", width: "4.5rem", bar: "h-6 rounded md:h-8" })
+        ] })
+      ] })
+    }
+  );
+}
 export {
-  NotificationTile
+  NotificationTile,
+  NotificationTileSkeleton
 };

package/dist/components/features/policies/policy-summary-cards.js

@@ -1,15 +1,15 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { formatRelativeTimeFrom } from "../../../utils/date-utils.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { DashboardInfoCard } from "../../ui/dashboard-info-card.js";
-import { Skeleton } from "../../ui/skeleton.js";
 const EMPTY_VALUE = "\u2014";
 const CARD_SKELETON_KEYS = ["total", "compliance", "failed", "updated"];
 function PolicySummaryCards({ summary, isLoading = false, hasData = true, now }) {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-lg:grid-cols-4", children: isLoading ? (
     // `h-16 content-md:h-[104px]` is `DashboardInfoCard`'s own height, so the
     // grid does not jump when the real cards replace the placeholders.
-    CARD_SKELETON_KEYS.map((key) => /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full content-md:h-[104px]" }, key))
+    CARD_SKELETON_KEYS.map((key) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-full content-md:h-[104px]" }, key))
   ) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(DashboardInfoCard, { title: "Total Policies", value: hasData ? summary.totalPolicies : EMPTY_VALUE }),
     /* @__PURE__ */ jsx(

package/dist/components/features/push-button-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"push-button-selector.d.ts","sourceRoot":"","sources":["../../../src/components/features/push-button-selector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"push-button-selector.d.ts","sourceRoot":"","sources":["../../../src/components/features/push-button-selector.tsx"],"names":[],"mappings":"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"}

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" })