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

package/dist/components/loading/settings-form-skeleton.d.ts

@@ -0,0 +1,17 @@
+export interface SettingsFormSkeletonProps {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
+    /**
+     * How many fields each card holds, one entry per card, so the skeleton has the
+     * real shape of the screen behind it rather than a generic block.
+     */
+    cards?: number[];
+    className?: string;
+}
+/**
+ * A settings FORM while it loads: cards of labelled controls (a title and a
+ * line, then label, help line and control per field), and the save row under
+ * them.
+ */
+export declare function SettingsFormSkeleton({ region, cards, className }: SettingsFormSkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=settings-form-skeleton.d.ts.map

package/dist/components/loading/settings-form-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-form-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/settings-form-skeleton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,MAAa,EAAE,KAAoB,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BA+BjH"}

package/dist/components/loading/settings-form-skeleton.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { LoadingRegion } from "./loading-region.js";
+import { InteractiveSkeleton, TextSkeleton, UnifiedSkeleton } from "./unified-skeleton.js";
+function SettingsFormSkeleton({ region = true, cards = [2, 3, 2, 2], className }) {
+  return /* @__PURE__ */ jsxs(
+    LoadingRegion,
+    {
+      label: "Loading settings",
+      announce: region,
+      className: cn("space-y-[var(--spacing-system-lf)]", className),
+      children: [
+        cards.map((fields, cardIndex) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "space-y-[var(--spacing-system-lf)] rounded-lg border border-ods-border bg-ods-card p-[var(--spacing-system-lf)]",
+            children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(TextSkeleton.Subheading, { className: "mb-[var(--spacing-system-xsf)] w-32" }),
+                /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-full max-w-md" })
+              ] }),
+              Array.from({ length: fields }, (_, fieldIndex) => /* @__PURE__ */ jsxs("div", { className: "space-y-[var(--spacing-system-xsf)]", children: [
+                /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-40" }),
+                /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-full max-w-lg" }),
+                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-full rounded-md" })
+              ] }, `settings-field-${cardIndex}-${fieldIndex}`))
+            ]
+          },
+          `settings-card-${cardIndex}`
+        )),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-mf)]", children: [
+          /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { className: "w-32" }),
+          /* @__PURE__ */ jsx(TextSkeleton.Caption, { className: "w-64" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  SettingsFormSkeleton
+};

package/dist/components/loading/unified-skeleton.d.ts

@@ -9,9 +9,15 @@ interface UnifiedSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     animate?: boolean;
     /**
-     * Accessibility label for screen readers
+     * Names what is loading for screen readers. Only a bar that stands alone sets it: it then becomes a
+     * `role="status"`. Without it the bar is `aria-hidden`, and its `LoadingRegion` announces the loading once.
      */
     'aria-label'?: string;
+    /**
+     * The element drawn. `span` keeps the placeholder valid phrasing content where
+     * a `div` may not stand (inside a `p`, a heading, a label or an inline card).
+     */
+    as?: 'div' | 'span';
 }
 /**
  * UnifiedSkeleton Component
@@ -22,15 +28,16 @@ interface UnifiedSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
  * - Color: #2A2A2A base with #3A3A3A pulse highlight
  * - Animation: 1.5s pulse duration, ease-in-out timing
  * - Responsive: Mobile-first approach with proper scaling
- * - Accessibility: ARIA labels and reduced motion support
+ * - Accessibility: hidden from assistive technology (the `LoadingRegion` around it announces), reduced motion support
  *
  * @param variant - Shape variant: default (rounded), text (rounded-sm), circular, rectangular
  * @param width - Custom width (defaults to full width)
  * @param height - Custom height (defaults to auto based on variant)
  * @param animate - Enable/disable animation (respects prefers-reduced-motion)
- * @param aria-label - Accessibility label for screen readers
+ * @param aria-label - Makes this one bar a `role="status"` with that name; otherwise it is `aria-hidden`
+ * @param as - The element drawn: `div` (default) or `span` for phrasing content
  */
