@hhgtech/hhg-components 1.29.38 → 1.29.39

package/build/cache.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var core = require('./core-85607b32.js');
-require('./tslib.es6-37852941.js');
-require('./isProduction-ed69b5df.js');
+var core = require('./core-624d9eef.js');
+require('./tslib.es6-cda3ff06.js');
+require('./isProduction-34667756.js');
 
 
 

package/build/care.js

@@ -2,33 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var types = require('./types-e26017f6.js');
-var constants = require('./constants-5feace15.js');
-require('./tslib.es6-37852941.js');
+var types = require('./types-4dbda9a8.js');
+var constants = require('./constants-e7f8b0d2.js');
+require('./tslib.es6-cda3ff06.js');
 require('react');
 require('@emotion/react');
-require('./useTranslations-f93487c0.js');
-require('./translationsContext-5f2a4595.js');
+require('./useTranslations-e5a4e00e.js');
+require('./translationsContext-5c637723.js');
 require('string-format');
 require('lodash/debounce');
 require('@emotion/styled');
-require('./index-94ac3eb7.js');
+require('./index-4d5f141c.js');
 require('@mantine/core');
-require('./index-4b9c6b05.js');
-require('./utils-2627ae1b.js');
-require('./theme-8dd065df.js');
+require('./index-31d3a0cd.js');
+require('./utils-e385ce42.js');
+require('./theme-986ab943.js');
 require('lodash/shuffle');
-require('./useOutsideClick-89a3e499.js');
+require('./useOutsideClick-75a9127e.js');
 require('react-loading-skeleton');
-require('./paths-c5dd4274.js');
-require('./index-0bcbb4c0.js');
+require('./paths-782003f7.js');
+require('./index-0a0b5799.js');
 require('date-fns/locale');
-require('./index-91525876.js');
-require('./isProduction-ed69b5df.js');
-require('./cookieHelper-74cb509b.js');
-require('./index-dc672229.js');
+require('./index-ccb48ca2.js');
+require('./isProduction-34667756.js');
+require('./cookieHelper-cdee4e84.js');
+require('./index-f1979569.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-82bb0d63.js');
+require('./ChevronDown-bdc5f8bf.js');
 
 
 

package/build/components/atoms/genderOptionControl/index.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
-import { DefaultProps, RadioGroupProps, Selectors } from '@mantine/core';
+import React, { FC } from 'react';
+import { DefaultProps, Selectors, RadioGroupProps } from '@mantine/core';
 import useStyles from "./index.styles";
+import { IconProps } from "../icons";
 export type GenderOptionProps = {
     value: string;
     label: string;
-    icon: string;
+    icon: string | FC<IconProps>;
 };
 export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
     label?: string;
@@ -14,6 +15,9 @@ export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
         male: string;
         female: string;
     };
+    hideLabel?: boolean;
+    type?: 'button' | 'radio';
+    onChange?: (value: string) => void;
 }
-declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, ...radioGroupProps }: Props & Omit<RadioGroupProps, 'children' | 'styles'>) => React.JSX.Element;
+declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, ...radioProps }: Props & Omit<RadioGroupProps, 'children' | 'styles'>) => React.JSX.Element;
 export { GenderOptionControl };

package/build/components/atoms/genderOptionControl/index.styles.d.ts

@@ -1,4 +1,7 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+type StylesParams = {
+    type?: 'button' | 'radio';
+};
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         root: string;
         wrapper: string;
@@ -7,6 +10,7 @@ declare const _default: (params: void, options?: import("@mantine/core").UseStyl
         itemLabelWrapper: string;
         itemLabel: string;
         itemInner: string;
+        itemBody: string;
     };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;

package/build/components/babyGrowth/babyGrowthForm/context.d.ts

