@hhgtech/hhg-components 1.29.550 → 1.29.551-beta-2

package/build/esm/togetherMoleculesProfileDetail.js

@@ -1,26 +1,26 @@
-import './tslib.es6-b940e641.js';
+import './tslib.es6-8a4944c0.js';
 import 'react';
 import 'dayjs';
-import './index-66a2eb0e.js';
-import './index-a8df4ce7.js';
-import './dataTransform-e72f7c17.js';
+import './index-60727bcb.js';
+import './index-858f093d.js';
+import './dataTransform-1c502cd3.js';
 import './togetherApiPaths.js';
-import './utils-caa70448.js';
-export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-3f885f4b.js';
-import './index-29ea92ca.js';
-import './index-03f8896b.js';
+import './utils-76afb694.js';
+export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-56f70d54.js';
+import './index-9121d038.js';
+import './index-590c28b9.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
-import './index-245ea5bf.js';
-import './shared-3c4a2c9e.js';
-import './index-85a11088.js';
-import './index-41237461.js';
-import './index-60af4699.js';
-import './index-4a488a1a.js';
-import './index-5985e72d.js';
+import './index-366eae1b.js';
+import './shared-86670d09.js';
+import './index-d8b2fcf3.js';
+import './index-af1aca45.js';
+import './index-d045ffff.js';
+import './index-d188c800.js';
+import './index-360a1819.js';
 import 'date-fns/locale';
-import './index-42a17b63.js';
-import './Locale-1eb0677a.js';
+import './index-bf3575b9.js';
+import './Locale-4dda5d6a.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -30,39 +30,39 @@ import 'uuid';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
-import './constants-c84d0a75.js';
+import './constants-ca36edb4.js';
 import '@hhgtech/icons/core';
-import './index-ad39f25d.js';
-import './index-251c3de6.js';
-import './utils-5a30f517.js';
+import './index-f163ec1e.js';
+import './index-3837aff2.js';
+import './utils-a5840ce3.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-eb285bd6.js';
+import './index-25f76972.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-cab341bf.js';
+import './index-3432f5a9.js';
 import '@mantine/notifications';
 import 'classnames';
-import './useUniqueId-01da71f7.js';
+import './useUniqueId-a0bed8e6.js';
 import '@emotion/react';
 import '@mantine/dates';
-import './index.styles-167ebd4b.js';
+import './index.styles-29e70091.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-f2d23821.js';
+import './store-9a491b84.js';
 import 'zustand';
-import './index-df221d34.js';
-import './normalizeLink-9d16a354.js';
+import './index-8857271a.js';
+import './normalizeLink-0feacabe.js';
 import 'react-phone-number-input';
-import './post-6b744e48.js';
-import './translationsContext-64362761.js';
+import './post-c55354d4.js';
+import './translationsContext-83e38db5.js';
 import 'dayjs/plugin/relativeTime';
-import './index-12686c0c.js';
-import './paths-edd71438.js';
-import './constants-1db989f5.js';
-import './index-46a27007.js';
-import './WhatsApp-ee979fe5.js';
-import './Spinner-23f85c6e.js';
-import './index-f65d688c.js';
-import './index-bb0ea1f8.js';
-import './index-c75be8d0.js';
-import './index-3a1e37a5.js';
+import './index-92c130de.js';
+import './paths-3089f9c3.js';
+import './constants-95695e1d.js';
+import './index-ce4611a9.js';
+import './WhatsApp-f0a299eb.js';
+import './Spinner-bd6fd920.js';
+import './index-c660d7da.js';
+import './index-9bbf93ec.js';
+import './index-4db48f95.js';
+import './index-7eb8522b.js';

package/build/esm/togetherOrganisms.js

@@ -1,26 +1,26 @@
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-c07de9b0.js';
-export { P as PopoverMenu } from './index-7821eb30.js';
-import './tslib.es6-b940e641.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-49112ad6.js';
+export { P as PopoverMenu } from './index-859c9eb2.js';
+import './tslib.es6-8a4944c0.js';
 import 'react';
-import './index-60af4699.js';
-import './index-245ea5bf.js';
+import './index-d045ffff.js';
+import './index-366eae1b.js';
 import '@mantine/core';
