@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006090649

package/dist/{chunk-HHFPQNP3.js → chunk-6X7CN3FF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   EmptyState
-} from "./chunk-OGLCD3UL.js";
+} from "./chunk-MFFCUVWG.js";
 import {
   OPENFRAME_DEV_SECTIONS,
   PageLayout,
@@ -10,7 +10,7 @@ import {
   StatusFilterComponent,
   TASK_TYPE_LABELS,
   TASK_TYPE_TEXT_COLORS
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-O23NLB2P.js";
 import {
   usePathname,
   useRouter,
@@ -20,7 +20,7 @@ import {
   AvatarStack,
   StatusBadge,
   getStatusColorScheme
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   next_link_default
 } from "./chunk-DAAVMYUT.js";
@@ -107,7 +107,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         hero.title ?? section.hero.title
       ] }),
       /* @__PURE__ */ jsx2("p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ jsx2("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsxs("h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] lg:tracking-[-0.96px]", children: [
+    ] }) : /* @__PURE__ */ jsx2("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsxs("h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary content-md:text-[40px] content-md:leading-[48px] content-md:tracking-[-0.8px] content-lg:text-[48px] content-lg:leading-[56px] content-lg:tracking-[-0.96px]", children: [
       section.hero.title,
       /* @__PURE__ */ jsx2("span", { className: "text-ods-accent", children: ":" })
     ] }) })),
@@ -184,9 +184,9 @@ function DevCardRowContent({
   emptyDescription = "No description provided",
   rightBadges
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx4("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: title }) }),
+  return /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx4("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx4("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx4("p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsx4("p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: description || emptyDescription }) })
     ] }),
