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

package/dist/components/features/ticket-status-config-list/ticket-status-config-list.js

@@ -1,25 +1,48 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../../utils/cn.js";
+import { LoadingItems, useLoadingScope } from "../../ui/loading-scope.js";
+import { TicketStatusConfigRow } from "../../ui/ticket-status-config-row.js";
 import { SortableList } from "../sortable-list/sortable-list.js";
 import { SortableMoveButtons } from "../sortable-list/sortable-move-buttons.js";
 import { useSortableItem } from "../sortable-list/use-sortable-item.js";
+const TICKET_STATUS_CONFIG_LIST_SKELETON_ROWS = 4;
+const noop = () => {
+};
+const LIST_CLASS = "flex w-full flex-col gap-[var(--spacing-system-xs)]";
 function TicketStatusConfigList({
   items,
   onReorder,
   renderRow,
   getItemLabel,
+  loading: loadingProp,
+  skeletonRows = TICKET_STATUS_CONFIG_LIST_SKELETON_ROWS,
   className
 }) {
-  return /* @__PURE__ */ jsx(
-    SortableList,
-    {
-      onReorder,
-      getItemLabel,
-      className: cn("flex w-full flex-col gap-[var(--spacing-system-xs)]", className),
-      children: items.map((item, index) => /* @__PURE__ */ jsx(SortableRow, { index, count: items.length, label: getItemLabel?.(index), children: (args) => renderRow(item, args) }, item.id))
-    }
-  );
+  const loading = useLoadingScope() || !!loadingProp;
+  if (loading && items.length === 0) {
+    return (
+      // The SAME sortable list and rows, inert: the reorder controls a row has (the grip, or the touch move pair) are
+      // drawn for real, and nothing in it can be dragged or pressed while it loads.
+      /* @__PURE__ */ jsx("div", { inert: true, "aria-hidden": true, className: "contents", children: /* @__PURE__ */ jsx(SortableList, { onReorder: noop, className: cn(LIST_CLASS, className), children: /* @__PURE__ */ jsx(LoadingItems, { count: skeletonRows, children: (index) => /* @__PURE__ */ jsx(SortableRow, { index, count: skeletonRows, children: (args) => (
+        // The row's own loading form. A list that knows nothing yet draws `custom` rows (the kind a host can
+        // recolor, so the Color column is drawn).
+        /* @__PURE__ */ jsx(
+          TicketStatusConfigRow,
+          {
+            variant: "custom",
+            statusKey: "",
+            name: "",
+            onColorChange: noop,
+            dragHandleProps: args.dragHandleProps,
+            moveButtons: args.moveButtons,
+            loading: true
+          }
+        )
+      ) }) }) }) })
+    );
+  }
+  return /* @__PURE__ */ jsx(SortableList, { onReorder, getItemLabel, className: cn(LIST_CLASS, className), children: items.map((item, index) => /* @__PURE__ */ jsx(SortableRow, { index, count: items.length, label: getItemLabel?.(index), children: (args) => renderRow(item, args) }, item.id)) });
 }
 function SortableRow({
   index,
@@ -33,6 +56,7 @@ function SortableRow({
     {
       ref: itemRef,
       className: isDragging ? "relative z-10" : void 0,
+      "data-loading-item": true,
       children: children({
         dragHandleProps,
         isDragging,
@@ -42,5 +66,6 @@ function SortableRow({
   );
 }
 export {
+  TICKET_STATUS_CONFIG_LIST_SKELETON_ROWS,
   TicketStatusConfigList
 };

package/dist/components/features/video-bites-strip.d.ts

@@ -79,37 +79,6 @@ export declare const STRIP_LINE_MAX_PX = 2560;
 /** A marquee's loading state is a FULL line of cards: as many 9:16 cards at the desktop height as fill the widest line. */
 export declare const VIDEO_BITES_SKELETON_COUNT: number;
 export declare function VideoBitesStrip({ bites, title, showTitle, filterPublished, profile, href, headerSlot, autoScroll, autoScrollSpeed, pauseOnHover, cardHeightDesktop, cardHeightMobile, showChevrons, onBiteNavigate, sortComparator, skeletonCount, className, }: VideoBitesStripProps): React.ReactElement | null;
-export interface VideoBiteCardSkeletonProps {
-    /** The bite's aspect ratio ('9:16' portrait by default). */
-    aspect?: string;
-    /** Fixed card height (strip); omitted, the card fills its cell and the aspect sets the height. */
-    height?: number;
-    heightMobile?: number;
-    className?: string;
-}
-/**
- * A bite card while it is read: the card's own frame and its media box as the skeleton's surface. The title and
- * the speaker sit in the hover overlay, unseen at rest, so they are not drawn.
- */
-export declare function VideoBiteCardSkeleton({ aspect, height, heightMobile, className, }: VideoBiteCardSkeletonProps): React.JSX.Element;
-export interface VideoBitesStripSkeletonProps {
-    /** How many cards. Default `VIDEO_BITES_SKELETON_COUNT` (a full line); 0 draws nothing. */
-    count?: number;
-    /** The bites' aspect ratio ('9:16' by default). */
-    aspect?: string;
-    /** The strip's heading: static copy, drawn as it is. */
-    title?: string;
-    showTitle?: boolean;
-    headerSlot?: React.ReactNode;
-    cardHeightDesktop?: number;
-    cardHeightMobile?: number;
-    className?: string;
-}
-/**
- * The strip while its bites are read: the same `CardsStrip` (its heading, track, gaps and edge bleed), with no
- * marquee, each card a `VideoBiteCardSkeleton`. `VideoBitesStrip` draws it in a loading scope.
- */
-export declare function VideoBitesStripSkeleton({ count, aspect, title, showTitle, headerSlot, cardHeightDesktop, cardHeightMobile, className, }: VideoBitesStripSkeletonProps): React.JSX.Element;
 export interface VideoBiteCardProps {
     bite: VideoBiteStripItem;
     index: number;

package/dist/components/features/video-bites-strip.d.ts.map

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

package/dist/components/features/video-bites-strip.js

@@ -110,12 +110,7 @@ function biteMediaStyle(cssAspect, height, heightMobile) {
     } : {}
   };
 }
-function VideoBiteCardSkeleton({
-  aspect = "9:16",
-  height,
-  heightMobile,
-  className
-}) {
+function VideoBiteCardSkeleton({ aspect = "9:16", height, heightMobile, className }) {
   const cssAspect = RATIO_TO_CSS_ASPECT[ratioToCategory(detectAspectRatio(aspect))];
   return /* @__PURE__ */ jsx(
     "div",
@@ -330,7 +325,5 @@ export {
   VIDEO_BITES_CARD_HEIGHT_MOBILE_PX,
   VIDEO_BITES_SKELETON_COUNT,
   VideoBiteCard,
-  VideoBiteCardSkeleton,
-  VideoBitesStrip,
-  VideoBitesStripSkeleton
+  VideoBitesStrip
 };

package/dist/components/features/video-hover-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video-hover-preview.d.ts","sourceRoot":"","sources":["../../../src/components/features/video-hover-preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEjF,MAAM,WAAW,6BAA6B;IAC5C,wEAAwE;IACxE,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;wEACoE;IACpE,MAAM,EAAE,OAAO,CAAC;IAChB;0CACsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;gFAC4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;gFAE4E;IAC5E,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjE,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChD;4EACwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;gFAE4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;gEAE4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,GAAG,EACH,SAAgB,EAChB,MAAM,EACN,aAAa,EACb,OAAe,EACf,KAAc,EACd,GAAG,EACH,WAAqB,EACrB,YAAoB,EACpB,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,WAAmB,EACnB,YAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,UAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CA8GpD"}
+{"version":3,"file":"video-hover-preview.d.ts","sourceRoot":"","sources":["../../../src/components/features/video-hover-preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEjF,MAAM,WAAW,6BAA6B;IAC5C,wEAAwE;IACxE,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;wEACoE;IACpE,MAAM,EAAE,OAAO,CAAC;IAChB;0CACsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;gFAC4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;gFAE4E;IAC5E,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjE,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChD;4EACwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;gFAE4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;gEAE4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,GAAG,EACH,SAAgB,EAChB,MAAM,EACN,aAAa,EACb,OAAe,EACf,KAAc,EACd,GAAG,EACH,WAAqB,EACrB,YAAoB,EACpB,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAChB,WAAmB,EACnB,YAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,UAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAqGpD"}

package/dist/components/features/video-hover-preview.js

@@ -45,9 +45,6 @@ function VideoHoverPreviewSurface({
     return () => io.disconnect();
   }, [gateControlled]);
   const showMedia = continuation || (gateControlled ? playerMounted : isNear);
-  const [engaged, setEngaged] = useState(false);
-  if ((active || continuation) && !engaged) setEngaged(true);
-  const showPlayer = continuation || engaged;
   const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
   const facadeSkipped = preload === "none" && !posterSrc;
   return /* @__PURE__ */ jsx("div", { ref: rootElRef, className: cn("absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -65,7 +62,7 @@ function VideoHoverPreviewSurface({
       }
     ) : facadeSkipped ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ jsx(Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
     badge === "play" && !active && !continuation && /* @__PURE__ */ jsx(VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
-    showPlayer ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       "div",
       {
         className: "absolute inset-0",
@@ -95,7 +92,7 @@ function VideoHoverPreviewSurface({
           continuation ? "continuation" : "preview"
         )
       }
-    ) : null
+    )
   ] }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-ods-card" }) });
 }
 export {

package/dist/components/features/video-shared.d.ts

@@ -86,6 +86,9 @@ export interface VideoCommonProps {
      * want a minimal look. No-op for file (MP4/HLS) branches.
      */
     minimalControls?: boolean;
+    /** The record is still being read: the video draws its skeleton (its layout's box) and mounts no player. A loading
+     *  scope does the same while no `url` is given. */
+    loading?: boolean;
 }
 /**
  * File-playback options. Declared ONCE and mixed into the public prop unions

package/dist/components/features/video-shared.d.ts.map

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

package/dist/components/features/video-source-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video-source-selector.d.ts","sourceRoot":"","sources":["../../../src/components/features/video-source-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,eAAe,EAAE,eAAe,CAAC;IACjC,8CAA8C;IAC9C,uBAAuB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C;;;;;;OAMG;IACH,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,sFAAsF;IACtF,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACxF,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC1C,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC,CAAC;IACH,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5C,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,eAAe,EACf,uBAAuB,EACvB,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,WAAkB,EAClB,aAAqB,EACrB,YAAkC,EAClC,WAA8B,EAC9B,kBAAsD,EACtD,iBAAwG,EACxG,eAA2E,EAC3E,QAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,KAAe,EACf,SAAgB,EAChB,SAAc,GACf,EAAE,wBAAwB,qBAqK1B;AAqCD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"video-source-selector.d.ts","sourceRoot":"","sources":["../../../src/components/features/video-source-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,eAAe,EAAE,eAAe,CAAC;IACjC,8CAA8C;IAC9C,uBAAuB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C;;;;;;OAMG;IACH,oBAAoB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,sFAAsF;IACtF,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACxF,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC1C,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC,CAAC;IACH,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5C,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,eAAe,EACf,uBAAuB,EACvB,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,WAAkB,EAClB,aAAqB,EACrB,YAAkC,EAClC,WAA8B,EAC9B,kBAAsD,EACtD,iBAAwG,EACxG,eAA2E,EAC3E,QAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACvB,KAAe,EACf,SAAgB,EAChB,SAAc,GACf,EAAE,wBAAwB,qBAqK1B;AAuCD,eAAe,mBAAmB,CAAC"}

package/dist/components/features/video-source-selector.js

@@ -167,14 +167,16 @@ function DefaultVideoPreview({ videoUrl, onDelete, disabled }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-lg border border-ods-border", children: [
     /* @__PURE__ */ jsx("div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ jsx(Video, { kind: "file", url: videoUrl }) }),
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "overlay",
+        size: "icon-sm",
         type: "button",
         onClick: onDelete,
         "aria-label": "Delete video",
-        className: "absolute right-2 top-2 rounded-full bg-black/60 p-1.5 transition-colors hover:bg-black/80",
+        className: "absolute right-2 top-2",
         disabled,
-        children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4 text-ods-text-on-dark" })
+        children: /* @__PURE__ */ jsx(X, {})
       }
     )
   ] });

package/dist/components/features/video.d.ts

@@ -28,7 +28,7 @@
  *   layout="native"   → intrinsic aspect ratio. Bites grid, blog cards.
  */
 import type React from 'react';
-import { type VideoLayout, type VideoProps } from './video-shared';
+import { type VideoProps } from './video-shared';
 /**
  * Extract the YouTube video id from any common URL shape OR from a
  * bare 11-char id (carousels and some admin shapes pass that form
@@ -45,12 +45,4 @@ import { type VideoLayout, type VideoProps } from './video-shared';
  */
 export declare function extractYouTubeId(url: string): string | null;
 export declare function Video(props: VideoProps): React.ReactElement | null;
-/**
- * A video while it is read: the player's box in the player's own layout wrapper (so its size and frame are the
- * player's), drawn as the skeleton's surface. `Video` draws it in a loading scope.
- */
-export declare function VideoSkeleton({ layout, className }: {
-    layout?: VideoLayout;
-    className?: string;
-}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=video.d.ts.map

package/dist/components/features/video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../src/components/features/video.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,UAAU,EAEhB,MAAM,gBAAgB,CAAC;AA4KxB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CA0B3D;AAMD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA4DlE;AAyBD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAiB,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,0EAE3G"}
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../src/components/features/video.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,EAML,KAAK,UAAU,EAEhB,MAAM,gBAAgB,CAAC;AAkHxB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CA0B3D;AAMD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA2DlE"}

package/dist/components/features/video.js

@@ -64,48 +64,7 @@ function FilePlayerFallback({
 }) {
   return /* @__PURE__ */ jsx(PosterBox, { poster, className, priority, fill: true });
 }
-function waitsForPlay(props) {
-  return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
-}
-function FilePlayer({
-  title,
-  priority,
-  ...props
-}) {
-  const [facade] = useState(() => waitsForPlay(props));
-  const [pressed, setPressed] = useState(false);
-  if (facade && !pressed) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("relative", props.className), style: { width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ jsx(FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "glyph",
-          size: "wrap",
-          "aria-label": title ? `Play: ${title}` : "Play video",
-          onPointerEnter: loadFilePlayer,
-          onFocus: loadFilePlayer,
-          onTouchStart: loadFilePlayer,
-          onClick: () => {
-            loadFilePlayer();
-            setPressed(true);
-          },
-          className: "group absolute inset-0 rounded-none",
-          children: /* @__PURE__ */ jsx(
-            VideoPlayBadge,
-            {
-              size: "lg",
-              className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
-            }
-          )
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx(LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
-}
-function LoadedFilePlayer({ priority, ...props }) {
+function FilePlayer({ priority, ...props }) {
   const arrived = useSyncExternalStore(subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
   if (arrived) return createElement(arrived, props);
   return /* @__PURE__ */ jsx(FilePlayerFallback, { poster: props.poster, className: props.className, priority });
@@ -150,7 +109,7 @@ function Video(props) {
   const loading = useLoadingScope();
   const url = props.url;
   const layout = props.layout ?? "native";
-  if (loading && !url) return /* @__PURE__ */ jsx(VideoSkeleton, { layout, className: props.className });
+  if (loading && !url || props.loading) return /* @__PURE__ */ jsx(VideoSkeleton, { layout, className: props.className });
   if (!url) return null;
   const effectiveKind = resolveKind(props, url);
   if ((props.lazy ?? true) && !isNear) {
@@ -191,7 +150,6 @@ function Video(props) {
     {
       url,
       poster: props.poster,
-      title: props.title,
       priority: props.priority,
       muted: props.muted,
       ...pickFilePlayback(props),
@@ -415,12 +373,13 @@ function YouTubeFacadeInner({
     ) });
   }
   return /* @__PURE__ */ jsx("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsxs(
-    "button",
+    Button,
     {
+      variant: "card",
       type: "button",
       "aria-label": `Play: ${title}`,
       onClick: () => setActivated(true),
-      className: "group absolute inset-0 m-0 cursor-pointer overflow-hidden rounded-lg border border-ods-border bg-ods-card p-0",
+      className: "group absolute inset-0 h-full overflow-hidden",
       children: [
         /* @__PURE__ */ jsxs("picture", { children: [
           /* @__PURE__ */ jsx("source", { type: "image/webp", srcSet: posterWebp }),
@@ -452,6 +411,5 @@ function YouTubeFacadeInner({
 }
 export {
   Video,
-  VideoSkeleton,
   extractYouTubeId
 };

package/dist/components/features/walkthrough-video.d.ts

@@ -92,12 +92,5 @@ export declare function FloatingWalkthroughVideo(props: FloatingWalkthroughVideo
  * once here instead of at every call site, where forgetting either is silent.
  */
 export declare function InlineWalkthroughVideo(props: InlineWalkthroughVideoProps): React.ReactElement;
-/**
- * The inline video's loading state: the shared skeleton in the card's own box. The inline card draws it itself
- * until its player mounts; a host whose video data is still loading draws it in the same slot.
- */
-export declare function InlineWalkthroughVideoSkeleton({ className }: {
-    className?: string;
-}): React.ReactElement;
 export {};
 //# sourceMappingURL=walkthrough-video.d.ts.map

package/dist/components/features/walkthrough-video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"walkthrough-video.d.ts","sourceRoot":"","sources":["../../../src/components/features/walkthrough-video.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B;;6EAE6E;AAC7E,MAAM,WAAW,oBAAoB;IACnC;qDACiD;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC;4EACwE;IACxE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACpC;AASD,0EAA0E;AAC1E,UAAU,yBAAyB;IACjC,KAAK,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;4DAKwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;uEAQmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;mDAI+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,6BAA8B,SAAQ,yBAAyB;IAC9E;;mDAE+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;iFAC6E;IAC7E,SAAS,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IAC5C,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;8CAC0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,kFAAkF;AAClF,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;AA6mCpE;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAEjG;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAE7F;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAExG"}
+{"version":3,"file":"walkthrough-video.d.ts","sourceRoot":"","sources":["../../../src/components/features/walkthrough-video.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B;;6EAE6E;AAC7E,MAAM,WAAW,oBAAoB;IACnC;qDACiD;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC;4EACwE;IACxE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACpC;AASD,0EAA0E;AAC1E,UAAU,yBAAyB;IACjC,KAAK,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;4DAKwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;uEAQmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;mDAI+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,6BAA8B,SAAQ,yBAAyB;IAC9E;;mDAE+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;iFAC6E;IAC7E,SAAS,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IAC5C,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;8CAC0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,kFAAkF;AAClF,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;AA6mCpE;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAEjG;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAE7F"}

package/dist/components/features/walkthrough-video.js

@@ -707,6 +707,5 @@ function InlineWalkthroughVideoSkeleton({ className }) {
 }
 export {
   FloatingWalkthroughVideo,
-  InlineWalkthroughVideo,
-  InlineWalkthroughVideoSkeleton
+  InlineWalkthroughVideo
 };

package/dist/components/filter-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../src/components/filter-chip.tsx"],"names":[],"mappings":"AAMA,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;IAClF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAsB,EACtB,IAAW,EACX,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,eAAe,+BAuFjB"}
+{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../src/components/filter-chip.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;IAClF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAsB,EACtB,IAAW,EACX,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,eAAe,+BA4EjB"}

package/dist/components/filter-chip.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { cn } from "../utils/cn.js";
+import { Button } from "./ui/button/index.js";
 function FilterChip({
   label,
   variant = "unselected",
@@ -59,8 +60,10 @@ function FilterChip({
           }
         ),
         removable && onRemove && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "transparent",
+            size: "icon-inline",
             type: "button",
             onClick: (e) => {
               e.preventDefault();
@@ -68,16 +71,9 @@ function FilterChip({
               if (!disabled) onRemove();
             },
             disabled,
-            className: cn(
-              "flex h-4 w-4 items-center justify-center rounded-full md:h-4 md:w-4",
-              "shrink-0 transition-all duration-200",
-              "focus:outline-none focus:ring-2 focus:ring-offset-1 group-hover:scale-110",
-              variant === "category" ? "text-ods-text-primary hover:bg-ods-bg-hover focus:ring-ods-border-focus focus:ring-offset-ods-bg-surface" : variant === "subcategory" ? "text-ods-text-primary hover:bg-ods-bg-hover focus:ring-ods-border-focus focus:ring-offset-ods-bg-surface" : variant === "tag" ? "text-ods-text-primary hover:bg-ods-bg-hover focus:ring-ods-border-focus focus:ring-offset-ods-bg-surface" : "text-ods-text-primary hover:bg-ods-bg-hover focus:ring-ods-border-focus focus:ring-offset-ods-bg-surface",
-              disabled && "cursor-not-allowed opacity-50 hover:scale-100"
-            ),
             "aria-label": `Remove ${label} filter`,
             tabIndex: disabled ? -1 : 0,
-            children: /* @__PURE__ */ jsx(X, { className: "h-2 w-2 md:h-2 md:w-2" })
+            children: /* @__PURE__ */ jsx(X, {})
           }
         )
       ]

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;AAKtD,OAAO,EASL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAehF,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;AAkOD,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,+BAsFvB"}
+{"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;AAKtD,OAAO,EASL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAA4B,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAehF,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;AA0OD,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,+BAsFvB"}

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

@@ -17,7 +17,7 @@ import { cn } from "../../utils/cn.js";
 import { formatUrlForDisplay } from "../../utils/format.js";
 import { DESKTOP_OSES } from "../../utils/visitor-os.js";
 import { FaqSection, pageFaqProps } from "../faq/faq-section.js";
-import { CommandBox, CommandBoxSkeleton } from "../features/command-box.js";
+import { CommandBox } from "../features/command-box.js";
 import { AppleLogoIcon } from "../icons-v2-generated/brand-logos/apple-logo-icon.js";
 import { WindowsLogoGreyIcon } from "../icons-v2-generated/brand-logos/windows-logo-grey-icon.js";
 import { Download01Icon } from "../icons-v2-generated/interface/download-01-icon.js";
@@ -36,6 +36,10 @@ const CARDS_GRID_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-lf)] conten
 const cardsGridClass = (cards) => cards > 1 ? CARDS_GRID_CLASS : "grid grid-cols-1";
 const CARD_CLASS = "flex flex-col gap-[var(--spacing-system-lf)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-lf)]";
 const CARD_HEADER_CLASS = "flex items-center gap-[var(--spacing-system-sf)]";
+const CARD_ICON_CLASS = "h-6 w-6 shrink-0 text-ods-text-secondary";
+const CARD_TITLE_CLASS = "m-0 text-ods-text-primary text-h3";
+const CARD_LINE_CLASS = "m-0 text-ods-text-secondary text-h4";
+const SCAN_TEXT_CLASS = "flex flex-col gap-[var(--spacing-system-sf)]";
 const BUTTONS_CLASS = "flex flex-wrap gap-[var(--spacing-system-sf)]";
 const COMMANDS_CLASS = "flex flex-col gap-[var(--spacing-system-mf)]";
 const SCAN_CARD_CLASS = "content-md:flex-row content-md:items-center content-md:justify-between";
@@ -54,8 +58,8 @@ function CardHeader({
   detail
 }) {
   return /* @__PURE__ */ jsxs("div", { className: CARD_HEADER_CLASS, children: [
-    Icon && /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
-    /* @__PURE__ */ jsx("h3", { className: "m-0 text-ods-text-primary text-h3", children: title }),
+    Icon && /* @__PURE__ */ jsx(Icon, { className: CARD_ICON_CLASS }),
+    /* @__PURE__ */ jsx("h3", { className: CARD_TITLE_CLASS, children: title }),
     detail && /* @__PURE__ */ jsx("p", { className: "m-0 ml-auto text-right text-ods-text-secondary text-h6", children: detail })
   ] });
 }
@@ -130,25 +134,27 @@ function WebCard({ web }) {
       className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ jsx("h2", { id: "download-web", className: "m-0 text-ods-text-primary text-h3", children: web.title }),
-          /* @__PURE__ */ jsx("p", { className: "m-0 text-ods-text-secondary text-h4", children: web.description })
+          /* @__PURE__ */ jsx("h2", { id: "download-web", className: CARD_TITLE_CLASS, children: web.title }),
+          /* @__PURE__ */ jsx("p", { className: CARD_LINE_CLASS, children: web.description })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "shrink-0", children: web.action })
       ]
     }
   );
 }
+const NO_COMMAND_TO_COPY = () => {
+};
 function SystemCardsSkeleton() {
   return /* @__PURE__ */ jsx("div", { className: cardsGridClass(DESKTOP_OSES.length), children: DESKTOP_OSES.map((os) => {
     const Icon = OS_ICONS[os];
     return /* @__PURE__ */ jsxs("div", { className: CARD_CLASS, children: [
       /* @__PURE__ */ jsxs("div", { className: CARD_HEADER_CLASS, children: [
-        Icon && /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
-        /* @__PURE__ */ jsx("h3", { className: "m-0 text-ods-text-primary text-h3", children: DESKTOP_OS_LABELS[os] }),
+        Icon && /* @__PURE__ */ jsx(Icon, { className: CARD_ICON_CLASS }),
+        /* @__PURE__ */ jsx("h3", { className: CARD_TITLE_CLASS, children: DESKTOP_OS_LABELS[os] }),
         /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "ml-auto w-32" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: BUTTONS_CLASS, children: /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "default", className: "w-56" }) }),
-      /* @__PURE__ */ jsx("div", { className: COMMANDS_CLASS, children: /* @__PURE__ */ jsx(CommandBoxSkeleton, { lines: 1, showCopy: true }) })
+      /* @__PURE__ */ jsx("div", { className: COMMANDS_CLASS, children: /* @__PURE__ */ jsx(CommandBox, { loading: true, command: "", maxLines: 1, onCopy: NO_COMMAND_TO_COPY }) })
     ] }, os);
   }) });
 }
@@ -156,14 +162,14 @@ function MobileCardsSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: cardsGridClass(2), children: [
     /* @__PURE__ */ jsxs("div", { className: CARD_CLASS, children: [
       /* @__PURE__ */ jsx("div", { className: CARD_HEADER_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-48" }) }),
-      /* @__PURE__ */ jsx("p", { className: "m-0 text-ods-text-secondary text-h4", children: MOBILE_STORE_CARD_LINE }),
+      /* @__PURE__ */ jsx("p", { className: CARD_LINE_CLASS, children: MOBILE_STORE_CARD_LINE }),
       /* @__PURE__ */ jsxs("div", { className: STORE_BADGES_CLASS, inert: true, "aria-hidden": true, children: [
         /* @__PURE__ */ jsx(AppStoreBadge, { className: STORE_BADGE_CLASS }),
         /* @__PURE__ */ jsx(GooglePlayBadge, { className: STORE_BADGE_CLASS })
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: cn(CARD_CLASS, SCAN_CARD_CLASS), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
+      /* @__PURE__ */ jsxs("div", { className: SCAN_TEXT_CLASS, children: [
         /* @__PURE__ */ jsx(CardHeader, { title: MOBILE_SCAN_TITLE }),
         /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: 2, className: "w-full" })
       ] }),
@@ -217,7 +223,7 @@ function DownloadAppsPage({
       mobile && hasMobile && /* @__PURE__ */ jsx(Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ jsxs("div", { className: cardsGridClass(mobile.install ? 2 : 1), children: [
         /* @__PURE__ */ jsxs("div", { className: CARD_CLASS, children: [
           /* @__PURE__ */ jsx(CardHeader, { title: storeCardTitle(mobile) }),
-          /* @__PURE__ */ jsx("p", { className: "m-0 text-ods-text-secondary text-h4", children: MOBILE_STORE_CARD_LINE }),
+          /* @__PURE__ */ jsx("p", { className: CARD_LINE_CLASS, children: MOBILE_STORE_CARD_LINE }),
           /* @__PURE__ */ jsx(
             StoreBadgeLinks,
             {
@@ -228,9 +234,9 @@ function DownloadAppsPage({
           )
         ] }),
         mobile.install && /* @__PURE__ */ jsxs("div", { className: cn(CARD_CLASS, SCAN_CARD_CLASS), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: SCAN_TEXT_CLASS, children: [
             /* @__PURE__ */ jsx(CardHeader, { title: MOBILE_SCAN_TITLE }),
-            /* @__PURE__ */ jsxs("p", { className: "m-0 text-ods-text-secondary text-h4", children: [
+            /* @__PURE__ */ jsxs("p", { className: CARD_LINE_CLASS, children: [
               "Point your camera at the code, or open ",
               formatUrlForDisplay(mobile.install.url),
               " on your phone."