@popmenu/common-ui 0.153.0 → 0.154.0

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.js

@@ -0,0 +1,201 @@
+import React, { useRef, useState, useMemo } from 'react';
+import { useFollowerAuthenticationDialogContext } from './context.js';
+import { makeStyles, TextField, MenuItem, Button, Box, Typography } from '@material-ui/core';
+import { Divider } from '../Divider/Divider.js';
+import { formatPhoneNumber, validatePhoneNumber } from './phoneValidation.js';
+import { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy.js';
+
+const getDaysInMonth = (month) => {
+    const m = parseInt(month, 10);
+    if (!m)
+        return 31;
+    // Allow 29 for Feb to support leap year birthdays/anniversaries
+    const days = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+    return days[m - 1];
+};
+const useStyles = makeStyles((theme) => ({
+    form: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: 16,
+        width: '100%',
+    },
+    sectionLabel: {
+        alignSelf: 'start',
+        fontSize: '0.75rem',
+    },
+    divider: {
+        width: '100%',
+    },
+    pickerContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        gridGap: theme.spacing(1),
+        width: '100%',
+    },
+    pickerFieldsRow: {
+        display: 'flex',
+        gridGap: theme.spacing(2),
+        width: '100%',
+    },
+    pickerField: {
+        flex: 1,
+    },
+}));
+const MonthDayPicker = ({ sectionLabel, monthLabel, dayLabel, monthId, dayId, monthName, dayName, monthValue, dayValue, onMonthChange, onDayChange, required, disabled, monthOptions, }) => {
+    const classes = useStyles();
+    const dayOptions = useMemo(() => Array.from({ length: getDaysInMonth(monthValue) }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })), [monthValue]);
+    return (React.createElement(Box, { className: classes.pickerContainer },
+        React.createElement(Typography, { className: classes.sectionLabel }, sectionLabel),
+        React.createElement(Box, { className: classes.pickerFieldsRow },
+            React.createElement(TextField, { disabled: disabled, select: true, label: monthLabel, id: monthId, name: monthName, value: monthValue, onChange: (e) => {
+                    const newMonth = e.target.value;
+                    onMonthChange(newMonth);
+                    if (dayValue && parseInt(dayValue, 10) > getDaysInMonth(newMonth)) {
+                        onDayChange('');
+                    }
+                }, required: required || Boolean(dayValue), className: classes.pickerField }, monthOptions.map((option) => (React.createElement(MenuItem, { key: option.value, value: option.value }, option.label)))),
+            React.createElement(TextField, { disabled: disabled, select: true, label: dayLabel, id: dayId, name: dayName, value: dayValue, onChange: (e) => onDayChange(e.target.value), required: required || Boolean(monthValue), className: classes.pickerField }, dayOptions.map((option) => (React.createElement(MenuItem, { key: option.value, value: option.value }, option.label)))))));
+};
+const FollowerAuthenticationUserForm = () => {
+    const { state, messages, locationOptions, onActionButtonClick, loading, signUpSetting } = useFollowerAuthenticationDialogContext();
+    const showPhone = signUpSetting?.phone?.enabled !== false;
+    const phoneRequired = signUpSetting?.phone?.required ?? false;
+    const showBirthday = signUpSetting?.birthday?.enabled !== false;
+    const birthdayRequired = signUpSetting?.birthday?.required ?? false;
+    const showWeddingAnniversary = signUpSetting?.weddingAnniversary?.enabled !== false;
+    const weddingAnniversaryRequired = signUpSetting?.weddingAnniversary?.required ?? false;
+    const classes = useStyles();
+    const formRef = useRef(null);
+    const [showNameErrorText, setShowNameErrorText] = useState(false);
+    const [showEmailErrorText, setShowEmailErrorText] = useState(false);
+    const [showPhoneErrorText, setShowPhoneErrorText] = useState(false);
+    const [showLocationErrorText, setShowLocationErrorText] = useState(false);
+    const [nameValue, setNameValue] = useState(state.context.name || '');
+    const [emailValue, setEmailValue] = useState(state.context.email || '');
+    const [phoneValue, setPhoneValue] = useState(formatPhoneNumber(state.context.phone || ''));
+    const [locationValue, setLocationValue] = useState(state.context.favoriteLocationId ? String(state.context.favoriteLocationId) : '');
+    const [selectedBirthMonth, setSelectedBirthMonth] = useState(state.context.birthMonth ? String(state.context.birthMonth) : '');
+    const [selectedBirthDay, setSelectedBirthDay] = useState(state.context.birthDay ? String(state.context.birthDay) : '');
+    const [selectedWeddingMonth, setSelectedWeddingMonth] = useState(state.context.weddingMonth ? String(state.context.weddingMonth) : '');
+    const [selectedWeddingDay, setSelectedWeddingDay] = useState(state.context.weddingDay ? String(state.context.weddingDay) : '');
+    const checkFieldValidity = (e) => {
+        const fieldName = e.target.name;
+        const fieldValue = e.target.value;
+        switch (fieldName) {
+            case 'name': {
+                setNameValue(fieldValue);
+                setShowNameErrorText(fieldValue.length === 0);
+                break;
+            }
+            case 'email': {
+                const emailField = formRef.current?.elements.namedItem(fieldName);
+                const isEmailValid = emailField?.validity.valid ?? false;
+                setEmailValue(fieldValue);
+                setShowEmailErrorText(!isEmailValid && fieldValue.length > 0);
+                break;
+            }
+            case 'phone': {
+                const formatted = formatPhoneNumber(fieldValue);
+                setPhoneValue(formatted);
+                setShowPhoneErrorText(formatted.length > 0 && !validatePhoneNumber(formatted));
+                break;
+            }
+            case 'location': {
+                setLocationValue(fieldValue);
+                setShowLocationErrorText(!fieldValue);
+                break;
+            }
+        }
+    };
+    const isFormValid = useMemo(() => {
+        const hasValidName = Boolean(nameValue) && !showNameErrorText;
+        const hasValidEmail = Boolean(emailValue) && !showEmailErrorText;
+        const hasValidPhone = showPhone
+            ? state.context.phone
+                ? true
+                : phoneRequired
+                    ? validatePhoneNumber(phoneValue)
+                    : !phoneValue || validatePhoneNumber(phoneValue)
+            : true;
+        const hasValidLocation = locationOptions.length > 0 ? Boolean(locationValue) : true;
+        // A partial date (only month or only day) requires completing the pair
+        const hasValidBirthday = !showBirthday ||
+            (birthdayRequired || selectedBirthMonth || selectedBirthDay
+                ? Boolean(selectedBirthMonth) && Boolean(selectedBirthDay)
+                : true);
+        const hasValidWeddingAnniversary = !showWeddingAnniversary ||
+            (weddingAnniversaryRequired || selectedWeddingMonth || selectedWeddingDay
+                ? Boolean(selectedWeddingMonth) && Boolean(selectedWeddingDay)
+                : true);
+        return (hasValidName &&
+            hasValidEmail &&
+            hasValidPhone &&
+            hasValidLocation &&
+            hasValidBirthday &&
+            hasValidWeddingAnniversary);
+    }, [
+        nameValue,
+        emailValue,
+        phoneValue,
+        state.context.phone,
+        locationValue,
+        locationOptions.length,
+        showNameErrorText,
+        showEmailErrorText,
+        showPhone,
+        phoneRequired,
+        showBirthday,
+        birthdayRequired,
+        selectedBirthMonth,
+        selectedBirthDay,
+        showWeddingAnniversary,
+        weddingAnniversaryRequired,
+        selectedWeddingMonth,
+        selectedWeddingDay,
+    ]);
+    const monthOptions = useMemo(() => [
+        { label: messages.signUpMonthJanuary, value: '1' },
+        { label: messages.signUpMonthFebruary, value: '2' },
+        { label: messages.signUpMonthMarch, value: '3' },
+        { label: messages.signUpMonthApril, value: '4' },
+        { label: messages.signUpMonthMay, value: '5' },
+        { label: messages.signUpMonthJune, value: '6' },
+        { label: messages.signUpMonthJuly, value: '7' },
+        { label: messages.signUpMonthAugust, value: '8' },
+        { label: messages.signUpMonthSeptember, value: '9' },
+        { label: messages.signUpMonthOctober, value: '10' },
+        { label: messages.signUpMonthNovember, value: '11' },
+        { label: messages.signUpMonthDecember, value: '12' },
+    ], [messages]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.target);
+        const values = Object.fromEntries(formData.entries());
+        // Disabled fields are excluded from FormData — restore pre-filled values from context
+        if (state.context.email && !values.email)
+            values.email = state.context.email;
+        if (state.context.phone && !values.phone)
+            values.phone = state.context.phone;
+        // Strip display formatting so the submitted value is consistent with the disabled-field path
+        if (values.phone) {
+            values.phone = values.phone.replace(/[^\d+]/g, '');
+        }
+        onActionButtonClick('submit-form', values);
+    };
+    return (React.createElement("form", { ref: formRef, id: "follower-authentication-user-form", className: classes.form, onSubmit: handleSubmit, onInvalid: (e) => e.preventDefault() },
+        React.createElement(TextField, { disabled: loading || Boolean(state.context.email), label: messages.signUpEmailInputLabel, id: "email-input", name: "email", onChange: checkFieldValidity, error: showEmailErrorText, helperText: showEmailErrorText && messages.signUpEmailErrorText, inputProps: { type: 'email', required: true }, value: emailValue, fullWidth: true }),
+        React.createElement(Divider, { className: classes.divider }),
+        React.createElement(TextField, { disabled: loading, label: messages.signUpNameInputLabel, id: "name-input", name: "name", onChange: checkFieldValidity, error: showNameErrorText, helperText: showNameErrorText && messages.signUpNameErrorText, inputProps: { required: true }, value: nameValue, fullWidth: true }),
+        showPhone && (React.createElement(TextField, { disabled: loading || Boolean(state.context.phone), label: messages.signUpPhoneInputLabel, id: "phone-input", name: "phone", onChange: checkFieldValidity, error: showPhoneErrorText, helperText: showPhoneErrorText && messages.signUpPhoneErrorText, inputProps: { required: phoneRequired }, value: phoneValue, fullWidth: true })),
+        locationOptions.length > 0 && (React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, id: "location-input", name: "location", value: locationValue, fullWidth: true }, locationOptions.map((option) => (React.createElement(MenuItem, { "data-cy": "option", key: option.value, value: option.value }, option.label))))),
+        (showBirthday || showWeddingAnniversary) && React.createElement(Divider, { className: classes.divider }),
+        showBirthday && (React.createElement(MonthDayPicker, { sectionLabel: messages.signUpBirthdaySectionLabel, monthLabel: messages.signUpMonthInputLabel, dayLabel: messages.signUpDayInputLabel, monthId: "birthday-month-input", dayId: "birthday-date-input", monthName: "birthMonth", dayName: "birthDay", monthValue: selectedBirthMonth, dayValue: selectedBirthDay, onMonthChange: setSelectedBirthMonth, onDayChange: setSelectedBirthDay, required: birthdayRequired, disabled: loading, monthOptions: monthOptions })),
+        showWeddingAnniversary && (React.createElement(MonthDayPicker, { sectionLabel: messages.signUpWeddingAnniversarySectionLabel, monthLabel: messages.signUpMonthInputLabel, dayLabel: messages.signUpDayInputLabel, monthId: "wedding-month-input", dayId: "wedding-date-input", monthName: "weddingMonth", dayName: "weddingDay", monthValue: selectedWeddingMonth, dayValue: selectedWeddingDay, onMonthChange: setSelectedWeddingMonth, onDayChange: setSelectedWeddingDay, required: weddingAnniversaryRequired, disabled: loading, monthOptions: monthOptions })),
+        React.createElement(FollowerAuthenticationPrivacyPolicy, null),
+        React.createElement(Button, { disabled: loading || !isFormValid, type: "submit" }, messages.completeProfileCtaButtonLabel)));
+};
+
+export { FollowerAuthenticationUserForm };
+//# sourceMappingURL=FollowerAuthenticationUserForm.js.map

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowerAuthenticationUserForm.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationUserForm.tsx"],"sourcesContent":["import React, { ChangeEventHandler, ReactNode, useMemo, useRef, useState } from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, makeStyles, MenuItem, TextField, Typography } from '@material-ui/core'\nimport { Divider } from '../Divider'\nimport { validatePhoneNumber, formatPhoneNumber } from './phoneValidation'\nimport { FollowerAuthenticationPrivacyPolicy } from './FollowerAuthenticationPrivacyPolicy'\n\nconst getDaysInMonth = (month: string): number => {\n  const m = parseInt(month, 10)\n  if (!m) return 31\n  // Allow 29 for Feb to support leap year birthdays/anniversaries\n  const days = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]\n  return days[m - 1]\n}\n\nconst useStyles = makeStyles((theme) => ({\n  form: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n    width: '100%',\n  },\n  sectionLabel: {\n    alignSelf: 'start',\n    fontSize: '0.75rem',\n  },\n  divider: {\n    width: '100%',\n  },\n  pickerContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1),\n    width: '100%',\n  },\n  pickerFieldsRow: {\n    display: 'flex',\n    gridGap: theme.spacing(2),\n    width: '100%',\n  },\n  pickerField: {\n    flex: 1,\n  },\n}))\n\ntype MonthDayPickerProps = {\n  sectionLabel: ReactNode\n  monthLabel: ReactNode\n  dayLabel: ReactNode\n  monthId: string\n  dayId: string\n  monthName: string\n  dayName: string\n  monthValue: string\n  dayValue: string\n  onMonthChange: (value: string) => void\n  onDayChange: (value: string) => void\n  required: boolean\n  disabled: boolean\n  monthOptions: { label: ReactNode; value: string }[]\n}\n\nconst MonthDayPicker = ({\n  sectionLabel,\n  monthLabel,\n  dayLabel,\n  monthId,\n  dayId,\n  monthName,\n  dayName,\n  monthValue,\n  dayValue,\n  onMonthChange,\n  onDayChange,\n  required,\n  disabled,\n  monthOptions,\n}: MonthDayPickerProps) => {\n  const classes = useStyles()\n  const dayOptions = useMemo(\n    () =>\n      Array.from({ length: getDaysInMonth(monthValue) }, (_, i) => ({ label: String(i + 1), value: String(i + 1) })),\n    [monthValue],\n  )\n\n  return (\n    <Box className={classes.pickerContainer}>\n      <Typography className={classes.sectionLabel}>{sectionLabel}</Typography>\n      <Box className={classes.pickerFieldsRow}>\n        <TextField\n          disabled={disabled}\n          select\n          label={monthLabel}\n          id={monthId}\n          name={monthName}\n          value={monthValue}\n          onChange={(e) => {\n            const newMonth = e.target.value\n            onMonthChange(newMonth)\n            if (dayValue && parseInt(dayValue, 10) > getDaysInMonth(newMonth)) {\n              onDayChange('')\n            }\n          }}\n          required={required || Boolean(dayValue)}\n          className={classes.pickerField}\n        >\n          {monthOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n        <TextField\n          disabled={disabled}\n          select\n          label={dayLabel}\n          id={dayId}\n          name={dayName}\n          value={dayValue}\n          onChange={(e) => onDayChange(e.target.value)}\n          required={required || Boolean(monthValue)}\n          className={classes.pickerField}\n        >\n          {dayOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      </Box>\n    </Box>\n  )\n}\n\nexport const FollowerAuthenticationUserForm = () => {\n  const { state, messages, locationOptions, onActionButtonClick, loading, signUpSetting } =\n    useFollowerAuthenticationDialogContext()\n\n  const showPhone = signUpSetting?.phone?.enabled !== false\n  const phoneRequired = signUpSetting?.phone?.required ?? false\n  const showBirthday = signUpSetting?.birthday?.enabled !== false\n  const birthdayRequired = signUpSetting?.birthday?.required ?? false\n  const showWeddingAnniversary = signUpSetting?.weddingAnniversary?.enabled !== false\n  const weddingAnniversaryRequired = signUpSetting?.weddingAnniversary?.required ?? false\n\n  const classes = useStyles()\n  const formRef = useRef<HTMLFormElement>(null)\n\n  const [showNameErrorText, setShowNameErrorText] = useState(false)\n  const [showEmailErrorText, setShowEmailErrorText] = useState(false)\n  const [showPhoneErrorText, setShowPhoneErrorText] = useState(false)\n  const [showLocationErrorText, setShowLocationErrorText] = useState(false)\n\n  const [nameValue, setNameValue] = useState(state.context.name || '')\n  const [emailValue, setEmailValue] = useState(state.context.email || '')\n  const [phoneValue, setPhoneValue] = useState(formatPhoneNumber(state.context.phone || ''))\n  const [locationValue, setLocationValue] = useState(\n    state.context.favoriteLocationId ? String(state.context.favoriteLocationId) : '',\n  )\n  const [selectedBirthMonth, setSelectedBirthMonth] = useState(\n    state.context.birthMonth ? String(state.context.birthMonth) : '',\n  )\n  const [selectedBirthDay, setSelectedBirthDay] = useState(state.context.birthDay ? String(state.context.birthDay) : '')\n  const [selectedWeddingMonth, setSelectedWeddingMonth] = useState(\n    state.context.weddingMonth ? String(state.context.weddingMonth) : '',\n  )\n  const [selectedWeddingDay, setSelectedWeddingDay] = useState(\n    state.context.weddingDay ? String(state.context.weddingDay) : '',\n  )\n\n  const checkFieldValidity: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fieldName = e.target.name\n    const fieldValue = e.target.value\n\n    switch (fieldName) {\n      case 'name': {\n        setNameValue(fieldValue)\n        setShowNameErrorText(fieldValue.length === 0)\n        break\n      }\n      case 'email': {\n        const emailField = formRef.current?.elements.namedItem(fieldName) as HTMLInputElement\n        const isEmailValid = emailField?.validity.valid ?? false\n        setEmailValue(fieldValue)\n        setShowEmailErrorText(!isEmailValid && fieldValue.length > 0)\n        break\n      }\n      case 'phone': {\n        const formatted = formatPhoneNumber(fieldValue)\n        setPhoneValue(formatted)\n        setShowPhoneErrorText(formatted.length > 0 && !validatePhoneNumber(formatted))\n        break\n      }\n      case 'location': {\n        setLocationValue(fieldValue)\n        setShowLocationErrorText(!fieldValue)\n        break\n      }\n      default:\n        break\n    }\n  }\n\n  const isFormValid = useMemo(() => {\n    const hasValidName = Boolean(nameValue) && !showNameErrorText\n    const hasValidEmail = Boolean(emailValue) && !showEmailErrorText\n    const hasValidPhone = showPhone\n      ? state.context.phone\n        ? true\n        : phoneRequired\n        ? validatePhoneNumber(phoneValue)\n        : !phoneValue || validatePhoneNumber(phoneValue)\n      : true\n    const hasValidLocation = locationOptions.length > 0 ? Boolean(locationValue) : true\n    // A partial date (only month or only day) requires completing the pair\n    const hasValidBirthday =\n      !showBirthday ||\n      (birthdayRequired || selectedBirthMonth || selectedBirthDay\n        ? Boolean(selectedBirthMonth) && Boolean(selectedBirthDay)\n        : true)\n    const hasValidWeddingAnniversary =\n      !showWeddingAnniversary ||\n      (weddingAnniversaryRequired || selectedWeddingMonth || selectedWeddingDay\n        ? Boolean(selectedWeddingMonth) && Boolean(selectedWeddingDay)\n        : true)\n    return (\n      hasValidName &&\n      hasValidEmail &&\n      hasValidPhone &&\n      hasValidLocation &&\n      hasValidBirthday &&\n      hasValidWeddingAnniversary\n    )\n  }, [\n    nameValue,\n    emailValue,\n    phoneValue,\n    state.context.phone,\n    locationValue,\n    locationOptions.length,\n    showNameErrorText,\n    showEmailErrorText,\n    showPhone,\n    phoneRequired,\n    showBirthday,\n    birthdayRequired,\n    selectedBirthMonth,\n    selectedBirthDay,\n    showWeddingAnniversary,\n    weddingAnniversaryRequired,\n    selectedWeddingMonth,\n    selectedWeddingDay,\n  ])\n\n  const monthOptions = useMemo(\n    () => [\n      { label: messages.signUpMonthJanuary, value: '1' },\n      { label: messages.signUpMonthFebruary, value: '2' },\n      { label: messages.signUpMonthMarch, value: '3' },\n      { label: messages.signUpMonthApril, value: '4' },\n      { label: messages.signUpMonthMay, value: '5' },\n      { label: messages.signUpMonthJune, value: '6' },\n      { label: messages.signUpMonthJuly, value: '7' },\n      { label: messages.signUpMonthAugust, value: '8' },\n      { label: messages.signUpMonthSeptember, value: '9' },\n      { label: messages.signUpMonthOctober, value: '10' },\n      { label: messages.signUpMonthNovember, value: '11' },\n      { label: messages.signUpMonthDecember, value: '12' },\n    ],\n    [messages],\n  )\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.target as HTMLFormElement)\n    const values = Object.fromEntries(formData.entries()) as Record<string, string>\n    // Disabled fields are excluded from FormData — restore pre-filled values from context\n    if (state.context.email && !values.email) values.email = state.context.email\n    if (state.context.phone && !values.phone) values.phone = state.context.phone\n    // Strip display formatting so the submitted value is consistent with the disabled-field path\n    if (values.phone) {\n      values.phone = values.phone.replace(/[^\\d+]/g, '')\n    }\n    onActionButtonClick('submit-form', values)\n  }\n\n  return (\n    <form\n      ref={formRef}\n      id=\"follower-authentication-user-form\"\n      className={classes.form}\n      onSubmit={handleSubmit}\n      onInvalid={(e) => e.preventDefault()}\n    >\n      <TextField\n        disabled={loading || Boolean(state.context.email)}\n        label={messages.signUpEmailInputLabel}\n        id=\"email-input\"\n        name=\"email\"\n        onChange={checkFieldValidity}\n        error={showEmailErrorText}\n        helperText={showEmailErrorText && messages.signUpEmailErrorText}\n        inputProps={{ type: 'email', required: true }}\n        value={emailValue}\n        fullWidth\n      />\n      <Divider className={classes.divider} />\n      <TextField\n        disabled={loading}\n        label={messages.signUpNameInputLabel}\n        id=\"name-input\"\n        name=\"name\"\n        onChange={checkFieldValidity}\n        error={showNameErrorText}\n        helperText={showNameErrorText && messages.signUpNameErrorText}\n        inputProps={{ required: true }}\n        value={nameValue}\n        fullWidth\n      />\n      {showPhone && (\n        <TextField\n          disabled={loading || Boolean(state.context.phone)}\n          label={messages.signUpPhoneInputLabel}\n          id=\"phone-input\"\n          name=\"phone\"\n          onChange={checkFieldValidity}\n          error={showPhoneErrorText}\n          helperText={showPhoneErrorText && messages.signUpPhoneErrorText}\n          inputProps={{ required: phoneRequired }}\n          value={phoneValue}\n          fullWidth\n        />\n      )}\n      {locationOptions.length > 0 && (\n        <TextField\n          disabled={loading}\n          select\n          onChange={checkFieldValidity}\n          label={messages.signUpLocationInputLabel}\n          error={showLocationErrorText}\n          helperText={showLocationErrorText && messages.signUpLocationErrorText}\n          id=\"location-input\"\n          name=\"location\"\n          value={locationValue}\n          fullWidth\n        >\n          {locationOptions.map((option) => (\n            <MenuItem data-cy=\"option\" key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      )}\n      {(showBirthday || showWeddingAnniversary) && <Divider className={classes.divider} />}\n      {showBirthday && (\n        <MonthDayPicker\n          sectionLabel={messages.signUpBirthdaySectionLabel}\n          monthLabel={messages.signUpMonthInputLabel}\n          dayLabel={messages.signUpDayInputLabel}\n          monthId=\"birthday-month-input\"\n          dayId=\"birthday-date-input\"\n          monthName=\"birthMonth\"\n          dayName=\"birthDay\"\n          monthValue={selectedBirthMonth}\n          dayValue={selectedBirthDay}\n          onMonthChange={setSelectedBirthMonth}\n          onDayChange={setSelectedBirthDay}\n          required={birthdayRequired}\n          disabled={loading}\n          monthOptions={monthOptions}\n        />\n      )}\n      {showWeddingAnniversary && (\n        <MonthDayPicker\n          sectionLabel={messages.signUpWeddingAnniversarySectionLabel}\n          monthLabel={messages.signUpMonthInputLabel}\n          dayLabel={messages.signUpDayInputLabel}\n          monthId=\"wedding-month-input\"\n          dayId=\"wedding-date-input\"\n          monthName=\"weddingMonth\"\n          dayName=\"weddingDay\"\n          monthValue={selectedWeddingMonth}\n          dayValue={selectedWeddingDay}\n          onMonthChange={setSelectedWeddingMonth}\n          onDayChange={setSelectedWeddingDay}\n          required={weddingAnniversaryRequired}\n          disabled={loading}\n          monthOptions={monthOptions}\n        />\n      )}\n      <FollowerAuthenticationPrivacyPolicy />\n      <Button disabled={loading || !isFormValid} type=\"submit\">\n        {messages.completeProfileCtaButtonLabel}\n      </Button>\n    </form>\n  )\n}\n"],"names":[],"mappings":"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"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.d.ts

@@ -1 +1,2 @@
-export declare const FollowerAuthenticationVipBenefitRows: () => JSX.Element | null;
+import React from 'react';
+export declare const FollowerAuthenticationVipBenefitRows: () => React.JSX.Element | null;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.js

@@ -21,7 +21,7 @@ const useStyles = makeStyles((theme) => ({
 const FollowerAuthenticationVipBenefitRows = () => {
     const classes = useStyles();
     const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext();
-    const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp';
+    const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp' || state.value === 'completeProfile';
     if (!showV2 || !vipBenefitRows || !isInitialOrSignUpState)
         return null;
     return (React.createElement(Box, { className: classes.main }, vipBenefitRows.map((row, index) => (React.createElement(Box, { key: index, className: classes.vipBenefitRows },

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationVipBenefitRows.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, makeStyles } from '@material-ui/core'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\n\nconst useStyles = makeStyles((theme) => ({\n  main: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1.5),\n    width: '100%',\n  },\n  vipBenefitRows: {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'row',\n    gridGap: theme.spacing(2),\n  },\n}))\n\nexport const FollowerAuthenticationVipBenefitRows = () => {\n  const classes = useStyles()\n  const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext()\n  const isInitialOrSignUpState = state.value === 'initial' || state.value === 'signUp'\n\n  if (!showV2 || !vipBenefitRows || !isInitialOrSignUpState) return null\n\n  return (\n    <Box className={classes.main}>\n      {vipBenefitRows.map((row, index) => (\n        <Box key={index} className={classes.vipBenefitRows}>\n          <Icon icon={row.icon} size=\"large\" aria-hidden=\"true\" />\n          <Typography>{row.text}</Typography>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,oCAAoC,GAAG,MAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,sCAAsC,EAAE;AAClF,IAAA,MAAM,sBAAsB,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ;AAEpF,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,sBAAsB;AAAE,QAAA,OAAO,IAAI;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EACzB,EAAA,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MAC7B,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,EAAA;AAChD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAG,CAAA;QACxD,KAAC,CAAA,aAAA,CAAA,UAAU,EAAE,IAAA,EAAA,GAAG,CAAC,IAAI,CAAc,CAC/B,CACP,CAAC,CACE;AAEV;;;;"}
+{"version":3,"file":"FollowerAuthenticationVipBenefitRows.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationVipBenefitRows.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, makeStyles } from '@material-ui/core'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\n\nconst useStyles = makeStyles((theme) => ({\n  main: {\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: theme.spacing(1.5),\n    width: '100%',\n  },\n  vipBenefitRows: {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'row',\n    gridGap: theme.spacing(2),\n  },\n}))\n\nexport const FollowerAuthenticationVipBenefitRows = () => {\n  const classes = useStyles()\n  const { vipBenefitRows, showV2, state } = useFollowerAuthenticationDialogContext()\n  const isInitialOrSignUpState =\n    state.value === 'initial' || state.value === 'signUp' || state.value === 'completeProfile'\n\n  if (!showV2 || !vipBenefitRows || !isInitialOrSignUpState) return null\n\n  return (\n    <Box className={classes.main}>\n      {vipBenefitRows.map((row, index) => (\n        <Box key={index} className={classes.vipBenefitRows}>\n          <Icon icon={row.icon} size=\"large\" aria-hidden=\"true\" />\n          <Typography>{row.text}</Typography>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,oCAAoC,GAAG,MAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,sCAAsC,EAAE;AAClF,IAAA,MAAM,sBAAsB,GAC1B,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,iBAAiB;AAE5F,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,sBAAsB;AAAE,QAAA,OAAO,IAAI;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EACzB,EAAA,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MAC7B,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,EAAA;AAChD,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,EAAA,aAAA,EAAa,MAAM,EAAG,CAAA;QACxD,KAAC,CAAA,aAAA,CAAA,UAAU,EAAE,IAAA,EAAA,GAAG,CAAC,IAAI,CAAc,CAC/B,CACP,CAAC,CACE;AAEV;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/phoneValidation.d.ts

@@ -0,0 +1,2 @@
+export declare const validatePhoneNumber: (phone: string) => boolean;
+export declare const formatPhoneNumber: (value: string) => string;

package/build/esm/components/FollowerAuthenticationDialog/phoneValidation.js

@@ -0,0 +1,32 @@
+const northAmericanPhoneRegex = /^(\+?1[\s.-]?)?(\([2-9]\d{2}\)|[2-9]\d{2})[-\s.]?[2-9]\d{2}[-\s.]?\d{4}$/;
+const ukPhoneRegex = /^((\+?44\s?|0044\s?)(\s?\d{3,5}|\(\d{3,5}\))(\s?\d{3,4})(\s?\d{3,4})$|^07\d{3}\s?\d{6}$)/;
+const validatePhoneNumber = (phone) => {
+    if (!phone)
+        return false;
+    return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone);
+};
+const formatPatterns = [
+    { pattern: /^(1)([2-9]\d{2})(\d{3})(\d{4})$/, format: '+{1} ({2}) {3}-{4}', international: true },
+    { pattern: /^([2-9]\d{2})(\d{3})(\d{4})$/, format: '({1}) {2}-{3}', international: false },
+    { pattern: /^(44)(\d{4})(\d{6})$/, format: '+{1} {2} {3}', international: true },
+    { pattern: /^(07\d{3})(\d{6})$/, format: '{1} {2}', international: false },
+];
+const formatPhoneNumber = (value) => {
+    if (!value)
+        return '';
+    const isInternational = value.startsWith('+');
+    const digits = value.replace(/\D/g, '');
+    if (!digits)
+        return isInternational ? '+' : '';
+    for (const { pattern, format, international } of formatPatterns) {
+        if (isInternational && !international)
+            continue;
+        const m = digits.match(pattern);
+        if (m)
+            return m.slice(1).reduce((result, match, i) => result.replace(`{${i + 1}}`, match), format);
+    }
+    return isInternational ? `+${digits}` : digits;
+};
+
+export { formatPhoneNumber, validatePhoneNumber };
+//# sourceMappingURL=phoneValidation.js.map

package/build/esm/components/FollowerAuthenticationDialog/phoneValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phoneValidation.js","sources":["../../../../src/components/FollowerAuthenticationDialog/phoneValidation.ts"],"sourcesContent":["const northAmericanPhoneRegex = /^(\\+?1[\\s.-]?)?(\\([2-9]\\d{2}\\)|[2-9]\\d{2})[-\\s.]?[2-9]\\d{2}[-\\s.]?\\d{4}$/\nconst ukPhoneRegex = /^((\\+?44\\s?|0044\\s?)(\\s?\\d{3,5}|\\(\\d{3,5}\\))(\\s?\\d{3,4})(\\s?\\d{3,4})$|^07\\d{3}\\s?\\d{6}$)/\n\nexport const validatePhoneNumber = (phone: string): boolean => {\n  if (!phone) return false\n  return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone)\n}\n\nconst formatPatterns = [\n  { pattern: /^(1)([2-9]\\d{2})(\\d{3})(\\d{4})$/, format: '+{1} ({2}) {3}-{4}', international: true },\n  { pattern: /^([2-9]\\d{2})(\\d{3})(\\d{4})$/, format: '({1}) {2}-{3}', international: false },\n  { pattern: /^(44)(\\d{4})(\\d{6})$/, format: '+{1} {2} {3}', international: true },\n  { pattern: /^(07\\d{3})(\\d{6})$/, format: '{1} {2}', international: false },\n]\n\nexport const formatPhoneNumber = (value: string): string => {\n  if (!value) return ''\n  const isInternational = value.startsWith('+')\n  const digits = value.replace(/\\D/g, '')\n  if (!digits) return isInternational ? '+' : ''\n  for (const { pattern, format, international } of formatPatterns) {\n    if (isInternational && !international) continue\n    const m = digits.match(pattern)\n    if (m) return m.slice(1).reduce((result, match, i) => result.replace(`{${i + 1}}`, match), format)\n  }\n  return isInternational ? `+${digits}` : digits\n}\n"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,GAAG,0EAA0E;AAC1G,MAAM,YAAY,GAAG,0FAA0F;AAElG,MAAA,mBAAmB,GAAG,CAAC,KAAa,KAAa;AAC5D,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,KAAK;AACxB,IAAA,OAAO,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxE;AAEA,MAAM,cAAc,GAAG;IACrB,EAAE,OAAO,EAAE,iCAAiC,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,EAAE,IAAI,EAAE;IACjG,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,EAAE;IAC1F,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,IAAI,EAAE;IAChF,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE;CAC3E;AAEY,MAAA,iBAAiB,GAAG,CAAC,KAAa,KAAY;AACzD,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;IACrB,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;IAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACvC,IAAA,IAAI,CAAC,MAAM;QAAE,OAAO,eAAe,GAAG,GAAG,GAAG,EAAE;IAC9C,KAAK,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,cAAc,EAAE;QAC/D,IAAI,eAAe,IAAI,CAAC,aAAa;YAAE;QACvC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AAC/B,QAAA,IAAI,CAAC;AAAE,YAAA,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;;IAEpG,OAAO,eAAe,GAAG,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,GAAG,MAAM;AAChD;;;;"}

package/build/esm/components/IconButton/IconButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IconButtonProps } from './IconButtonProps';
-export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "translate" | "hidden" | "disabled" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "edge" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").IconButtonTypeMap<{}, "button">>> & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/Paper/Paper.d.ts

@@ -3,4 +3,4 @@ import { PaperProps as MuiPaperProps } from '@material-ui/core';
 export interface PaperProps extends MuiPaperProps {
     legacyStyles?: boolean;
 }
-export declare const Paper: React.ForwardRefExoticComponent<Pick<PaperProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "translate" | "hidden" | "square" | "variant" | "slot" | "title" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "component" | "legacyStyles"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Paper: React.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/PaperContent/PaperContent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const PaperContent: (props: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/esm/components/Radio/Radio.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { RadioProps } from './RadioProps';
-export declare const Radio: React.ForwardRefExoticComponent<Pick<RadioProps, "className" | "color" | "id" | "lang" | "name" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "icon" | "size" | "translate" | "hidden" | "disabled" | "form" | "label" | "slot" | "title" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "readOnly" | "required" | "checked" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "checkedIcon" | "edge" | "inputProps" | "inputRef" | "LabelProps"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/esm/components/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SwitchProps } from './SwitchProps';
-export declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "icon" | "size" | "translate" | "hidden" | "disabled" | "form" | "label" | "slot" | "title" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "readOnly" | "required" | "checked" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "checkedIcon" | "edge" | "inputProps" | "inputRef" | "LabelProps"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/esm/components/TabPanel/TabPanel.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TabPanelProps } from './TabPanelProps';
-export declare const TabPanel: (props: PropsWithChildren<TabPanelProps>) => JSX.Element | null;
+export declare const TabPanel: (props: PropsWithChildren<TabPanelProps>) => React.JSX.Element | null;

package/build/esm/components/ToggleButton/ToggleButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleButtonProps } from './ToggleButtonProps';
-export declare const ToggleButton: React.ForwardRefExoticComponent<Pick<ToggleButtonProps, "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "translate" | "hidden" | "disabled" | "form" | "slot" | "title" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "action" | "selected" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleButtonGroupProps } from './ToggleButtonGroupProps';
-export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Pick<ToggleButtonGroupProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "translate" | "hidden" | "slot" | "title" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "exclusive"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Omit<ToggleButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TooltipProps } from './TooltipProps';
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "translate" | "hidden" | "open" | "slot" | "title" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onClose" | "arrow" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "placement" | "PopperComponent" | "PopperProps" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/common-ui",
-  "version": "0.153.0",
+  "version": "0.154.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components for all Popmenu apps on the web.",
@@ -31,5 +31,5 @@
     "react": "18.x || 19.x"
   },
   "sideEffects": false,
-  "gitHead": "0fdf023d7469982c4672a66b4af08befd1bb9dce"
+  "gitHead": "5a7633f43ac0b6a3af67866a1d2467143fb7a946"
 }