-export declare function UnifiedSkeleton({ className, variant, width, height, animate, 'aria-label': ariaLabel, ...props }: UnifiedSkeletonProps): React.JSX.Element;
+export declare function UnifiedSkeleton({ className, variant, width, height, animate, 'aria-label': ariaLabel, as: Tag, ...props }: UnifiedSkeletonProps): React.JSX.Element;
 /**
  * Text skeleton variants for consistent typography loading
  */

package/dist/components/loading/unified-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unified-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/unified-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,OAAc,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,oBAAoB,qBA4CtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IASxE;;OAEG;0CACmC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAS3E;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IASrE;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAQzE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;sCAC+B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IASvE;;OAEG;qCAC8B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAStE;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAQtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;OAEG;4CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;IAiBxE;;;OAGG;yCACkC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAS1E;;OAEG;0CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;CAgBzE,CAAC"}
+{"version":3,"file":"unified-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/unified-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,OAAc,EACd,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,GAAW,EACf,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAwCtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAIxE;;OAEG;0CACmC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAI3E;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAIrE;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAGzE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;sCAC+B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAQvE;;OAEG;qCAC8B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAItE;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAGtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;OAEG;4CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;IAUxE;;;OAGG;yCACkC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAI1E;;OAEG;0CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;CASzE,CAAC"}

package/dist/components/loading/unified-skeleton.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { SKELETON_SURFACE_CLASS } from "../ui/skeleton-surface.js";
 function UnifiedSkeleton({
   className,
   variant = "default",
@@ -8,9 +9,9 @@ function UnifiedSkeleton({
   height,
   animate = true,
   "aria-label": ariaLabel,
+  as: Tag = "div",
   ...props
 }) {
-  const baseClasses = "bg-ods-skeleton";
   const variantClasses = {
     default: "rounded-md",
     text: "rounded-sm",
@@ -23,26 +24,23 @@ function UnifiedSkeleton({
     circular: "h-12 w-12",
     rectangular: "h-4"
   };
-  const animationClasses = animate ? "animate-pulse motion-reduce:animate-none" : "";
   const sizedByAspect = /(?:^|\s)aspect-/.test(className ?? "");
   const style = {
     width,
     height
   };
   return /* @__PURE__ */ jsx(
-    "div",
+    Tag,
     {
       className: cn(
-        baseClasses,
+        animate ? SKELETON_SURFACE_CLASS : "bg-ods-skeleton",
         variantClasses[variant],
         !height && !style.height && !sizedByAspect && defaultHeights[variant],
         !width && !style.width && variant !== "circular" && "w-full",
-        animationClasses,
         className
       ),
       style,
-      role: "status",
-      "aria-label": ariaLabel || "Loading content",
+      ...ariaLabel ? { role: "status", "aria-label": ariaLabel } : { "aria-hidden": true },
       ...props
     }
   );
@@ -51,51 +49,19 @@ const TextSkeleton = {
   /**
    * Large heading skeleton (h1, h2)
    */
-  Heading: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-8 content-md:h-10 content-lg:h-12", className),
-      "aria-label": "Loading heading",
-      ...props
-    }
-  ),
+  Heading: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-8 content-md:h-10 content-lg:h-12", className), ...props }),
   /**
    * Medium heading skeleton (h3, h4)
    */
-  Subheading: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-6 content-md:h-7 content-lg:h-8", className),
-      "aria-label": "Loading subheading",
-      ...props
-    }
-  ),
+  Subheading: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-6 content-md:h-7 content-lg:h-8", className), ...props }),
   /**
    * Body text skeleton
    */
-  Body: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-4 content-md:h-5", className),
-      "aria-label": "Loading text",
-      ...props
-    }
-  ),
+  Body: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-4 content-md:h-5", className), ...props }),
   /**
    * Small text skeleton (captions, metadata)
    */
-  Caption: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-3 content-md:h-4", className),
-      "aria-label": "Loading caption",
-      ...props
-    }
-  )
+  Caption: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-3 content-md:h-4", className), ...props })
 };
 const InteractiveSkeleton = {
   /**
@@ -106,34 +72,17 @@ const InteractiveSkeleton = {
     {
       variant: "default",
       className: cn("h-10 w-32 content-md:h-12 content-md:w-40", className),
-      "aria-label": "Loading button",
       ...props
     }
   ),
   /**
    * Input field skeleton
    */
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-10 w-full content-md:h-12", className),
-      "aria-label": "Loading input field",
-      ...props
-    }
-  ),
+  Input: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: cn("h-10 w-full content-md:h-12", className), ...props }),
   /**
    * Filter chip skeleton
    */