@@ -6,6 +6,5 @@ export type BabyGrowthFormContextType = {
     control: Control<BabyGrowthFormField, any>;
     currentUrl: string;
     isEmptyThreeFields: boolean;
-    isMarryBaby: boolean;
 };
 export declare const BabyGrowthFormContext: import("react").Context<BabyGrowthFormContextType>;

package/build/components/babyGrowth/babyGrowthForm/index.d.ts

@@ -1,13 +1,10 @@
 import React from 'react';
-import { BoxProps } from '@mantine/core';
-import { BabyGrowthFormField, SiteType } from "../../../interfaces/types";
+import { BabyGrowthFormField } from "../../../interfaces/types";
 import { SubmitErrorHandler } from 'react-hook-form';
+import { HealthToolFormWrapperProps } from "../../molecules/healthTools/formWrapper";
 export type BabyGrowthFormProps = {
     onSubmit: (value: BabyGrowthFormField) => void;
     onError: SubmitErrorHandler<BabyGrowthFormField>;
     schema?: any;
-    siteType?: SiteType;
-    layout?: 'vertical' | 'horizonal';
-} & BoxProps;
-declare const BabyGrowthForm: ({ onSubmit, onError, schema, siteType, layout, styles, classNames, }: BabyGrowthFormProps) => React.JSX.Element;
-export default BabyGrowthForm;
+} & HealthToolFormWrapperProps;
+export declare const BabyGrowthForm: ({ onSubmit, onError, schema, formLayout, ...rest }: BabyGrowthFormProps) => React.JSX.Element;

