@flamingo-stack/openframe-frontend-core 0.0.730 → 0.0.732

package/dist/{chunk-UHJG2BDI.cjs → chunk-CC3LINHF.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkSI24RMI5cjs = require('./chunk-SI24RMI5.cjs');
+var _chunkMANNIJ42cjs = require('./chunk-MANNIJ42.cjs');
 
 // src/hooks/ui/use-debounce.ts
 var _react = require('react');
@@ -131,10 +131,10 @@ function useSuppressCloneFocus(active) {
 // src/hooks/ui/use-prefers-reduced-motion.ts
 var PREFERS_REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 function usePrefersReducedMotion() {
-  return _chunkSI24RMI5cjs.useMediaQuery.call(void 0, PREFERS_REDUCED_MOTION_QUERY) === true;
+  return _chunkMANNIJ42cjs.useMediaQuery.call(void 0, PREFERS_REDUCED_MOTION_QUERY) === true;
 }
 function usePrefersReducedMotionState() {
-  return _chunkSI24RMI5cjs.useMediaQuery.call(void 0, PREFERS_REDUCED_MOTION_QUERY);
+  return _chunkMANNIJ42cjs.useMediaQuery.call(void 0, PREFERS_REDUCED_MOTION_QUERY);
 }
 
 // src/hooks/ui/use-in-view.ts
@@ -145,63 +145,111 @@ function useInView({
   rootMargin = "0px",
   initial = false
 } = {}) {
-  const [inView, setInView] = _react.useState.call(void 0, initial);
-  const observerRef = _react.useRef.call(void 0, null);
-  const disconnect = _react.useCallback.call(void 0, () => {
-    _optionalChain([observerRef, 'access', _7 => _7.current, 'optionalAccess', _8 => _8.disconnect, 'call', _9 => _9()]);
-    observerRef.current = null;
-  }, []);
-  const ref = _react.useCallback.call(void 0, 
-    (node) => {
-      disconnect();
-      if (!node) {
-        setInView(false);
-        return;
-      }
-      if (typeof IntersectionObserver === "undefined") {
-        setInView(initial);
-        return;
-      }
-      const observer = new IntersectionObserver(
-        (entries) => {
-          const entry = entries[entries.length - 1];
-          if (!entry) return;
-          const ofElement = entry.intersectionRatio >= threshold;
-          const viewportHeight = _nullishCoalesce(_optionalChain([entry, 'access', _10 => _10.rootBounds, 'optionalAccess', _11 => _11.height]), () => ( 0));
-          const ofViewport = viewportHeight > 0 && (_nullishCoalesce(_optionalChain([entry, 'access', _12 => _12.intersectionRect, 'optionalAccess', _13 => _13.height]), () => ( 0))) >= viewportHeight * threshold;
-          setInView(entry.isIntersecting && (ofElement || ofViewport));
-        },
-        { threshold: STEPS, rootMargin }
-      );
-      observer.observe(node);
-      observerRef.current = observer;
-    },
-    [disconnect, threshold, rootMargin, initial]
-  );
-  _react.useEffect.call(void 0, () => disconnect, [disconnect]);
-  return { ref, inView };
+  const [node, setNode] = _react.useState.call(void 0, null);
+  const [seen, setSeen] = _react.useState.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!node || typeof IntersectionObserver === "undefined") return void 0;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[entries.length - 1];
+        if (!entry) return;
+        const ofElement = entry.intersectionRatio >= threshold;
+        const viewportHeight = _nullishCoalesce(_optionalChain([entry, 'access', _7 => _7.rootBounds, 'optionalAccess', _8 => _8.height]), () => ( 0));
+        const ofViewport = viewportHeight > 0 && (_nullishCoalesce(_optionalChain([entry, 'access', _9 => _9.intersectionRect, 'optionalAccess', _10 => _10.height]), () => ( 0))) >= viewportHeight * threshold;
+        setSeen({ node, inView: entry.isIntersecting && (ofElement || ofViewport) });
+      },
+      { threshold: STEPS, rootMargin }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [node, threshold, rootMargin]);
+  const inView = !node ? false : _optionalChain([seen, 'optionalAccess', _11 => _11.node]) === node ? seen.inView : initial;
+  return { ref: setNode, inView };
 }
 
 // src/hooks/ui/use-autoplay.ts
 