-  Chip: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-8 w-20 rounded-full", className),
-      "aria-label": "Loading filter",
-      ...props
-    }
-  )
+  Chip: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: cn("h-8 w-20 rounded-full", className), ...props })
 };
 const MediaSkeleton = {
   /**
@@ -149,29 +98,13 @@ const MediaSkeleton = {
       md: "h-12 w-12",
       lg: "h-16 w-16"
     };
-    return /* @__PURE__ */ jsx(
-      UnifiedSkeleton,
-      {
-        variant: "circular",
-        className: cn(sizeClasses[size], className),
-        "aria-label": "Loading profile image",
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "circular", className: cn(sizeClasses[size], className), ...props });
   },
   /**
    * Card image skeleton (1200×630 OG aspect — matches entity-cards default
    * so loading state never causes a height shift when card data arrives)
    */
-  CardImage: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("aspect-[1200/630] w-full", className),
-      "aria-label": "Loading image",
-      ...props
-    }
-  ),
+  CardImage: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: cn("aspect-[1200/630] w-full", className), ...props }),
   /**
    * Icon skeleton
    */
@@ -185,15 +118,7 @@ const MediaSkeleton = {
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    return /* @__PURE__ */ jsx(
-      UnifiedSkeleton,
-      {
-        variant: "default",
-        className: cn(sizeClasses[size], className),
-        "aria-label": "Loading icon",
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: cn(sizeClasses[size], className), ...props });
   }
 };
 export {

package/dist/components/loading/wizard-layout-skeleton.d.ts

@@ -1,7 +1,9 @@
 interface WizardLayoutSkeletonProps {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
     steps?: number;
     className?: string;
 }
-export declare function WizardLayoutSkeleton({ steps, className }: WizardLayoutSkeletonProps): import("react").JSX.Element;
+export declare function WizardLayoutSkeleton({ region, steps, className }: WizardLayoutSkeletonProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=wizard-layout-skeleton.d.ts.map

package/dist/components/loading/wizard-layout-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/wizard-layout-skeleton.tsx"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BAuBvF"}
+{"version":3,"file":"wizard-layout-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/wizard-layout-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAa,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BAuBtG"}

package/dist/components/loading/wizard-layout-skeleton.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { LoadingRegion } from "./loading-region.js";
 import { UnifiedSkeleton, TextSkeleton } from "./unified-skeleton.js";
-function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+function WizardLayoutSkeleton({ region = true, steps = 6, className }) {
+  return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the wizard", announce: region, className: cn("space-y-6", className), children: [
     /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
     /* @__PURE__ */ jsxs("div", { className: "max-w-2xl space-y-2", children: [
       /* @__PURE__ */ jsx(TextSkeleton.Heading, { className: "w-2/3" }),

package/dist/components/media-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-carousel.d.ts","sourceRoot":"","sources":["../../src/components/media-carousel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAkBpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,kHAAkH;IAClH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;gFAE4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C;;;8EAG0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,0DA6RxB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"media-carousel.d.ts","sourceRoot":"","sources":["../../src/components/media-carousel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAmBpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,kHAAkH;IAClH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;gFAE4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C;;;8EAG0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,0DA6RxB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/media-carousel.js

@@ -5,6 +5,7 @@ import { Image, Link } from "../embed-shims/index.js";
 import { cn } from "../utils/cn.js";
 import { Video } from "./features/video.js";
 import { ImageOffIcon } from "./icons-v2-generated/audio-and-visual/image-off-icon.js";
+import { UnifiedSkeleton } from "./loading/unified-skeleton.js";
 import { Button } from "./ui/button/index.js";
 const ChevronLeftIcon = () => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("polyline", { points: "15,18 9,12 15,6" }) });
 const ChevronRightIcon = () => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("polyline", { points: "9,18 15,12 9,6" }) });
@@ -117,7 +118,7 @@ const MediaCarousel = memo(function MediaCarouselImpl({
     const mainImagePriority = Boolean(posterPriority && index === 0);
     const imageLoaded = loadedImageSrc === rawSrc;
     return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-ods-bg", children: [
-      !imageLoaded && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-[1] animate-pulse bg-ods-card/90", "aria-hidden": true }),
+      !imageLoaded && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "absolute inset-0 z-[1] h-full rounded-none", "aria-hidden": true }),
       /* @__PURE__ */ jsx(
         Image,
         {

package/dist/components/meeting-scheduler/booking-form.d.ts.map

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

package/dist/components/meeting-scheduler/booking-form.js

@@ -18,6 +18,7 @@ import {
 } from "../../schemas/meeting-booking-schema.js";
 import { cn } from "../../utils/cn.js";
 import { HUBSPOT_DO_NOT_COLLECT_FORM_PROPS } from "../../utils/hubspot-collected-forms.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import {
   Button,
   FieldWrapper,
@@ -32,8 +33,7 @@ import {
   Checkbox,
   CheckboxBlock,
   RadioGroup,
-  RadioGroupItem,
-  Skeleton
+  RadioGroupItem
 } from "../ui/index.js";
 import { HoneypotField } from "../ui/honeypot-field.js";
 const FORM_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
@@ -497,13 +497,19 @@ function BookingFormSkeleton({
   footerNote
 }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex-1", FORM_STACK), children: [
-    skeletonRows(fieldRows ?? DEFAULT_FIELD_ROWS).map((row) => /* @__PURE__ */ jsx("div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ jsx(Skeleton, { className: cn(FIELD_SKELETON_CLASS, slotColumnClass(row, slot, slotIndex)) }, slot.name)) }, row.map((s) => s.name).join("|"))),
-    !fieldRows && /* @__PURE__ */ jsx(Skeleton, { className: "h-[7.75rem] w-full" }),
-    consent && /* @__PURE__ */ jsx(Skeleton, { className: "h-[4.25rem] w-full" }),
+    skeletonRows(fieldRows ?? DEFAULT_FIELD_ROWS).map((row) => /* @__PURE__ */ jsx("div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ jsx(
+      UnifiedSkeleton,
+      {
+        className: cn(FIELD_SKELETON_CLASS, slotColumnClass(row, slot, slotIndex))
+      },
+      slot.name
+    )) }, row.map((s) => s.name).join("|"))),
+    !fieldRows && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[7.75rem] w-full" }),
+    consent && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[4.25rem] w-full" }),
     footerNote ? /* @__PURE__ */ jsxs("div", { className: FOOTER_ROW_CLASS, children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 min-w-40 flex-1" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: cn("h-12 w-full", SUBMIT_WIDE_CLASS) })
-    ] }) : /* @__PURE__ */ jsx("div", { className: FOOTER_BARE_CLASS, children: /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-40" }) })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 min-w-40 flex-1" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("h-12 w-full", SUBMIT_WIDE_CLASS) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: FOOTER_BARE_CLASS, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-40" }) })
   ] });
 }
 function normalizeFieldRows(fieldRows, resolves = () => true) {

package/dist/components/meeting-scheduler/context-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-panel.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/context-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAOxE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;2EAGuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;2EACuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;iFAE6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+CD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,MAAM,EACN,SAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4BA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAkB,EAClB,MAAc,EACd,QAAgB,EAChB,YAAmB,EACnB,SAAS,GACV,EAAE,0BAA0B,+BAqG5B"}
+{"version":3,"file":"context-panel.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/context-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAQxE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;2EAGuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;2EACuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;iFAE6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+CD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,MAAM,EACN,SAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4BA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAkB,EAClB,MAAc,EACd,QAAgB,EAChB,YAAmB,EACnB,SAAS,GACV,EAAE,0BAA0B,+BAqG5B"}

package/dist/components/meeting-scheduler/context-panel.js

@@ -3,7 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { formatDurationCompact } from "../../utils/format.js";
 import { BackButton } from "../layout/back-button.js";
-import { SquareAvatar, AvatarStack, Button, Skeleton } from "../ui/index.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { SquareAvatar, AvatarStack, Button } from "../ui/index.js";
 import { TimezoneSelect } from "../ui/timezone-select.js";
 const PANEL_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
 const IDENTITY_ROW = "flex items-center justify-between gap-[var(--spacing-system-m)] content-lg:flex-col content-lg:items-stretch content-lg:gap-[var(--spacing-system-l)]";
@@ -22,17 +23,17 @@ function ContextPanelSkeleton({
     /* @__PURE__ */ jsxs("div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ jsx("div", { className: STRIP_MAIN, children: /* @__PURE__ */ jsxs("div", { className: IDENTITY_ROW, children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] content-lg:flex-none", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-32" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-24" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 shrink-0" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-20 shrink-0" })
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: STRIP_ASIDE, children: [
         /* @__PURE__ */ jsx("p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-full" })
       ] })
     ] })
   ] });