-import './shared-3c4a2c9e.js';
-import './index-85a11088.js';
-import './index-c75be8d0.js';
-import './index-41237461.js';
-import './index-03f8896b.js';
-import './translationsContext-64362761.js';
+import './shared-86670d09.js';
+import './index-d8b2fcf3.js';
+import './index-4db48f95.js';
+import './index-af1aca45.js';
+import './index-590c28b9.js';
+import './translationsContext-83e38db5.js';
 import 'innertext';
-import './index-bd657528.js';
-import './utils-5a30f517.js';
+import './index-e63fb8ea.js';
+import './utils-a5840ce3.js';
 import 'react-dom';
-import './utils-caa70448.js';
-import './index-4a488a1a.js';
-import './index-5985e72d.js';
+import './utils-76afb694.js';
+import './index-d188c800.js';
+import './index-360a1819.js';
 import 'date-fns/locale';
-import './index-42a17b63.js';
-import './Locale-1eb0677a.js';
+import './index-bf3575b9.js';
+import './Locale-4dda5d6a.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -31,55 +31,55 @@ import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-c84d0a75.js';
+import './constants-ca36edb4.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-43da6f8d.js';
-import './dataTransform-e72f7c17.js';
-import './post-6b744e48.js';
-import './index-cd0e6009.js';
-import './index-bb0ea1f8.js';
+import './index-e54714d2.js';
+import './dataTransform-1c502cd3.js';
+import './post-c55354d4.js';
+import './index-34738abd.js';
+import './index-9bbf93ec.js';
 import '@emotion/react';
-import './index-f65d688c.js';
-import './editor-54533581.js';
+import './index-c660d7da.js';
+import './editor-34840f2c.js';
 import 'lodash/debounce';
-import './useUniqueId-01da71f7.js';
+import './useUniqueId-a0bed8e6.js';
 import '@hhgtech/icons/other';
-import './index-be607802.js';
-import './index-4c7b3787.js';
+import './index-7079e2fc.js';
+import './index-082d9724.js';
 import './miscDefaultClassWrapper.js';
 import './togetherShareBox.js';
-import './index-251c3de6.js';
-import './index-ad39f25d.js';
+import './index-3837aff2.js';
+import './index-f163ec1e.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-f2d23821.js';
+import './store-9a491b84.js';
 import 'zustand';
-import './index-df221d34.js';
-import './normalizeLink-9d16a354.js';
+import './index-8857271a.js';
+import './normalizeLink-0feacabe.js';
 import 'react-phone-number-input';
-import './treePopoverMenu-66a7a5c0.js';
-import './index-46a27007.js';
-import './WhatsApp-ee979fe5.js';
-import './Spinner-23f85c6e.js';
-import './index-eb285bd6.js';
+import './treePopoverMenu-3a5c5cd3.js';
+import './index-ce4611a9.js';
+import './WhatsApp-f0a299eb.js';
+import './Spinner-bd6fd920.js';
+import './index-25f76972.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-cab341bf.js';
+import './index-3432f5a9.js';
 import 'dayjs';
 import '@mantine/notifications';
 import 'classnames';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-167ebd4b.js';
-import './index-66a2eb0e.js';
+import './index.styles-29e70091.js';
+import './index-60727bcb.js';
 import 'date-fns';
-import './index-29ea92ca.js';
+import './index-9121d038.js';
 import 'dayjs/plugin/relativeTime';
-import './index-12686c0c.js';
-import './paths-edd71438.js';
-import './constants-1db989f5.js';
-import './index-3a1e37a5.js';
-import './index-3f885f4b.js';
-import './index-a8df4ce7.js';
-import './index-09f5de79.js';
-import './index-6df561ad.js';
+import './index-92c130de.js';
+import './paths-3089f9c3.js';
+import './constants-95695e1d.js';
+import './index-7eb8522b.js';
+import './index-56f70d54.js';
+import './index-858f093d.js';
+import './index-5f65fd44.js';
+import './index-04aaa58b.js';

package/build/esm/togetherRichTextEditor.js

@@ -1,32 +1,32 @@
-import './tslib.es6-b940e641.js';
+import './tslib.es6-8a4944c0.js';
 import 'react';
-import './index-60af4699.js';
-import './index-43da6f8d.js';
-import './index-41237461.js';
-import './index-03f8896b.js';
+import './index-d045ffff.js';
+import './index-e54714d2.js';
+import './index-af1aca45.js';
+import './index-590c28b9.js';
 import 'lodash/debounce';
 import './miscCookieHelper.js';
