@hhgtech/hhg-components 1.29.294 → 1.29.296

package/build/esm/{index-a8504844.js → index-a3ef4e17.js}

@@ -1,104 +1,42 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-32075ab8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
-import { Info } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-c497b2a5.js';
-import { u as useTranslations } from './index-3234cd37.js';
+import { Info, Ask } from '@hhgtech/icons/other';
+import { D as Dropdown } from './index-75ceab84.js';
+import { u as useTranslations } from './index-93e19100.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-faa25ad2.js';
+import { I as Input$1 } from './index-96729a7f.js';
 import { useMantineTheme, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-7b8202e9.js';
-import './index-7a146eb0.js';
-import './index-dc4ff1e1.js';
-import './useMantineLocale-2fae76d8.js';
-import { T as Text } from './index-80e0d935.js';
-import { B as Button } from './index-fc053e14.js';
-import './index.styles-aa42e09c.js';
+import './index-9c2301a1.js';
+import './index-752ae2d1.js';
+import './index-a8a52be3.js';
+import './useMantineLocale-41d92c63.js';
+import { T as Text } from './index-9a2e8e03.js';
+import { B as Button } from './index-aecef271.js';
+import './index.styles-91274a86.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1775833d.js';
-import './other-6fe45f43.js';
-import './index-9a11f08d.js';
-import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-6b1045e1.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-d0a2c010.js';
+import { M as MediaQueries } from './utils-6be7a40a.js';
+import './other-d0dfcb72.js';
+import './index-d430ae6b.js';
+import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-81c67b7f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-3fd6fd08.js';
 import styled from '@emotion/styled';
-import { b as formatPost, c as formatTopic } from './dataTransform-c0078d77.js';
-import { M as MAX_IMAGE_UPLOADS } from './constants-b7e42ed0.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl } from './post-9cf128ab.js';
-import { C as CardAuthor, L as Loading$1 } from './index-1c125b33.js';
-import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-e2cc827b.js';
-import { I as Input } from './index-36301dd4.js';
+import { b as formatPost, c as formatTopic } from './dataTransform-82b9983a.js';
+import { M as MAX_IMAGE_UPLOADS } from './constants-ca437b76.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl } from './post-b4402751.js';
+import { C as CardAuthor, L as Loading$1 } from './index-1ac11c69.js';
+import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-6351946c.js';
+import { I as Input } from './index-ef981aca.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-0dcdd746.js';
-import { C as CardLink } from './index-457eb5e2.js';
-import { B as BtnChoice } from './index-8b26694b.js';
-import { L as LOCALE } from './Locale-d2473286.js';
+import { L as Loading } from './index-c8fbde81.js';
+import { C as CardLink } from './index-55feb9a2.js';
+import { B as BtnChoice } from './index-f1e1159f.js';
+import { L as LOCALE } from './Locale-9bdc99ff.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
-const Ask = ({ size }) => {
-    return (React__default.createElement("svg", { width: size, height: size, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React__default.createElement("g", { filter: "url(#filter0_i_4664_166540)" },
-            React__default.createElement("circle", { cx: "11.9967", cy: "11.9999", r: "10.2857", fill: "#2D87F3" }),
-            React__default.createElement("circle", { cx: "11.9967", cy: "11.9999", r: "10.2857", fill: "url(#paint0_radial_4664_166540)" }),
-            React__default.createElement("circle", { cx: "11.9967", cy: "11.9999", r: "10.2857", fill: "url(#paint1_radial_4664_166540)" }),
-            React__default.createElement("circle", { cx: "11.9967", cy: "11.9999", r: "10.2857", fill: "url(#paint2_radial_4664_166540)" }),
-            React__default.createElement("circle", { cx: "11.9967", cy: "11.9999", r: "10.2857", fill: "url(#paint3_radial_4664_166540)" })),
-        React__default.createElement("mask", { id: "path-2-inside-1_4664_166540", fill: "white" },
-            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.7157 18.4674C12.7317 18.7466 13.0316 18.914 13.2709 18.7693C14.5525 17.9944 15.6319 16.9936 16.509 15.767C17.503 14.378 18 12.8301 18 11.1232C18 10.2884 17.8438 9.50974 17.5313 8.78711C17.2188 8.06448 16.7908 7.43231 16.2473 6.89059C15.7033 6.34837 15.0688 5.92152 14.3438 5.61004C13.6188 5.29856 12.8375 5.14282 12 5.14282C10.325 5.14282 8.90625 5.72217 7.74375 6.88087C6.58125 8.03956 6 9.45367 6 11.1232C6 12.7927 6.58125 14.2068 7.74375 15.3655C8.90625 16.5242 10.325 17.1036 12 17.1036H12.2761C12.4789 17.1036 12.6466 17.2619 12.6582 17.4644L12.7157 18.4674ZM11.7825 13.2206C11.9205 13.5131 12.3366 13.5131 12.4747 13.2206L12.9337 12.2483C12.9718 12.1678 13.0367 12.103 13.1173 12.0652L14.0898 11.6091C14.3834 11.4714 14.3834 11.0538 14.0898 10.916L13.1173 10.4599C13.0367 10.4221 12.9718 10.3573 12.9337 10.2768L12.4747 9.30447C12.3366 9.01202 11.9205 9.01202 11.7825 9.30447L11.3234 10.2768C11.2854 10.3573 11.2204 10.4221 11.1398 10.4599L10.1673 10.916C9.87373 11.0538 9.87373 11.4714 10.1673 11.6091L11.1398 12.0652C11.2204 12.103 11.2854 12.1678 11.3234 12.2483L11.7825 13.2206Z" })),
-        React__default.createElement("g", { filter: "url(#filter1_i_4664_166540)" },
-            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.7157 18.4674C12.7317 18.7466 13.0316 18.914 13.2709 18.7693C14.5525 17.9944 15.6319 16.9936 16.509 15.767C17.503 14.378 18 12.8301 18 11.1232C18 10.2884 17.8438 9.50974 17.5313 8.78711C17.2188 8.06448 16.7908 7.43231 16.2473 6.89059C15.7033 6.34837 15.0688 5.92152 14.3438 5.61004C13.6188 5.29856 12.8375 5.14282 12 5.14282C10.325 5.14282 8.90625 5.72217 7.74375 6.88087C6.58125 8.03956 6 9.45367 6 11.1232C6 12.7927 6.58125 14.2068 7.74375 15.3655C8.90625 16.5242 10.325 17.1036 12 17.1036H12.2761C12.4789 17.1036 12.6466 17.2619 12.6582 17.4644L12.7157 18.4674ZM11.7825 13.2206C11.9205 13.5131 12.3366 13.5131 12.4747 13.2206L12.9337 12.2483C12.9718 12.1678 13.0367 12.103 13.1173 12.0652L14.0898 11.6091C14.3834 11.4714 14.3834 11.0538 14.0898 10.916L13.1173 10.4599C13.0367 10.4221 12.9718 10.3573 12.9337 10.2768L12.4747 9.30447C12.3366 9.01202 11.9205 9.01202 11.7825 9.30447L11.3234 10.2768C11.2854 10.3573 11.2204 10.4221 11.1398 10.4599L10.1673 10.916C9.87373 11.0538 9.87373 11.4714 10.1673 11.6091L11.1398 12.0652C11.2204 12.103 11.2854 12.1678 11.3234 12.2483L11.7825 13.2206Z", fill: "white" })),
-        React__default.createElement("path", { d: "M13.2709 18.7693L13.2214 18.6874L13.2709 18.7693ZM12.7157 18.4674L12.6202 18.4729L12.7157 18.4674ZM16.509 15.767L16.4312 15.7113L16.4312 15.7113L16.509 15.767ZM17.5313 8.78711L17.4434 8.82509L17.5313 8.78711ZM16.2473 6.89059L16.1797 6.95836L16.2473 6.89059ZM14.3438 5.61004L14.306 5.69795H14.306L14.3438 5.61004ZM7.74375 6.88087L7.6762 6.8131L7.74375 6.88087ZM7.74375 15.3655L7.8113 15.2977L7.74375 15.3655ZM12.6582 17.4644L12.7537 17.4589L12.6582 17.4644ZM12.4747 13.2206L12.5612 13.2615L12.4747 13.2206ZM11.7825 13.2206L11.869 13.1798L11.7825 13.2206ZM12.9337 12.2483L13.0203 12.2892L12.9337 12.2483ZM13.1173 12.0652L13.1579 12.1518L13.1173 12.0652ZM14.0898 11.6091L14.0491 11.5224L14.0898 11.6091ZM14.0898 10.916L14.1304 10.8294H14.1304L14.0898 10.916ZM13.1173 10.4599L13.1579 10.3733H13.1579L13.1173 10.4599ZM12.9337 10.2768L12.8472 10.3176L12.9337 10.2768ZM12.4747 9.30447L12.5612 9.26361L12.4747 9.30447ZM11.7825 9.30447L11.6959 9.26361V9.26361L11.7825 9.30447ZM11.3234 10.2768L11.4099 10.3176L11.3234 10.2768ZM11.1398 10.4599L11.0992 10.3733L11.1398 10.4599ZM10.1673 10.916L10.1267 10.8294L10.1673 10.916ZM10.1673 11.6091L10.208 11.5224L10.1673 11.6091ZM11.1398 12.0652L11.0992 12.1518L11.1398 12.0652ZM11.3234 12.2483L11.4099 12.2075L11.3234 12.2483ZM13.2214 18.6874C13.0474 18.7926 12.8233 18.6734 12.8112 18.4619L12.6202 18.4729C12.64 18.8198 13.0159 19.0353 13.3204 18.8512L13.2214 18.6874ZM16.4312 15.7113C15.5616 16.9274 14.4918 17.9193 13.2214 18.6874L13.3204 18.8512C14.6133 18.0695 15.7022 17.0598 16.5868 15.8226L16.4312 15.7113ZM17.9043 11.1232C17.9043 12.8101 17.4136 14.3386 16.4312 15.7113L16.5868 15.8226C17.5924 14.4175 18.0957 12.8501 18.0957 11.1232H17.9043ZM17.4434 8.82509C17.7504 9.53501 17.9043 10.3007 17.9043 11.1232H18.0957C18.0957 10.2762 17.9371 9.48446 17.6191 8.74913L17.4434 8.82509ZM16.1797 6.95836C16.7144 7.4913 17.1356 8.11329 17.4434 8.82509L17.6191 8.74913C17.3019 8.01567 16.8671 7.37332 16.3148 6.82281L16.1797 6.95836ZM14.306 5.69795C15.0202 6.00479 15.6445 6.42491 16.1797 6.95836L16.3148 6.82281C15.762 6.27182 15.1173 5.83824 14.3815 5.52212L14.306 5.69795ZM12 5.23851C12.8253 5.23851 13.5936 5.39191 14.306 5.69795L14.3815 5.52212C13.6439 5.20521 12.8497 5.04714 12 5.04714V5.23851ZM7.8113 6.94864C8.95546 5.80823 10.3497 5.23851 12 5.23851V5.04714C10.3003 5.04714 8.85704 5.63612 7.6762 6.8131L7.8113 6.94864ZM6.09569 11.1232C6.09569 9.47861 6.66716 8.08904 7.8113 6.94864L7.6762 6.8131C6.49534 7.99009 5.90431 9.42873 5.90431 11.1232H6.09569ZM7.8113 15.2977C6.66716 14.1573 6.09569 12.7678 6.09569 11.1232H5.90431C5.90431 12.8177 6.49534 14.2563 7.6762 15.4333L7.8113 15.2977ZM12 17.0079C10.3497 17.0079 8.95546 16.4382 7.8113 15.2977L7.6762 15.4333C8.85704 16.6103 10.3003 17.1993 12 17.1993V17.0079ZM12.2761 17.0079H12V17.1993H12.2761V17.0079ZM12.7537 17.4589C12.7392 17.2057 12.5297 17.0079 12.2761 17.0079V17.1993C12.4282 17.1993 12.5539 17.318 12.5627 17.4699L12.7537 17.4589ZM12.8112 18.4619L12.7537 17.4589L12.5627 17.4699L12.6202 18.4729L12.8112 18.4619ZM12.3881 13.1798C12.2846 13.3991 11.9725 13.3991 11.869 13.1798L11.6959 13.2615C11.8685 13.627 12.3886 13.627 12.5612 13.2615L12.3881 13.1798ZM12.8472 12.2075L12.3881 13.1798L12.5612 13.2615L13.0203 12.2892L12.8472 12.2075ZM13.0767 11.9786C12.9759 12.0259 12.8947 12.1068 12.8472 12.2075L13.0203 12.2892C13.0488 12.2288 13.0975 12.1802 13.1579 12.1518L13.0767 11.9786ZM14.0491 11.5224L13.0767 11.9786L13.1579 12.1518L14.1304 11.6957L14.0491 11.5224ZM14.0491 11.0027C14.2694 11.106 14.2694 11.4192 14.0491 11.5224L14.1304 11.6957C14.4974 11.5236 14.4974 11.0016 14.1304 10.8294L14.0491 11.0027ZM13.0767 10.5465L14.0491 11.0027L14.1304 10.8294L13.1579 10.3733L13.0767 10.5465ZM12.8472 10.3176C12.8947 10.4183 12.9759 10.4992 13.0767 10.5465L13.1579 10.3733C13.0975 10.3449 13.0488 10.2963 13.0203 10.2359L12.8472 10.3176ZM12.3881 9.34532L12.8472 10.3176L13.0203 10.2359L12.5612 9.26361L12.3881 9.34532ZM11.869 9.34532C11.9725 9.12598 12.2846 9.12598 12.3881 9.34532L12.5612 9.26361C12.3886 8.89806 11.8685 8.89806 11.6959 9.26361L11.869 9.34532ZM11.4099 10.3176L11.869 9.34532L11.6959 9.26361L11.2369 10.2359L11.4099 10.3176ZM11.1805 10.5465C11.2812 10.4992 11.3624 10.4183 11.4099 10.3176L11.2369 10.2359C11.2083 10.2963 11.1597 10.3449 11.0992 10.3733L11.1805 10.5465ZM10.208 11.0027L11.1805 10.5465L11.0992 10.3733L10.1267 10.8294L10.208 11.0027ZM10.208 11.5224C9.98777 11.4192 9.98776 11.106 10.208 11.0027L10.1267 10.8294C9.75969 11.0016 9.75969 11.5236 10.1267 11.6957L10.208 11.5224ZM11.1805 11.9786L10.208 11.5224L10.1267 11.6957L11.0992 12.1518L11.1805 11.9786ZM11.4099 12.2075C11.3624 12.1068 11.2812 12.0259 11.1805 11.9786L11.0992 12.1518C11.1597 12.1802 11.2083 12.2288 11.2369 12.2892L11.4099 12.2075ZM11.869 13.1798L11.4099 12.2075L11.2369 12.2892L11.6959 13.2615L11.869 13.1798Z", fill: "url(#paint4_linear_4664_166540)", mask: "url(#path-2-inside-1_4664_166540)" }),
-        React__default.createElement("g", { filter: "url(#filter2_i_4664_166540)" },
-            React__default.createElement("path", { d: "M22.0963 4.65404L22.3807 5.27459C22.5111 5.55904 22.9153 5.55904 23.0456 5.27459L23.33 4.65404C23.3666 4.57438 23.4305 4.51048 23.5101 4.47396L24.1307 4.18955C24.4151 4.05918 24.4151 3.65501 24.1307 3.52463L23.5101 3.24022C23.4305 3.20371 23.3666 3.1398 23.33 3.06014L23.0456 2.43959C22.9153 2.15514 22.5111 2.15514 22.3807 2.43959L22.0963 3.06014C22.0598 3.1398 21.9959 3.20371 21.9162 3.24022L21.2957 3.52463C21.0112 3.65501 21.0112 4.05917 21.2957 4.18955L21.9162 4.47396C21.9959 4.51048 22.0598 4.57438 22.0963 4.65404Z", fill: "#2D87F3" })),
-        React__default.createElement("defs", null,
-            React__default.createElement("filter", { id: "filter0_i_4664_166540", x: "1.71094", y: "1.71423", width: "22.5703", height: "24.5714", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
-                React__default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React__default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
-                React__default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
-                React__default.createElement("feOffset", { dx: "2", dy: "4" }),
-                React__default.createElement("feGaussianBlur", { stdDeviation: "8" }),
-                React__default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                React__default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" }),
-                React__default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4664_166540" })),
-            React__default.createElement("filter", { id: "filter1_i_4664_166540", x: "6", y: "5.14282", width: "12.7655", height: "14.4451", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
-                React__default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React__default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
-                React__default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
-                React__default.createElement("feOffset", { dx: "0.765488", dy: "0.765488" }),
-                React__default.createElement("feGaussianBlur", { stdDeviation: "0.765488" }),
-                React__default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                React__default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" }),
-                React__default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4664_166540" })),
-            React__default.createElement("filter", { id: "filter2_i_4664_166540", x: "21.0859", y: "2.2262", width: "3.98924", height: "3.99315", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
-                React__default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React__default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
-                React__default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
-                React__default.createElement("feOffset", { dx: "0.731427", dy: "0.731427" }),
-                React__default.createElement("feGaussianBlur", { stdDeviation: "0.731427" }),
-                React__default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                React__default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0" }),
-                React__default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4664_166540" })),
-            React__default.createElement("radialGradient", { id: "paint0_radial_4664_166540", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(24.0421 -0.4454) rotate(130.991) scale(30.1148 29.3127)" },
-                React__default.createElement("stop", { stopColor: "#3D6CFD" }),
-                React__default.createElement("stop", { offset: "1", stopColor: "#3C6BFD", stopOpacity: "0" })),
-            React__default.createElement("radialGradient", { id: "paint1_radial_4664_166540", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(0.893037 -8.6813) rotate(65.1606) scale(37.2296 21.2343)" },
-                React__default.createElement("stop", { stopColor: "#A3F1FF" }),
-                React__default.createElement("stop", { offset: "1", stopColor: "#AEF3FF", stopOpacity: "0" })),
-            React__default.createElement("radialGradient", { id: "paint2_radial_4664_166540", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(3.31808 22.2857) rotate(-45) scale(8.6368 7.70429)" },
-                React__default.createElement("stop", { stopColor: "#9EFF3F" }),
-                React__default.createElement("stop", { offset: "0.963398", stopColor: "#93FF3E", stopOpacity: "0" })),
-            React__default.createElement("radialGradient", { id: "paint3_radial_4664_166540", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(24.4386 32.3518) rotate(-119.24) scale(35.1115 12.2522)" },
-                React__default.createElement("stop", { stopColor: "#02FAF8" }),
-                React__default.createElement("stop", { offset: "1", stopColor: "#01FCFC", stopOpacity: "0" })),
-            React__default.createElement("linearGradient", { id: "paint4_linear_4664_166540", x1: "12", y1: "4.93885", x2: "12", y2: "19.0338", gradientUnits: "userSpaceOnUse" },
-                React__default.createElement("stop", { stopColor: "white" }),
-                React__default.createElement("stop", { offset: "0.0965062", stopColor: "white", stopOpacity: "0" }),
-                React__default.createElement("stop", { offset: "0.706019", stopColor: "white", stopOpacity: "0.53" }),
-                React__default.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })))));
-};
-
 const StyledCreateNewPost = styled.div `
   position: relative;
   display: flex;
@@ -602,8 +540,8 @@ const StyledCreatePostTitle = styled.div `
     line-height: 1.2;
     white-space: nowrap;
     :focus {
-      border-color: ${theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${theme.colors.primary200};
+      border-color: ${(props) => props.color};
+      box-shadow: 0px 0px 2px 2px ${(props) => props.colorShadow};
     }
     br {
       display: none;
@@ -655,6 +593,7 @@ const inputModify$1 = (value, opts) => {
 };
 const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange, }) => {
     var _a;
+    const _theme = useMantineTheme();
     const { t } = useTranslations();
     const [titleValue, setTitleValue] = useState('');
     const titleRef = useRef(null);
@@ -703,7 +642,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
             (_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }, 500);
     }, []);
-    return (React__default.createElement(StyledCreatePostTitle, { className: className, style: style },
+    return (React__default.createElement(StyledCreatePostTitle, { className: className, style: style, color: _theme.colors[_theme.primaryColor][0], colorShadow: _theme.colors[_theme.primaryColor][2] },
         React__default.createElement(Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default.createElement(ContentEditable, { innerRef: titleRef, html: value || titleValue, onChange: () => {
                     if (titleRef.current &&
                         titleRef.current.innerText !== (value || titleValue)) {
@@ -1054,7 +993,7 @@ const applySpecialCharSite = [
     LOCALE.Malaysia,
     LOCALE.Vietnam,
 ];
-const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose, communities = [], forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, selectAskDoctor, showAskDoctorOptions, userInfo, }) => {
+const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose, communities = [], forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, selectAskDoctor, showAskDoctorOptions, userInfo, isMarryBaby = false, }) => {
     const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
     const { data: { locale, router, env: { togetherBasePath }, }, action: { pushNotifications, sanitizeFunction }, } = useContext(TogetherComponentGlobalContext);
     const { asPath } = router || {};
@@ -1352,7 +1291,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles, className: `${error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : ''} ${showAskDoctorOptions ? 'has-ask-doctor-option' : ''}`, footerEditor: React__default.createElement(React__default.Fragment, null,
                             showAskDoctorOptions && (React__default.createElement(StyledIsQuestion, { color: "", className: `${error && (error === null || error === void 0 ? void 0 : error.askDoctor) ? 'has-error' : ''} ${error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : ''}` },
                                 React__default.createElement("div", { className: "switch-label" },
-                                    React__default.createElement(Ask, { size: 24 }),
+                                    React__default.createElement(Ask, { size: isMarryBaby ? 32 : 24, isMarryBaby: isMarryBaby }),
                                     React__default.createElement("div", { className: "wrapper-text" },
                                         React__default.createElement("div", { className: "label-txt" }, t('createPost.askDoctor')),
                                         React__default.createElement("div", { className: "description-txt" }, t('createPost.askDoctor.description')))),

package/build/esm/{index-ba406869.js → index-a6362ff8.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-765c4012.js';
+import { u as useScrollbarSize } from './useScrollbarSize-c1d2305b.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-1775833d.js';
+import { M as MediaQueries } from './utils-6be7a40a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-fc053e14.js → index-aecef271.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-693d6a90.js → index-b01c37de.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-faa25ad2.js';
+import './index-96729a7f.js';
 import '@mantine/dates';
-import './index-7b8202e9.js';
-import './index-7a146eb0.js';
-import './index-dc4ff1e1.js';
-import './useMantineLocale-2fae76d8.js';
-import { T as Text } from './index-80e0d935.js';
-import { B as Button } from './index-fc053e14.js';
-import './index.styles-aa42e09c.js';
-import { u as useTranslations } from './index-3234cd37.js';
+import './index-9c2301a1.js';
+import './index-752ae2d1.js';
+import './index-a8a52be3.js';
+import './useMantineLocale-41d92c63.js';
+import { T as Text } from './index-9a2e8e03.js';
+import { B as Button } from './index-aecef271.js';
+import './index.styles-91274a86.js';
+import { u as useTranslations } from './index-93e19100.js';
 import '@mantine/hooks';
-import './utils-1775833d.js';
-import './other-6fe45f43.js';
-import './index-9a11f08d.js';
+import './utils-6be7a40a.js';
+import './other-d0dfcb72.js';
+import './index-d430ae6b.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-80a83dde.js → index-c2b47c1f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-80e0d935.js';
+import { T as Text } from './index-9a2e8e03.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-c03572ea.js → index-c3f87dd2.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-32075ab8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-faa25ad2.js';
+import { I as Input, S as Select } from './index-96729a7f.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-7b8202e9.js';
-import './index-7a146eb0.js';
-import './index-dc4ff1e1.js';
-import './useMantineLocale-2fae76d8.js';
-import './index-80e0d935.js';
-import './index-fc053e14.js';
-import './index.styles-aa42e09c.js';
-import { u as useTranslations } from './index-3234cd37.js';
+import { C as CDN_ADDRESS } from './index-9c2301a1.js';
+import './index-752ae2d1.js';
+import './index-a8a52be3.js';
+import './useMantineLocale-41d92c63.js';
+import './index-9a2e8e03.js';
+import './index-aecef271.js';
+import './index.styles-91274a86.js';
+import { u as useTranslations } from './index-93e19100.js';
 import '@mantine/hooks';
-import './utils-1775833d.js';
-import './other-6fe45f43.js';
-import './index-9a11f08d.js';
-import { M as MAPPED_LOCALE } from './utils-4bd6643d.js';
-import { L as LOCALE } from './Locale-d2473286.js';
+import './utils-6be7a40a.js';
+import './other-d0dfcb72.js';
+import './index-d430ae6b.js';
+import { M as MAPPED_LOCALE } from './utils-dc821f44.js';
+import { L as LOCALE } from './Locale-9bdc99ff.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-0dcdd746.js → index-c8fbde81.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-c0034f96.js';
-import { u as useTranslations } from './index-3234cd37.js';
+import { I as Icon } from './index-36c8c70a.js';
+import { u as useTranslations } from './index-93e19100.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-ba1e35d0.js → index-d30418b9.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-32075ab8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-798f2335.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-9a11f08d.js';
-import { L as Loading } from './index-942903b5.js';
-import './index-7a146eb0.js';
-import { g as formatArticle } from './dataTransform-c0078d77.js';
+import { T as Tabs } from './index-d430ae6b.js';
+import { L as Loading } from './index-d8eb1964.js';
+import './index-752ae2d1.js';
+import { g as formatArticle } from './dataTransform-82b9983a.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d0a2c010.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-3fd6fd08.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-1c125b33.js';
-import { L as LOCALE } from './Locale-d2473286.js';
+import { C as CardAuthor } from './index-1ac11c69.js';
+import { L as LOCALE } from './Locale-9bdc99ff.js';
 import '@hhgtech/icons/other';
-import './index-fc053e14.js';
-import './index-80e0d935.js';
-import './other-6fe45f43.js';
-import './index-3234cd37.js';
-import './translationsContext-7b1375c9.js';
-import './index-ce60318a.js';
-import './index-1b4dd341.js';
+import './index-aecef271.js';
+import './index-9a2e8e03.js';
+import './other-d0dfcb72.js';
+import './index-93e19100.js';
+import './translationsContext-29cf335c.js';
+import './index-a34795cc.js';
+import './index-5650019d.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-b7e42ed0.js';
+import './constants-ca437b76.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-1775833d.js';
-import './index-f0961535.js';
-import './paths-ad8ea3ae.js';
-import './constants-6967525c.js';
-import './index-7b8202e9.js';
+import './utils-6be7a40a.js';
+import './index-f7fe9a07.js';
+import './paths-24b522dd.js';
+import './constants-52519378.js';
+import './index-9c2301a1.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-c0034f96.js';
+import './index-36c8c70a.js';
 import './miscTheme.js';
-import './WhatsApp-c59f66b4.js';
-import './Spinner-41b42627.js';
-import './index-9b49ea32.js';
+import './WhatsApp-d26fcfb4.js';
+import './Spinner-625874fa.js';
+import './index-259b5db4.js';
 import '@emotion/styled';
-import './useScreenSize-faf340a2.js';
-import './index-dc4ff1e1.js';
+import './useScreenSize-2d291118.js';
+import './index-a8a52be3.js';
 import '@emotion/react';
-import './index-80a83dde.js';
-import './index-bdc544ed.js';
-import './index.styles-aa42e09c.js';
+import './index-c2b47c1f.js';
+import './index-e87771cf.js';
+import './index.styles-91274a86.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-9a11f08d.js → index-d430ae6b.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-fc053e14.js';
-import { T as Text } from './index-80e0d935.js';
+import { B as Button } from './index-aecef271.js';
+import { T as Text } from './index-9a2e8e03.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-0a9b985e.js → index-d60f8591.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default from 'react';
-import './index-faa25ad2.js';
+import './index-96729a7f.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-7b8202e9.js';
-import './index-7a146eb0.js';
-import './index-dc4ff1e1.js';
-import './useMantineLocale-2fae76d8.js';
-import { T as Text$1 } from './index-80e0d935.js';
-import './index-fc053e14.js';
-import './index.styles-aa42e09c.js';
-import './translationsContext-7b1375c9.js';
+import './index-9c2301a1.js';
+import './index-752ae2d1.js';
+import './index-a8a52be3.js';
+import './useMantineLocale-41d92c63.js';
+import { T as Text$1 } from './index-9a2e8e03.js';
+import './index-aecef271.js';
+import './index.styles-91274a86.js';
+import './translationsContext-29cf335c.js';
 import '@mantine/hooks';
-import './utils-1775833d.js';
-import './other-6fe45f43.js';
-import './index-9a11f08d.js';
+import './utils-6be7a40a.js';
+import './other-d0dfcb72.js';
+import './index-d430ae6b.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-942903b5.js → index-d8eb1964.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-3234cd37.js';
-import { B as Button } from './index-ce60318a.js';
+import { u as useTranslations } from './index-93e19100.js';
+import { B as Button } from './index-a34795cc.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-dfe91ab5.js → index-e4410f6e.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-32075ab8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-798f2335.js';
 import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-9a11f08d.js';
-import { L as Loading } from './index-942903b5.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-c0078d77.js';
+import { T as Tabs } from './index-d430ae6b.js';
+import { L as Loading } from './index-d8eb1964.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-82b9983a.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-d0a2c010.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-3fd6fd08.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-dc4ff1e1.js';
-import { I as ImageWrap } from './useScreenSize-faf340a2.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-1c125b33.js';
-import { S as SocialType } from './index-7a146eb0.js';
-import { u as useTranslations } from './index-3234cd37.js';
+import { C as CommonGAssets } from './index-a8a52be3.js';
+import { I as ImageWrap } from './useScreenSize-2d291118.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-1ac11c69.js';
+import { S as SocialType } from './index-752ae2d1.js';
+import { u as useTranslations } from './index-93e19100.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-faa25ad2.js';
+import { A as Anchor$1 } from './index-96729a7f.js';
 import '@mantine/dates';
-import './index-7b8202e9.js';
-import './useMantineLocale-2fae76d8.js';
-import { T as Text } from './index-80e0d935.js';
-import { B as Button } from './index-fc053e14.js';
-import './index.styles-aa42e09c.js';
+import './index-9c2301a1.js';
+import './useMantineLocale-41d92c63.js';
+import { T as Text } from './index-9a2e8e03.js';
+import { B as Button } from './index-aecef271.js';
+import './index.styles-91274a86.js';
 import '@mantine/hooks';
-import './utils-1775833d.js';
-import './other-6fe45f43.js';
+import './utils-6be7a40a.js';
+import './other-d0dfcb72.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-9cf128ab.js';
-import { B as Button$1 } from './index-ce60318a.js';
-import './translationsContext-7b1375c9.js';
+import { d as decodeMention, b as decodePostUrl } from './post-b4402751.js';
+import { B as Button$1 } from './index-a34795cc.js';
+import './translationsContext-29cf335c.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-9da6c746.js → index-e6b0a894.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-7a146eb0.js';
+import './index-752ae2d1.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-dc4ff1e1.js';
+import { C as CommonGAssets } from './index-a8a52be3.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-faf340a2.js';
-import { T as Text } from './index-0a9b985e.js';
-import { L as LOCALE } from './Locale-d2473286.js';
-import { c as CentralCarousel } from './index-faa25ad2.js';
+import { I as ImageWrap } from './useScreenSize-2d291118.js';
+import { T as Text } from './index-d60f8591.js';
+import { L as LOCALE } from './Locale-9bdc99ff.js';
+import { c as CentralCarousel } from './index-96729a7f.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-bdc544ed.js → index-e87771cf.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-aa42e09c.js';
+import { u as useStyles } from './index.styles-91274a86.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-36301dd4.js → index-ef981aca.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-1775833d.js';
+import { M as MediaQueries } from './utils-6be7a40a.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-8b26694b.js → index-f1e1159f.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-fc053e14.js';
+import { B as Button } from './index-aecef271.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-d97a674e.js → index-f1fb0f81.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-32075ab8.js';
+import { _ as __rest } from './tslib.es6-798f2335.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-ca447b76.js';
-import { u as useTranslations } from './index-3234cd37.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-b7e42ed0.js';
-import { I as Input } from './index-faa25ad2.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-996599a9.js';
+import { u as useTranslations } from './index-93e19100.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-ca437b76.js';
+import { I as Input } from './index-96729a7f.js';
 import '@mantine/dates';
-import './index-7b8202e9.js';
-import './index-7a146eb0.js';
-import './index-dc4ff1e1.js';
-import './useMantineLocale-2fae76d8.js';
-import './index-80e0d935.js';
-import './index-fc053e14.js';
-import './index.styles-aa42e09c.js';
+import './index-9c2301a1.js';
+import './index-752ae2d1.js';
+import './index-a8a52be3.js';
+import './useMantineLocale-41d92c63.js';
+import './index-9a2e8e03.js';
+import './index-aecef271.js';
+import './index.styles-91274a86.js';
 import '@mantine/hooks';
-import './utils-1775833d.js';
-import './other-6fe45f43.js';
-import './index-9a11f08d.js';
-import { H as HealthToolFormWrapper } from './index-048d10bb.js';
-import { I as INPUT_RANGE } from './constants-cab13c1b.js';
+import './utils-6be7a40a.js';
+import './other-d0dfcb72.js';
+import './index-d430ae6b.js';
+import { H as HealthToolFormWrapper } from './index-12228ddd.js';
+import { I as INPUT_RANGE } from './constants-d97611e3.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});