@@ -124,7 +125,7 @@ function SchedulerContextPanel({
               if (tz) onTimezoneChange?.(tz);
             }
           }
-        ) : /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+        ) : /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-full" })
       ] })
     ] })
   ] });

package/dist/components/meeting-scheduler/directory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"directory.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/directory.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAkB,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AASnG,MAAM,WAAW,8BAA8B;IAC7C,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC5C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2ED,+DAA+D;AAC/D,wBAAgB,oCAAoC,gCAgBnD;AAKD,wBAAgB,yBAAyB,CAAC,EACxC,UAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,QAAY,EACZ,eAAoC,EACpC,WAAW,EACX,SAAS,GACV,EAAE,8BAA8B,+BA4GhC"}
+{"version":3,"file":"directory.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/directory.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAkB,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAUnG,MAAM,WAAW,8BAA8B;IAC7C,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC5C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2ED,+DAA+D;AAC/D,wBAAgB,oCAAoC,gCAgBnD;AAKD,wBAAgB,yBAAyB,CAAC,EACxC,UAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,QAAY,EACZ,eAAoC,EACpC,WAAW,EACX,SAAS,GACV,EAAE,8BAA8B,+BA4GhC"}

package/dist/components/meeting-scheduler/directory.js

@@ -9,8 +9,9 @@ import { contentFetch } from "../../utils/embed-content-fetch.js";
 import { formatDurationCompact, formatDateWithTimezone, VIEWER_TIMEZONE } from "../../utils/format.js";
 import { pageCount } from "../../utils/search-params.js";
 import { EmptyState } from "../empty-state.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { PersistentPaginationWrapper } from "../persistent-pagination.js";