+function listen(target, events, onChange) {
+  const controller = new AbortController();
+  for (const event of events) target.addEventListener(event, onChange, { signal: controller.signal });
+  return () => controller.abort();
+}
+var subscribeToTab = (onChange) => {
+  const stopDocument = listen(document, ["visibilitychange"], onChange);
+  const stopWindow = listen(window, ["pageshow"], onChange);
+  return () => {
+    stopDocument();
+    stopWindow();
+  };
+};
+var tabIsHidden = () => document.visibilityState === "hidden";
+var never = () => false;
+var RELEASE_EVENTS = ["pointerup", "pointercancel", "mouseup", "touchend", "dragend", "blur"];
 function useAutoplay(onScreen) {
   const reducedState = usePrefersReducedMotionState();
-  const [paused, setPaused] = _react.useState.call(void 0, false);
-  const [tabHidden, setTabHidden] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    const sync = () => setTabHidden(document.visibilityState === "hidden");
-    sync();
-    document.addEventListener("visibilitychange", sync);
-    window.addEventListener("pageshow", sync);
+  const tabHidden = _react.useSyncExternalStore.call(void 0, subscribeToTab, tabIsHidden, never);
+  const host = _react.useRef.call(void 0, null);
+  const keyboardCameIn = _react.useRef.call(void 0, false);
+  const subscribeToKeyboard = _react.useCallback.call(void 0, (onChange) => {
+    const usedPointer = () => {
+      keyboardCameIn.current = false;
+      onChange();
+    };
+    const stopFocus = listen(document, ["focusin", "focusout", "visibilitychange"], onChange);
+    const stopPointer = listen(document, ["pointerdown", "pointermove"], usedPointer);
+    const stopWindow = listen(window, ["focus", "blur"], onChange);
     return () => {
-      document.removeEventListener("visibilitychange", sync);
-      window.removeEventListener("pageshow", sync);
+      stopFocus();
+      stopPointer();
+      stopWindow();
     };
   }, []);
+  const keyboardIsInside = _react.useCallback.call(void 0, () => {
+    if (!keyboardCameIn.current) return false;
+    const inside = !!_optionalChain([host, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.isConnected]) && host.current.contains(document.activeElement);
+    if (!inside) keyboardCameIn.current = false;
+    return inside;
+  }, []);
+  const focused = _react.useSyncExternalStore.call(void 0, subscribeToKeyboard, keyboardIsInside, never);
+  const [pressed, setPressed] = _react.useState.call(void 0, false);
+  const holdProps = _react.useMemo.call(void 0, 
+    () => ({
+      onPointerDown: (event) => {
+        host.current = event.currentTarget;
+        setPressed(true);
+        const released = new AbortController();
+        const release2 = () => {
+          setPressed(false);
+          released.abort();
+        };
+        for (const type of RELEASE_EVENTS) window.addEventListener(type, release2, { signal: released.signal });
+        window.addEventListener(
+          "pointermove",
+          (move) => {
+            if (move.buttons === 0) release2();
+          },
+          { signal: released.signal }
+        );
+      },
+      onFocus: (event) => {
+        host.current = event.currentTarget;
+        if (event.target.matches(":focus-visible")) keyboardCameIn.current = true;
+      }
+    }),
+    []
+  );
+  const [, setReleases] = _react.useState.call(void 0, 0);
+  const release = _react.useCallback.call(void 0, () => {
+    keyboardCameIn.current = false;
+    setPressed(false);
+    setReleases((count) => count + 1);
+  }, []);
+  const held = pressed || focused;
   return {
-    playing: onScreen && !paused && !tabHidden && reducedState === false,
-    paused,
-    setPaused,
+    playing: onScreen && !held && !tabHidden && reducedState === false,
+    held,
+    holdProps,
+    release,
     reducedMotion: reducedState === true
   };
 }

