@hhgtech/hhg-components 1.29.80 → 1.29.81

package/build/vaccination.js

@@ -2,49 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-4bc45883.js');
+var tslib_es6 = require('./tslib.es6-7e140b89.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-94fd9ea6.js');
+var index$2 = require('./index-05f106c2.js');
 require('@mantine/dates');
-require('./index-3a03bb34.js');
-var index$3 = require('./index-18ddaa1b.js');
-require('./index-858f60e0.js');
-require('./useMantineLocale-b243f628.js');
-var index$1 = require('./index-e60c98f8.js');
-var theme = require('./theme-f410baf6.js');
-var useTranslations = require('./useTranslations-d5456a98.js');
+require('./index-a86ea1b6.js');
+var index$4 = require('./index-df5cd44b.js');
+require('./index-1efa7d84.js');
+require('./useMantineLocale-a4f0c61d.js');
+var index$1 = require('./index-d34cd464.js');
+var index = require('./index-a7de42d1.js');
+var theme = require('./theme-e4f7f487.js');
+var useTranslations = require('./useTranslations-200168a3.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-4849d92a.js');
+var utils = require('./utils-524bda7c.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-5c400e5e.js');
-require('./translationsContext-11cafcfc.js');
+var index$3 = require('./index-bba97c2e.js');
+require('./translationsContext-39528d2f.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-94a2b0f9.js');
+var index$5 = require('./index-264eeddd.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$6 = require('./index-bf6e5e4e.js');
-require('./index.styles-2bdfde5f.js');
-var index$5 = require('./index-91027d35.js');
-require('./constants-4e7c419e.js');
-require('./utils-263a60f7.js');
-require('./utils-9f62698f.js');
-require('./index-1250dd06.js');
-require('./index.styled-8aca5145.js');
-require('./index-c524c362.js');
+var index$7 = require('./index-6bc3f8c3.js');
+var index$6 = require('./index-4af08ec2.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-4ce69bff.js');
+require('./useUniqueId-8929fe5f.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-2e55aee3.js');
-require('@emotion/react');
-require('./animation-8605b5bb.js');
-require('react-keyed-flatten-children');
-require('./cookieHelper-b2132ffc.js');
-require('slugify');
+require('./isProduction-aa963bf9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -136,7 +125,7 @@ const _Immunization = (_a) => {
                     } },
                     React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.theme.colors.gray800, weight: "semiBold" }, name)),
                 React__default["default"].createElement(core.Flex, { gap: 4, align: 'center' },
-                    antigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index.themeColors.gray[6] },
+                    antigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
                         "\u00A0",
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, antigen))),
@@ -154,7 +143,7 @@ const _VaccineStatus = ({ checked, onToggle: _onToggle, }) => {
     const onToggle = (event) => {
         _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(event.currentTarget.checked);
     };
-    return (React__default["default"].createElement(index$2.Switch, { checked: checked, onChange: onToggle, label: t('babyVaccine.vaccineCard.injected'), size: "xs", color: 'green.6', styles: {
+    return (React__default["default"].createElement(index$3.Switch, { checked: checked, onChange: onToggle, label: t('babyVaccine.vaccineCard.injected'), size: "xs", color: 'green.6', styles: {
             root: {
                 '*': {
                     cursor: 'pointer',
@@ -183,29 +172,29 @@ const _CardIcon = ({ status, isCurrent }) => {
 
 const MAPPED_STATUS = {
     vaccinated: {
-        backgroundColor: index.themeColors.green[0],
-        borderColor: index.themeColors.green[2],
-        color: index.themeColors.green[7],
+        backgroundColor: index$2.themeColors.green[0],
+        borderColor: index$2.themeColors.green[2],
+        color: index$2.themeColors.green[7],
     },
     missed: {
-        backgroundColor: index.themeColors.yellow[0],
-        borderColor: index.themeColors.yellow[2],
-        color: index.themeColors.yellow[9],
+        backgroundColor: index$2.themeColors.yellow[0],
+        borderColor: index$2.themeColors.yellow[2],
+        color: index$2.themeColors.yellow[9],
     },
     upcoming: {
-        backgroundColor: index.themeColors.neutral[0],
-        borderColor: index.themeColors.neutral[1],
-        color: index.themeColors.gray[8],
+        backgroundColor: index$2.themeColors.neutral[0],
+        borderColor: index$2.themeColors.neutral[1],
+        color: index$2.themeColors.gray[8],
     },
     next: {
-        backgroundColor: index.themeColors.blue[0],
+        backgroundColor: index$2.themeColors.blue[0],
         borderColor: 'transparent',
-        color: index.themeColors.blue[6],
+        color: index$2.themeColors.blue[6],
     },
     all: {
-        backgroundColor: index.themeColors.blue[0],
+        backgroundColor: index$2.themeColors.blue[0],
         borderColor: 'transparent',
-        color: index.themeColors.blue[6],
+        color: index$2.themeColors.blue[6],
     },
 };
 function formatBabyVaccinationDetail(data) {
@@ -312,8 +301,8 @@ const generateTimeLineName = (timeline, t) => {
 const _Badge = (_a) => {
     var _b;
     var { status, sx, content = '' } = _a, rest = tslib_es6.__rest(_a, ["status", "sx", "content"]);
-    return (React__default["default"].createElement(core.Badge, Object.assign({ leftSection: status !== 'all' && (React__default["default"].createElement(index.AspectRatio, { ratio: 1, w: 18 },
-            React__default["default"].createElement(_CardIcon, { status: status }))), px: 8, py: 3, radius: 4, sx: Object.assign(Object.assign({ height: 'initial', backgroundColor: index.themeColors.blue[0], borderColor: index.themeColors.blue[2], color: index.themeColors.blue[7] }, MAPPED_STATUS[status]), sx) }, rest),
+    return (React__default["default"].createElement(core.Badge, Object.assign({ leftSection: status !== 'all' && (React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: 18 },
+            React__default["default"].createElement(_CardIcon, { status: status }))), px: 8, py: 3, radius: 4, sx: Object.assign(Object.assign({ height: 'initial', backgroundColor: index$2.themeColors.blue[0], borderColor: index$2.themeColors.blue[2], color: index$2.themeColors.blue[7] }, MAPPED_STATUS[status]), sx) }, rest),
         React__default["default"].createElement(index$1.Text, { size: "n1", span: true, tt: 'capitalize', color: String((_b = MAPPED_STATUS[status]) === null || _b === void 0 ? void 0 : _b.color) }, content || status)));
 };
 
@@ -342,7 +331,7 @@ const _Modal = (_a) => {
                     } },
                     React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.theme.colors.gray800, weight: "semiBold" }, vaccineName)),
                 React__default["default"].createElement(core.Flex, { gap: 4, align: 'center' },
-                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index.themeColors.gray[6] },
+                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
                         "\u00A0",
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, vaccineAntigen))),
@@ -375,7 +364,7 @@ const _Timeline = (_a) => {
                 React__default["default"].createElement("div", { onClick: () => onTitleClick(vaccineRecord) },
                     React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.theme.colors.gray800, weight: "semiBold", sx: { cursor: 'pointer' } }, vaccineName)),
                 React__default["default"].createElement(core.Flex, { gap: 4, align: 'center' },
-                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index.themeColors.gray[6] },
+                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
                         "\u00A0",
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, vaccineAntigen))),
@@ -469,7 +458,7 @@ const _ScheduleTimeline = (_a) => {
     var _b, _c;
     var { timeline, onToggle, onTitleClick, isCurrent: _isCurrent = false } = _a, rest = tslib_es6.__rest(_a, ["timeline", "onToggle", "onTitleClick", "isCurrent"]);
     const { t } = useTranslations.useTranslations();
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     const isCurrent = React.useMemo(() => {
         var _a;
         return (_isCurrent ||
@@ -535,7 +524,7 @@ const StyledTimelineBanner = styled__default["default"].div `
 const TimelineBanner = (_a) => {
     var { content, url, icon, gender, name } = _a, rest = tslib_es6.__rest(_a, ["content", "url", "icon", "gender", "name"]);
     const { t } = useTranslations.useTranslations();
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     return (React__default["default"].createElement(StyledTimelineBanner
     // data-theme={siteType}
     , Object.assign({ "data-gender": gender }, rest),
@@ -545,7 +534,7 @@ const TimelineBanner = (_a) => {
                 React__default["default"].createElement(core.Flex, { align: 'center', gap: 6 },
                     React__default["default"].createElement(index$1.Text, { size: "s4", color: theme.theme.colors.primaryBase, weight: "semiBold" }, t('articlePage.readMore')),
                     React__default["default"].createElement(other.ArrowRight, { size: 20, color: theme.theme.colors.primaryBase }))))),
-        icon && (React__default["default"].createElement(index.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
+        icon && (React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
                 flexShrink: 0,
             } },
             React__default["default"].createElement("img", { alt: "health-tool-icon", src: icon, style: { objectFit: 'contain' }, loading: "lazy" })))));
@@ -586,7 +575,7 @@ const RecordsByAgeGroup = (_a) => {
     //   }
     //   return null
     // }
-    var { schedules, age, onToggle, onTitleClick, gender = index$3.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
+    var { schedules, age, onToggle, onTitleClick, gender = index$4.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
     // const currentIndex = useMemo(() => {
     //   let idx = schedules[0].id
     //   schedules.some((schedule, scheduleIndex) =>
@@ -610,7 +599,7 @@ const RecordsByAgeGroup = (_a) => {
     return (React__default["default"].createElement("div", Object.assign({}, rest), schedules.map((schedule, index) => {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, null, ((_a = schedule.timelines) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React__default["default"].createElement("div", { key: schedule.id },
-            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$3.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
+            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$4.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
             schedule.timelines.map((timeline) => (React__default["default"].createElement(_ScheduleTimeline, { key: timeline.id, timeline: timeline, onTitleClick: onTitleClick, onToggle: onToggle, isCurrent: getIsCurrent(timeline) })))))));
     })));
 };
@@ -621,7 +610,7 @@ const noop = () => { };
 const _ConfirmModal = (_a) => {
     var { onSubmit, date } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "date"]);
     const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(index$4.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
+    return (React__default["default"].createElement(index$5.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
             body: {
                 padding: 32,
             },
@@ -633,7 +622,7 @@ const _ConfirmModal = (_a) => {
             React__default["default"].createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none" },
                 React__default["default"].createElement("path", { d: "M40 73.333c18.41 0 33.333-14.923 33.333-33.333S58.41 6.667 40 6.667 6.667 21.59 6.667 40 21.59 73.333 40 73.333", fill: "#FFB521" }),
                 React__default["default"].createElement("path", { d: "M39.325 48.609a2.48 2.48 0 0 1-2.48-2.48V29.147a2.48 2.48 0 1 1 4.959 0V46.13a2.48 2.48 0 0 1-2.48 2.479m.001 8.058a2.658 2.658 0 1 0 0-5.316 2.658 2.658 0 0 0 0 5.316", fill: "#fff" })),
-            React__default["default"].createElement(index$5.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
+            React__default["default"].createElement(index$6.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
             React__default["default"].createElement(index$1.Text, { size: "p2", color: "gray.6" },
                 React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                         __html: t('babyVaccine.popup.confirm.description', {
@@ -689,24 +678,24 @@ const StyledDose = styled__default["default"].div `
     }
   }
   &[data-status='upcoming'] {
-    background-color: ${index.themeColors.neutral[0]};
-    border: 1px solid ${index.themeColors.neutral[1]};
+    background-color: ${index$2.themeColors.neutral[0]};
+    border: 1px solid ${index$2.themeColors.neutral[1]};
   }
   &[data-status='next'] {
-    background-color: ${index.themeColors.blue[6]};
-    border: 1px solid ${index.themeColors.blue[6]};
+    background-color: ${index$2.themeColors.blue[6]};
+    border: 1px solid ${index$2.themeColors.blue[6]};
     .inner-text {
       color: ${theme.theme.colors.white};
     }
   }
   &[data-disabled='true'] {
     opacity: 50%;
-    background-color: ${index.themeColors.neutral[0]};
-    border: 1px solid ${index.themeColors.neutral[1]};
+    background-color: ${index$2.themeColors.neutral[0]};
+    border: 1px solid ${index$2.themeColors.neutral[1]};
     cursor: not-allowed;
 
     .inner-text {
-      color: ${index.themeColors.neutral[9]};
+      color: ${index$2.themeColors.neutral[9]};
     }
   }
 `;
@@ -715,7 +704,7 @@ const Dose = (_a) => {
     var { status, idx, template, disabled, onClick } = _a, rest = tslib_es6.__rest(_a, ["status", "idx", "template", "disabled", "onClick"]);
     const shouldDisable = template === 'default' && disabled;
     return (React__default["default"].createElement(StyledDose, Object.assign({ onClick: template !== 'default' ? onClick : noop, "data-status": status, "data-id": idx ? idx : 'header', "data-disabled": shouldDisable }, rest),
-        React__default["default"].createElement(index$1.Text, { size: "s4", span: true, className: "inner-text", weight: "semiBold", color: shouldDisable ? index.themeColors.neutral[9] : index.themeColors.gray[8] }, idx ? idx : '')));
+        React__default["default"].createElement(index$1.Text, { size: "s4", span: true, className: "inner-text", weight: "semiBold", color: shouldDisable ? index$2.themeColors.neutral[9] : index$2.themeColors.gray[8] }, idx ? idx : '')));
 };
 
 dayjs__default["default"].extend(customParseFormat__default["default"]);
@@ -754,7 +743,7 @@ const _DefaultForm = (_a) => {
         React__default["default"].createElement("form", Object.assign({ onSubmit: form$1.onSubmit(onSubmit) }, rest),
             React__default["default"].createElement(core.Stack, { spacing: 20 },
                 React__default["default"].createElement(VaccineCardModal, { vaccineRecord: Object.assign(Object.assign({}, record), { status }), onToggle: (status) => form$1.setFieldValue('injected', status) }),
-                React__default["default"].createElement(index$6.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
+                React__default["default"].createElement(index$7.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
                         dayjs__default["default"](date).isBefore(dayjs__default["default"](birthday, 'YYYY-MM-DD', true), 'D') }, form$1.getInputProps('date'))),
                 doses.length > 0 && (React__default["default"].createElement(core.Input.Wrapper, null,
                     React__default["default"].createElement(core.Input.Label, null,
@@ -854,7 +843,7 @@ const _ImmunizationForm = (_a) => {
 const VaccineDetailPopup = (_a) => {
     var { currentRecord, vaccineDetail, isDetail, onSubmit: _onSubmit, template = 'default', shouldAutoInjected = true, birthday } = _a, rest = tslib_es6.__rest(_a, ["currentRecord", "vaccineDetail", "isDetail", "onSubmit", "template", "shouldAutoInjected", "birthday"]);
     const { t } = useTranslations.useTranslations();
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     const [activeTab, setActiveTab] = React.useState();
     const options = [
         {
@@ -879,7 +868,7 @@ const VaccineDetailPopup = (_a) => {
         return null;
     if (template === 'immunization' && !vaccineDetail)
         return null;
-    return (React__default["default"].createElement(index$4.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
+    return (React__default["default"].createElement(index$5.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
             content: {
                 [utils.MediaQueries.mbUp]: { height: 560 },
             },
@@ -903,7 +892,7 @@ const VaccineDetailPopup = (_a) => {
 };
 
 const _Header = ({ numberOfDoses }) => {
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement(core.Flex, { px: { base: 0, md: 16 } },
         !isMobile && (React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", sx: { flexGrow: 1 }, color: theme.theme.colors.gray600 }, t('babyVaccine.immunization.vaccineName'))),
@@ -942,7 +931,7 @@ const Header = React__default["default"].memo(_Header);
 const _Warning = () => {
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement(core.Flex, { gap: 14, bg: theme.theme.colors.neutral50, p: 12, sx: { borderRadius: 8 }, align: 'start' },
-        React__default["default"].createElement(index.AspectRatio, { ratio: 1, w: 24 },
+        React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: 24 },
             React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                 React__default["default"].createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m-1-8h2V7h-2z", fill: "#595959" }))),
         React__default["default"].createElement(index$1.Text, { size: "p3" }, t('babyVaccine.immunization.warning'))));
@@ -1001,7 +990,7 @@ const VaccinationFilter = (_a) => {
     var { status: _status = 'all', onClick } = _a, rest = tslib_es6.__rest(_a, ["status", "onClick"]);
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement("div", Object.assign({}, rest),
-        React__default["default"].createElement(core.Flex, { align: "center", gap: 8, wrap: 'wrap' }, ALL_STATUS.map((status) => (React__default["default"].createElement(_Badge, { key: status, px: 12, py: 6, radius: 40, status: status, content: t(`babyVaccine.status.${status}`), sx: Object.assign({ borderColor: index.themeColors.neutral[1], backgroundColor: 'white', color: index.themeColors.gray[8], cursor: 'pointer', transition: 'all 300mc ease-in' }, (status === _status
+        React__default["default"].createElement(core.Flex, { align: "center", gap: 8, wrap: 'wrap' }, ALL_STATUS.map((status) => (React__default["default"].createElement(_Badge, { key: status, px: 12, py: 6, radius: 40, status: status, content: t(`babyVaccine.status.${status}`), sx: Object.assign({ borderColor: index$2.themeColors.neutral[1], backgroundColor: 'white', color: index$2.themeColors.gray[8], cursor: 'pointer', transition: 'all 300mc ease-in' }, (status === _status
                 ? Object.assign({ fontWeight: 600 }, MAPPED_STATUS[status]) : {})), 
             //@ts-ignore
             onClick: () => onClick(status) }))))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.80",
+  "version": "1.29.81",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/Instagram-91ba1e26.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4bc45883.js');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const Instagram = (_a) => {
-    var { size = 24 } = _a, rest = tslib_es6.__rest(_a, ["size"]);
-    return (React__default["default"].createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React__default["default"].createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint0_radial_1500_2234)" }),
-        React__default["default"].createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint1_radial_1500_2234)" }),
-        React__default["default"].createElement("path", { d: "M16.0002 22.2191C12.5718 22.2191 9.78125 19.4295 9.78125 16.0002C9.78125 12.5709 12.5718 9.78125 16.0002 9.78125C19.4286 9.78125 22.2191 12.5709 22.2191 16.0002C22.2191 19.4295 19.4286 22.2191 16.0002 22.2191ZM16.0002 11.5581C13.5508 11.5581 11.5581 13.5508 11.5581 16.0002C11.5581 18.4496 13.5508 20.4423 16.0002 20.4423C18.4496 20.4423 20.4423 18.4496 20.4423 16.0002C20.4423 13.5508 18.4496 11.5581 16.0002 11.5581Z", fill: "white" }),
-        React__default["default"].createElement("path", { d: "M22.6637 10.6692C23.3997 10.6692 23.9963 10.0725 23.9963 9.33654C23.9963 8.60054 23.3997 8.00391 22.6637 8.00391C21.9277 8.00391 21.3311 8.60054 21.3311 9.33654C21.3311 10.0725 21.9277 10.6692 22.6637 10.6692Z", fill: "white" }),
-        React__default["default"].createElement("path", { d: "M21.3307 27.5491H10.6696C7.24121 27.5491 4.45068 24.7595 4.45068 21.3302V10.6691C4.45068 7.23983 7.24121 4.4502 10.6696 4.4502H21.3307C24.7591 4.4502 27.5496 7.23983 27.5496 10.6691V21.3302C27.5496 24.7595 24.7591 27.5491 21.3307 27.5491ZM10.6696 6.22704C8.22025 6.22704 6.22752 8.21976 6.22752 10.6691V21.3302C6.22752 23.7795 8.22025 25.7723 10.6696 25.7723H21.3307C23.78 25.7723 25.7728 23.7795 25.7728 21.3302V10.6691C25.7728 8.21976 23.78 6.22704 21.3307 6.22704H10.6696Z", fill: "white" }),
-        React__default["default"].createElement("defs", null,
-            React__default["default"].createElement("radialGradient", { id: "paint0_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.8959 32.0231) scale(39.8892 39.8892)" },
-                React__default["default"].createElement("stop", { stopColor: "#FFDD55" }),
-                React__default["default"].createElement("stop", { offset: "0.328", stopColor: "#FF543F" }),
-                React__default["default"].createElement("stop", { offset: "0.348", stopColor: "#FC5245" }),
-                React__default["default"].createElement("stop", { offset: "0.504", stopColor: "#E64771" }),
-                React__default["default"].createElement("stop", { offset: "0.643", stopColor: "#D53E91" }),
-                React__default["default"].createElement("stop", { offset: "0.761", stopColor: "#CC39A4" }),
-                React__default["default"].createElement("stop", { offset: "0.841", stopColor: "#C837AB" })),
-            React__default["default"].createElement("radialGradient", { id: "paint1_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.14928 -0.399517) scale(26.4865 17.6479)" },
-                React__default["default"].createElement("stop", { stopColor: "#4168C9" }),
-                React__default["default"].createElement("stop", { offset: "0.999", stopColor: "#4168C9", stopOpacity: "0" })))));
-};
-
-exports.Instagram = Instagram;

package/build/esm/Instagram-319a8e34.js

@@ -1,26 +0,0 @@
-import { _ as __rest } from './tslib.es6-2673b49d.js';
-import React__default from 'react';
-
-const Instagram = (_a) => {
-    var { size = 24 } = _a, rest = __rest(_a, ["size"]);
-    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React__default.createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint0_radial_1500_2234)" }),
-        React__default.createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint1_radial_1500_2234)" }),
-        React__default.createElement("path", { d: "M16.0002 22.2191C12.5718 22.2191 9.78125 19.4295 9.78125 16.0002C9.78125 12.5709 12.5718 9.78125 16.0002 9.78125C19.4286 9.78125 22.2191 12.5709 22.2191 16.0002C22.2191 19.4295 19.4286 22.2191 16.0002 22.2191ZM16.0002 11.5581C13.5508 11.5581 11.5581 13.5508 11.5581 16.0002C11.5581 18.4496 13.5508 20.4423 16.0002 20.4423C18.4496 20.4423 20.4423 18.4496 20.4423 16.0002C20.4423 13.5508 18.4496 11.5581 16.0002 11.5581Z", fill: "white" }),
-        React__default.createElement("path", { d: "M22.6637 10.6692C23.3997 10.6692 23.9963 10.0725 23.9963 9.33654C23.9963 8.60054 23.3997 8.00391 22.6637 8.00391C21.9277 8.00391 21.3311 8.60054 21.3311 9.33654C21.3311 10.0725 21.9277 10.6692 22.6637 10.6692Z", fill: "white" }),
-        React__default.createElement("path", { d: "M21.3307 27.5491H10.6696C7.24121 27.5491 4.45068 24.7595 4.45068 21.3302V10.6691C4.45068 7.23983 7.24121 4.4502 10.6696 4.4502H21.3307C24.7591 4.4502 27.5496 7.23983 27.5496 10.6691V21.3302C27.5496 24.7595 24.7591 27.5491 21.3307 27.5491ZM10.6696 6.22704C8.22025 6.22704 6.22752 8.21976 6.22752 10.6691V21.3302C6.22752 23.7795 8.22025 25.7723 10.6696 25.7723H21.3307C23.78 25.7723 25.7728 23.7795 25.7728 21.3302V10.6691C25.7728 8.21976 23.78 6.22704 21.3307 6.22704H10.6696Z", fill: "white" }),
-        React__default.createElement("defs", null,
-            React__default.createElement("radialGradient", { id: "paint0_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.8959 32.0231) scale(39.8892 39.8892)" },
-                React__default.createElement("stop", { stopColor: "#FFDD55" }),
-                React__default.createElement("stop", { offset: "0.328", stopColor: "#FF543F" }),
-                React__default.createElement("stop", { offset: "0.348", stopColor: "#FC5245" }),
-                React__default.createElement("stop", { offset: "0.504", stopColor: "#E64771" }),
-                React__default.createElement("stop", { offset: "0.643", stopColor: "#D53E91" }),
-                React__default.createElement("stop", { offset: "0.761", stopColor: "#CC39A4" }),
-                React__default.createElement("stop", { offset: "0.841", stopColor: "#C837AB" })),
-            React__default.createElement("radialGradient", { id: "paint1_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.14928 -0.399517) scale(26.4865 17.6479)" },
-                React__default.createElement("stop", { stopColor: "#4168C9" }),
-                React__default.createElement("stop", { offset: "0.999", stopColor: "#4168C9", stopOpacity: "0" })))));
-};
-
-export { Instagram as I };