-import './useUniqueId-01da71f7.js';
-import './utils-caa70448.js';
-export { R as RichTextEditor, R as default } from './editor-54533581.js';
+import './useUniqueId-a0bed8e6.js';
+import './utils-76afb694.js';
+export { R as RichTextEditor, R as default } from './editor-34840f2c.js';
 import './togetherApiPaths.js';
-import './constants-c84d0a75.js';
-import './post-6b744e48.js';
-import './index-f65d688c.js';
-import './index-7821eb30.js';
-import './index-245ea5bf.js';
+import './constants-ca36edb4.js';
+import './post-c55354d4.js';
+import './index-c660d7da.js';
+import './index-859c9eb2.js';
+import './index-366eae1b.js';
 import '@mantine/core';
-import './shared-3c4a2c9e.js';
-import './index-85a11088.js';
+import './shared-86670d09.js';
+import './index-d8b2fcf3.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-5a30f517.js';
-import './translationsContext-64362761.js';
-import './index-4a488a1a.js';
-import './index-5985e72d.js';
+import './utils-a5840ce3.js';
+import './translationsContext-83e38db5.js';
+import './index-d188c800.js';
+import './index-360a1819.js';
 import 'date-fns/locale';
-import './index-42a17b63.js';
-import './Locale-1eb0677a.js';
+import './index-bf3575b9.js';
+import './Locale-4dda5d6a.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';

package/build/esm/togetherShareBox.js

@@ -1,21 +1,21 @@
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { T as Text } from './index-41237461.js';
-import { u as useTranslations } from './index-03f8896b.js';
+import { T as Text } from './index-af1aca45.js';
+import { u as useTranslations } from './index-590c28b9.js';
 import { theme } from './miscTheme.js';
-import { u as useScreenSize, I as ImageWrap } from './index-251c3de6.js';
-import { T as TogetherComponentGlobalContext } from './utils-caa70448.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3837aff2.js';
+import { T as TogetherComponentGlobalContext } from './utils-76afb694.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5a30f517.js';
+import { M as MediaQueries } from './utils-a5840ce3.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import './tslib.es6-b940e641.js';
+import './tslib.es6-8a4944c0.js';
 import '@mantine/core';
-import './index-85a11088.js';
-import './translationsContext-64362761.js';
-import './index-4a488a1a.js';
-import './index-5985e72d.js';
+import './index-d8b2fcf3.js';
+import './translationsContext-83e38db5.js';
+import './index-d188c800.js';
+import './index-360a1819.js';
 import 'date-fns/locale';