package/build/components/babyGrowth/babyGrowthForm/layout/default/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../../../molecules/healthTools/formWrapper";
+export declare const DefaultForm: (props: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/components/babyGrowth/babyGrowthForm/layout/inline/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../../../molecules/healthTools/formWrapper";
+export declare const InlineForm: ({ styles, classNames, ...props }: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/components/babyGrowth/babyGrowthForm/layout/inline/index.styles.d.ts

@@ -0,0 +1,11 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        bmiVal: string;
+        unitText: string;
+        submitBtn: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/babyGrowth/index.d.ts

@@ -17,3 +17,4 @@ export type { BabyGrowthChooseProfileDrawerProps } from "./babyGrowthChooseProfi
 export { BabyGrowthChart, LABELS_PERCENTILE, LABELS_Z_SCORE, } from "./babyGrowthChart";
 export type { BabyGrowthChartProps, AxisType } from "./babyGrowthChart";
 export * from "./babyGrowthChart/chartConfig";
+export { BabyGrowthForm, BabyGrowthFormProps } from "./babyGrowthForm";

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.d.ts

@@ -1,18 +1,16 @@
 import React, { ReactNode } from 'react';
+import { SubmitErrorHandler } from 'react-hook-form';
 import { BabyGrowthFormProps } from "../../../babyGrowth/babyGrowthForm";
-import { BabyGrowthContent, BabyVaccinationDetail } from "../../../../types";
-import { BabyGrowthEmbedContextType } from "./context";
-import { Form } from "./form";
+import { BabyGrowthContent, BabyGrowthFormField, BabyVaccinationDetail } from "../../../../types";
 export type BabyGrowthCardEmbedProps = {
     children?: ReactNode;
     className?: string;
     isMobile?: boolean;
     babyLists?: Array<BabyVaccinationDetail['profile']> | null;
     babyGrowthContent: BabyGrowthContent | null;
-    formLayout?: BabyGrowthFormProps['layout'];
-} & BabyGrowthEmbedContextType;
-export interface CompoundedComponent extends React.ForwardRefExoticComponent<BabyGrowthCardEmbedProps> {
-    Form: typeof Form;
-}
-declare const BabyGrowthCardEmbed: CompoundedComponent;
-export { BabyGrowthCardEmbed };
+    onSubmit: (value: BabyGrowthFormField) => void;
+    onError?: SubmitErrorHandler<BabyGrowthFormField>;
+    schema?: any;
+    formLayout?: BabyGrowthFormProps['formLayout'];
+};
+export declare const BabyGrowthCardEmbed: ({ isMobile, onSubmit, onError, schema, babyGrowthContent, formLayout, }: BabyGrowthCardEmbedProps) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/bmi/bmi.d.ts

@@ -1,13 +1,8 @@
 import React, { ReactNode } from 'react';
 import { ToolContent } from "../../../../together/interfaces/types";
 import { BmiEmbedContextType } from "./context";
-import { Form } from "./form";
 export type Props = {
     bmiContent: ToolContent;
     children?: ReactNode;
 } & BmiEmbedContextType;
-export interface CompoundedComponent extends React.ForwardRefExoticComponent<Props> {
-    Form: typeof Form;
-}
-declare const BMICardEmbed: CompoundedComponent;
-export { BMICardEmbed };
+export declare const BMICardEmbed: ({ isMobile, onSubmit, bmiContent, bmiGenerated, bmiUnit, locale, formLayout, }: Props) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/bmi/context.d.ts

@@ -1,16 +1,17 @@
 /// <reference types="react" />
 import { LOCALE } from "../../../../types";
+import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 import { BMIUnit, BmiFormValue, Rule } from "../helpers";
 export type BmiEmbedContextType = {
     onSubmit: (data: BmiFormValue) => void;
     isMobile?: boolean;
     locale?: LOCALE;
-    isSide?: boolean;
     bmiGenerated?: Record<keyof BmiFormValue, {
         label: string;
         rule?: Rule;
     }>;
     bmiUnit?: BMIUnit;
     bmiLink?: string;
+    formLayout?: HealthToolFormWrapperProps['formLayout'];
 };
 export declare const BmiEmbedContext: import("react").Context<BmiEmbedContextType>;

package/build/components/molecules/embeddedHeathToolCards/bmr/bmr.d.ts

@@ -1,20 +1,15 @@
 import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
-import { BmrInfo, ToolContent } from "../../../../together/interfaces/types";
+import { ToolContent } from "../../../../together/interfaces/types";
+import { BmiEmbedContextType } from "../bmi/context";
 export type InputError = {
     age: string;
     weight: string;
     height: string;
 };
-type Props = {
+export type BMRCardEmbedProps = {
     isMobile?: boolean;
     locale?: LOCALE;
     bmrContent: ToolContent;
-    isSide?: boolean;
-    info: BmrInfo;
-    inputErrorMessage?: InputError;
-    onFormChange?: (o: BmrInfo) => void;
-    onSubmit: (genderInfo: string) => void;
-};
-export declare const BMRCardEmbed: ({ isSide, locale, bmrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;
-export {};
+} & BmiEmbedContextType;
+export declare const BMRCardEmbed: ({ bmrContent, isMobile, onSubmit, formLayout, bmiGenerated, bmiUnit, }: BMRCardEmbedProps) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/helpers.d.ts

@@ -1,5 +1,7 @@
 import { FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
 import { LOCALE } from "../../../interfaces/types";
+import { ButtonProps } from "../../../mantine";
+import { HealthToolFormWrapperProps } from "../healthTools/formWrapper";
 export type BmiObjective = 'lose-weight' | 'maintain-weight' | 'gain-weight';
 export type BmiFormValue = {
     gender?: 'male' | 'female';
@@ -26,17 +28,15 @@ export type BmiFormProps = {
     onChange?: (value: BmiFormValue) => void;
     onSubmit?: (value: BmiFormValue) => void;
     className?: string;
-    template?: 'page' | 'embed';
-    disabled?: Partial<Record<BmiFormValueKeys, boolean>>;
     locale?: LOCALE;
     bmiGenerated: Record<keyof BmiFormValue, {
         label: string;
         rule?: Rule | undefined;
     }>;
     bmiUnit: BMIUnit;
-    isSide?: boolean;
-};
-export declare function getBmi({ weight: weightProps, height: heightProps }: {
+    submitProps?: ButtonProps;
+} & HealthToolFormWrapperProps;
+export declare function getBmi({ weight: weightProps, height: heightProps, }: {
     weight: number;
     height: number;
 }): number;

package/build/components/molecules/embeddedHeathToolCards/target-heart-rate/index.d.ts

@@ -1,18 +1,11 @@
 import React from 'react';
-import { LOCALE } from "../../../../interfaces/types/Locale";
-import { targetHeartRateInfo, ThrInfo } from "../../../../together/interfaces/types";
+import { ThrInfo } from "../../../../together/interfaces/types";
+import { ThrFormProps } from "../../healthTools/form/thrForm";
+import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 export type Props = {
     isMobile?: boolean;
-    locale?: LOCALE;
     thrContent: ThrInfo;
     isSide?: boolean;
-    info: targetHeartRateInfo;
-    inputErrorMessage?: InputError;
-    onFormChange?: (o: targetHeartRateInfo) => void;
-    onSubmit: (genderValue: string, activeValue: string, heartRate: number[]) => void;
-};
-export type InputError = {
-    age: string;
-    intensity: string;
-};
-export declare const THRCardEmbed: ({ isSide, locale, thrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;
+    onSubmit?: ThrFormProps['onSubmit'];
+} & HealthToolFormWrapperProps;
+export declare const THRCardEmbed: ({ thrContent, isMobile, formLayout, onSubmit, }: Props) => React.JSX.Element;

package/build/components/molecules/healthTools/cardWrapper/banner/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+import { Props as ToolsBannerCardProps } from "../../../toolBannerCard";
+export declare const Banner: ({ styles, classNames, className, ...rest }: BoxProps & ToolsBannerCardProps) => React.JSX.Element;

package/build/components/molecules/healthTools/cardWrapper/body/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+export declare const Body: ({ children, styles, classNames, className, ...rest }: BoxProps) => React.JSX.Element;

package/build/components/molecules/healthTools/cardWrapper/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type CardWrapperContextType = {
+    isPregTool?: boolean;
+};
+export declare const CardWrapperContext: import("react").Context<CardWrapperContextType>;

package/build/components/molecules/healthTools/cardWrapper/index.d.ts

@@ -0,0 +1,12 @@
+import { ForwardRefExoticComponent } from 'react';
+import { BoxProps } from '@mantine/core';
+import { Banner } from "./banner";
+import { Body } from "./body";
+import { CardWrapperContextType } from "./context";
+export type HealthToolFormWrapperProps = CardWrapperContextType & BoxProps;
+export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToolFormWrapperProps> {
+    Body: typeof Body;
+    Banner: typeof Banner;
+}
+declare const HealthToolCardWrapper: CompoundedComponent;
+export { HealthToolCardWrapper };

package/build/components/{babyGrowth/babyGrowthForm/layout/horizonal → molecules/healthTools/cardWrapper}/index.styles.d.ts

@@ -1,4 +1,6 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+declare const _default: (params: {
+    isPregTool?: boolean;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         root: string;
         row: string;

package/build/components/molecules/healthTools/components/borderBoxControl/error.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from "../../../../../mantine";
+export declare const Error: ({ styles, classNames, className, ...props }: TextProps) => React.JSX.Element;

package/build/components/molecules/healthTools/components/borderBoxControl/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+type Props = {
+    width?: number;
+    label?: string;
+} & BoxProps;
+export declare const BorderBoxControl: ({ label, children, styles, classNames, width, }: Props) => React.JSX.Element;
+export {};

package/build/{esm/components/molecules/thrForm → components/molecules/healthTools/components/borderBoxControl}/index.styled.d.ts

@@ -1,20 +1,23 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled").StyledComponent<{
-    variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
-    skipHover?: boolean;
-    theme?: "helloSites" | "marryBaby";
-} & Omit<import("@mantine/core").ButtonProps, "variant"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../types").DataTrackingType & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+export declare const StyledBabyGrowthWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FormControl: import("@emotion/styled").StyledComponent<{
+export declare const StyledFormControl: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInlineLabel: import("@emotion/styled").StyledComponent<import("../../../../atoms/label").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export declare const StyledRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<Omit<import("@mantine/core").TextInputProps, "value" | "onChange"> & {
+    value?: string;
+    onChange?(value: string): void;
+    onChangeRaw?(e: import("react").ChangeEvent<HTMLInputElement>): void;
+} & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/molecules/healthTools/components/borderBoxControl/index.styles.d.ts

@@ -0,0 +1,14 @@
+declare const _default: (params: {
+    width: 'none' | number;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        row: string;
+        labelWrapper: string;
+        label: string;
+        content: string;
+        control: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/molecules/healthTools/components/borderInlineControl/error.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from "../../../../../mantine";
+export declare const Error: ({ styles, classNames, className, ...props }: TextProps) => React.JSX.Element;

package/build/components/molecules/healthTools/components/borderInlineControl/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+type Props = {
+    width?: number | 'none';
+    label?: string;
+} & BoxProps;
+export declare const BorderInlineControl: ({ label, children, styles, classNames, width, }: Props) => React.JSX.Element;
+export {};

package/build/components/molecules/healthTools/components/borderInlineControl/index.styles.d.ts

@@ -0,0 +1,14 @@
+declare const _default: (params: {
+    width: 'none' | number;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        row: string;
+        labelWrapper: string;
+        label: string;
+        content: string;
+        control: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/molecules/healthTools/components/control/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+type Props = BoxProps;
+export declare const Control: ({ className, styles, classNames, ...rest }: Props) => React.JSX.Element;
+export {};

package/build/components/molecules/healthTools/components/control/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/molecules/healthTools/form/bmiForm/context.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { ButtonProps } from "../../../../../mantine";
+import { BmiFormValue, Rule } from "../../../embeddedHeathToolCards/helpers";
+export type BmiFormContextType = {
+    control: Control<BmiFormValue, any>;
+    bmiGenerated: Record<keyof BmiFormValue, {
+        label: string;
+        rule?: Rule | undefined;
+    }>;
+    isTouched: boolean;
+    linkTool: string;
+    submitProps?: ButtonProps;
+};
+export declare const BmiFormContext: import("react").Context<BmiFormContextType>;

package/build/components/molecules/healthTools/form/bmiForm/defaultLayout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../formWrapper";
+export declare const DefaultForm: (props: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/bmiForm/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BmiFormProps } from "../../../embeddedHeathToolCards/helpers";
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, ...rest }: BmiFormProps) => React.JSX.Element;
+export { BmiForm };

package/build/components/molecules/healthTools/form/bmiForm/inlineLayout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../formWrapper";
+export declare const InlineForm: (props: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/thrForm/context.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { UseFormReturnType } from '@mantine/form';
+import { ThrFormValue } from "./";
+export type ThrFormContextType = {
+    isAdult: boolean;
+    activeValueNote: {
+        value: string;
+        label: string;
+        image: string;
+        imageActive: string;
+        content: string;
+    }[];
+    linkTool: string;
+    form: UseFormReturnType<ThrFormValue, (values: ThrFormValue) => ThrFormValue>;
+};
+export declare const ThrFormContext: import("react").Context<ThrFormContextType>;

package/build/components/molecules/healthTools/form/thrForm/defaultLayout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+export declare const DefaultForm: ({ ...props }: BoxProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/thrForm/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Gender } from "../../../../../types";
+import { HealthToolFormWrapperProps } from "../../formWrapper";
+export type ThrFormValue = {
+    gender?: Gender;
+    age?: Date;
+    heartRate?: number;
+    minRange?: number;
+    activeValue?: string;
+};
+export type ThrFormProps = {
+    onSubmit: (v: ThrFormValue) => void;
+    onError?: () => void;
+} & HealthToolFormWrapperProps;
+export declare const ThrForm: ({ formLayout, onSubmit, onError, ...rest }: ThrFormProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/thrForm/inlineLayout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../formWrapper";
+export declare const InlineForm: ({ ...props }: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/components/molecules/healthTools/formWrapper/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type FormLayoutContextType = {
+    formLayout?: 'default' | 'inline';
+};
+export declare const FormLayoutContext: import("react").Context<FormLayoutContextType>;

package/build/components/molecules/healthTools/formWrapper/formRow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from "../../../../mantine";
+export declare const FormRow: ({ styles, classNames, className, children, ...props }: TextProps) => React.JSX.Element;

package/build/components/molecules/healthTools/formWrapper/index.d.ts

@@ -0,0 +1,22 @@
+import { ForwardRefExoticComponent } from 'react';
+import { BoxProps } from '@mantine/core';
+import { FormLayoutContextType } from "./context";
+import { FormRow } from "./formRow";
+import { SubmitBtn } from "./submitBtn";
+import { Unit } from "./unit";
+import { BorderBoxControl } from "../components/borderBoxControl";
+import { BorderInlineControl } from "../components/borderInlineControl";
+import { Error } from "../components/borderInlineControl/error";
+import { Control } from "../components/control";
+export type HealthToolFormWrapperProps = FormLayoutContextType & BoxProps;
+export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToolFormWrapperProps> {
+    BorderInlineControl: typeof BorderInlineControl;
+    BorderBoxControl: typeof BorderBoxControl;
+    Control: typeof Control;
+    Error: typeof Error;
+    FormRow: typeof FormRow;
+    Submit: typeof SubmitBtn;
+    Unit: typeof Unit;
+}
+declare const HealthToolFormWrapper: CompoundedComponent;
+export { HealthToolFormWrapper };

package/build/components/molecules/healthTools/formWrapper/index.styles.d.ts

@@ -0,0 +1,13 @@
+import { FormLayoutContextType } from "./context";
+type StylesParams = {
+    formLayout: FormLayoutContextType['formLayout'];
+};
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        control: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/components/molecules/healthTools/formWrapper/submitBtn.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ButtonProps } from "../../../../mantine";
+export declare const SubmitBtn: ({ styles, classNames, className, ...props }: ButtonProps) => React.JSX.Element;

package/build/components/molecules/healthTools/formWrapper/unit.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from "../../../../mantine";
+export declare const Unit: ({ styles, classNames, className, ...props }: TextProps) => React.JSX.Element;

package/build/components/molecules/index.d.ts

@@ -30,9 +30,12 @@ export { SeoHead } from "./seoHead";
 export { ToolsBannerCard } from "./toolBannerCard";
 export { DueDateCardEmbed } from "./embeddedHeathToolCards/due-date/dueDate";
 export { BMICardEmbed } from "./embeddedHeathToolCards/bmi/bmi";
+export { BmiForm } from "./healthTools/form/bmiForm";
+export { BmiFormValue } from "./embeddedHeathToolCards/helpers";
 export { BabyGrowthCardEmbed, BabyGrowthCardEmbedProps, } from "./embeddedHeathToolCards/baby-growth";
 export { BabyPoopEmbed } from "./embeddedHeathToolCards/baby-poop";
 export { THRCardEmbed } from "./embeddedHeathToolCards/target-heart-rate";
+export { ThrForm, ThrFormProps, ThrFormValue } from "./healthTools/form/thrForm";
 export { BMRCardEmbed } from "./embeddedHeathToolCards/bmr/bmr";
 export type { DueDateCardEmbedProps } from "./embeddedHeathToolCards/due-date/dueDate";
 export { OvulationCardEmbed } from "./embeddedHeathToolCards/ovulation/ovulation";