@hhgtech/hhg-components 1.29.426 → 1.29.427

package/build/esm/{index-b2bc4bcc.js → index-4e1785cc.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a619fa37.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-2e5cbf2e.js';
-import { L as Loading } from './index-9749fab7.js';
-import './index-bf0c286c.js';
-import { g as formatArticle } from './dataTransform-0fafa03e.js';
+import { T as Tabs } from './index-ef272348.js';
+import { L as Loading } from './index-44c93da0.js';
+import './index-309e9f9f.js';
+import { g as formatArticle } from './dataTransform-d889e974.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ef2933c6.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-05e11879.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-410911c7.js';
-import { L as LOCALE } from './Locale-1adbd058.js';
+import { C as CardAuthor } from './index-32f8c02a.js';
+import { L as LOCALE } from './Locale-26533594.js';
 import '@hhgtech/icons/other';
-import './index-0c17e028.js';
-import './shared-9f63c003.js';
-import './text-594e9ab1.js';
-import './index-60042364.js';
-import './index-4d014b3b.js';
-import './translationsContext-5c3203aa.js';
-import './index-a928937d.js';
-import './index-5a149ebd.js';
+import './index-48a8302e.js';
+import './shared-f5de135e.js';
+import './text-158cf5bd.js';
+import './index-10a3302b.js';
+import './index-0ab349fa.js';
+import './translationsContext-883824d9.js';
+import './index-72df2997.js';
+import './index-97001998.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-3ba45268.js';
+import './constants-7d835b03.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-6bddb1bf.js';
-import './index-93da46ac.js';
-import './paths-4947f363.js';
-import './constants-32613d9d.js';
-import './index-20c22407.js';
+import './utils-870609dc.js';
+import './index-0e690575.js';
+import './paths-04da3bdb.js';
+import './constants-76adad82.js';
+import './index-b3402064.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-6c099508.js';
+import './index-08e5fde6.js';
 import './miscTheme.js';
-import './WhatsApp-57fb5cfa.js';
-import './Spinner-e2372478.js';
-import './index-316175b3.js';
+import './WhatsApp-ee1858ec.js';
+import './Spinner-6a6125b4.js';
+import './index-d51b9cbc.js';
 import '@emotion/styled';
-import './index-6e6adf66.js';
-import './index-d21e5ac4.js';
-import './index-454aabe6.js';
+import './index-6e5266fd.js';
+import './index-e38d4db6.js';
+import './index-ff613e3c.js';
 import '@emotion/react';
-import './index-d9b10070.js';
-import './index-c5d523f7.js';
-import './index.styles-90350fcf.js';
+import './index-de7489e0.js';
+import './index-9cba8ad6.js';
+import './index.styles-8a4b3af1.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-4b29e07a.js → index-50c381ee.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-bf0c286c.js';
+import './index-309e9f9f.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
+import { C as CommonGAssets } from './index-e38d4db6.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-6e6adf66.js';
-import { T as Text } from './index-ec73a304.js';
-import { L as LOCALE } from './Locale-1adbd058.js';
-import { c as CentralCarousel } from './index-caa5e1d0.js';
+import { I as ImageWrap } from './index-6e5266fd.js';
+import { T as Text } from './index-d6dd1738.js';
+import { L as LOCALE } from './Locale-26533594.js';
+import { c as CentralCarousel } from './index-a9596fae.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-11aeba79.js → index-57d4de8b.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-caa5e1d0.js';
-import { D as DatePicker } from './index-ddcc418c.js';
-import { T as Text } from './index-60042364.js';
-import './index-0c17e028.js';
-import './index.styles-90350fcf.js';
-import { u as useTranslations } from './index-4d014b3b.js';
+import { I as Input } from './index-a9596fae.js';
+import { D as DatePicker } from './index-12d87d17.js';
+import { T as Text } from './index-10a3302b.js';
+import './index-48a8302e.js';
+import './index.styles-8a4b3af1.js';
+import { u as useTranslations } from './index-0ab349fa.js';
 import '@mantine/hooks';
-import './index-74e79996.js';
-import './text-594e9ab1.js';
-import './utils-6bddb1bf.js';
-import './index-2e5cbf2e.js';
-import { I as INPUT_RANGE } from './constants-6fdeff2a.js';
-import { H as HealthToolFormWrapper } from './index-ee87b5ad.js';
-import { G as GenderOptionControl } from './index-08b3741a.js';
-import { L as LOCALE } from './Locale-1adbd058.js';
+import './index-23813f53.js';
+import './text-158cf5bd.js';
+import './utils-870609dc.js';
+import './index-ef272348.js';
+import { I as INPUT_RANGE } from './constants-a9177a50.js';
+import { H as HealthToolFormWrapper } from './index-4d175bdb.js';
+import { G as GenderOptionControl } from './index-03f73da7.js';
+import { L as LOCALE } from './Locale-26533594.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-101b3499.js → index-5cdf8648.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-ccf330be.js';
+import { C as Container } from './index-e2660f71.js';
 import dayjs from 'dayjs';
-import './index-20c22407.js';
-import './index-caa5e1d0.js';
+import './index-b3402064.js';
+import './index-a9596fae.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-bf0c286c.js';
-import './index-d21e5ac4.js';
-import './index-74e79996.js';
-import { T as Text } from './index-60042364.js';
-import './index-0c17e028.js';
-import './index.styles-90350fcf.js';
-import './translationsContext-5c3203aa.js';
+import './index-309e9f9f.js';
+import './index-e38d4db6.js';
+import './index-23813f53.js';
+import { T as Text } from './index-10a3302b.js';
+import './index-48a8302e.js';
+import './index.styles-8a4b3af1.js';
+import './translationsContext-883824d9.js';
 import '@mantine/hooks';
-import './text-594e9ab1.js';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
-import './index-2e5cbf2e.js';
-import { u as useScreenSize } from './index-6e6adf66.js';
+import './text-158cf5bd.js';
+import { M as MediaQueries } from './utils-870609dc.js';
+import './index-ef272348.js';
+import { u as useScreenSize } from './index-6e5266fd.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-e9b6c737.js';
-import { M as MarryBabyText } from './index-7a93ded9.js';
+import { L as Logo } from './index-b8bb8a3a.js';
+import { M as MarryBabyText } from './index-d3c26ec8.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-39422a01.js → index-5f0def29.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a619fa37.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-e2372478.js';
-import { a as Avatar } from './index-caa5e1d0.js';
-import { B as Button } from './index-0c17e028.js';
-import { T as Text } from './index-60042364.js';
-import { u as useTranslations } from './index-4d014b3b.js';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
+import { S as Spinner } from './Spinner-6a6125b4.js';
+import { a as Avatar } from './index-a9596fae.js';
+import { B as Button } from './index-48a8302e.js';
+import { T as Text } from './index-10a3302b.js';
+import { u as useTranslations } from './index-0ab349fa.js';
+import { C as CommonGAssets } from './index-e38d4db6.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { M as MediaQueries } from './utils-870609dc.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-20c22407.js';
-import { i as domainLocalesMarryBaby } from './utils-ef2933c6.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-351b5950.js';
+import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-b3402064.js';
+import { i as domainLocalesMarryBaby } from './utils-05e11879.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-e61bca8b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-ed121b65.js → index-637eab7e.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a619fa37.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-caa5e1d0.js';
+import { I as Input, S as Select } from './index-a9596fae.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-20c22407.js';
-import './index-bf0c286c.js';
-import './index-d21e5ac4.js';
-import './index-74e79996.js';
-import './index-60042364.js';
-import './index-0c17e028.js';
-import './index.styles-90350fcf.js';
-import { u as useTranslations } from './index-4d014b3b.js';
+import { C as CDN_ADDRESS } from './index-b3402064.js';
+import './index-309e9f9f.js';
+import './index-e38d4db6.js';
+import './index-23813f53.js';
+import './index-10a3302b.js';
+import './index-48a8302e.js';
+import './index.styles-8a4b3af1.js';
+import { u as useTranslations } from './index-0ab349fa.js';
 import '@mantine/hooks';
-import './text-594e9ab1.js';
-import './utils-6bddb1bf.js';
-import './index-2e5cbf2e.js';
-import { M as MAPPED_LOCALE } from './utils-c53fcf83.js';
-import { L as LOCALE } from './Locale-1adbd058.js';
+import './text-158cf5bd.js';
+import './utils-870609dc.js';
+import './index-ef272348.js';
+import { M as MAPPED_LOCALE } from './utils-92cc31a6.js';
+import { L as LOCALE } from './Locale-26533594.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-d8b0a239.js → index-692fcadd.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-d9b10070.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-6bddb1bf.js';
-import { u as useTranslations } from './index-4d014b3b.js';
-import { T as TogetherComponentGlobalContext } from './utils-ef2933c6.js';
+import { H as Heading } from './index-de7489e0.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-870609dc.js';
+import { u as useTranslations } from './index-0ab349fa.js';
+import { T as TogetherComponentGlobalContext } from './utils-05e11879.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-60042364.js';
+import { T as Text } from './index-10a3302b.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-6e6adf66.js → index-6e5266fd.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-6bddb1bf.js';
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { B as Breakpoints } from './utils-870609dc.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-058bca94.js → index-6f7896ab.js}

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-6e6adf66.js';
+import { I as ImageWrap } from './index-6e5266fd.js';
 
 /* eslint-disable prettier/prettier */
 const Pin2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),

