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

package/dist/{chunk-3L7KCOGO.cjs → chunk-2QEUFXNS.cjs}

@@ -9,7 +9,7 @@ var _chunkMZ4KBSH7cjs = require('./chunk-MZ4KBSH7.cjs');
 
 
 
-var _chunk4OGAXAEGcjs = require('./chunk-4OGAXAEG.cjs');
+var _chunkABU3TGXAcjs = require('./chunk-ABU3TGXA.cjs');
 
 
 
@@ -18,9 +18,7 @@ var _chunk4OGAXAEGcjs = require('./chunk-4OGAXAEG.cjs');
 
 
 
-
-
-var _chunkIIMICN7Lcjs = require('./chunk-IIMICN7L.cjs');
+var _chunkTYWLNCNHcjs = require('./chunk-TYWLNCNH.cjs');
 
 
 
@@ -37,7 +35,9 @@ var _chunkN3COXDBHcjs = require('./chunk-N3COXDBH.cjs');
 
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+
+
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 
 
@@ -145,9 +145,9 @@ function useDeferredError(error, value, delay = 1500) {
 }
 
 // src/hooks/ui/use-drag-and-drop-enabled.ts
-var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${_chunkIIMICN7Lcjs.breakpoints.md}`;
+var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${_chunkRKV5B7EUcjs.breakpoints.md}`;
 function useDragAndDropEnabled() {
-  return _nullishCoalesce(_chunkIIMICN7Lcjs.useMediaQuery.call(void 0, DRAG_AND_DROP_MEDIA_QUERY), () => ( false));
+  return _nullishCoalesce(_chunkRKV5B7EUcjs.useMediaQuery.call(void 0, DRAG_AND_DROP_MEDIA_QUERY), () => ( false));
 }
 
 // src/hooks/ui/use-focus-trap.ts
@@ -483,7 +483,7 @@ function useLocalStorage(key, initialValue, options) {
   });
   const validate = _optionalChain([options, 'optionalAccess', _17 => _17.validate]);
   const storage = _react.useMemo.call(void 0, 
-    () => _chunkMDBHZBW7cjs.createLocalStorageAdapter.call(void 0, { key, validate, logTag: `[useLocalStorage:${key}]` }),
+    () => _chunkRKV5B7EUcjs.createLocalStorageAdapter.call(void 0, { key, validate, logTag: `[useLocalStorage:${key}]` }),
     [key, validate]
   );
   const [storedValue, setStoredValue] = _react.useState.call(void 0, () => _nullishCoalesce(storage.load(), () => ( initialValue)));
@@ -767,7 +767,7 @@ function useSearch(config) {
     searchFnRef.current = searchFn;
     mapResultRef.current = mapResult;
   });
-  const debouncedQuery = _chunkIIMICN7Lcjs.useDebounce.call(void 0, query, debounceMs);
+  const debouncedQuery = _chunkTYWLNCNHcjs.useDebounce.call(void 0, query, debounceMs);
   const clearResults = _react.useCallback.call(void 0, () => {
     setResults(NO_RESULTS);
     setError(null);
@@ -904,7 +904,7 @@ var _overlays = require('@react-aria/overlays');
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
 function renderPlatformIcon(platformName, className) {
-  const tinted = _chunk3ATAYP36cjs.cn.call(void 0, className, _chunkMDBHZBW7cjs.getPlatformBrandClasses.call(void 0, platformName).accentText);
+  const tinted = _chunk3ATAYP36cjs.cn.call(void 0, className, _chunkRKV5B7EUcjs.getPlatformBrandClasses.call(void 0, platformName).accentText);
   switch (platformName) {
     case "openframe":
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -972,7 +972,7 @@ function getPlatformIconComponent(platformName, className = "h-6 w-6") {
   return renderPlatformIcon(platformName, className);
 }
 function getPlatformColorClass(platformName) {
-  return _chunkMDBHZBW7cjs.getPlatformBrandClasses.call(void 0, platformName).accentBg;
+  return _chunkRKV5B7EUcjs.getPlatformBrandClasses.call(void 0, platformName).accentBg;
 }
 
 // src/hooks/platform/use-platform-config.ts
@@ -1238,7 +1238,7 @@ function CommandApprovalToast({
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-11 w-full items-center gap-2 border-b border-ods-border bg-ods-card px-3 py-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h6", title: command, children: command }),
-                toolType ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIIMICN7Lcjs.ToolIcon, { toolType, size: 16 }) : null
+                toolType ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYWLNCNHcjs.ToolIcon, { toolType, size: 16 }) : null
               ] }),
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 bg-ods-bg p-3", children: [
                 approvalDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: approvalDescription }) : null,