-import { AvatarStack, StatusBadge, Skeleton } from "../ui/index.js";
+import { AvatarStack, StatusBadge } from "../ui/index.js";
 function useNextAvailableLabel(ms) {
   const hydrated = useIsHydrated();
   return useMemo(() => {
@@ -54,16 +55,16 @@ function DirectoryRow({
 function MeetingSchedulerDirectoryRowSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-20 w-full items-center gap-4 rounded-lg border border-ods-border bg-ods-card px-4 py-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-1/2" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/3" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/3" })
     ] }),
-    /* @__PURE__ */ jsx(Skeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
     /* @__PURE__ */ jsxs("div", { className: "hidden w-44 shrink-0 flex-col items-end gap-1 content-md:flex", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-32" })
     ] }),
-    /* @__PURE__ */ jsx(Skeleton, { className: "size-12 shrink-0 rounded-md" })
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-12 shrink-0 rounded-md" })
   ] });
 }
 const PAGINATION_SLOT_H = "h-[4.5rem]";
@@ -116,7 +117,7 @@ function MeetingSchedulerDirectory({
   if (isLoading && !data) {
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
       /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-4", style: { minHeight: rowsMinHeight }, children: Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ jsx(MeetingSchedulerDirectoryRowSkeleton, {}, i)) }),
-      /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex w-full items-center justify-center", PAGINATION_SLOT_H), children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-64" }) })
+      /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex w-full items-center justify-center", PAGINATION_SLOT_H), children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-64" }) })
     ] });
   }
   if (error) {