package/build/esm/{index-2db6f2db.js → index-715f1b76.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-594e9ab1.js';
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-158cf5bd.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { theme } from './miscTheme.js';
 import { useClickOutside } from '@mantine/hooks';

package/build/esm/{index-a928937d.js → index-72df2997.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-0c17e028.js';
+import { B as Button$1 } from './index-48a8302e.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-d9c45c9f.js → index-730be82a.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-caa5e1d0.js';
+import { F as Flag } from './index-a9596fae.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-60042364.js';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-20c22407.js';
-import { V as VideoType } from './index-bf0c286c.js';
+import { T as Text } from './index-10a3302b.js';
+import { C as CommonGAssets } from './index-e38d4db6.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-b3402064.js';
+import { V as VideoType } from './index-309e9f9f.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-3b47fa37.js';
-import { u as useTranslations } from './index-4d014b3b.js';
+import { a as abbreviateNumber } from './number-ea0f5c61.js';
+import { u as useTranslations } from './index-0ab349fa.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-c5d523f7.js';
-import { S as SocialLinkPreview } from './index-b145dc48.js';
+import { M as Modal } from './index-9cba8ad6.js';
+import { S as SocialLinkPreview } from './index-28dd1269.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-d9447bed.js → index-76cb3bf9.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { M as MediaQueries } from './utils-870609dc.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-0650583c.js → index-77919c55.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Box, Flex, rem, createStyles } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-caa5e1d0.js';
+import './index-a9596fae.js';
 import '@mantine/dates';
-import './index-20c22407.js';
-import './index-bf0c286c.js';
-import './index-d21e5ac4.js';
-import { t as themeColors } from './index-74e79996.js';
-import { T as Text } from './index-60042364.js';
-import './index-0c17e028.js';
-import './index.styles-90350fcf.js';
-import { u as useTranslations } from './index-4d014b3b.js';
+import './index-b3402064.js';
+import './index-309e9f9f.js';
+import './index-e38d4db6.js';
+import { t as themeColors } from './index-23813f53.js';
+import { T as Text } from './index-10a3302b.js';
+import './index-48a8302e.js';
+import './index.styles-8a4b3af1.js';
+import { u as useTranslations } from './index-0ab349fa.js';
 import '@mantine/hooks';
-import './text-594e9ab1.js';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
-import './index-2e5cbf2e.js';
+import './text-158cf5bd.js';
+import { M as MediaQueries } from './utils-870609dc.js';
+import './index-ef272348.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-c11edefc.js → index-8472f622.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-a928937d.js';
-import { H as Heading } from './index-d9b10070.js';
-import { T as Text } from './index-60042364.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-6bddb1bf.js';
+import { B as Button } from './index-72df2997.js';
+import { H as Heading } from './index-de7489e0.js';
+import { T as Text } from './index-10a3302b.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-870609dc.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-ef2933c6.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-05e11879.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-ca7ad81a.js';
-import { I as Input } from './index-09ed05be.js';
-import { u as useTranslations } from './index-4d014b3b.js';
-import { e as formatComment } from './dataTransform-0fafa03e.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-3ba45268.js';
+import { a as __awaiter } from './tslib.es6-a619fa37.js';
+import { I as Input } from './index-e8dd38f9.js';
+import { u as useTranslations } from './index-0ab349fa.js';
+import { e as formatComment } from './dataTransform-d889e974.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-7d835b03.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-c7a8594d.js';
-import { C as CardLink } from './index-b57790fe.js';
-import { L as Loading } from './index-454aabe6.js';
-import { U as UserAvatar } from './index-316175b3.js';
-import { R as RichTextEditor } from './editor-1b19a260.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-346a7c41.js';
+import { C as CardLink } from './index-90b3f818.js';
+import { L as Loading } from './index-ff613e3c.js';
+import { U as UserAvatar } from './index-d51b9cbc.js';
+import { R as RichTextEditor } from './editor-1a5d9bbe.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-d9447bed.js';
-import { C as CloseIcon } from './index-d8b0a239.js';
+import { P as Popup } from './index-76cb3bf9.js';
+import { C as CloseIcon } from './index-692fcadd.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-304b4db7.js → index-8555a2d7.js}

@@ -1,9 +1,27 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-20c22407.js';
+import { Z as ZINDEX_SSO } from './index-b3402064.js';
+
+const TIME_FOR_MOTION = 300;
+const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {
+    const [isDragging, setIsDragging] = useState(false);
+    const handleDragStart = useCallback(() => {
+        setIsDragging(true);
+    }, []);
+    const handleDragEnd = useCallback(() => {
+        setTimeout(() => {
+            setIsDragging(false);
+        }, motionDelay);
+    }, [motionDelay]);
+    return {
+        isDragging,
+        handleDragStart,
+        handleDragEnd,
+    };
+};
 
 const StyledDrawerComponentContent = styled(Drawer.Content) `
   position: fixed;
@@ -45,6 +63,13 @@ const StyledDrawerComponentContent = styled(Drawer.Content) `
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
   }