@@ -194,8 +194,8 @@ function DevCardRowContent({
   ] });
 }
 function DevCardRowSkeleton() {
-  return /* @__PURE__ */ jsx4("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 md:p-[16px]", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  return /* @__PURE__ */ jsx4("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx4("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx4("div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-1", children: [
@@ -235,14 +235,14 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
   const statusBadgeScheme = getStatusColorScheme(item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
-  const inner = /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  const inner = /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       caption && /* @__PURE__ */ jsx5("p", { className: "text-ods-text-secondary text-h5", children: caption }),
-      /* @__PURE__ */ jsx5("div", { className: "flex min-h-[24px] items-center md:min-h-[24px]", children: /* @__PURE__ */ jsx5("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: item.title }) }),
+      /* @__PURE__ */ jsx5("div", { className: "flex min-h-[24px] items-center content-md:min-h-[24px]", children: /* @__PURE__ */ jsx5("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: item.title }) }),
       /* @__PURE__ */ jsx5("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx5("p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", suppressHydrationWarning: true, children: subtitle }) }),
       /* @__PURE__ */ jsx5("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsx5("p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: item.description || "No description provided" }) })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch content-md:w-auto content-md:flex-col content-md:items-end content-md:self-start", children: [
       /* @__PURE__ */ jsx5(
         StatusBadge,
         {
@@ -264,7 +264,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         AvatarStack,
         {
           size: "xs",
-          className: "ml-auto md:ml-0",
+          className: "ml-auto content-md:ml-0",
           people: item.assignees.map((a) => ({
             key: a.id,
             name: a.name ?? "Unknown",
@@ -275,7 +275,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] })
   ] });
   const baseClass = cn(
-    "block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]",
+    "block p-[12px] text-inherit no-underline transition-colors duration-150 content-md:p-[16px]",
     // `scroll-mt-24` is paid for whether `id` is set or not (it's a
     // single Tailwind utility, no runtime cost). Keeping it
     // unconditional means a future caller adding `id` doesn't also

package/dist/{chunk-YR6JPJF4.js → chunk-6XIF2Z7I.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-5FFNNJM7.js";
+} from "./chunk-VR2ZLFCP.js";
 import {
   CONTENT_REF_GROUPS,
   Pagination,
   buildSuggestionUrl,
   getContentRefLabelOrTitleCase,
   orderContentRefTypes
-} from "./chunk-HUMWQMCU.js";
+} from "./chunk-UT4YHQZW.js";
 import {
   pageCount
-} from "./chunk-Q76ZTHNV.js";
+} from "./chunk-MP2C3LJ4.js";
 import {
   AiPromptCard,
   AiPromptCardSkeleton,
@@ -42,7 +42,7 @@ import {
   decideNewTab,
   extractItemId,
   extractItems
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 
 // src/components/related-content/related-content-section.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-BMJUKS6S.cjs → chunk-734ZCH7K.cjs}

@@ -8,26 +8,26 @@
 
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkYZCQPTMIcjs = require('./chunk-YZCQPTMI.cjs');
 
 
 
 
-var _chunk3L7KCOGOcjs = require('./chunk-3L7KCOGO.cjs');
+var _chunkMGGGBHYDcjs = require('./chunk-MGGGBHYD.cjs');
 
 
 
 
-var _chunkHY5YL3U5cjs = require('./chunk-HY5YL3U5.cjs');
+var _chunkQCUDVECIcjs = require('./chunk-QCUDVECI.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 
 
-var _chunk2A4XES7Rcjs = require('./chunk-2A4XES7R.cjs');
+var _chunkBM5MVGH3cjs = require('./chunk-BM5MVGH3.cjs');
 
 
 var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
@@ -113,14 +113,14 @@ function ContactForm({
   successToastMessage = "Redirecting you to join our community...",
   rescue: rescueForm = null
 } = {}) {
-  const attachments = _chunkHY5YL3U5cjs.useChatAttachments.call(void 0, );
-  const builtInSubmission = _chunk3L7KCOGOcjs.useContactSubmission.call(void 0, {
+  const attachments = _chunkQCUDVECIcjs.useChatAttachments.call(void 0, );
+  const builtInSubmission = _chunkMGGGBHYDcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
     successToastMessage
   });
   const [customSubmitting, setCustomSubmitting] = _react.useState.call(void 0, false);
-  const { honeypotInputProps, getSignals, resetSignals } = _chunk3L7KCOGOcjs.useHumanitySignals.call(void 0, );
+  const { honeypotInputProps, getSignals, resetSignals } = _chunkMGGGBHYDcjs.useHumanitySignals.call(void 0, );
   const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting;
   const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess;
   const form = _reacthookform.useForm.call(void 0, {
@@ -146,7 +146,7 @@ function ContactForm({
     ),
     [hideFields]
   );
-  const rescue = _chunk3L7KCOGOcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
+  const rescue = _chunkMGGGBHYDcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
   const handleFormSubmit = async (data) => {
     if (isSubmitting) return;
     if (attachmentsEnabled && attachments.hasInflightUploads) return;
@@ -181,10 +181,10 @@ function ContactForm({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border md:rounded-3xl" : ""} ${!noPadding ? "p-6 md:p-8 lg:p-10" : ""}`,
+      className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border content-md:rounded-3xl" : ""} ${!noPadding ? "p-6 content-md:p-8 content-lg:p-10" : ""}`,
       children: [
-        (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 md:mb-8", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkEMCQGFXDcjs.SECTION_HEADING_CLASS} mb-3 md:mb-4`, children: _chunkEMCQGFXDcjs.accentSentenceMarks.call(void 0, title) }),
+        (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: [
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkMMOODW57cjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunkMMOODW57cjs.accentSentenceMarks.call(void 0, title) }),
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: subtitle })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -196,23 +196,23 @@ function ContactForm({
                 Object.fromEntries(Object.entries(validationErrors).map(([k, v]) => [k, _nullishCoalesce(_optionalChain([v, 'optionalAccess', _2 => _2.message]), () => ( v))]))
               );
             }),
-            className: "flex flex-grow flex-col space-y-4 md:space-y-6",
-            ..._chunkMXHJROXJcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+            className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
+            ..._chunkYZCQPTMIcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
             children: [
               !showName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("name") }),
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
-              showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
+              showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "name", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "name", children: [
                     "Your Name",
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                   ] }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk2A4XES7Rcjs.Input,
+                    _chunkBM5MVGH3cjs.Input,
                     {
                       id: "name",
                       type: "text",
@@ -227,12 +227,12 @@ function ContactForm({
                   errors.name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "name-error", className: "mt-1 text-ods-error text-h6", children: errors.name.message })
                 ] }),
                 showEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "email", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "email", children: [
                     "Email",
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                   ] }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk2A4XES7Rcjs.Input,
+                    _chunkBM5MVGH3cjs.Input,
                     {
                       id: "email",
                       type: "email",
@@ -247,48 +247,48 @@ function ContactForm({
                   errors.email && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "email-error", className: "mt-1 text-ods-error text-h6", children: errors.email.message })
                 ] })
               ] }),
-              (showCompanySize || showReferralSource) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
+              (showCompanySize || showReferralSource) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showCompanySize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "companySize", children: "Company Size" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "companySize", children: "Company Size" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMXHJROXJcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZCQPTMIcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkMXHJROXJcjs.SelectTrigger,
+                          _chunkYZCQPTMIcjs.SelectTrigger,
                           {
                             id: "companySize",
                             "aria-label": "Company Size",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
                   errors.companySize && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "companySize-error", className: "mt-1 text-ods-error text-h6", children: errors.companySize.message })
                 ] }),
                 showReferralSource && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMXHJROXJcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZCQPTMIcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkMXHJROXJcjs.SelectTrigger,
+                          _chunkYZCQPTMIcjs.SelectTrigger,
                           {
                             id: "referralSource",
                             "aria-label": "Referral Source",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -296,39 +296,39 @@ function ContactForm({
                 ] })
               ] }),
               showHelpCategory && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "helpCategory", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "helpCategory", children: [
                   "Choose your main interest",
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   _reacthookform.Controller,
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMXHJROXJcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZCQPTMIcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkMXHJROXJcjs.SelectTrigger,
+                        _chunkYZCQPTMIcjs.SelectTrigger,
                         {
                           id: "helpCategory",
                           "aria-label": "Help Category",
                           "aria-required": true,
                           className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
                 errors.helpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "helpCategory-error", className: "mt-1 text-ods-error text-h6", children: errors.helpCategory.message })
               ] }),
               showMessage && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: "message", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: "message", children: [
                   "Your Message",
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.RequiredMark, {})
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkMXHJROXJcjs.Textarea,
+                  _chunkYZCQPTMIcjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -343,7 +343,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkHY5YL3U5cjs.ChatAttachmentChipStrip,
+                  _chunkQCUDVECIcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -352,7 +352,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkHY5YL3U5cjs.ChatAttachmentAddButton,
+                    _chunkQCUDVECIcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,
@@ -363,8 +363,8 @@ function ContactForm({
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h6", children: "Attach files (optional)" })
                 ] })
               ] }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 md:flex-row md:gap-6", children: [
-                footerText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-ods-text-secondary text-h6 md:text-left", children: footerText }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 content-md:flex-row content-md:gap-6", children: [
+                footerText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-ods-text-secondary text-h6 content-md:text-left", children: footerText }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   _chunkDFQYAYBHcjs.Button,
                   {
@@ -372,7 +372,7 @@ function ContactForm({
                     loading: isSubmitting,
                     disabled: isSubmitting || isSuccess || attachmentsEnabled && attachments.hasInflightUploads,
                     variant: buttonVariant,
-                    className: `w-full md:w-auto ${buttonClassName}`,
+                    className: `w-full content-md:w-auto ${buttonClassName}`,
                     children: isSuccess ? submitSuccessLabel : submitLabel
                   }
                 )