package/dist/{chunk-FRET5WH3.cjs → chunk-CKR42OBK.cjs}

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 // src/components/icons-v2-generated/brand-logos/google-sheets-icon.tsx
+var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function GoogleSheetsIcon({
   className = "",
@@ -8,6 +9,7 @@ function GoogleSheetsIcon({
   color = "currentColor",
   ...props
 }) {
+  const uid = _react.useId.call(void 0, ).replace(/[^a-zA-Z0-9_-]/g, "");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -19,7 +21,7 @@ function GoogleSheetsIcon({
       className,
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "mask", { id: "sheets-grid", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "mask", { id: `${uid}sheets-grid`, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "24", height: "24", fill: "white" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "7", y: "10", width: "4", height: "2", fill: "black" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "7", y: "13", width: "4", height: "2", fill: "black" }),
@@ -35,7 +37,7 @@ function GoogleSheetsIcon({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6H6Zm8 1.5V8h4.5L14 3.5Z",
-            mask: "url(#sheets-grid)"
+            mask: `url(#${uid}sheets-grid)`
           }
         )
       ]

package/dist/{chunk-GJPAS4RJ.cjs → chunk-CT342EJU.cjs}

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 // src/components/icons-v2-generated/brand-logos/clickup-icon.tsx
+var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function ClickupIcon({
   className = "",
@@ -8,6 +9,7 @@ function ClickupIcon({
   color = "currentColor",
   ...props
 }) {
+  const uid = _react.useId.call(void 0, ).replace(/[^a-zA-Z0-9_-]/g, "");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -23,7 +25,7 @@ function ClickupIcon({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "linearGradient",
             {
-              id: "clickup_svg__a",
+              id: `${uid}clickup_svg__a`,
               x1: 0,
               x2: 54.845,
               y1: 15.049,
@@ -39,7 +41,7 @@ function ClickupIcon({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "linearGradient",
             {
-              id: "clickup_svg__b",
+              id: `${uid}clickup_svg__b`,
               x1: 1.195,
               x2: 53.745,
               y1: 53.166,
@@ -56,7 +58,7 @@ function ClickupIcon({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            fill: "url(#clickup_svg__a)",
+            fill: `url(#${uid}clickup_svg__a)`,
             fillRule: "evenodd",
             d: "m0 50.6 10.1-7.8c5.4 7 11.1 10.3 17.4 10.3s11.9-3.2 17-10.2l10.3 7.6c-7.4 10-16.6 15.3-27.3 15.3-10.6 0-19.9-5.3-27.5-15.2",
             clipRule: "evenodd"
@@ -65,7 +67,7 @@ function ClickupIcon({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            fill: "url(#clickup_svg__b)",
+            fill: `url(#${uid}clickup_svg__b)`,
             fillRule: "evenodd",
             d: "m27.5 16.9-18 15.5-8.3-9.7L27.6 0l26.2 22.7-8.4 9.6z",
             clipRule: "evenodd"

package/dist/{chunk-PGFR4CDB.cjs → chunk-CUF3IYIB.cjs}

@@ -1,32 +1,32 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
 
-var _chunkSKDQ2SLJcjs = require('./chunk-SKDQ2SLJ.cjs');
+var _chunk22ZK7BA3cjs = require('./chunk-22ZK7BA3.cjs');
 
 
 
 
 
 
-var _chunk24KWUFWAcjs = require('./chunk-24KWUFWA.cjs');
+var _chunkG37LT2IDcjs = require('./chunk-G37LT2ID.cjs');
 
 
 
 
-var _chunk2I3XU2IBcjs = require('./chunk-2I3XU2IB.cjs');
+var _chunkSJRR745Gcjs = require('./chunk-SJRR745G.cjs');
 
 
-var _chunkAIW4KZQTcjs = require('./chunk-AIW4KZQT.cjs');
+var _chunk6KDGIOLPcjs = require('./chunk-6KDGIOLP.cjs');
 
 
 
 
-var _chunk4NFVFTD6cjs = require('./chunk-4NFVFTD6.cjs');
+var _chunkZWMPAFGBcjs = require('./chunk-ZWMPAFGB.cjs');
 
 
 
-var _chunk3YHVQ34Lcjs = require('./chunk-3YHVQ34L.cjs');
+var _chunkXOQ2UUVScjs = require('./chunk-XOQ2UUVS.cjs');
 
 
 
@@ -44,7 +44,7 @@ var _react = require('react');
 var _reacthookform = require('react-hook-form');
 
 // src/schemas/contact-schema.ts
-var _zod3 = require('zod');
+var _zod3 = require('zod'); var z = _interopRequireWildcard(_zod3);
 var companySizeOptions = ["1-10", "11-50", "51-200", "201-500", "501-1000", "1001+"];
 var referralSourceOptions = [
   "Google",
@@ -62,7 +62,7 @@ var defaultHelpCategoryOptions = [
   "Press",
   "Other"
 ];
-var LinkedInUrlSchema = _zod3.z.string().url({ message: "Please enter a valid LinkedIn URL" }).refine(
+var LinkedInUrlSchema = z.string().url({ message: "Please enter a valid LinkedIn URL" }).refine(
   (url) => {
     try {
       const host = new URL(url).hostname.toLowerCase();
@@ -74,20 +74,20 @@ var LinkedInUrlSchema = _zod3.z.string().url({ message: "Please enter a valid Li
   {
     message: "Please enter a valid LinkedIn profile URL"
   }
-).optional().or(_zod3.z.literal(""));
-var ContactBaseSchema = _zod3.z.object({
-  name: _zod3.z.string().min(2, { message: "Name must be at least 2 characters" }).max(255, { message: "Name is too long" }),
-  email: _zod3.z.string().email({ message: "Please enter a valid email address" }).max(255),
+).optional().or(z.literal(""));
+var ContactBaseSchema = z.object({
+  name: z.string().min(2, { message: "Name must be at least 2 characters" }).max(255, { message: "Name is too long" }),
+  email: z.string().email({ message: "Please enter a valid email address" }).max(255),
   linkedin_url: LinkedInUrlSchema,
-  helpCategory: _zod3.z.string().min(1, { message: "Please select what we can help you with" }).max(255, { message: "Help category is too long" }),
-  message: _zod3.z.string().min(10, { message: "Message must be at least 10 characters" }).max(5e3, { message: "Message is too long (5,000 character limit)" }),
-  rdt_cid: _zod3.z.string().optional()
+  helpCategory: z.string().min(1, { message: "Please select what we can help you with" }).max(255, { message: "Help category is too long" }),
+  message: z.string().min(10, { message: "Message must be at least 10 characters" }).max(5e3, { message: "Message is too long (5,000 character limit)" }),
+  rdt_cid: z.string().optional()
 });
 var ContactSchema = ContactBaseSchema.extend({
-  companySize: _zod3.z.string().optional().refine((val) => !val || companySizeOptions.includes(val), {
+  companySize: z.string().optional().refine((val) => !val || companySizeOptions.includes(val), {
     message: "Please select a valid company size"
   }),
-  referralSource: _zod3.z.string().optional().refine((val) => !val || referralSourceOptions.includes(val), {
+  referralSource: z.string().optional().refine((val) => !val || referralSourceOptions.includes(val), {
     message: "Please select a valid referral source"
   })
 });
@@ -119,14 +119,14 @@ function ContactForm({
   successToastMessage = "Redirecting you to join our community...",
   rescue: rescueForm = null
 } = {}) {
-  const attachments = _chunk4NFVFTD6cjs.useChatAttachments.call(void 0, );
-  const builtInSubmission = _chunk2I3XU2IBcjs.useContactSubmission.call(void 0, {
+  const attachments = _chunkZWMPAFGBcjs.useChatAttachments.call(void 0, );
+  const builtInSubmission = _chunkSJRR745Gcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
     successToastMessage
   });
   const [customSubmitting, setCustomSubmitting] = _react.useState.call(void 0, false);
-  const { honeypotInputProps, getSignals, resetSignals } = _chunk2I3XU2IBcjs.useHumanitySignals.call(void 0, );
+  const { honeypotInputProps, getSignals, resetSignals } = _chunkSJRR745Gcjs.useHumanitySignals.call(void 0, );
   const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting;
   const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess;
   const form = _reacthookform.useForm.call(void 0, {
@@ -152,7 +152,7 @@ function ContactForm({
     ),
     [hideFields]
   );
-  const rescue = _chunk2I3XU2IBcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
+  const rescue = _chunkSJRR745Gcjs.useRescuedForm.call(void 0, form, { rescue: rescueForm, fields: rescueFieldNames, getSignals });
   const handleFormSubmit = async (data) => {
     if (isSubmitting) return;
     if (attachmentsEnabled && attachments.hasInflightUploads) return;
@@ -190,7 +190,7 @@ function ContactForm({
       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 content-md:mb-8", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunk3YHVQ34Lcjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunk3YHVQ34Lcjs.accentSentenceMarks.call(void 0, title) }),
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkXOQ2UUVScjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunkXOQ2UUVScjs.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, 
@@ -203,13 +203,13 @@ function ContactForm({
               );
             }),
             className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
-            ..._chunkAIW4KZQTcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+            ..._chunk6KDGIOLPcjs.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, _chunkSKDQ2SLJcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22ZK7BA3cjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
               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: [
@@ -261,17 +261,17 @@ function ContactForm({
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk24KWUFWAcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkG37LT2IDcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunk24KWUFWAcjs.SelectTrigger,
+                          _chunkG37LT2IDcjs.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, _chunk24KWUFWAcjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24KWUFWAcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24KWUFWAcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -284,17 +284,17 @@ function ContactForm({
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk24KWUFWAcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkG37LT2IDcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunk24KWUFWAcjs.SelectTrigger,
+                          _chunkG37LT2IDcjs.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, _chunk24KWUFWAcjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24KWUFWAcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24KWUFWAcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -311,18 +311,18 @@ function ContactForm({
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk24KWUFWAcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkG37LT2IDcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunk24KWUFWAcjs.SelectTrigger,
+                        _chunkG37LT2IDcjs.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, _chunk24KWUFWAcjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24KWUFWAcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24KWUFWAcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG37LT2IDcjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
@@ -334,7 +334,7 @@ function ContactForm({
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTRILBJDcjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkSKDQ2SLJcjs.Textarea,
+                  _chunk22ZK7BA3cjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -349,7 +349,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk4NFVFTD6cjs.ChatAttachmentChipStrip,
+                  _chunkZWMPAFGBcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -358,7 +358,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk4NFVFTD6cjs.ChatAttachmentAddButton,
+                    _chunkZWMPAFGBcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,

package/dist/{chunk-YHFXQ5OR.cjs → chunk-E3N24573.cjs}

@@ -10,18 +10,18 @@ var _chunkUYHKZN5Dcjs = require('./chunk-UYHKZN5D.cjs');
 var _chunkWWUSFOJ7cjs = require('./chunk-WWUSFOJ7.cjs');
 
 
-var _chunkDINGZJ37cjs = require('./chunk-DINGZJ37.cjs');
+var _chunkNYY25425cjs = require('./chunk-NYY25425.cjs');
 
 
 
 
-var _chunkNXCV35RRcjs = require('./chunk-NXCV35RR.cjs');
+var _chunkKLXHCNDCcjs = require('./chunk-KLXHCNDC.cjs');
 
 
-var _chunk5KLNEFZZcjs = require('./chunk-5KLNEFZZ.cjs');
+var _chunk7DUXR4HLcjs = require('./chunk-7DUXR4HL.cjs');
 
 
-var _chunkSI24RMI5cjs = require('./chunk-SI24RMI5.cjs');
+var _chunkMANNIJ42cjs = require('./chunk-MANNIJ42.cjs');
 
 
 var _chunkAZL332TKcjs = require('./chunk-AZL332TK.cjs');
@@ -217,7 +217,7 @@ var Modal = _react.forwardRef.call(void 0,
                 ),
                 role: "dialog",
                 "aria-modal": "true",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContext.Provider, { value: { onClose }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5KLNEFZZcjs.ViewportBreakpoints, { children }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContext.Provider, { value: { onClose }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7DUXR4HLcjs.ViewportBreakpoints, { children }) })
               }
             )
           ]
@@ -446,7 +446,7 @@ function SlashCommandSuggestions({
         className
       ),
       children: commands.map((cmd, idx) => {
-        const Icon = _chunkSI24RMI5cjs.resolveIcon.call(void 0, cmd.iconName);
+        const Icon = _chunkMANNIJ42cjs.resolveIcon.call(void 0, cmd.iconName);
         const legacyMeta = !cmd.iconName && cmd.primarySourceId && resolveSourceIcon ? resolveSourceIcon(cmd.primarySourceId) : void 0;
         const LegacyIcon = _optionalChain([legacyMeta, 'optionalAccess', _4 => _4.Icon]);
         const title = _nullishCoalesce(_nullishCoalesce(cmd.label, () => ( _optionalChain([legacyMeta, 'optionalAccess', _5 => _5.label]))), () => ( cmd.id));
@@ -542,7 +542,7 @@ function buildChipEl(token, label, icon) {
   span.className = "mx-0.5 inline-flex h-9 items-center select-none align-top";
   span.innerHTML = _server.renderToStaticMarkup.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNXCV35RRcjs.Tag,
+      _chunkKLXHCNDCcjs.Tag,
       {
         as: "span",
         variant: "badge",
@@ -930,7 +930,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
             className: "flex min-h-11 w-full items-center justify-center gap-[var(--spacing-system-xs)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] md:min-h-12",
             children: [
               awaitingTeam && awaitingTeam.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkDINGZJ37cjs.AvatarStack,
+                _chunkNYY25425cjs.AvatarStack,
                 {
                   people: awaitingTeam,
                   total: awaitingTeamCount,
@@ -1097,7 +1097,7 @@ ChatInput.displayName = "ChatInput";
 
 // src/utils/format-date.ts
 var INVALID_DATE_PLACEHOLDER = "\u2014";
-var render = (input, fields) => _chunkNXCV35RRcjs.formatDateWithTimezone.call(void 0, input, _chunkNXCV35RRcjs.VIEWER_TIMEZONE, fields, { viewerLocale: true }) || INVALID_DATE_PLACEHOLDER;
+var render = (input, fields) => _chunkKLXHCNDCcjs.formatDateWithTimezone.call(void 0, input, _chunkKLXHCNDCcjs.VIEWER_TIMEZONE, fields, { viewerLocale: true }) || INVALID_DATE_PLACEHOLDER;
 var formatDate = (input) => render(input, { dateStyle: "short" });
 var formatTime = (input) => render(input, { timeStyle: "short" });