+
+  ${(props) => props.isDragging &&
+    `
+      input {
+        caret-color: transparent;
+      }
+    `}
 `;
 const StyledDrawerComponentOverlay = styled(Drawer.Overlay) `
   position: fixed;
@@ -62,6 +87,7 @@ const DrawerComponent = (props) => {
     const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className, fadeFromIndex = ZINDEX_SSO - 9e6 } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className", "fadeFromIndex"]);
     const [open, setOpen] = useState(openProps);
     const [snap, setSnap] = useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
+    const { isDragging, handleDragStart, handleDragEnd } = useDrawerDrag();
     const onOpenChange = useCallback((_open) => {
         setOpen(_open);
         onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
@@ -102,12 +128,12 @@ const DrawerComponent = (props) => {
     useEffect(() => {
         setSnap(activeSnapPoint);
     }, [activeSnapPoint]);
-    return (React__default.createElement(Drawer.Root, Object.assign({}, restProps, mergedProps),
+    return (React__default.createElement(Drawer.Root, Object.assign({ onDrag: handleDragStart, onRelease: handleDragEnd }, restProps, mergedProps),
         React__default.createElement(Drawer.Portal, null,
             React__default.createElement(StyledDrawerComponentOverlay, { className: clsx(overlayClassName, 'drawer__overlay', {
                     drawer__overlay_full: isFullSnapPoint,
                 }) }),
-            React__default.createElement(StyledDrawerComponentContent, { className: clsx(className, 'drawer__content', {
+            React__default.createElement(StyledDrawerComponentContent, { isDragging: isDragging, className: clsx(className, 'drawer__content', {
                     drawer__content_full: isFullSnapPoint,
                 }) },
                 React__default.createElement(Drawer.Handle, { className: "drawer__handle" }),
@@ -115,4 +141,4 @@ const DrawerComponent = (props) => {
                 children))));
 };
 
-export { DrawerComponent as D };
+export { DrawerComponent as D, useDrawerDrag as u };

package/build/esm/{index-63465c91.js → index-88936e48.js}

@@ -1,17 +1,17 @@
 import React__default, { useState, useRef, createContext, useEffect, Fragment } from 'react';
-import { T as Text } from './index-60042364.js';
+import { T as Text } from './index-10a3302b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { M as MediaQueries } from './utils-870609dc.js';
 import { Collapse } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-058bca94.js';
-import { R as Radio$1 } from './index-caa5e1d0.js';
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
-import { T as Text$1 } from './index-ec73a304.js';
+import { S as ShapedArrowDown } from './index-6f7896ab.js';
+import { R as Radio$1 } from './index-a9596fae.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
+import { T as Text$1 } from './index-d6dd1738.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-d9b10070.js';
+import { H as Heading } from './index-de7489e0.js';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-c2b2d889.js → index-8fb467f3.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-5a149ebd.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-20c22407.js';
-import { N as NodeIntentType } from './index-bf0c286c.js';
+import { c as cookie } from './index-97001998.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-b3402064.js';
+import { N as NodeIntentType } from './index-309e9f9f.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-b57790fe.js → index-90b3f818.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { a as __awaiter } from './tslib.es6-a619fa37.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-d9b10070.js';
-import { T as Text } from './index-60042364.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ef2933c6.js';
+import { H as Heading } from './index-de7489e0.js';
+import { T as Text } from './index-10a3302b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-05e11879.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-3ba45268.js';
+import { D as DEFAULT_IMG } from './constants-7d835b03.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-ee2b5506.js → index-988869bd.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-d35457b9.js';
+import { u as useScrollbarSize } from './useScrollbarSize-abd0d390.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { M as MediaQueries } from './utils-870609dc.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c5d523f7.js → index-9cba8ad6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-a619fa37.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-90350fcf.js';
+import { u as useStyles } from './index.styles-8a4b3af1.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);