-import './index-42a17b63.js';
-import './Locale-1eb0677a.js';
+import './index-bf3575b9.js';
+import './Locale-4dda5d6a.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -26,7 +26,7 @@ import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-c84d0a75.js';
+import './constants-ca36edb4.js';
 
 const StyledItemWrapper = setDefaultClass(styled.a `
     * {

package/build/esm/{transform-bfd9b742.js → transform-9aabda74.js}

@@ -1,67 +1,67 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b940e641.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8a4944c0.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio, a as Carousel } from './index-eb285bd6.js';
+import { R as Radio, a as Carousel } from './index-25f76972.js';
 import { Stack, Group, createStyles, getStylesRef, useMantineTheme, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Modal as Modal$1, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, Z as ZINDEX_SSO } from './index-5985e72d.js';
-import './index-42a17b63.js';
-import { C as CommonGAssets } from './index-ad39f25d.js';
-import './index-cab341bf.js';
-import { T as Text } from './index-41237461.js';
-import { B as Button$1 } from './index-245ea5bf.js';
-import { F as FontWeight } from './index-85a11088.js';
-import './index.styles-167ebd4b.js';
-import './translationsContext-64362761.js';
+import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, Z as ZINDEX_SSO } from './index-360a1819.js';
+import './index-bf3575b9.js';
+import { C as CommonGAssets } from './index-f163ec1e.js';
+import './index-3432f5a9.js';
+import { T as Text } from './index-af1aca45.js';
+import { B as Button$1 } from './index-366eae1b.js';
+import { F as FontWeight } from './index-d8b2fcf3.js';
+import './index.styles-29e70091.js';
+import './translationsContext-83e38db5.js';
 import { useDisclosure } from '@mantine/hooks';
-import { M as MediaQueries } from './utils-5a30f517.js';
-import './index-66a2eb0e.js';
-import { i as isInternalLink } from './SiteWideBanner-3b6136d8.js';
+import { M as MediaQueries } from './utils-a5840ce3.js';
+import './index-60727bcb.js';
+import { i as isInternalLink } from './SiteWideBanner-d7eb45ab.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-80645f3a.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-d6b5f228.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-7036c9d2.js';
+import { L as Logo } from './index-cf80df22.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-9eac20c4.js';
+import { a as useOutsideClick } from './useOutsideClick-b2f5a321.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-60af4699.js';
-import { u as useScreenSize, I as ImageWrap } from './index-251c3de6.js';
-import { u as useTranslations, f as format$1 } from './index-03f8896b.js';
+import { B as Button } from './index-d045ffff.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3837aff2.js';
+import { u as useTranslations, f as format$1 } from './index-590c28b9.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-2f031a4b.js';
+import { D as Dropdown } from './index-ef37eb5d.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-43da6f8d.js';
-import { D as Drawer } from './index-f3bf1bd6.js';
-import { D as DrawerBottom } from './index-bda98938.js';
-import { M as Modal } from './index-3a1e37a5.js';
-import { f as formatArticle } from './dataTransform-e72f7c17.js';
+import { I as Input } from './index-e54714d2.js';
+import { D as Drawer } from './index-0e51034d.js';
+import { D as DrawerBottom } from './index-ba3378cc.js';
+import { M as Modal } from './index-7eb8522b.js';
+import { f as formatArticle } from './dataTransform-1c502cd3.js';
 import { DISCOVER_PATHS } from './togetherApiPaths.js';
-import { c as callApi, g as getDiscoverApiPath } from './utils-caa70448.js';
+import { c as callApi, g as getDiscoverApiPath } from './utils-76afb694.js';
 import innertext from 'innertext';
-import { L as LOCALE } from './Locale-1eb0677a.js';
-import { g as getHelloSitesUrl } from './index-4a488a1a.js';
-import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-c84d0a75.js';
+import { L as LOCALE } from './Locale-4dda5d6a.js';
+import { g as getHelloSitesUrl } from './index-d188c800.js';
+import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-ca36edb4.js';
 import dayjs from 'dayjs';
 import { ArticleCard } from './moleculesArticleCard.js';
 import { v4 } from 'uuid';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-f9edf565.js';
-import { L as Loading } from './index-761b7350.js';
+import { A as ArrowRightBlue } from './index-c0f86e1b.js';
+import { L as Loading } from './index-4dafdde5.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './index-3fbb2f77.js';
+import { C as Close } from './index-b1c69d8b.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
-import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-dbfdc5bf.js';
+import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-cba9b37c.js';
 
 const StarFull = (_a) => {
     var { color, stroke } = _a, props = __rest(_a, ["color", "stroke"]);
@@ -6798,12 +6798,12 @@ const RatingStarsWrapperStyled = styled.div `
 `;
 const RatingStarsStyled = styled.div `
   display: flex;
-  gap: ${rem(4)};
+  gap: ${({ $gap = 4 }) => $gap};
 
   svg {
     cursor: pointer;
-    width: ${rem(48)};
-    height: ${rem(48)};
+    width: ${({ $size = 48 }) => $size};
+    height: ${({ $size = 48 }) => $size};
   }
 
   &.read-only {
@@ -6820,14 +6820,24 @@ const RatingStarsFeedbackStyled = styled.div `
   margin-top: ${rem(12)};
 `;
 
-const RatingStar = ({ filled, onClick, onMouseEnter, onMouseLeave, }) => (React__default.createElement("div", { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-    React__default.createElement(StarFull, { color: filled ? theme.colors.yellow600 : theme.colors.neutral100, stroke: filled ? theme.colors.yellow500 : theme.colors.neutral200 })));
+const RatingStar = ({ filled, size = 48, onClick, onMouseEnter, onMouseLeave, icon: Icon, iconProps, filledColor, emptyColor, }) => {
+    const color = filled
+        ? filledColor !== null && filledColor !== void 0 ? filledColor : theme.colors.yellow600
+        : emptyColor !== null && emptyColor !== void 0 ? emptyColor : theme.colors.neutral100;
+    return (React__default.createElement("div", { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, Icon ? (React__default.createElement(Icon, Object.assign({}, iconProps, { size: size, color: color }, (filled ? { isSolid: true } : {})))) : (React__default.createElement(StarFull, { width: size, height: size, color: color, stroke: filled
+            ? filledColor !== null && filledColor !== void 0 ? filledColor : theme.colors.yellow500
+            : emptyColor !== null && emptyColor !== void 0 ? emptyColor : theme.colors.neutral200 }))));
+};
 
 const HALF_STAR_THRESHOLD = 0.5;
 const FULL_STAR_THRESHOLD = 0.9;
-const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) => {
+const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, size = 48, gap = 4, hideEmptyStars = false, icon, iconProps, filledColor, emptyColor, }) => {
     const [hovered, setHovered] = useState(null);
     const isHovered = hovered !== null;
+    // Keep stars whose fill amount is at least half (empty stars are omitted).
+    const starCount = hideEmptyStars
+        ? Math.min(max, Math.max(0, Math.floor(value - HALF_STAR_THRESHOLD) + 1))
+        : max;
     const handleChange = (index) => {
         if (!readOnly)
             onChange === null || onChange === void 0 ? void 0 : onChange(index);
@@ -6840,8 +6850,8 @@ const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) =
         if (!readOnly)
             setHovered(null);
     };
-    const starComponent = (starValue, filled) => (React__default.createElement(RatingStar, { key: `star-${starValue}`, filled: filled, onClick: () => handleChange(starValue), onMouseEnter: () => handleMouseEnter(starValue), onMouseLeave: handleMouseLeave }));
-    return (React__default.createElement(RatingStarsStyled, { className: clsx(readOnly && 'read-only') }, Array.from({ length: max }).map((_, index) => {
+    const starComponent = (starValue, filled) => (React__default.createElement(RatingStar, { key: `star-${starValue}`, filled: filled, size: size, icon: icon, iconProps: iconProps, filledColor: filledColor, emptyColor: emptyColor, onClick: () => handleChange(starValue), onMouseEnter: () => handleMouseEnter(starValue), onMouseLeave: handleMouseLeave }));
+    return (React__default.createElement(RatingStarsStyled, { className: clsx(readOnly && 'read-only'), "$size": size, "$gap": gap }, Array.from({ length: starCount }).map((_, index) => {
         const starValue = index + 1;
         const diff = value - index;
         if (isHovered) {
@@ -6852,13 +6862,13 @@ const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) =
         }
         if (diff >= HALF_STAR_THRESHOLD) {
             return (React__default.createElement("div", { key: `star-${index}` },
-                React__default.createElement(StarHalf, null)));
+                React__default.createElement(StarHalf, { width: size, height: size })));
         }
         return starComponent(starValue, false);
     })));
 };
 
-const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false, name, id, label, error, }) => {
+const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false, name, id, label, error, size, gap, hideEmptyStars, hideFeedback = false, icon, iconProps, filledColor, emptyColor, }) => {
     const { t } = useTranslations();
     const ratingDescriptions = {
         1: t('common.rating.worse'),
@@ -6871,8 +6881,8 @@ const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false,
     return (React__default.createElement(RatingStarsWrapperStyled, { className: clsx(readOnly && 'read-only') },
         label && (React__default.createElement(Text, { as: "label", size: "title2" }, label)),
         React__default.createElement("input", { type: "hidden", name: name, id: id, value: value }),
-        React__default.createElement(RatingStars, { value: value, max: max, onChange: onChange, readOnly: readOnly }),
-        value >= 0 && (React__default.createElement(RatingStarsFeedbackStyled, null,
+        React__default.createElement(RatingStars, { value: value, max: max, onChange: onChange, readOnly: readOnly, size: size, gap: gap, hideEmptyStars: hideEmptyStars, icon: icon, iconProps: iconProps, filledColor: filledColor, emptyColor: emptyColor }),
+        !hideFeedback && feedback && (React__default.createElement(RatingStarsFeedbackStyled, null,
             React__default.createElement(Text, { size: "c1" }, feedback))),
         error && (React__default.createElement(Text, { className: "error-text", size: "c1", color: theme.colors.red600 }, error))));
 };

package/build/esm/{translationsProvider-ca64224b.js → translationsProvider-3ca5a338.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-64362761.js';
+import { T as TranslationsContext } from './translationsContext-83e38db5.js';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';
 import idTranslations from './i18n-values/id-ID.js';

package/build/esm/{treePopoverMenu-66a7a5c0.js → treePopoverMenu-3a5c5cd3.js}

@@ -1,29 +1,29 @@
-import { _ as __rest } from './tslib.es6-b940e641.js';
+import { _ as __rest } from './tslib.es6-8a4944c0.js';
 import React__default, { createContext, useContext, useMemo, useCallback, useState } from 'react';
-import { u as useTranslations } from './index-03f8896b.js';
-import { I as Icon } from './index-46a27007.js';
-import './index-eb285bd6.js';
+import { u as useTranslations } from './index-590c28b9.js';
+import { I as Icon } from './index-ce4611a9.js';
+import './index-25f76972.js';
 import { Box, createStyles } from '@mantine/core';
 import '@mantine/dates';
-import { j as DATE_FNS_LOCALE } from './index-5985e72d.js';
-import './index-42a17b63.js';
-import './index-ad39f25d.js';
-import './index-cab341bf.js';
-import { T as Text } from './index-41237461.js';
-import './index-245ea5bf.js';
+import { j as DATE_FNS_LOCALE } from './index-360a1819.js';
+import './index-bf3575b9.js';
+import './index-f163ec1e.js';
+import './index-3432f5a9.js';
+import { T as Text } from './index-af1aca45.js';
+import './index-366eae1b.js';
 import { theme } from './miscTheme.js';
-import './index-85a11088.js';
-import './index.styles-167ebd4b.js';
+import './index-d8b2fcf3.js';
+import './index.styles-29e70091.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-5a30f517.js';
-import './index-66a2eb0e.js';
-import { u as useScreenSize } from './index-251c3de6.js';
-import { T as TogetherComponentGlobalContext, l as getCurrentBaseUrl } from './utils-caa70448.js';
+import { M as MediaQueries } from './utils-a5840ce3.js';
+import './index-60727bcb.js';
+import { u as useScreenSize } from './index-3837aff2.js';
+import { T as TogetherComponentGlobalContext, l as getCurrentBaseUrl } from './utils-76afb694.js';
 import { format } from 'date-fns';
-import { L as LOCALE } from './Locale-1eb0677a.js';
+import { L as LOCALE } from './Locale-4dda5d6a.js';
 import styled from '@emotion/styled';
-import { H as Heading } from './index-c75be8d0.js';
-import { P as PopoverMenu, S as StyledTree } from './index-7821eb30.js';
+import { H as Heading } from './index-4db48f95.js';
+import { P as PopoverMenu, S as StyledTree } from './index-859c9eb2.js';
 
 const CardReactionsContext = createContext({});
 

package/build/esm/{types-c9a0717e.js → types-bb08d1d9.js}

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-caa70448.js';
+import { T as TogetherComponentGlobalContext } from './utils-76afb694.js';
 
 function useSetCaptureUrlPageParams() {
     const { action } = useContext(TogetherComponentGlobalContext);

package/build/esm/types.js

@@ -1,2 +1,2 @@
-export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, C as COMMON_DATE_TRANSLATE_KEY, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType, V as VideoType } from './index-42a17b63.js';
-export { L as LOCALE } from './Locale-1eb0677a.js';
+export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, C as COMMON_DATE_TRANSLATE_KEY, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType, V as VideoType } from './index-bf3575b9.js';
+export { L as LOCALE } from './Locale-4dda5d6a.js';

package/build/esm/{useCartCareService-eb8c058d.js → useCartCareService-b1f24a75.js}

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
-import { h as HHG_CART_CARE_STORE_KEY } from './index-5985e72d.js';
+import { h as HHG_CART_CARE_STORE_KEY } from './index-360a1819.js';
 
 const useIsInit = () => {
     const [isInit, setIsInit] = useState(true);

package/build/esm/{useHealthToolCache-045bc3d7.js → useHealthToolCache-a1461809.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-b940e641.js';
+import { a as __awaiter } from './tslib.es6-8a4944c0.js';
 import { useState, useEffect, useCallback } from 'react';
 import { getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';