@reblu/site-blocks 0.19.0 → 0.21.0

package/dist/client.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { ShopProductListItem, DataRequestType, DataRequestInput, DataRequestSubmission } from '@reblu/site-contracts';
+import { ShopProductListItem, AcademyModulePublic, AcademyLessonPublic, DataRequestType, DataRequestInput, DataRequestSubmission } from '@reblu/site-contracts';
 export { DATA_REQUEST_TYPES } from '@reblu/site-contracts';
 import { H as HeadingLevel } from './_heading-BsNbc1wc.js';
 
@@ -305,6 +305,82 @@ declare function ProductCarousel<T extends {
     id: string | number;
 } = ShopProductListItem>(props: ProductCarouselProps<T>): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * `CourseSyllabus` — the drop-in programme of a public course page, over
+ * `AcademyCourseDetail.modules` (`client.academy.bySlug()`), REB-1134; redesigned
+ * in REB-1135.
+ *
+ * - The header reads the heading, then «N módulos · M lecciones · total», and
+ *   carries an «Expandir todo / Contraer todo» control.
+ * - Each module with lessons is a `<button>` with `aria-expanded` and
+ *   `aria-controls`, showing its lesson count and, when every lesson has one,
+ *   the module's total duration, with a chevron that rotates when open.
+ * - Each lesson row shows a type icon (video / reading, named for screen
+ *   readers), its title, its duration as «m:ss» / «h:mm:ss», and — on a
+ *   free-preview lesson — «Vista previa gratuita» as a call to action:
+ *   a link (`getPreviewHref` / `previewHrefTemplate`), a button (`onPreview`),
+ *   or a plain label when the SITE wires neither.
+ * - A module without lessons is a plain row (title only), never a button.
+ *
+ * It renders only what the API serves: published lessons, no video, playback
+ * or attachment data. The preview itself is fetched by the page it links to
+ * (`getLessonPreview` in `@reblu/site-next/academy-server`).
+ *
+ * Client Component: it holds the open/closed state. Copy and
+ * `previewHrefTemplate` are serialisable, so a Server Component page can render
+ * it directly; `getPreviewHref` / `onPreview` are functions, so they need a
+ * Client Component parent.
+ */
+interface CourseSyllabusLabels {
+    heading: string;
+    moduleSingular: string;
+    modulePlural: string;
+    lessonSingular: string;
+    lessonPlural: string;
+    /** Call to action (or label) on a lesson with `isFreePreview`. */
+    freePreview: string;
+    /** Hours unit in module/course totals («1 h 15 min»). */
+    hours: string;
+    /** Minutes unit in module/course totals. */
+    minutes: string;
+    expandAll: string;
+    collapseAll: string;
+    /** Screen-reader name of the video lesson icon. */
+    videoLesson: string;
+    /** Screen-reader name of the text (reading) lesson icon. */
+    textLesson: string;
+}
+declare const DEFAULT_COURSE_SYLLABUS_LABELS: CourseSyllabusLabels;
+/** A module as served. `lessons` is optional so an older payload still renders. */
+type CourseSyllabusModule = Pick<AcademyModulePublic, 'id' | 'title'> & {
+    description?: string | null;
+    lessons?: readonly AcademyLessonPublic[];
+};
+interface CourseSyllabusProps {
+    /** `AcademyCourseDetail.modules`, in the order the API returns them. */
+    modules: readonly CourseSyllabusModule[];
+    labels?: Partial<CourseSyllabusLabels>;
+    /** Level of the heading. Default `2`. */
+    headingLevel?: HeadingLevel;
+    /** Replaces the heading's default typography (see the className rule in the README). */
+    headingClassName?: string;
+    className?: string;
+    /**
+     * Link target of a free-preview lesson, e.g. `/cursos/${slug}/preview/${l.slug}`.
+     * Called only for lessons with `isFreePreview`. Return `undefined` to keep the label.
+     */
+    getPreviewHref?: (lesson: AcademyLessonPublic) => string | undefined;
+    /**
+     * Serialisable alternative to `getPreviewHref` for Server Component pages:
+     * `{lessonSlug}` and `{lessonId}` are replaced (URL-encoded). Ignored when
+     * `getPreviewHref` is given.
+     */
+    previewHrefTemplate?: string;
+    /** Renders the call to action as a `<button>` (e.g. to open a modal). Used when no href resolves. */
+    onPreview?: (lesson: AcademyLessonPublic) => void;
+}
+declare function CourseSyllabus({ modules, labels: labelOverrides, headingLevel, headingClassName, className, getPreviewHref, previewHrefTemplate, onPreview, }: CourseSyllabusProps): react_jsx_runtime.JSX.Element | null;
+
 /**
  * `DataRequestForm` — drop-in public GDPR rights form (REB-980) over
  * `POST /api/site/data-requests` (REB-77). The visitor picks the right they
@@ -384,4 +460,4 @@ interface DataRequestFormProps {
 }
 declare function DataRequestForm({ getCaptchaToken, submit, endpoint, onInteract, onSubmitted, requestTypes, labels, locale, className, }: DataRequestFormProps): react_jsx_runtime.JSX.Element;
 
-export { AddToCartButton, type AddToCartButtonLabels, type AddToCartButtonProps, type AddToCartButtonStatus, CartIcon, type CartIconLabels, type CartIconProps, Collection, type CollectionFacet, type CollectionFacetOption, type CollectionFilter, type CollectionLabels, type CollectionProps, DATA_REQUEST_FIELD_LIMITS, DEFAULT_DATA_REQUEST_FORM_LABELS, DEFAULT_PRODUCT_CAROUSEL_LABELS, DataRequestForm, type DataRequestFormLabels, type DataRequestFormProps, type DataRequestSubmitResult, ProductCarousel, type ProductCarouselCustomCardProps, type ProductCarouselDefaultCardProps, type ProductCarouselLabels, type ProductCarouselProps, ShareButtons, type ShareButtonsLabels, type ShareButtonsProps, type UseCollectionOptions, type UseCollectionResult, useCollection };
+export { AddToCartButton, type AddToCartButtonLabels, type AddToCartButtonProps, type AddToCartButtonStatus, CartIcon, type CartIconLabels, type CartIconProps, Collection, type CollectionFacet, type CollectionFacetOption, type CollectionFilter, type CollectionLabels, type CollectionProps, CourseSyllabus, type CourseSyllabusLabels, type CourseSyllabusModule, type CourseSyllabusProps, DATA_REQUEST_FIELD_LIMITS, DEFAULT_COURSE_SYLLABUS_LABELS, DEFAULT_DATA_REQUEST_FORM_LABELS, DEFAULT_PRODUCT_CAROUSEL_LABELS, DataRequestForm, type DataRequestFormLabels, type DataRequestFormProps, type DataRequestSubmitResult, ProductCarousel, type ProductCarouselCustomCardProps, type ProductCarouselDefaultCardProps, type ProductCarouselLabels, type ProductCarouselProps, ShareButtons, type ShareButtonsLabels, type ShareButtonsProps, type UseCollectionOptions, type UseCollectionResult, useCollection };

package/dist/client.js

@@ -415,7 +415,7 @@ import { cn as cn4 } from "@reblu/site-ui/utils";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_LABELS4 = {
   cart: "Carrito",
-  itemsSuffix: (count) => `${count} art\xEDculo${count === 1 ? "" : "s"}`
+  itemsSuffix: (count2) => `${count2} art\xEDculo${count2 === 1 ? "" : "s"}`
 };
 var BUMP_DURATION_MS = 400;
 function CartIcon({ itemCount, href, hydrated, bumpOnAdd, labels, className }) {
@@ -687,13 +687,336 @@ function ProductCarousel(props) {
   ] });
 }
 
-// src/components/data-request-form.tsx
-import { useEffect as useEffect4, useId as useId2, useRef as useRef4, useState as useState6 } from "react";
+// src/components/course-syllabus.tsx
+import { useId as useId2, useState as useState6 } from "react";
+import { cn as cn8 } from "@reblu/site-ui/utils";
+
+// src/lib/slot-class-name.ts
 import { cn as cn7 } from "@reblu/site-ui/utils";
+var MERGE_SAFE_TEXT = /(?:^|:)!?text-(?:left|center|right|justify|start|end|wrap|nowrap|balance|pretty|ellipsis|clip)$/;
+var TEXT_UTILITY = /(?:^|:)!?-?text-/;
+function bypassesMerge(token) {
+  return TEXT_UTILITY.test(token) && !MERGE_SAFE_TEXT.test(token);
+}
+function slotClassName(structural, defaults, consumer) {
+  if (consumer === void 0 || consumer.trim() === "") return cn7(structural, defaults);
+  const tokens = consumer.split(/\s+/).filter(Boolean);
+  const verbatim = tokens.filter(bypassesMerge);
+  const merged = cn7(structural, tokens.filter((token) => !bypassesMerge(token)));
+  return [merged, ...verbatim].filter(Boolean).join(" ");
+}
+
+// src/components/course-syllabus.tsx
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var DEFAULT_COURSE_SYLLABUS_LABELS = {
+  heading: "Programa",
+  moduleSingular: "m\xF3dulo",
+  modulePlural: "m\xF3dulos",
+  lessonSingular: "lecci\xF3n",
+  lessonPlural: "lecciones",
+  freePreview: "Vista previa gratuita",
+  hours: "h",
+  minutes: "min",
+  expandAll: "Expandir todo",
+  collapseAll: "Contraer todo",
+  videoLesson: "V\xEDdeo",
+  textLesson: "Lectura"
+};
+var SEPARATOR = " \xB7 ";
+function count(n, singular, plural) {
+  return `${n} ${n === 1 ? singular : plural}`;
+}
+function formatTotal(seconds, labels) {
+  const totalMinutes = Math.max(1, Math.round(seconds / 60));
+  const hours = Math.floor(totalMinutes / 60);
+  const minutes = totalMinutes % 60;
+  if (hours === 0) return `${minutes} ${labels.minutes}`;
+  return minutes === 0 ? `${hours} ${labels.hours}` : `${hours} ${labels.hours} ${minutes} ${labels.minutes}`;
+}
+function splitSeconds(seconds) {
+  const whole = Math.round(seconds);
+  return [Math.floor(whole / 3600), Math.floor(whole % 3600 / 60), whole % 60];
+}
+function formatClock(seconds) {
+  const [h, m, s] = splitSeconds(seconds);
+  const ss = String(s).padStart(2, "0");
+  return h > 0 ? `${h}:${String(m).padStart(2, "0")}:${ss}` : `${m}:${ss}`;
+}
+function isoDuration(seconds) {
+  const [h, m, s] = splitSeconds(seconds);
+  return `PT${h > 0 ? `${h}H` : ""}${m}M${s}S`;
+}
+function hasDuration(lesson) {
+  return typeof lesson.durationSeconds === "number" && lesson.durationSeconds > 0;
+}
+function totalSeconds(lessons) {
+  if (lessons.length === 0) return null;
+  let total = 0;
+  for (const l of lessons) {
+    if (!hasDuration(l)) return null;
+    total += l.durationSeconds;
+  }
+  return total;
+}
+function fillTemplate(template, lesson) {
+  return template.replaceAll("{lessonSlug}", encodeURIComponent(lesson.slug)).replaceAll("{lessonId}", encodeURIComponent(lesson.id));
+}
+var ICON_PROPS = {
+  "aria-hidden": true,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function LessonIcon({ type }) {
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      ...ICON_PROPS,
+      "data-slot": "course-syllabus-lesson-icon",
+      "data-type": type,
+      className: "size-4 shrink-0 text-muted-foreground",
+      children: type === "video" ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "9" }),
+        /* @__PURE__ */ jsx8("path", { d: "m10 8.5 5 3.5-5 3.5z" })
+      ] }) : /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx8("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx8("path", { d: "M14 3v5h5M9 13h6M9 17h4" })
+      ] })
+    }
+  );
+}
+function PlayIcon() {
+  return /* @__PURE__ */ jsx8("svg", { ...ICON_PROPS, className: "size-3.5 shrink-0", children: /* @__PURE__ */ jsx8("path", { d: "m7 4 13 8-13 8z", fill: "currentColor" }) });
+}
+var PREVIEW_CTA = "inline-flex items-center gap-1.5 rounded-full border border-primary/40 bg-primary/10 px-3 py-1 text-xs font-semibold text-primary transition-colors hover:bg-primary hover:text-primary-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring motion-reduce:transition-none";
+function CourseSyllabus({
+  modules,
+  labels: labelOverrides,
+  headingLevel = 2,
+  headingClassName,
+  className,
+  getPreviewHref,
+  previewHrefTemplate,
+  onPreview
+}) {
+  const labels = { ...DEFAULT_COURSE_SYLLABUS_LABELS, ...labelOverrides };
+  const baseId = useId2();
+  const [open, setOpen] = useState6(() => /* @__PURE__ */ new Set());
+  if (modules.length === 0) return null;
+  const expandable = modules.filter((m) => (m.lessons?.length ?? 0) > 0).map((m) => m.id);
+  const allLessons = modules.flatMap((m) => m.lessons ?? []);
+  const courseSeconds = totalSeconds(allLessons);
+  const summary = [count(modules.length, labels.moduleSingular, labels.modulePlural)];
+  if (allLessons.length > 0)
+    summary.push(count(allLessons.length, labels.lessonSingular, labels.lessonPlural));
+  if (courseSeconds !== null) summary.push(formatTotal(courseSeconds, labels));
+  const allOpen = expandable.length > 0 && expandable.every((id) => open.has(id));
+  const headingId = `${baseId}-heading`;
+  const Tag = `h${headingLevel}`;
+  function toggle(id) {
+    setOpen((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+  function previewHref(lesson) {
+    if (getPreviewHref) return getPreviewHref(lesson);
+    return previewHrefTemplate ? fillTemplate(previewHrefTemplate, lesson) : void 0;
+  }
+  function renderPreview(lesson) {
+    const name = `${labels.freePreview}: ${lesson.title}`;
+    const href = previewHref(lesson);
+    if (href) {
+      return /* @__PURE__ */ jsxs6("a", { href, "aria-label": name, "data-slot": "course-syllabus-preview", className: PREVIEW_CTA, children: [
+        /* @__PURE__ */ jsx8(PlayIcon, {}),
+        labels.freePreview
+      ] });
+    }
+    if (onPreview) {
+      return /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          "aria-label": name,
+          "data-slot": "course-syllabus-preview",
+          onClick: () => onPreview(lesson),
+          className: cn8(PREVIEW_CTA, "cursor-pointer"),
+          children: [
+            /* @__PURE__ */ jsx8(PlayIcon, {}),
+            labels.freePreview
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx8(
+      "span",
+      {
+        "data-slot": "course-syllabus-preview",
+        className: "rounded-full bg-muted px-2.5 py-0.5 text-xs font-medium text-muted-foreground",
+        children: labels.freePreview
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    "section",
+    {
+      "data-slot": "course-syllabus",
+      "aria-labelledby": headingId,
+      className: cn8("space-y-4", className),
+      children: [
+        /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            "data-slot": "course-syllabus-header",
+            className: "flex flex-wrap items-end justify-between gap-x-4 gap-y-2",
+            children: [
+              /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx8(
+                  Tag,
+                  {
+                    id: headingId,
+                    className: slotClassName("", "text-xl font-semibold", headingClassName),
+                    children: labels.heading
+                  }
+                ),
+                /* @__PURE__ */ jsx8("p", { "data-slot": "course-syllabus-summary", className: "text-sm text-muted-foreground", children: summary.join(SEPARATOR) })
+              ] }),
+              expandable.length > 0 && /* @__PURE__ */ jsx8(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "course-syllabus-toggle-all",
+                  onClick: () => setOpen(allOpen ? /* @__PURE__ */ new Set() : new Set(expandable)),
+                  className: "cursor-pointer rounded-md px-2 py-1 text-sm font-semibold text-primary underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+                  children: allOpen ? labels.collapseAll : labels.expandAll
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx8("ol", { className: "list-none divide-y divide-border overflow-hidden rounded-xl border border-border bg-card p-0", children: modules.map((module, index) => {
+          const lessons = module.lessons ?? [];
+          const number = /* @__PURE__ */ jsx8(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-semibold text-primary tabular-nums",
+              children: index + 1
+            }
+          );
+          if (lessons.length === 0) {
+            return /* @__PURE__ */ jsxs6(
+              "li",
+              {
+                "data-slot": "course-syllabus-module",
+                className: "flex items-center gap-4 px-4 py-4 sm:px-5",
+                children: [
+                  number,
+                  /* @__PURE__ */ jsx8("span", { className: "font-semibold leading-snug", children: module.title })
+                ]
+              },
+              module.id
+            );
+          }
+          const isOpen = open.has(module.id);
+          const panelId = `${baseId}-module-${index}`;
+          const seconds = totalSeconds(lessons);
+          const meta = [count(lessons.length, labels.lessonSingular, labels.lessonPlural)];
+          if (seconds !== null) meta.push(formatTotal(seconds, labels));
+          return /* @__PURE__ */ jsxs6("li", { "data-slot": "course-syllabus-module", children: [
+            /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": isOpen,
+                "aria-controls": panelId,
+                onClick: () => toggle(module.id),
+                className: cn8(
+                  "flex w-full cursor-pointer items-center gap-4 px-4 py-4 text-left transition-colors hover:bg-muted/60 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring motion-reduce:transition-none sm:px-5",
+                  isOpen && "bg-muted/40"
+                ),
+                children: [
+                  number,
+                  /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                    /* @__PURE__ */ jsx8("span", { className: "font-semibold leading-snug", children: module.title }),
+                    /* @__PURE__ */ jsx8("span", { className: "text-sm text-muted-foreground", children: meta.join(SEPARATOR) })
+                  ] }),
+                  /* @__PURE__ */ jsx8(
+                    "svg",
+                    {
+                      ...ICON_PROPS,
+                      "data-slot": "course-syllabus-chevron",
+                      className: cn8(
+                        "size-5 shrink-0 text-muted-foreground transition-transform duration-200 motion-reduce:transition-none",
+                        isOpen && "rotate-180"
+                      ),
+                      children: /* @__PURE__ */ jsx8("path", { d: "m6 9 6 6 6-6" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              "ol",
+              {
+                id: panelId,
+                hidden: !isOpen,
+                "data-slot": "course-syllabus-lessons",
+                className: "list-none border-t border-border p-0 py-1",
+                children: lessons.map((lesson) => {
+                  const type = lesson.hasVideo ? "video" : "text";
+                  return /* @__PURE__ */ jsxs6(
+                    "li",
+                    {
+                      "data-slot": "course-syllabus-lesson",
+                      className: "flex flex-wrap items-center gap-x-3 gap-y-1.5 px-4 py-2.5 text-sm sm:pl-[4.25rem] sm:pr-5",
+                      children: [
+                        /* @__PURE__ */ jsx8(LessonIcon, { type }),
+                        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: type === "video" ? labels.videoLesson : labels.textLesson }),
+                        /* @__PURE__ */ jsx8(
+                          "span",
+                          {
+                            "data-slot": "course-syllabus-lesson-title",
+                            className: "min-w-0 flex-1 leading-snug",
+                            children: lesson.title
+                          }
+                        ),
+                        lesson.isFreePreview && renderPreview(lesson),
+                        hasDuration(lesson) && /* @__PURE__ */ jsx8(
+                          "time",
+                          {
+                            "data-slot": "course-syllabus-lesson-duration",
+                            dateTime: isoDuration(lesson.durationSeconds),
+                            className: "ml-auto shrink-0 text-muted-foreground tabular-nums",
+                            children: formatClock(lesson.durationSeconds)
+                          }
+                        )
+                      ]
+                    },
+                    lesson.id
+                  );
+                })
+              }
+            )
+          ] }, module.id);
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/data-request-form.tsx
+import { useEffect as useEffect4, useId as useId3, useRef as useRef4, useState as useState7 } from "react";
+import { cn as cn9 } from "@reblu/site-ui/utils";
 import {
   DATA_REQUEST_TYPES
 } from "@reblu/site-contracts";
-import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var DATA_REQUEST_FIELD_LIMITS = Object.freeze({ name: 200, email: 320, details: 5e3 });
 var DEFAULT_DATA_REQUEST_FORM_LABELS = {
   requestTypeLabel: "Derecho que quieres ejercer",
@@ -719,7 +1042,7 @@ var DEFAULT_DATA_REQUEST_FORM_LABELS = {
   nameRequired: "Indica tu nombre.",
   emailInvalid: "Introduce un email v\xE1lido.",
   consentRequired: "Debes aceptar el tratamiento de tus datos para gestionar la solicitud.",
-  success: (deadline) => /* @__PURE__ */ jsxs6(Fragment, { children: [
+  success: (deadline) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
     "Hemos recibido tu solicitud. Te responderemos como m\xE1ximo el ",
     deadline,
     "."
@@ -768,16 +1091,16 @@ function DataRequestForm({
     ...labels,
     requestTypes: { ...DEFAULT_DATA_REQUEST_FORM_LABELS.requestTypes, ...labels?.requestTypes }
   };
-  const id = useId2();
-  const [requestType, setRequestType] = useState6("");
-  const [name, setName] = useState6("");
-  const [email, setEmail] = useState6("");
-  const [details, setDetails] = useState6("");
-  const [consent, setConsent] = useState6(false);
-  const [errors, setErrors] = useState6({});
-  const [formError, setFormError] = useState6(null);
-  const [submitting, setSubmitting] = useState6(false);
-  const [ack, setAck] = useState6(null);
+  const id = useId3();
+  const [requestType, setRequestType] = useState7("");
+  const [name, setName] = useState7("");
+  const [email, setEmail] = useState7("");
+  const [details, setDetails] = useState7("");
+  const [consent, setConsent] = useState7(false);
+  const [errors, setErrors] = useState7({});
+  const [formError, setFormError] = useState7(null);
+  const [submitting, setSubmitting] = useState7(false);
+  const [ack, setAck] = useState7(null);
   const statusRef = useRef4(null);
   useEffect4(() => {
     if (ack) statusRef.current?.focus();
@@ -830,21 +1153,21 @@ function DataRequestForm({
       dateStyle: "long",
       timeStyle: "short"
     }).format(new Date(ack.slaDueAt));
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref: statusRef,
         tabIndex: -1,
         role: "status",
         "data-slot": "data-request-form-success",
-        className: cn7("rounded-lg border border-border p-6 text-sm", className),
+        className: cn9("rounded-lg border border-border p-6 text-sm", className),
         children: t.success(deadline)
       }
     );
   }
   const errorId = (field) => errors[field] ? `${id}-${field}-error` : void 0;
-  const fieldError = (field) => errors[field] ? /* @__PURE__ */ jsx8("p", { id: `${id}-${field}-error`, className: "text-xs text-destructive", children: errors[field] }) : null;
-  return /* @__PURE__ */ jsxs6(
+  const fieldError = (field) => errors[field] ? /* @__PURE__ */ jsx9("p", { id: `${id}-${field}-error`, className: "text-xs text-destructive", children: errors[field] }) : null;
+  return /* @__PURE__ */ jsxs7(
     "form",
     {
       noValidate: true,
@@ -852,11 +1175,11 @@ function DataRequestForm({
       onFocusCapture: onInteract,
       onPointerDown: onInteract,
       "data-slot": "data-request-form",
-      className: cn7("space-y-4", className),
+      className: cn9("space-y-4", className),
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-type`, className: "text-sm font-medium", children: t.requestTypeLabel }),
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx9("label", { htmlFor: `${id}-type`, className: "text-sm font-medium", children: t.requestTypeLabel }),
+          /* @__PURE__ */ jsxs7(
             "select",
             {
               id: `${id}-type`,
@@ -864,18 +1187,18 @@ function DataRequestForm({
               onChange: (e) => setRequestType(e.target.value),
               "aria-invalid": errors.requestType ? true : void 0,
               "aria-describedby": errorId("requestType"),
-              className: cn7(FIELD_CLASS, errors.requestType ? "border-destructive" : "border-border"),
+              className: cn9(FIELD_CLASS, errors.requestType ? "border-destructive" : "border-border"),
               children: [
-                /* @__PURE__ */ jsx8("option", { value: "", children: t.requestTypePlaceholder }),
-                requestTypes.map((type) => /* @__PURE__ */ jsx8("option", { value: type, children: t.requestTypes[type] }, type))
+                /* @__PURE__ */ jsx9("option", { value: "", children: t.requestTypePlaceholder }),
+                requestTypes.map((type) => /* @__PURE__ */ jsx9("option", { value: type, children: t.requestTypes[type] }, type))
               ]
             }
           ),
           fieldError("requestType")
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-name`, className: "text-sm font-medium", children: t.nameLabel }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx9("label", { htmlFor: `${id}-name`, className: "text-sm font-medium", children: t.nameLabel }),
+          /* @__PURE__ */ jsx9(
             "input",
             {
               id: `${id}-name`,
@@ -886,14 +1209,14 @@ function DataRequestForm({
               onChange: (e) => setName(e.target.value),
               "aria-invalid": errors.name ? true : void 0,
               "aria-describedby": errorId("name"),
-              className: cn7(FIELD_CLASS, errors.name ? "border-destructive" : "border-border")
+              className: cn9(FIELD_CLASS, errors.name ? "border-destructive" : "border-border")
             }
           ),
           fieldError("name")
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-email`, className: "text-sm font-medium", children: t.emailLabel }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx9("label", { htmlFor: `${id}-email`, className: "text-sm font-medium", children: t.emailLabel }),
+          /* @__PURE__ */ jsx9(
             "input",
             {
               id: `${id}-email`,
@@ -904,14 +1227,14 @@ function DataRequestForm({
               onChange: (e) => setEmail(e.target.value),
               "aria-invalid": errors.email ? true : void 0,
               "aria-describedby": errorId("email"),
-              className: cn7(FIELD_CLASS, errors.email ? "border-destructive" : "border-border")
+              className: cn9(FIELD_CLASS, errors.email ? "border-destructive" : "border-border")
             }
           ),
           fieldError("email")
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-details`, className: "text-sm font-medium", children: t.detailsLabel }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx9("label", { htmlFor: `${id}-details`, className: "text-sm font-medium", children: t.detailsLabel }),
+          /* @__PURE__ */ jsx9(
             "textarea",
             {
               id: `${id}-details`,
@@ -920,13 +1243,13 @@ function DataRequestForm({
               value: details,
               onChange: (e) => setDetails(e.target.value),
               placeholder: t.detailsPlaceholder,
-              className: cn7(FIELD_CLASS, "border-border")
+              className: cn9(FIELD_CLASS, "border-border")
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx9(
               "input",
               {
                 id: `${id}-consent`,
@@ -938,12 +1261,12 @@ function DataRequestForm({
                 className: "mt-1"
               }
             ),
-            /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-consent`, className: "text-sm text-foreground/80", children: t.consent })
+            /* @__PURE__ */ jsx9("label", { htmlFor: `${id}-consent`, className: "text-sm text-foreground/80", children: t.consent })
           ] }),
           fieldError("consent")
         ] }),
-        formError && /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-sm text-destructive", children: formError }),
-        /* @__PURE__ */ jsx8(
+        formError && /* @__PURE__ */ jsx9("p", { role: "alert", className: "text-sm text-destructive", children: formError }),
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "submit",
@@ -960,8 +1283,10 @@ export {
   AddToCartButton,
   CartIcon,
   Collection,
+  CourseSyllabus,
   DATA_REQUEST_FIELD_LIMITS,
   DATA_REQUEST_TYPES,
+  DEFAULT_COURSE_SYLLABUS_LABELS,
   DEFAULT_DATA_REQUEST_FORM_LABELS,
   DEFAULT_PRODUCT_CAROUSEL_LABELS,
   DataRequestForm,