@@ -1411,7 +1411,7 @@ function useContactSubmission(options = {}) {
       if (isSubmitting) return;
       setIsSubmitting(true);
       try {
-        const response = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, contactUrl, {
+        const response = await _chunkABU3TGXAcjs.contentFetch.call(void 0, contactUrl, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -1421,7 +1421,7 @@ function useContactSubmission(options = {}) {
         });
         if (!response.ok) {
           const failure = await response.json().catch(() => null);
-          throw new Error(_chunkIIMICN7Lcjs.apiErrorMessage.call(void 0, failure, "Failed to submit contact form"));
+          throw new Error(_chunkTYWLNCNHcjs.apiErrorMessage.call(void 0, failure, "Failed to submit contact form"));
         }
         setIsSuccess(true);
         const message = successToastMessage ? `Thank you! Your message has been sent. ${successToastMessage}` : "Thank you! Your message has been sent successfully.";
@@ -2106,7 +2106,7 @@ function variablesToUrlParams(variables, schema) {
   const params = new URLSearchParams();
   for (const [paramName, paramConfig] of Object.entries(schema)) {
     const value = getNestedValue(variables, paramConfig.graphqlPath);
-    if (!_chunk4OGAXAEGcjs.shouldIncludeInUrl.call(void 0, value, paramConfig)) {
+    if (!_chunkABU3TGXAcjs.shouldIncludeInUrl.call(void 0, value, paramConfig)) {
       continue;
     }
     if (Array.isArray(value)) {
@@ -2135,7 +2135,7 @@ function coerceScalar(value, type) {
       return isNaN(num) ? null : num;
     }
     case "int":
-      return _chunk4OGAXAEGcjs.positiveInt.call(void 0, value, null);
+      return _chunkABU3TGXAcjs.positiveInt.call(void 0, value, null);
     case "boolean":
       return value === "true" || value === "1";
     case "string":
@@ -2441,7 +2441,7 @@ function useApiParams(schema, options = {}) {
     return flattened;
   }, [stableSchema]);
   const rawParams = _react.useMemo.call(void 0, () => {
-    const result = _chunk4OGAXAEGcjs.parseSchemaParams.call(void 0, stableSchema, new URLSearchParams(searchString), {
+    const result = _chunkABU3TGXAcjs.parseSchemaParams.call(void 0, stableSchema, new URLSearchParams(searchString), {
       absent: options.absent === "null" ? "null" : "undefined"
     });
     if (debug) {
@@ -2457,14 +2457,14 @@ function useApiParams(schema, options = {}) {
   }
   const params = stableParams;
   const addParamToSearchParams = _react.useCallback.call(void 0, (searchParams, key, value) => {
-    for (const [k, v] of _chunk4OGAXAEGcjs.createSearchParams.call(void 0, { [key]: value })) searchParams.append(k, v);
+    for (const [k, v] of _chunkABU3TGXAcjs.createSearchParams.call(void 0, { [key]: value })) searchParams.append(k, v);
   }, []);
   const urlSearchParams = _react.useMemo.call(void 0, () => {
     const newParams = new URLSearchParams();
     for (const key of Object.keys(stableSchema)) {
       const value = params[key];
       const paramConfig = flattenedSchema[key];
-      if (!_chunk4OGAXAEGcjs.shouldIncludeInUrl.call(void 0, value, paramConfig)) {
+      if (!_chunkABU3TGXAcjs.shouldIncludeInUrl.call(void 0, value, paramConfig)) {
         continue;
       }
       addParamToSearchParams(newParams, key, value);
@@ -2521,7 +2521,7 @@ function useApiParams(schema, options = {}) {
         return;
       }
       const newParams = new URLSearchParams();
-      if (_chunk4OGAXAEGcjs.shouldIncludeInUrl.call(void 0, value, config)) {
+      if (_chunkABU3TGXAcjs.shouldIncludeInUrl.call(void 0, value, config)) {
         addParamToSearchParams(newParams, key, value);
         updateUrl(newParams);
       } else {
@@ -2540,7 +2540,7 @@ function useApiParams(schema, options = {}) {
           console.warn(`[useApiParams] Unknown parameter: ${key}`);
           continue;
         }
-        if (_chunk4OGAXAEGcjs.shouldIncludeInUrl.call(void 0, value, flattenedSchema[key])) {
+        if (_chunkABU3TGXAcjs.shouldIncludeInUrl.call(void 0, value, flattenedSchema[key])) {
           addParamToSearchParams(newParams, key, value);
         } else {
           keysToRemove.push(key);
@@ -2565,7 +2565,7 @@ function useApiParams(schema, options = {}) {
   }, [router, debug]);
   const pendingParams = _react.useMemo.call(void 0, () => {
     if (pendingTail === void 0 || pendingTail === searchString) return params;
-    return _chunk4OGAXAEGcjs.parseSchemaParams.call(void 0, stableSchema, new URLSearchParams(pendingTail), {
+    return _chunkABU3TGXAcjs.parseSchemaParams.call(void 0, stableSchema, new URLSearchParams(pendingTail), {
       absent: options.absent === "null" ? "null" : "undefined"
     });
   }, [pendingTail, searchString, params, stableSchema, options.absent]);
@@ -2736,7 +2736,7 @@ function useScenarioPlayer({
   initialScenario = 0,
   startAtEnd = false
 }) {
-  const auto = _chunkIIMICN7Lcjs.useAutoplay.call(void 0, enabled);
+  const auto = _chunkTYWLNCNHcjs.useAutoplay.call(void 0, enabled);
   const { reducedMotion, paused, setPaused } = auto;
   const [scenario, setScenario] = _react.useState.call(void 0, initialScenario);
   const [rawStep, setRawStep] = _react.useState.call(void 0, startAtEnd ? Number.MAX_SAFE_INTEGER : 0);
@@ -2798,7 +2798,7 @@ async function validateAccessCode(email, code, endpoints) {
     });
     if (!response.ok) {
       const failure = await response.json().catch(() => null);
-      throw new Error(_chunkIIMICN7Lcjs.apiErrorMessage.call(void 0, failure, "Validation request failed"));
+      throw new Error(_chunkTYWLNCNHcjs.apiErrorMessage.call(void 0, failure, "Validation request failed"));
     }
     return await response.json();
   } catch (error) {
@@ -2819,7 +2819,7 @@ async function consumeAccessCode(email, code, endpoints) {
     });
     if (!response.ok) {
       const failure = await response.json().catch(() => null);
-      throw new Error(_chunkIIMICN7Lcjs.apiErrorMessage.call(void 0, failure, "Consumption request failed"));
+      throw new Error(_chunkTYWLNCNHcjs.apiErrorMessage.call(void 0, failure, "Consumption request failed"));
     }
     return await response.json();
   } catch (error) {
@@ -3020,15 +3020,15 @@ function useScrollToHash(readyDep = true, options) {
       }
     };
     const tryScrollToHash = () => {
-      const hash = _chunkIIMICN7Lcjs.normalizeHashFragment.call(void 0, window.location.hash).slice(1);
+      const hash = _chunkTYWLNCNHcjs.normalizeHashFragment.call(void 0, window.location.hash).slice(1);
       if (!hash) return;
       cancelPoll();
       let frames = 0;
       const tick = () => {
-        const el = _chunkIIMICN7Lcjs.getHashTargetElement.call(void 0, hash);
+        const el = _chunkTYWLNCNHcjs.getHashTargetElement.call(void 0, hash);
         if (el) {
           rafId = null;
-          _chunkIIMICN7Lcjs.scrollElementIntoView.call(void 0, el, { headerOffset });
+          _chunkTYWLNCNHcjs.scrollElementIntoView.call(void 0, el, { headerOffset });
           return;
         }
         if (frames++ < MAX_POLL_FRAMES) {
@@ -3376,7 +3376,7 @@ function useFormRescue({ form, fieldNames, onRestore, getSignals }) {
         ...resumeTokenRef.current ? { resume_token: resumeTokenRef.current } : {}
       };
       try {
-        void _chunk4OGAXAEGcjs.contentFetch.call(void 0, draftsUrl, {
+        void _chunkABU3TGXAcjs.contentFetch.call(void 0, draftsUrl, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ ...body, ..._nullishCoalesce(_optionalChain([getSignalsRef, 'access', _68 => _68.current, 'optionalCall', _69 => _69()]), () => ( {})) }),
@@ -3405,7 +3405,7 @@ function useFormRescue({ form, fieldNames, onRestore, getSignals }) {
       if (Object.keys(local.values).length) _optionalChain([onRestoreRef, 'access', _70 => _70.current, 'optionalCall', _71 => _71(local.values)]);
     };
     if (isResumeToken(token) && draftsUrl) {
-      _chunk4OGAXAEGcjs.contentFetch.call(void 0, `${draftsUrl}/resume/${encodeURIComponent(token)}`).then(async (res) => res.ok ? await res.json() : null).then((data) => {
+      _chunkABU3TGXAcjs.contentFetch.call(void 0, `${draftsUrl}/resume/${encodeURIComponent(token)}`).then(async (res) => res.ok ? await res.json() : null).then((data) => {
         if (cancelled) return;
         if (!data || data.form_id !== formId) {
           restoreLocal();

package/dist/{chunk-BMJUKS6S.cjs → chunk-3256UJXS.cjs}

@@ -8,26 +8,26 @@
 
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkP23CRLU4cjs = require('./chunk-P23CRLU4.cjs');
 
 
 
 
-var _chunk3L7KCOGOcjs = require('./chunk-3L7KCOGO.cjs');
+var _chunk2QEUFXNScjs = require('./chunk-2QEUFXNS.cjs');
 
 
 
 
-var _chunkHY5YL3U5cjs = require('./chunk-HY5YL3U5.cjs');
+var _chunkXBWE423Rcjs = require('./chunk-XBWE423R.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 = _chunkXBWE423Rcjs.useChatAttachments.call(void 0, );
+  const builtInSubmission = _chunk2QEUFXNScjs.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 } = _chunk2QEUFXNScjs.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 = _chunk2QEUFXNScjs.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",
+            ..._chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkMXHJROXJcjs.SelectTrigger,
+                          _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkMXHJROXJcjs.SelectTrigger,
+                          _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkMXHJROXJcjs.SelectTrigger,
+                        _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.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, _chunkP23CRLU4cjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.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,
+                  _chunkP23CRLU4cjs.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,
+                  _chunkXBWE423Rcjs.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,
+                    _chunkXBWE423Rcjs.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
                   }
                 )

package/dist/{chunk-GZYLZ4MB.js → chunk-4S7TJYRQ.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   createSseSubscription
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   useChatIdentity
-} from "./chunk-QGTDWFT6.js";
+} from "./chunk-IZHZMBIX.js";
 import {
   embedAuthedFetch
-} from "./chunk-2T6QWNXU.js";
+} from "./chunk-NDESEPW5.js";
 import {
   useChatRuntime
 } from "./chunk-E4ABZWTJ.js";