@skodaflow/web-library 8.0.1 → 8.1.0

package/cjs/components/textAndCta/AppStoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppStoreButton.js","sources":["../../../../../src/components/textAndCta/AppStoreButton.tsx"],"sourcesContent":["import React, { ElementType, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { ButtonBase, ButtonBaseProps, SvgIcon } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface AppStoreButtonProps extends ButtonBaseProps<ElementType> {\n  /**\n   * store to be shown\n   * @default google-play\n   */\n  variant?: 'google-play' | 'apple-store';\n}\n\n/**\n * Simple button with the application store image\n */\nexport const AppStoreButton: React.FC<AppStoreButtonProps> = forwardRef(({ variant, sx, ...rest }, ref) => {\n  const AppStoreComponent = useMemo(() => {\n    switch (variant) {\n      case 'apple-store':\n        return AppleStore;\n      case 'google-play':\n      default:\n        return GooglePlay;\n    }\n  }, [variant]);\n\n  return (\n    <ButtonBase\n      sx={(theme) => ({\n        position: 'relative',\n        ...getFocusRingStyle(theme),\n        '&&:before': {\n          borderRadius: '4px',\n        },\n        // pseudo background for hover\n        ':after': {\n          display: 'block',\n          content: '\"\"',\n          position: 'absolute',\n          inset: '0',\n          borderRadius: 'inherit',\n          backgroundColor: theme.palette.transparent.primary,\n          transition: 'opacity 0.3s ease-out',\n          opacity: '0',\n        },\n        // interactive style\n        ...getInteractiveStyle(\n          {\n            '&:after': {\n              opacity: '0',\n            },\n          },\n          {\n            '&:after': {\n              opacity: '1',\n            },\n          },\n        ),\n        ...sx,\n      })}\n      ref={ref as ForwardedRef<HTMLButtonElement>}\n      {...rest}\n    >\n      <AppStoreComponent />\n    </ButtonBase>\n  );\n});\n\nfunction GooglePlay(props) {\n  return (\n    <SvgIcon viewBox=\"0 0 180 53.333\" sx={{ height: '36px', width: 'auto' }} {...props}>\n      <path\n        d=\"m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665\"\n        fill=\"#100f0d\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.6665-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66\"\n        fill=\"#a2a2a1\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707\"\n        fill=\"#fff\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141\"\n        fill=\"#eb3131\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655\"\n        fill=\"#f6b60b\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914\"\n        fill=\"#5778c5\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298\"\n        fill=\"#3bad49\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.91878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z\"\n        fill=\"#fff\"\n        stroke=\"#fff\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\".26666\"\n      />\n    </SvgIcon>\n  );\n}\n\nfunction AppleStore(props) {\n  return (\n    <SvgIcon viewBox=\"0 0 119.66407 40\" sx={{ height: '36px', width: 'auto' }} {...props}>\n      <path\n        d=\"M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z\"\n        fill=\"#a6a6a6\"\n      />\n      <path d=\"M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z\" />\n      <path\n        d=\"M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path d=\"M59.09377,8.437h.88867v6.26074h-.88867Z\" fill=\"#fff\" />\n      <path\n        d=\"M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z\"\n        fill=\"#fff\"\n      />\n    </SvgIcon>\n  );\n}\n"],"names":["AppStoreButton","forwardRef","_a","ref","variant","sx","rest","__rest","AppStoreComponent","useMemo","AppleStore","GooglePlay","_jsx","ButtonBase","Object","assign","theme","position","getFocusRingStyle","borderRadius","display","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","getInteractiveStyle","props","_jsxs","SvgIcon","viewBox","height","width","children","d","fill","strokeWidth","stroke","strokeMiterlimit"],"mappings":"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"}
+{"version":3,"file":"AppStoreButton.js","sources":["../../../../../src/components/textAndCta/AppStoreButton.tsx"],"sourcesContent":["import React, { ElementType, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { ButtonBase, ButtonBaseProps, SvgIcon } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface AppStoreButtonProps extends ButtonBaseProps<ElementType> {\n  /**\n   * store to be shown\n   * @default google-play\n   */\n  variant?: 'google-play' | 'apple-store';\n}\n\n/**\n * Simple button with the application store image\n */\nexport const AppStoreButton: React.FC<AppStoreButtonProps> = forwardRef(({ variant, sx, ...rest }, ref) => {\n  const AppStoreComponent = useMemo(() => {\n    switch (variant) {\n      case 'apple-store':\n        return AppleStore;\n      case 'google-play':\n      default:\n        return GooglePlay;\n    }\n  }, [variant]);\n\n  return (\n    <ButtonBase\n      sx={(theme) => ({\n        position: 'relative',\n        ...getFocusRingStyle(theme),\n        '&&:before': {\n          borderRadius: '4px',\n        },\n        // pseudo background for hover\n        ':after': {\n          display: 'block',\n          content: '\"\"',\n          position: 'absolute',\n          inset: '0',\n          borderRadius: 'inherit',\n          backgroundColor: theme.palette.transparent.primary,\n          transition: 'opacity 0.3s ease-out',\n          opacity: '0',\n        },\n        // interactive style\n        ...getInteractiveStyle(\n          {\n            '&:after': {\n              opacity: '0',\n            },\n          },\n          {\n            '&:after': {\n              opacity: '1',\n            },\n          },\n        ),\n        ...sx,\n      })}\n      ref={ref as ForwardedRef<HTMLButtonElement>}\n      {...rest}\n    >\n      <AppStoreComponent />\n    </ButtonBase>\n  );\n});\n\nfunction GooglePlay(props) {\n  return (\n    <SvgIcon viewBox=\"0 0 180 53.333\" sx={{ height: '36px', width: 'auto' }} {...props}>\n      <path\n        d=\"m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665\"\n        fill=\"#100f0d\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.6665-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66\"\n        fill=\"#a2a2a1\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707\"\n        fill=\"#fff\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141\"\n        fill=\"#eb3131\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655\"\n        fill=\"#f6b60b\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914\"\n        fill=\"#5778c5\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298\"\n        fill=\"#3bad49\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.91878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z\"\n        fill=\"#fff\"\n        stroke=\"#fff\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\".26666\"\n      />\n    </SvgIcon>\n  );\n}\n\nfunction AppleStore(props) {\n  return (\n    <SvgIcon viewBox=\"0 0 119.66407 40\" sx={{ height: '36px', width: 'auto' }} {...props}>\n      <path\n        d=\"M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z\"\n        fill=\"#a6a6a6\"\n      />\n      <path d=\"M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z\" />\n      <path\n        d=\"M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path d=\"M59.09377,8.437h.88867v6.26074h-.88867Z\" fill=\"#fff\" />\n      <path\n        d=\"M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z\"\n        fill=\"#fff\"\n      />\n    </SvgIcon>\n  );\n}\n"],"names":["AppStoreButton","forwardRef","variant","sx","rest","ref","AppStoreComponent","useMemo","AppleStore","GooglePlay","_jsx","ButtonBase","theme","position","getFocusRingStyle","borderRadius","display","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","getInteractiveStyle","children","props","_jsxs","SvgIcon","viewBox","height","width","d","fill","strokeWidth","stroke","strokeMiterlimit"],"mappings":"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"}

package/cjs/components/textAndCta/TextAndCta.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),i=require("../label/Label.js");const a=t.forwardRef((t,a)=>{var{sx:n,children:l,label:b,labelProps:x,headline:o,headlineProps:c,subheadline:d,subheadlineProps:h,body:p,bodyProps:j,buttons:u,buttonsProps:g}=t,y=s.__rest(t,["sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps"]);const m=x||{},{sx:f}=m,O=s.__rest(m,["sx"]),_=c||{},{sx:P}=_,q=s.__rest(_,["sx"]),v=h||{},{sx:T}=v,k=s.__rest(v,["sx"]),w=j||{},{sx:C}=w,B=s.__rest(w,["sx"]),D=g||{},{sx:I}=D,L=s.__rest(D,["sx"]);return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%"},n),ref:a},y,{children:[b&&e.jsx(i.Label,Object.assign({sx:Object.assign({mb:1},f)},O,{children:b})),o&&e.jsx(r.Typography,Object.assign({variant:"h4",sx:Object.assign({display:"block",mb:1},P)},q,{children:o})),d&&e.jsx(r.Typography,Object.assign({variant:"subheadline",sx:Object.assign({display:"block",mb:1},T)},k,{children:d})),p&&e.jsx(r.Typography,Object.assign({sx:Object.assign({display:"block",mb:2},C)},B,{children:p})),l,u&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1},I)},L,{children:u}))]}))});exports.TextAndCta=a;
+"use strict";var e=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material"),l=require("../label/Label.js");const t=s.forwardRef(({sx:s,children:t,label:i,labelProps:a,headline:n,headlineProps:x,subheadline:o,subheadlineProps:d,body:c,bodyProps:h,buttons:p,buttonsProps:b,...u},y)=>{const{sx:m,...f}=a||{},{sx:j,...g}=x||{},{sx:P,...q}=d||{},{sx:T,...k}=h||{},{sx:v,...w}=b||{};return e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%",...s},ref:y,...u,children:[i&&e.jsx(l.Label,{sx:{mb:1,...m},...f,children:i}),n&&e.jsx(r.Typography,{variant:"h4",sx:{display:"block",mb:1,...j},...g,children:n}),o&&e.jsx(r.Typography,{variant:"subheadline",sx:{display:"block",mb:1,...P},...q,children:o}),c&&e.jsx(r.Typography,{sx:{display:"block",mb:2,...T},...k,children:c}),t,p&&e.jsx(r.Box,{sx:{display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1,...v},...w,children:p})]})});exports.TextAndCta=t;
 //# sourceMappingURL=TextAndCta.js.map

package/cjs/components/textAndCta/TextAndCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAndCta.js","sources":["../../../../../src/components/textAndCta/TextAndCta.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { Label, LabelProps } from '@/src/components/label';\n\nexport interface TextAndCtaProps extends BoxProps<ElementType> {\n  /**\n   * Top label above the headlines\n   */\n  label?: ReactNode;\n  /**\n   * Label customization\n   */\n  labelProps?: LabelProps;\n  /**\n   * Main Headline at the top\n   */\n  headline?: ReactNode;\n  /**\n   * Headline customization\n   */\n  headlineProps?: TypographyProps<ElementType>;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps<ElementType>;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps<ElementType>;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\nexport const TextAndCta: React.FC<TextAndCtaProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      labelProps,\n      headline,\n      headlineProps,\n      subheadline,\n      subheadlineProps,\n      body,\n      bodyProps,\n      buttons,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabelProps } = labelProps || {};\n    const { sx: headlineSx, ...restHeadlineProps } = headlineProps || {};\n    const { sx: subHeadlineSx, ...restSubHeadlineProps } = subheadlineProps || {};\n    const { sx: bodySx, ...restBodyProps } = bodyProps || {};\n    const { sx: buttonsSx, ...restButtonsProps } = buttonsProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          p: 3,\n          width: '320px',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <Label sx={{ mb: 1, ...labelSx }} {...restLabelProps}>\n            {label}\n          </Label>\n        )}\n        {headline && (\n          <Typography variant=\"h4\" sx={{ display: 'block', mb: 1, ...headlineSx }} {...restHeadlineProps}>\n            {headline}\n          </Typography>\n        )}\n        {subheadline && (\n          <Typography\n            variant=\"subheadline\"\n            sx={{ display: 'block', mb: 1, ...subHeadlineSx }}\n            {...restSubHeadlineProps}\n          >\n            {subheadline}\n          </Typography>\n        )}\n        {body && (\n          <Typography sx={{ display: 'block', mb: 2, ...bodySx }} {...restBodyProps}>\n            {body}\n          </Typography>\n        )}\n        {children}\n        {buttons && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: { xs: 'column', md: 'row' },\n              alignItems: { xs: 'stretch', md: 'center' },\n              justifyContent: 'stretch',\n              alignSelf: 'stretch',\n              gap: 1,\n              ...buttonsSx,\n            }}\n            {...restButtonsProps}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["TextAndCta","forwardRef","_a","ref","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","__rest","_b","labelSx","restLabelProps","_c","headlineSx","restHeadlineProps","_d","subHeadlineSx","restSubHeadlineProps","_e","bodySx","restBodyProps","_f","buttonsSx","restButtonsProps","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","xs","md","alignSelf","gap"],"mappings":"gJA+CO,MAAMA,EAAwCC,EAAAA,WACnD,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,WACLA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,iBACXA,EAAgBC,KAChBA,EAAIC,UACJA,EAASC,QACTA,EAAOC,aACPA,GAAYb,EACTc,EAAIC,EAAAA,OAAAf,EAbT,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAcH,EAAAA,OAAAC,EAAhC,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAAiBN,EAAAA,OAAAI,EAAtC,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAoBT,EAAAA,OAAAO,EAA5C,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAaZ,EAAAA,OAAAU,EAA9B,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAAgBf,EAAAA,OAAAa,EAApC,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhC,GAAE+B,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCsC,EAAAA,IAACC,EAAAA,MAAKV,OAAAC,OAAA,CAAChC,kBAAM0C,GAAI,GAAM3B,IAAeC,EAAc,CAAAf,SACjDC,KAGJE,GACCoC,EAAAA,IAACG,4BAAWC,QAAQ,KAAK5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,EAAiB,CAAAlB,SAC3FG,KAGJE,GACCkC,EAAAA,IAACG,EAAAA,WAAUZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,EAAoB,CAAArB,SAEvBK,KAGJE,GACCgC,EAAAA,IAACG,EAAAA,WAAUZ,OAAAC,OAAA,CAAChC,kBAAMiC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CACFhC,kBACEiC,QAAS,OACTC,cAAe,CAAEW,GAAI,SAAUC,GAAI,OACnCX,WAAY,CAAEU,GAAI,UAAWC,GAAI,UACjCV,eAAgB,UAChBW,UAAW,UACXC,IAAK,GACFrB,IAEDC,EAAgB,CAAA3B,SAEnBS"}
+{"version":3,"file":"TextAndCta.js","sources":["../../../../../src/components/textAndCta/TextAndCta.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { Label, LabelProps } from '@/src/components/label';\n\nexport interface TextAndCtaProps extends BoxProps<ElementType> {\n  /**\n   * Top label above the headlines\n   */\n  label?: ReactNode;\n  /**\n   * Label customization\n   */\n  labelProps?: LabelProps;\n  /**\n   * Main Headline at the top\n   */\n  headline?: ReactNode;\n  /**\n   * Headline customization\n   */\n  headlineProps?: TypographyProps<ElementType>;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps<ElementType>;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps<ElementType>;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\nexport const TextAndCta: React.FC<TextAndCtaProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      labelProps,\n      headline,\n      headlineProps,\n      subheadline,\n      subheadlineProps,\n      body,\n      bodyProps,\n      buttons,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabelProps } = labelProps || {};\n    const { sx: headlineSx, ...restHeadlineProps } = headlineProps || {};\n    const { sx: subHeadlineSx, ...restSubHeadlineProps } = subheadlineProps || {};\n    const { sx: bodySx, ...restBodyProps } = bodyProps || {};\n    const { sx: buttonsSx, ...restButtonsProps } = buttonsProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          p: 3,\n          width: '320px',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <Label sx={{ mb: 1, ...labelSx }} {...restLabelProps}>\n            {label}\n          </Label>\n        )}\n        {headline && (\n          <Typography variant=\"h4\" sx={{ display: 'block', mb: 1, ...headlineSx }} {...restHeadlineProps}>\n            {headline}\n          </Typography>\n        )}\n        {subheadline && (\n          <Typography\n            variant=\"subheadline\"\n            sx={{ display: 'block', mb: 1, ...subHeadlineSx }}\n            {...restSubHeadlineProps}\n          >\n            {subheadline}\n          </Typography>\n        )}\n        {body && (\n          <Typography sx={{ display: 'block', mb: 2, ...bodySx }} {...restBodyProps}>\n            {body}\n          </Typography>\n        )}\n        {children}\n        {buttons && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: { xs: 'column', md: 'row' },\n              alignItems: { xs: 'stretch', md: 'center' },\n              justifyContent: 'stretch',\n              alignSelf: 'stretch',\n              gap: 1,\n              ...buttonsSx,\n            }}\n            {...restButtonsProps}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["TextAndCta","forwardRef","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","ref","labelSx","restLabelProps","headlineSx","restHeadlineProps","subHeadlineSx","restSubHeadlineProps","bodySx","restBodyProps","buttonsSx","restButtonsProps","_jsxs","Box","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","xs","md","alignSelf","gap"],"mappings":"6HA+CO,MAAMA,EAAwCC,EAAAA,WACnD,EAEIC,KACAC,WACAC,QACAC,aACAC,WACAC,gBACAC,cACAC,mBACAC,OACAC,YACAC,UACAC,kBACGC,GAELC,KAEA,MAAQb,GAAIc,KAAYC,GAAmBZ,GAAc,CAAA,GACjDH,GAAIgB,KAAeC,GAAsBZ,GAAiB,CAAA,GAC1DL,GAAIkB,KAAkBC,GAAyBZ,GAAoB,CAAA,GACnEP,GAAIoB,KAAWC,GAAkBZ,GAAa,CAAA,GAC9CT,GAAIsB,KAAcC,GAAqBZ,GAAgB,CAAA,EAE/D,OACEa,EAAAA,KAACC,MAAG,CACFzB,GAAI,CACF0B,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,UACPhC,GAELa,IAAKA,KACDD,EAAIX,SAAA,CAEPC,GACC+B,EAAAA,IAACC,EAAAA,MAAK,CAAClC,GAAI,CAAEmC,GAAI,KAAMrB,MAAeC,EAAcd,SACjDC,IAGJE,GACC6B,EAAAA,IAACG,aAAU,CAACC,QAAQ,KAAKrC,GAAI,CAAE0B,QAAS,QAASS,GAAI,KAAMnB,MAAkBC,EAAiBhB,SAC3FG,IAGJE,GACC2B,EAAAA,IAACG,EAAAA,WAAU,CACTC,QAAQ,cACRrC,GAAI,CAAE0B,QAAS,QAASS,GAAI,KAAMjB,MAC9BC,EAAoBlB,SAEvBK,IAGJE,GACCyB,EAAAA,IAACG,EAAAA,WAAU,CAACpC,GAAI,CAAE0B,QAAS,QAASS,GAAI,KAAMf,MAAcC,EAAapB,SACtEO,IAGJP,EACAS,GACCuB,MAACR,EAAAA,IAAG,CACFzB,GAAI,CACF0B,QAAS,OACTC,cAAe,CAAEW,GAAI,SAAUC,GAAI,OACnCX,WAAY,CAAEU,GAAI,UAAWC,GAAI,UACjCV,eAAgB,UAChBW,UAAW,UACXC,IAAK,KACFnB,MAEDC,EAAgBtB,SAEnBS"}

package/cjs/components/tooltipHeader/TooltipHeader.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material");exports.TooltipHeader=o=>{var{children:a,sx:s,className:t}=o,n=e.__rest(o,["children","sx","className"]);return r.jsx(i.Typography,Object.assign({sx:Object.assign({display:"block",maxWidth:"none",mt:"-24px",mb:"12px",mx:"-24px",py:"16px",px:"24px",backgroundColor:"onSurface.os800",color:"onSurface.os0",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"},s),variant:"caption2",component:"h4",className:["FlowTooltip-header",t].filter(Boolean).join(" ")},n,{children:a}))};
+"use strict";var e=require("react/jsx-runtime"),o=require("@mui/material");exports.TooltipHeader=({children:r,sx:i,className:a,...t})=>e.jsx(o.Typography,{sx:{display:"block",maxWidth:"none",mt:"-24px",mb:"12px",mx:"-24px",py:"16px",px:"24px",backgroundColor:"onSurface.os800",color:"onSurface.os0",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",...i},variant:"caption2",component:"h4",className:["FlowTooltip-header",a].filter(Boolean).join(" "),...t,children:r});
 //# sourceMappingURL=TooltipHeader.js.map

package/cjs/components/tooltipHeader/TooltipHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipHeader.js","sources":["../../../../../src/components/tooltipHeader/TooltipHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport interface TooltipHeaderProps extends TypographyProps {}\n\n/**\n * Headline for @mui tooltip, that should be passed as first element in title:\n *  <Tooltip title={<>\n *    <TooltipHeader>Headline</TooltipHeader>\n *    {children}\n *  </>} />\n */\nexport const TooltipHeader = ({ children, sx, className, ...rest }: TooltipHeaderProps) => {\n  return (\n    <Typography\n      sx={{\n        display: 'block',\n        maxWidth: 'none',\n        // move to the sides of tooltip\n        mt: '-24px',\n        mb: '12px',\n        mx: '-24px',\n        // spacing\n        py: '16px',\n        px: '24px',\n        // style\n        backgroundColor: 'onSurface.os800',\n        color: 'onSurface.os0',\n        borderTopLeftRadius: 'inherit',\n        borderTopRightRadius: 'inherit',\n        // other variants are controlled from tooltip.theme.ts\n        ...sx,\n      }}\n      variant=\"caption2\"\n      component=\"h4\"\n      className={['FlowTooltip-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["_a","children","sx","className","rest","__rest","_jsx","Typography","Object","assign","display","maxWidth","mt","mb","mx","py","px","backgroundColor","color","borderTopLeftRadius","borderTopRightRadius","variant","component","filter","Boolean","join"],"mappings":"oHAY8BA,QAAAC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAL,EAAlC,CAAA,WAAA,KAAA,cAC5B,OACEM,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CACTP,GAAEM,OAAAC,OAAA,CACAC,QAAS,QACTC,SAAU,OAEVC,GAAI,QACJC,GAAI,OACJC,GAAI,QAEJC,GAAI,OACJC,GAAI,OAEJC,gBAAiB,kBACjBC,MAAO,gBACPC,oBAAqB,UACrBC,qBAAsB,WAEnBlB,GAELmB,QAAQ,WACRC,UAAU,KACVnB,UAAW,CAAC,qBAAsBA,GAAWoB,OAAOC,SAASC,KAAK,MAC9DrB,EAAI,CAAAH,SAEPA"}
+{"version":3,"file":"TooltipHeader.js","sources":["../../../../../src/components/tooltipHeader/TooltipHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport interface TooltipHeaderProps extends TypographyProps {}\n\n/**\n * Headline for @mui tooltip, that should be passed as first element in title:\n *  <Tooltip title={<>\n *    <TooltipHeader>Headline</TooltipHeader>\n *    {children}\n *  </>} />\n */\nexport const TooltipHeader = ({ children, sx, className, ...rest }: TooltipHeaderProps) => {\n  return (\n    <Typography\n      sx={{\n        display: 'block',\n        maxWidth: 'none',\n        // move to the sides of tooltip\n        mt: '-24px',\n        mb: '12px',\n        mx: '-24px',\n        // spacing\n        py: '16px',\n        px: '24px',\n        // style\n        backgroundColor: 'onSurface.os800',\n        color: 'onSurface.os0',\n        borderTopLeftRadius: 'inherit',\n        borderTopRightRadius: 'inherit',\n        // other variants are controlled from tooltip.theme.ts\n        ...sx,\n      }}\n      variant=\"caption2\"\n      component=\"h4\"\n      className={['FlowTooltip-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["children","sx","className","rest","_jsx","Typography","display","maxWidth","mt","mb","mx","py","px","backgroundColor","color","borderTopLeftRadius","borderTopRightRadius","variant","component","filter","Boolean","join"],"mappings":"iGAY6B,EAAGA,WAAUC,KAAIC,eAAcC,KAExDC,EAAAA,IAACC,aAAU,CACTJ,GAAI,CACFK,QAAS,QACTC,SAAU,OAEVC,GAAI,QACJC,GAAI,OACJC,GAAI,QAEJC,GAAI,OACJC,GAAI,OAEJC,gBAAiB,kBACjBC,MAAO,gBACPC,oBAAqB,UACrBC,qBAAsB,aAEnBf,GAELgB,QAAQ,WACRC,UAAU,KACVhB,UAAW,CAAC,qBAAsBA,GAAWiB,OAAOC,SAASC,KAAK,QAC9DlB,EAAIH,SAEPA"}

package/cjs/components/upload/Upload.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react");require("@mui/material");var n=require("./components/uploadWrapper/UploadWrapper.js");function l(e,t){if(!e.type)return!1;if("*"===t.trim())return!0;return t.split(",").some(t=>{if(t.includes("/*")){const r=t.split("/")[0];return e.type.startsWith(`${r}/`)}if(e.type.trim()===t.trim())return!0;if(t.startsWith(".")){const r=t.trim().toLowerCase();return e.name.toLowerCase().endsWith(r)}return!1})}exports.Upload=function(a){var{children:i,currentFilesCount:s=0,onFileChange:u,inputProps:o={},maxFiles:p=1,state:c}=a,d=e.__rest(a,["children","currentFilesCount","onFileChange","inputProps","maxFiles","state"]);const f=r.useRef(null),[g,v]=r.useState(!1),[h,m]=r.useState(null),C=(null==o?void 0:o.accept)||"*",b=r.useMemo(()=>g?"dragdropping":h?"error":c||"default",[g,h,c]),y=r.useCallback(e=>{e.stopPropagation(),e.preventDefault()},[]),x=r.useCallback(e=>e.filter(e=>l(e,C)),[C,p]),k=r.useCallback(()=>{u&&(h&&m(null),v(!0))},[v]),F=r.useCallback(()=>{v(!1)},[v]),D=r.useCallback(()=>{var e;h&&m(null),null===(e=f.current)||void 0===e||e.click()},[]),j=r.useCallback(e=>{e.preventDefault(),e.stopPropagation(),h&&m(null);const t=[...e.dataTransfer.files];if(s+t.length>p)return v(!1),void m({type:"maxFilesExceeded"});const r=t.filter(e=>!l(e,C));if(r.length>0)return v(!1),void m({type:"invalidFileType",files:r});const n=x([...e.dataTransfer.files]);v(!1),n.length>0&&(null==u||u(n))},[v,h,m,C,u,s]),W=r.useCallback(e=>{e.preventDefault(),e.stopPropagation(),h&&m(null);const t=[...e.target.files];if(s+t.length>p)return v(!1),void m({type:"maxFilesExceeded"});const r=t.filter(e=>!l(e,C));if(r.length>0)return void m({type:"invalidFileType",files:r});const n=x(t);n.length>0&&(null==u||u(n),f.current&&(f.current.value=""))},[v,h,m,C,u,s]);return t.jsxs(n.UploadWrapper,Object.assign({role:"button",tabIndex:0,"aria-label":"Upload file",state:b,onClick:D,onDragOver:y,onDrop:j,onDragEnter:k,onDragLeave:F,onKeyDown:e=>{"Enter"===e.key&&D()}},d,{children:["function"==typeof i?i({error:h,dragging:g}):i,t.jsx("input",Object.assign({ref:f,onChange:W},o,{hidden:!0,type:"file",multiple:p>1}))]}))};
+"use strict";var e=require("react/jsx-runtime"),t=require("react");require("@mui/material");var r=require("./components/uploadWrapper/UploadWrapper.js");function n(e,t){if(!e.type)return!1;if("*"===t.trim())return!0;return t.split(",").some(t=>{if(t.includes("/*")){const r=t.split("/")[0];return e.type.startsWith(`${r}/`)}if(e.type.trim()===t.trim())return!0;if(t.startsWith(".")){const r=t.trim().toLowerCase();return e.name.toLowerCase().endsWith(r)}return!1})}exports.Upload=function({children:l,currentFilesCount:a=0,onFileChange:i,inputProps:o={},maxFiles:s=1,state:u,...p}){const c=t.useRef(null),[f,d]=t.useState(!1),[g,m]=t.useState(null),h=o?.accept||"*",v=t.useMemo(()=>f?"dragdropping":g?"error":u||"default",[f,g,u]),y=t.useCallback(e=>{e.stopPropagation(),e.preventDefault()},[]),C=t.useCallback(e=>e.filter(e=>n(e,h)),[h,s]),b=t.useCallback(()=>{i&&(g&&m(null),d(!0))},[d]),k=t.useCallback(()=>{d(!1)},[d]),x=t.useCallback(()=>{g&&m(null),c.current?.click()},[]),D=t.useCallback(e=>{e.preventDefault(),e.stopPropagation(),g&&m(null);const t=[...e.dataTransfer.files];if(a+t.length>s)return d(!1),void m({type:"maxFilesExceeded"});const r=t.filter(e=>!n(e,h));if(r.length>0)return d(!1),void m({type:"invalidFileType",files:r});const l=C([...e.dataTransfer.files]);d(!1),l.length>0&&i?.(l)},[d,g,m,h,i,a]),F=t.useCallback(e=>{e.preventDefault(),e.stopPropagation(),g&&m(null);const t=[...e.target.files];if(a+t.length>s)return d(!1),void m({type:"maxFilesExceeded"});const r=t.filter(e=>!n(e,h));if(r.length>0)return void m({type:"invalidFileType",files:r});const l=C(t);l.length>0&&(i?.(l),c.current&&(c.current.value=""))},[d,g,m,h,i,a]);return e.jsxs(r.UploadWrapper,{role:"button",tabIndex:0,"aria-label":"Upload file",state:v,onClick:x,onDragOver:y,onDrop:D,onDragEnter:b,onDragLeave:k,onKeyDown:e=>{"Enter"===e.key&&x()},...p,children:["function"==typeof l?l({error:g,dragging:f}):l,e.jsx("input",{ref:c,onChange:F,...o,hidden:!0,type:"file",multiple:s>1})]})};
 //# sourceMappingURL=Upload.js.map

package/cjs/components/upload/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","sources":["../../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLProps, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from './components/uploadWrapper';\n\nfunction isAcceptedFileType(file: File, acceptedTypes: string) {\n  if (!file.type) return false; // Avoid issues where file.type is empty\n\n  // If '*' is used, accept all files\n  if (acceptedTypes.trim() === '*') return true;\n\n  // Split the accepted types into an array\n  const accepted = acceptedTypes.split(',');\n\n  return accepted.some((type) => {\n    // Check for wildcards (image/*, video/*)\n    if (type.includes('/*')) {\n      const typePrefix = type.split('/')[0];\n      return file.type.startsWith(`${typePrefix}/`);\n    }\n    // Check for exact MIME types (image/jpeg, video/mp4)\n    if (file.type.trim() === type.trim()) {\n      return true;\n    }\n    // Check for file extension matches (e.g., .pdf, .csv)\n    if (type.startsWith('.')) {\n      const extension = type.trim().toLowerCase();\n      return file.name.toLowerCase().endsWith(extension);\n    }\n    return false;\n  });\n}\n\ntype UploadError = {\n  type: 'maxFilesExceeded' | 'invalidFileType';\n  files?: File[];\n} | null;\n\nexport interface UploadProps extends Omit<UploadWrapperProps, 'children'> {\n  /**\n   * Properties that will be passed to the input element.\n   */\n  inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' | 'type' | 'multiple'>;\n\n  /**\n   * Sets maximum files that are available.\n   * If maxFiles is bigger than 1 the input is type multiple.\n   * @default 1\n   */\n  maxFiles?: number;\n\n  /**\n   * Handler that is called when user provide files.\n   */\n  onFileChange?: (files: Array<File>) => void;\n\n  /**\n   * Children as a render function that gets error and dragging state.\n   */\n  children?: ReactNode | ((params: { error: UploadError; dragging: boolean }) => ReactNode);\n\n  /**\n   * Current number of uploaded files.\n   */\n  currentFilesCount?: number;\n}\n\nexport function Upload({\n  children,\n  currentFilesCount = 0,\n  onFileChange,\n  inputProps = {},\n  maxFiles = 1,\n  state,\n  ...restProps\n}: UploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState<boolean>(false);\n  const [error, setError] = useState<UploadError>(null);\n\n  const accept = inputProps?.accept || '*';\n\n  const currentState = useMemo(() => {\n    return dragging ? 'dragdropping' : error ? 'error' : state ? state : 'default';\n  }, [dragging, error, state]);\n\n  const preventDragOver = useCallback((event: DragEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  }, []);\n\n  const getFilteredFiles = useCallback(\n    (inputFiles: File[]) => inputFiles.filter((file) => isAcceptedFileType(file, accept)),\n    [accept, maxFiles],\n  );\n\n  const handleDragEnter = useCallback(() => {\n    if (!onFileChange) return;\n\n    error && setError(null); // reset error state if needed\n    setDragging(true);\n  }, [setDragging]);\n\n  const handleDragLeave = useCallback(() => {\n    setDragging(false);\n  }, [setDragging]);\n\n  const handleClick = useCallback(() => {\n    error && setError(null); // reset error state if needed\n    inputRef.current?.click();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.dataTransfer.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setDragging(false);\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles([...event.dataTransfer.files]);\n      setDragging(false);\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.target.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles(files);\n\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  return (\n    <UploadWrapper\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"Upload file\"\n      state={currentState}\n      onClick={handleClick}\n      onDragOver={preventDragOver}\n      onDrop={handleDrop}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') handleClick();\n      }}\n      {...restProps}\n    >\n      {typeof children === 'function' ? children({ error, dragging }) : children}\n      <input ref={inputRef} onChange={handleInputChange} {...inputProps} hidden type=\"file\" multiple={maxFiles > 1} />\n    </UploadWrapper>\n  );\n}\n"],"names":["isAcceptedFileType","file","acceptedTypes","type","trim","split","some","includes","typePrefix","startsWith","extension","toLowerCase","name","endsWith","_a","children","currentFilesCount","onFileChange","inputProps","maxFiles","state","restProps","__rest","inputRef","useRef","dragging","setDragging","useState","error","setError","accept","currentState","useMemo","preventDragOver","useCallback","event","stopPropagation","preventDefault","getFilteredFiles","inputFiles","filter","handleDragEnter","handleDragLeave","handleClick","current","click","handleDrop","files","dataTransfer","length","permittedFiles","filteredFiles","handleInputChange","target","value","_jsxs","UploadWrapper","role","tabIndex","onClick","onDragOver","onDrop","onDragEnter","onDragLeave","onKeyDown","key","_jsx","Object","assign","ref","onChange","hidden","multiple"],"mappings":"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"}
+{"version":3,"file":"Upload.js","sources":["../../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLProps, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from './components/uploadWrapper';\n\nfunction isAcceptedFileType(file: File, acceptedTypes: string) {\n  if (!file.type) return false; // Avoid issues where file.type is empty\n\n  // If '*' is used, accept all files\n  if (acceptedTypes.trim() === '*') return true;\n\n  // Split the accepted types into an array\n  const accepted = acceptedTypes.split(',');\n\n  return accepted.some((type) => {\n    // Check for wildcards (image/*, video/*)\n    if (type.includes('/*')) {\n      const typePrefix = type.split('/')[0];\n      return file.type.startsWith(`${typePrefix}/`);\n    }\n    // Check for exact MIME types (image/jpeg, video/mp4)\n    if (file.type.trim() === type.trim()) {\n      return true;\n    }\n    // Check for file extension matches (e.g., .pdf, .csv)\n    if (type.startsWith('.')) {\n      const extension = type.trim().toLowerCase();\n      return file.name.toLowerCase().endsWith(extension);\n    }\n    return false;\n  });\n}\n\ntype UploadError = {\n  type: 'maxFilesExceeded' | 'invalidFileType';\n  files?: File[];\n} | null;\n\nexport interface UploadProps extends Omit<UploadWrapperProps, 'children'> {\n  /**\n   * Properties that will be passed to the input element.\n   */\n  inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' | 'type' | 'multiple'>;\n\n  /**\n   * Sets maximum files that are available.\n   * If maxFiles is bigger than 1 the input is type multiple.\n   * @default 1\n   */\n  maxFiles?: number;\n\n  /**\n   * Handler that is called when user provide files.\n   */\n  onFileChange?: (files: Array<File>) => void;\n\n  /**\n   * Children as a render function that gets error and dragging state.\n   */\n  children?: ReactNode | ((params: { error: UploadError; dragging: boolean }) => ReactNode);\n\n  /**\n   * Current number of uploaded files.\n   */\n  currentFilesCount?: number;\n}\n\nexport function Upload({\n  children,\n  currentFilesCount = 0,\n  onFileChange,\n  inputProps = {},\n  maxFiles = 1,\n  state,\n  ...restProps\n}: UploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState<boolean>(false);\n  const [error, setError] = useState<UploadError>(null);\n\n  const accept = inputProps?.accept || '*';\n\n  const currentState = useMemo(() => {\n    return dragging ? 'dragdropping' : error ? 'error' : state ? state : 'default';\n  }, [dragging, error, state]);\n\n  const preventDragOver = useCallback((event: DragEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  }, []);\n\n  const getFilteredFiles = useCallback(\n    (inputFiles: File[]) => inputFiles.filter((file) => isAcceptedFileType(file, accept)),\n    [accept, maxFiles],\n  );\n\n  const handleDragEnter = useCallback(() => {\n    if (!onFileChange) return;\n\n    error && setError(null); // reset error state if needed\n    setDragging(true);\n  }, [setDragging]);\n\n  const handleDragLeave = useCallback(() => {\n    setDragging(false);\n  }, [setDragging]);\n\n  const handleClick = useCallback(() => {\n    error && setError(null); // reset error state if needed\n    inputRef.current?.click();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.dataTransfer.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setDragging(false);\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles([...event.dataTransfer.files]);\n      setDragging(false);\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.target.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles(files);\n\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  return (\n    <UploadWrapper\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"Upload file\"\n      state={currentState}\n      onClick={handleClick}\n      onDragOver={preventDragOver}\n      onDrop={handleDrop}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') handleClick();\n      }}\n      {...restProps}\n    >\n      {typeof children === 'function' ? children({ error, dragging }) : children}\n      <input ref={inputRef} onChange={handleInputChange} {...inputProps} hidden type=\"file\" multiple={maxFiles > 1} />\n    </UploadWrapper>\n  );\n}\n"],"names":["isAcceptedFileType","file","acceptedTypes","type","trim","split","some","includes","typePrefix","startsWith","extension","toLowerCase","name","endsWith","children","currentFilesCount","onFileChange","inputProps","maxFiles","state","restProps","inputRef","useRef","dragging","setDragging","useState","error","setError","accept","currentState","useMemo","preventDragOver","useCallback","event","stopPropagation","preventDefault","getFilteredFiles","inputFiles","filter","handleDragEnter","handleDragLeave","handleClick","current","click","handleDrop","files","dataTransfer","length","permittedFiles","filteredFiles","handleInputChange","target","value","_jsxs","UploadWrapper","role","tabIndex","onClick","onDragOver","onDrop","onDragEnter","onDragLeave","onKeyDown","key","_jsx","ref","onChange","hidden","multiple"],"mappings":"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"}

package/cjs/components/upload/components/uploadList/UploadList.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material");exports.UploadList=s=>{var{children:t,sx:a}=s,n=e.__rest(s,["children","sx"]);return r.jsx(i.List,Object.assign({sx:Object.assign({padding:"4px",width:"100%",height:"100%",overflowY:"auto"},a)},n,{children:t}))};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material");exports.UploadList=({children:r,sx:t,...s})=>e.jsx(i.List,{sx:{padding:"4px",width:"100%",height:"100%",overflowY:"auto",...t},...s,children:r});
 //# sourceMappingURL=UploadList.js.map

package/cjs/components/upload/components/uploadList/UploadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadList.js","sources":["../../../../../../../src/components/upload/components/uploadList/UploadList.tsx"],"sourcesContent":["import { List, ListProps } from '@mui/material';\nimport { FC } from 'react';\n\n/**\n * Styled List component for Upload component.\n *\n * @see List\n * @see Upload\n */\nexport const UploadList: FC<ListProps> = ({ children, sx, ...restProps }) => {\n  return (\n    <List sx={{ padding: '4px', width: '100%', height: '100%', overflowY: 'auto', ...sx }} {...restProps}>\n      {children}\n    </List>\n  );\n};\n"],"names":["_a","children","sx","restProps","__rest","_jsx","List","Object","assign","padding","width","height","overflowY"],"mappings":"iHAS0CA,QAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACxC,OACEK,MAACC,EAAAA,KAAIC,OAAAC,OAAA,CAACN,GAAEK,OAAAC,OAAA,CAAIC,QAAS,MAAOC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,QAAWV,IAAUC,EAAS,CAAAF,SACjGA"}
+{"version":3,"file":"UploadList.js","sources":["../../../../../../../src/components/upload/components/uploadList/UploadList.tsx"],"sourcesContent":["import { List, ListProps } from '@mui/material';\nimport { FC } from 'react';\n\n/**\n * Styled List component for Upload component.\n *\n * @see List\n * @see Upload\n */\nexport const UploadList: FC<ListProps> = ({ children, sx, ...restProps }) => {\n  return (\n    <List sx={{ padding: '4px', width: '100%', height: '100%', overflowY: 'auto', ...sx }} {...restProps}>\n      {children}\n    </List>\n  );\n};\n"],"names":["children","sx","restProps","_jsx","List","padding","width","height","overflowY"],"mappings":"8FASyC,EAAGA,WAAUC,QAAOC,KAEzDC,EAAAA,IAACC,EAAAA,KAAI,CAACH,GAAI,CAAEI,QAAS,MAAOC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAAWP,MAAUC,EAASF,SACjGA"}

package/cjs/components/upload/components/uploadList/UploadListItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),r=require("@mui/material");exports.UploadListItem=function(t){var{children:i,linearProgressProps:o={},sx:n}=t,a=e.__rest(t,["children","linearProgressProps","sx"]);const{sx:l}=o,u=e.__rest(o,["sx"]);return s.jsxs(r.ListItem,Object.assign({component:"li",sx:Object.assign({position:"relative",margin:0,py:1,px:2,borderRadius:"4px",outline:"0","&:not(:last-child):after":{content:'""',position:"absolute",left:0,bottom:0,height:"1px",width:"100%",backgroundColor:"surface.secondary"},"&:focus-visible":{backgroundColor:"surface.primary"}},n),disableGutters:!0},a,{children:[i,void 0!==(null==o?void 0:o.value)&&null!==(null==o?void 0:o.value)&&s.jsx(r.LinearProgress,Object.assign({variant:"determinate",sx:Object.assign({position:"absolute",bottom:0,left:0,width:"100%",height:"2px",zIndex:"1"},l)},u))]}))};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");exports.UploadListItem=function({children:r,linearProgressProps:i={},sx:o,...s}){const{sx:n,...a}=i;return e.jsxs(t.ListItem,{component:"li",sx:{position:"relative",margin:0,py:1,px:2,borderRadius:"4px",outline:"0","&:not(:last-child):after":{content:'""',position:"absolute",left:0,bottom:0,height:"1px",width:"100%",backgroundColor:"surface.secondary"},"&:focus-visible":{backgroundColor:"surface.primary"},...o},disableGutters:!0,...s,children:[r,null!=i?.value&&e.jsx(t.LinearProgress,{variant:"determinate",sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"2px",zIndex:"1",...n},...a})]})};
 //# sourceMappingURL=UploadListItem.js.map

package/cjs/components/upload/components/uploadList/UploadListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadListItem.js","sources":["../../../../../../../src/components/upload/components/uploadList/UploadListItem.tsx"],"sourcesContent":["import { LinearProgress, LinearProgressProps, ListItem, ListItemProps } from '@mui/material';\n\nexport interface UploadListItemProps extends ListItemProps {\n  /**\n   * Properties that will be passed to LinearProgress\n   */\n  linearProgressProps?: LinearProgressProps;\n}\n\n/**\n * ListItem component styled for UploadList.\n *\n * @param children\n * @param linearProgressProps\n * @param sx\n * @param restProps\n *\n * @see UploadList\n * @see ListItem\n */\nexport function UploadListItem({ children, linearProgressProps = {}, sx, ...restProps }: UploadListItemProps) {\n  const { sx: linearProgressSx, ...restLinearProgressProps } = linearProgressProps;\n\n  return (\n    <ListItem\n      component=\"li\"\n      sx={{\n        position: 'relative',\n        margin: 0,\n        py: 1,\n        px: 2,\n        borderRadius: '4px',\n        outline: '0',\n        // every child except the last child has 'border' on the bottom\n        '&:not(:last-child):after': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          bottom: 0,\n          height: '1px',\n          width: '100%',\n          backgroundColor: 'surface.secondary',\n        },\n        '&:focus-visible': {\n          backgroundColor: 'surface.primary',\n        },\n        ...sx,\n      }}\n      disableGutters\n      {...restProps}\n    >\n      {children}\n\n      {typeof linearProgressProps?.value !== 'undefined' && linearProgressProps?.value !== null && (\n        <LinearProgress\n          variant=\"determinate\"\n          sx={{\n            position: 'absolute',\n            bottom: 0,\n            left: 0,\n            width: '100%',\n            height: '2px',\n            zIndex: '1',\n            ...linearProgressSx,\n          }}\n          {...restLinearProgressProps}\n        />\n      )}\n    </ListItem>\n  );\n}\n"],"names":["_a","children","linearProgressProps","sx","restProps","__rest","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","Object","assign","component","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"qHAoBM,SAAyBA,GAAA,IAAAC,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,GAAEH,EAAKI,EAASC,EAAAA,OAAAL,EAAtD,CAAA,WAAA,sBAAA,OAC7B,MAAQG,GAAIG,GAAiDJ,EAA5BK,EAAuBF,SAAKH,EAAvD,CAAA,OAEN,OACEM,EAAAA,KAACC,WAAQC,OAAAC,OAAA,CACPC,UAAU,KACVT,GAAEO,OAAAC,OAAA,CACAE,SAAU,WACVC,OAAQ,EACRC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,QAAS,IAET,2BAA4B,CAC1BC,QAAS,KACTN,SAAU,WACVO,KAAM,EACNC,OAAQ,EACRC,OAAQ,MACRC,MAAO,OACPC,gBAAiB,qBAEnB,kBAAmB,CACjBA,gBAAiB,oBAEhBrB,GAELsB,gBAAc,GACVrB,EAAS,CAAAH,SAAA,CAEZA,OAEsC,KAA/BC,aAAmB,EAAnBA,EAAqBwB,QAAwD,QAA/BxB,aAAmB,EAAnBA,EAAqBwB,QACzEC,EAAAA,IAACC,EAAAA,eAAclB,OAAAC,OAAA,CACbkB,QAAQ,cACR1B,GAAEO,OAAAC,OAAA,CACAE,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,KACLxB,IAEDC,OAKd"}
+{"version":3,"file":"UploadListItem.js","sources":["../../../../../../../src/components/upload/components/uploadList/UploadListItem.tsx"],"sourcesContent":["import { LinearProgress, LinearProgressProps, ListItem, ListItemProps } from '@mui/material';\n\nexport interface UploadListItemProps extends ListItemProps {\n  /**\n   * Properties that will be passed to LinearProgress\n   */\n  linearProgressProps?: LinearProgressProps;\n}\n\n/**\n * ListItem component styled for UploadList.\n *\n * @param children\n * @param linearProgressProps\n * @param sx\n * @param restProps\n *\n * @see UploadList\n * @see ListItem\n */\nexport function UploadListItem({ children, linearProgressProps = {}, sx, ...restProps }: UploadListItemProps) {\n  const { sx: linearProgressSx, ...restLinearProgressProps } = linearProgressProps;\n\n  return (\n    <ListItem\n      component=\"li\"\n      sx={{\n        position: 'relative',\n        margin: 0,\n        py: 1,\n        px: 2,\n        borderRadius: '4px',\n        outline: '0',\n        // every child except the last child has 'border' on the bottom\n        '&:not(:last-child):after': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          bottom: 0,\n          height: '1px',\n          width: '100%',\n          backgroundColor: 'surface.secondary',\n        },\n        '&:focus-visible': {\n          backgroundColor: 'surface.primary',\n        },\n        ...sx,\n      }}\n      disableGutters\n      {...restProps}\n    >\n      {children}\n\n      {typeof linearProgressProps?.value !== 'undefined' && linearProgressProps?.value !== null && (\n        <LinearProgress\n          variant=\"determinate\"\n          sx={{\n            position: 'absolute',\n            bottom: 0,\n            left: 0,\n            width: '100%',\n            height: '2px',\n            zIndex: '1',\n            ...linearProgressSx,\n          }}\n          {...restLinearProgressProps}\n        />\n      )}\n    </ListItem>\n  );\n}\n"],"names":["children","linearProgressProps","sx","restProps","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","component","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"kGAoBM,UAAyBA,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,KAAOC,IAC1E,MAAQD,GAAIE,KAAqBC,GAA4BJ,EAE7D,OACEK,EAAAA,KAACC,EAAAA,SAAQ,CACPC,UAAU,KACVN,GAAI,CACFO,SAAU,WACVC,OAAQ,EACRC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,QAAS,IAET,2BAA4B,CAC1BC,QAAS,KACTN,SAAU,WACVO,KAAM,EACNC,OAAQ,EACRC,OAAQ,MACRC,MAAO,OACPC,gBAAiB,qBAEnB,kBAAmB,CACjBA,gBAAiB,sBAEhBlB,GAELmB,gBAAc,KACVlB,EAASH,SAAA,CAEZA,EAEA,MAAOC,GAAqBqB,OAC3BC,EAAAA,IAACC,EAAAA,eAAc,CACbC,QAAQ,cACRvB,GAAI,CACFO,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,OACLtB,MAEDC,MAKd"}

package/cjs/components/upload/components/uploadPreview/UploadPreview.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),o=require("../../../icon/stroke/CloseIcon.js"),s=require("@mui/material"),i=require("../uploadWrapper/UploadWrapper.js");exports.UploadPreview=t=>{var{children:n,iconButtonProps:c,iconProps:p,customIcon:a}=t;const u=r.__rest(t,["children","iconButtonProps","iconProps","customIcon"])||{},{sx:d}=u,l=r.__rest(u,["sx"]),x=c||{},{sx:h}=x,j=r.__rest(x,["sx"]);return e.jsxs(i.UploadWrapper,Object.assign({sx:Object.assign({borderStyle:"solid",borderColor:"onSurface.os500",borderRadius:"4px",cursor:"default",width:"100px",height:"100px",padding:"0"},d)},l,{children:[e.jsx(s.IconButton,Object.assign({sx:Object.assign({position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px","& .MuiSvgIcon-root":{fontSize:"17px"}},h),variant:"filled",color:"surface"},j,{children:a||e.jsx(o.CloseIcon,Object.assign({},p))})),n]}))};
+"use strict";var r=require("react/jsx-runtime"),o=require("../../../icon/stroke/CloseIcon.js"),e=require("@mui/material"),i=require("../uploadWrapper/UploadWrapper.js");exports.UploadPreview=({children:s,iconButtonProps:t,iconProps:p,customIcon:n,...a})=>{const{sx:c,...d}=a||{},{sx:u,...l}=t||{};return r.jsxs(i.UploadWrapper,{sx:{borderStyle:"solid",borderColor:"onSurface.os500",borderRadius:"4px",cursor:"default",width:"100px",height:"100px",padding:"0",...c},...d,children:[r.jsx(e.IconButton,{sx:{position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px","& .MuiSvgIcon-root":{fontSize:"17px"},...u},variant:"filled",color:"surface",...l,children:n||r.jsx(o.CloseIcon,{...p})}),s]})};
 //# sourceMappingURL=UploadPreview.js.map

package/cjs/components/upload/components/uploadPreview/UploadPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/UploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from '../uploadWrapper';\n\nexport interface UploadPreviewProps extends UploadWrapperProps {\n  /**\n   * Previews the item.\n   */\n  children: ReactNode;\n\n  /**\n   * Properties that will be passed to the IconButton\n   */\n  iconButtonProps?: IconButtonProps;\n\n  /**\n   * Properties that will be passed to the Icon\n   */\n  iconProps?: SvgIconProps;\n\n  /**\n   * Custom Icon component that will be rendered in default action in IconButton\n   */\n  customIcon?: ReactNode;\n}\n\n/**\n * Previews single uploaded item and adds an IconButton on top of it on hover.\n *\n * @see Upload\n */\nexport const UploadPreview: FC<UploadPreviewProps> = ({\n  children,\n  iconButtonProps,\n  iconProps,\n  customIcon,\n  ...props\n}) => {\n  const { sx, ...restProps } = props || {};\n  const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps || {};\n\n  return (\n    <UploadWrapper\n      sx={{\n        borderStyle: 'solid',\n        borderColor: 'onSurface.os500',\n        borderRadius: '4px',\n        cursor: 'default',\n        width: '100px',\n        height: '100px',\n        padding: '0',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      <IconButton\n        sx={{\n          position: 'absolute',\n          right: '4px',\n          top: '4px',\n          zIndex: '1',\n          width: '24px',\n          height: '24px',\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n          ...iconButtonSx,\n        }}\n        variant=\"filled\"\n        color=\"surface\"\n        {...restIconButtonProps}\n      >\n        {customIcon || <CloseIcon {...iconProps} />}\n      </IconButton>\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["_a","children","iconButtonProps","iconProps","customIcon","_b","__rest","sx","restProps","_c","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","Object","assign","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"kNAgCsDA,IAAA,IAAAC,SACpDA,EAAQC,gBACRA,EAAeC,UACfA,EAASC,WACTA,GAAUJ,EAGV,MAAMK,EAFEC,EAAAA,OAAAN,EAL4C,CAAA,WAAA,kBAAA,YAAA,gBAOd,CAAA,GAAhCO,GAAEA,GAAEF,EAAKG,EAASF,EAAAA,OAAAD,EAAlB,CAAA,OACAI,EAA+CP,GAAmB,IAAhEK,GAAIG,KAAiBC,EAAmBL,EAAAA,OAAAG,EAA1C,CAAA,OAEN,OACEG,OAACC,EAAAA,cAAaC,OAAAC,OAAA,CACZR,GAAEO,OAAAC,OAAA,CACAC,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,KACNf,IAEDC,EAAS,CAAAP,SAAA,CAEbsB,EAAAA,IAACC,EAAAA,0BACCjB,GAAEO,OAAAC,OAAA,CACAU,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,SAETnB,GAELoB,QAAQ,SACRC,MAAM,WACFpB,EAAmB,CAAAV,SAEtBG,GAAcmB,EAAAA,IAACS,YAASlB,OAAAC,OAAA,GAAKZ,OAE/BF"}
+{"version":3,"file":"UploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/UploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from '../uploadWrapper';\n\nexport interface UploadPreviewProps extends UploadWrapperProps {\n  /**\n   * Previews the item.\n   */\n  children: ReactNode;\n\n  /**\n   * Properties that will be passed to the IconButton\n   */\n  iconButtonProps?: IconButtonProps;\n\n  /**\n   * Properties that will be passed to the Icon\n   */\n  iconProps?: SvgIconProps;\n\n  /**\n   * Custom Icon component that will be rendered in default action in IconButton\n   */\n  customIcon?: ReactNode;\n}\n\n/**\n * Previews single uploaded item and adds an IconButton on top of it on hover.\n *\n * @see Upload\n */\nexport const UploadPreview: FC<UploadPreviewProps> = ({\n  children,\n  iconButtonProps,\n  iconProps,\n  customIcon,\n  ...props\n}) => {\n  const { sx, ...restProps } = props || {};\n  const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps || {};\n\n  return (\n    <UploadWrapper\n      sx={{\n        borderStyle: 'solid',\n        borderColor: 'onSurface.os500',\n        borderRadius: '4px',\n        cursor: 'default',\n        width: '100px',\n        height: '100px',\n        padding: '0',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      <IconButton\n        sx={{\n          position: 'absolute',\n          right: '4px',\n          top: '4px',\n          zIndex: '1',\n          width: '24px',\n          height: '24px',\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n          ...iconButtonSx,\n        }}\n        variant=\"filled\"\n        color=\"surface\"\n        {...restIconButtonProps}\n      >\n        {customIcon || <CloseIcon {...iconProps} />}\n      </IconButton>\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["children","iconButtonProps","iconProps","customIcon","props","sx","restProps","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"+LAgCqD,EACnDA,WACAC,kBACAC,YACAC,gBACGC,MAEH,MAAMC,GAAEA,KAAOC,GAAcF,GAAS,CAAA,GAC9BC,GAAIE,KAAiBC,GAAwBP,GAAmB,CAAA,EAExE,OACEQ,EAAAA,KAACC,gBAAa,CACZL,GAAI,CACFM,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,OACNZ,MAEDC,EAASN,SAAA,CAEbkB,EAAAA,IAACC,EAAAA,WAAU,CACTd,GAAI,CACFe,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,WAETjB,GAELkB,QAAQ,SACRC,MAAM,aACFlB,EAAmBR,SAEtBG,GAAce,EAAAA,IAACS,EAAAA,cAAczB,MAE/BF"}

package/cjs/components/upload/components/uploadPreview/UploadPreviewImage.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@mui/material");exports.UploadPreviewImage=function(t){var{sx:s}=t,o=e.__rest(t,["sx"]);return i.jsx(r.Box,Object.assign({component:"img",sx:Object.assign({display:"block",position:"absolute",width:"100%",height:"100%",objectFit:"cover",borderRadius:"4px"},s)},o))};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material");exports.UploadPreviewImage=function({sx:r,...t}){return e.jsx(i.Box,{component:"img",sx:{display:"block",position:"absolute",width:"100%",height:"100%",objectFit:"cover",borderRadius:"4px",...r},...t})};
 //# sourceMappingURL=UploadPreviewImage.js.map

package/cjs/components/upload/components/uploadPreview/UploadPreviewImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/UploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\n\nexport type UploadPreviewImageProps = BoxProps<'img'>;\n\n/**\n * Component that should be used along with UploadPreview to preview the uploaded image.\n *\n * @see UploadPreview\n */\nexport function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps) {\n  return (\n    <Box\n      component=\"img\"\n      sx={{\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        objectFit: 'cover',\n        borderRadius: '4px',\n        ...sx,\n      }}\n      {...restProps}\n    />\n  );\n}\n"],"names":["_a","sx","restProps","__rest","_jsx","Box","Object","assign","component","display","position","width","height","objectFit","borderRadius"],"mappings":"yHASM,SAA6BA,GAAA,IAAAC,GAAEA,GAAED,EAAKE,EAASC,EAAAA,OAAAH,EAAlB,QACjC,OACEI,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,MACVP,GAAEK,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,OACXb,IAEDC,GAGV"}
+{"version":3,"file":"UploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/UploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\n\nexport type UploadPreviewImageProps = BoxProps<'img'>;\n\n/**\n * Component that should be used along with UploadPreview to preview the uploaded image.\n *\n * @see UploadPreview\n */\nexport function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps) {\n  return (\n    <Box\n      component=\"img\"\n      sx={{\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        objectFit: 'cover',\n        borderRadius: '4px',\n        ...sx,\n      }}\n      {...restProps}\n    />\n  );\n}\n"],"names":["sx","restProps","_jsx","Box","component","display","position","width","height","objectFit","borderRadius"],"mappings":"sGASM,UAA6BA,GAAEA,KAAOC,IAC1C,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFC,UAAU,MACVJ,GAAI,CACFK,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,SACXV,MAEDC,GAGV"}

package/cjs/components/upload/components/uploadWrapper/UploadContent.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@mui/material");function r(r){var{children:i,sx:s}=r,o=e.__rest(r,["children","sx"]);return t.jsx(n.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"auto",gap:e=>e.spacing(),"& .MuiSvgIcon-root":{fontSize:"20px"}},s)},o,{children:i}))}exports.UploadContent=r,exports.UploadContentDragging=function(n){var{children:i,sx:s}=n,o=e.__rest(n,["children","sx"]);return t.jsx(r,Object.assign({sx:Object.assign({position:"absolute",width:"100%",height:"100%",borderRadius:"inherit",left:0,top:0,zIndex:2,pointerEvents:"none",userSelect:"none",backgroundColor:"success.light"},s)},o,{children:i}))};
+"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material");function t({children:t,sx:r,...i}){return e.jsx(n.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"auto",gap:e=>e.spacing(),"& .MuiSvgIcon-root":{fontSize:"20px"},...r},...i,children:t})}exports.UploadContent=t,exports.UploadContentDragging=function({children:n,sx:r,...i}){return e.jsx(t,{sx:{position:"absolute",width:"100%",height:"100%",borderRadius:"inherit",left:0,top:0,zIndex:2,pointerEvents:"none",userSelect:"none",backgroundColor:"success.light",...r},...i,children:n})};
 //# sourceMappingURL=UploadContent.js.map

package/cjs/components/upload/components/uploadWrapper/UploadContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/UploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\n\ninterface UploadContentProps extends PropsWithChildren<BoxProps> {}\n\n/**\n * Content of UploadWrapper.\n *\n * @see UploadWrapper\n */\nexport function UploadContent({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        textAlign: 'center',\n        margin: 'auto',\n        gap: (theme) => theme.spacing(),\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * Content of UploadWrapper when user drags over Upload.\n *\n * @see UploadWrapper\n */\nexport function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <UploadContent\n      sx={{\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        borderRadius: 'inherit',\n        left: 0,\n        top: 0,\n        zIndex: 2,\n        pointerEvents: 'none',\n        userSelect: 'none',\n        backgroundColor: 'success.light',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </UploadContent>\n  );\n}\n"],"names":["UploadContent","_a","children","sx","restProps","__rest","_jsx","Box","Object","assign","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"8FAUM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBAC5B,OACEK,EAAAA,IAACC,EAAAA,mBACCJ,GAAEK,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,SAEThB,IAEDC,YAEHF,IAGP,uDAOM,SAAgCD,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACpC,OACEK,EAAAA,IAACN,EAAaQ,OAAAC,OAAA,CACZN,kBACEiB,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,iBACd1B,IAEDC,EAAS,CAAAF,SAEZA,IAGP"}
+{"version":3,"file":"UploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/UploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\n\ninterface UploadContentProps extends PropsWithChildren<BoxProps> {}\n\n/**\n * Content of UploadWrapper.\n *\n * @see UploadWrapper\n */\nexport function UploadContent({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        textAlign: 'center',\n        margin: 'auto',\n        gap: (theme) => theme.spacing(),\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * Content of UploadWrapper when user drags over Upload.\n *\n * @see UploadWrapper\n */\nexport function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <UploadContent\n      sx={{\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        borderRadius: 'inherit',\n        left: 0,\n        top: 0,\n        zIndex: 2,\n        pointerEvents: 'none',\n        userSelect: 'none',\n        backgroundColor: 'success.light',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </UploadContent>\n  );\n}\n"],"names":["UploadContent","children","sx","restProps","_jsx","Box","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"2EAUM,SAAUA,GAAcC,SAAEA,EAAQC,GAAEA,KAAOC,IAC/C,OACEC,EAAAA,IAACC,MAAG,CACFH,GAAI,CACFI,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,WAETb,MAEDC,EAASF,SAEZA,GAGP,uDAOM,UAAgCA,SAAEA,EAAQC,GAAEA,KAAOC,IACvD,OACEC,EAAAA,IAACJ,EAAa,CACZE,GAAI,CACFc,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,mBACdvB,MAEDC,EAASF,SAEZA,GAGP"}

package/cjs/components/upload/components/uploadWrapper/UploadWrapper.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),o=require("react/jsx-runtime"),e=require("@mui/material"),s=require("../../../focusring/focusring.js");exports.UploadWrapper=function(a){var{state:i="default",sx:t}=a,n=r.__rest(a,["state","sx"]);return o.jsx(e.Box,Object.assign({sx:r=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"center",cursor:"pointer",position:"relative",borderRadius:"8px",width:"100px",height:"100px",borderWidth:"1px",borderStyle:"dashed",borderColor:"onSurface.os200",backgroundColor:"surface.primary","&:hover":{borderColor:"onSurface.os500"},transition:"background-color .3s ease, border-color .3s ease",outline:"none"},"dragdropping"===i&&{borderColor:"primary.main",backgroundColor:"success.light"}),"error"===i&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}}),"solid"===i&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"}),s.getFocusRingStyle(r,!1,1,":focus-visible")),t)},n))};
+"use strict";var r=require("react/jsx-runtime"),o=require("@mui/material"),e=require("../../../focusring/focusring.js");exports.UploadWrapper=function({state:s="default",sx:a,...i}){return r.jsx(o.Box,{sx:r=>({display:"flex",alignItems:"flex-start",justifyContent:"center",cursor:"pointer",position:"relative",borderRadius:"8px",width:"100px",height:"100px",borderWidth:"1px",borderStyle:"dashed",borderColor:"onSurface.os200",backgroundColor:"surface.primary","&:hover":{borderColor:"onSurface.os500"},transition:"background-color .3s ease, border-color .3s ease",outline:"none",..."dragdropping"===s&&{borderColor:"primary.main",backgroundColor:"success.light"},..."error"===s&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}},..."solid"===s&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"},...e.getFocusRingStyle(r,!1,1,":focus-visible"),...a}),...i})};
 //# sourceMappingURL=UploadWrapper.js.map

package/cjs/components/upload/components/uploadWrapper/UploadWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/UploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '../../../focusring';\n\nexport interface UploadWrapperProps extends BoxProps {\n  /**\n   * Variant that adjusts look of the component\n   */\n  state?: 'dragdropping' | 'error' | 'default' | 'solid';\n}\n\n/**\n * Base wrapper for Upload components\n *\n * @see Upload\n * @see UploadPreview\n */\nexport function UploadWrapper({ state = 'default', sx, ...restProps }: UploadWrapperProps) {\n  return (\n    <Box\n      sx={(theme) => ({\n        display: 'flex',\n        alignItems: 'flex-start',\n        justifyContent: 'center',\n        cursor: 'pointer',\n        position: 'relative',\n        borderRadius: '8px',\n        width: '100px',\n        height: '100px',\n        borderWidth: '1px',\n        borderStyle: 'dashed',\n        borderColor: 'onSurface.os200',\n        backgroundColor: 'surface.primary',\n        '&:hover': {\n          borderColor: 'onSurface.os500',\n        },\n        transition: 'background-color .3s ease, border-color .3s ease',\n        outline: 'none',\n        ...(state === 'dragdropping' && {\n          borderColor: 'primary.main',\n          backgroundColor: 'success.light',\n        }),\n        ...(state === 'error' && {\n          borderColor: 'error.main',\n          color: 'error.main',\n          '&:hover': {\n            borderColor: 'error.main',\n          },\n        }),\n        ...(state === 'solid' && {\n          borderColor: 'surface.secondary',\n          backgroundColor: 'background.primary',\n          borderStyle: 'solid',\n          '&:hover': {\n            borderColor: 'surface.secondary',\n          },\n          cursor: 'default',\n        }),\n        ...getFocusRingStyle(theme, false, 1, ':focus-visible'),\n        ...sx,\n      })}\n      {...restProps}\n    ></Box>\n  );\n}\n"],"names":["_a","state","sx","restProps","__rest","_jsx","Box","Object","assign","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"iKAgBM,SAAwBA,OAAAC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,EAASC,EAAAA,OAAAJ,EAArC,CAAA,QAAA,OAC5B,OACEK,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACbE,QAAS,OACTC,WAAY,aACZC,eAAgB,SAChBC,OAAQ,UACRC,SAAU,WACVC,aAAc,MACdC,MAAO,QACPC,OAAQ,QACRC,YAAa,MACbC,YAAa,SACbC,YAAa,kBACbC,gBAAiB,kBACjB,UAAW,CACTD,YAAa,mBAEfE,WAAY,mDACZC,QAAS,QACK,iBAAVtB,GAA4B,CAC9BmB,YAAa,eACbC,gBAAiB,kBAEL,UAAVpB,GAAqB,CACvBmB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,gBAGH,UAAVnB,GAAqB,CACvBmB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,YAEPY,EAAAA,kBAAkBhB,GAAO,EAAO,EAAG,mBACnCP,IAEDC,GAGV"}
+{"version":3,"file":"UploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/UploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '../../../focusring';\n\nexport interface UploadWrapperProps extends BoxProps {\n  /**\n   * Variant that adjusts look of the component\n   */\n  state?: 'dragdropping' | 'error' | 'default' | 'solid';\n}\n\n/**\n * Base wrapper for Upload components\n *\n * @see Upload\n * @see UploadPreview\n */\nexport function UploadWrapper({ state = 'default', sx, ...restProps }: UploadWrapperProps) {\n  return (\n    <Box\n      sx={(theme) => ({\n        display: 'flex',\n        alignItems: 'flex-start',\n        justifyContent: 'center',\n        cursor: 'pointer',\n        position: 'relative',\n        borderRadius: '8px',\n        width: '100px',\n        height: '100px',\n        borderWidth: '1px',\n        borderStyle: 'dashed',\n        borderColor: 'onSurface.os200',\n        backgroundColor: 'surface.primary',\n        '&:hover': {\n          borderColor: 'onSurface.os500',\n        },\n        transition: 'background-color .3s ease, border-color .3s ease',\n        outline: 'none',\n        ...(state === 'dragdropping' && {\n          borderColor: 'primary.main',\n          backgroundColor: 'success.light',\n        }),\n        ...(state === 'error' && {\n          borderColor: 'error.main',\n          color: 'error.main',\n          '&:hover': {\n            borderColor: 'error.main',\n          },\n        }),\n        ...(state === 'solid' && {\n          borderColor: 'surface.secondary',\n          backgroundColor: 'background.primary',\n          borderStyle: 'solid',\n          '&:hover': {\n            borderColor: 'surface.secondary',\n          },\n          cursor: 'default',\n        }),\n        ...getFocusRingStyle(theme, false, 1, ':focus-visible'),\n        ...sx,\n      })}\n      {...restProps}\n    ></Box>\n  );\n}\n"],"names":["state","sx","restProps","_jsx","Box","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"8IAgBM,UAAwBA,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,IACxD,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFH,GAAKI,IAAK,CACRC,QAAS,OACTC,WAAY,aACZC,eAAgB,SAChBC,OAAQ,UACRC,SAAU,WACVC,aAAc,MACdC,MAAO,QACPC,OAAQ,QACRC,YAAa,MACbC,YAAa,SACbC,YAAa,kBACbC,gBAAiB,kBACjB,UAAW,CACTD,YAAa,mBAEfE,WAAY,mDACZC,QAAS,UACK,iBAAVnB,GAA4B,CAC9BgB,YAAa,eACbC,gBAAiB,oBAEL,UAAVjB,GAAqB,CACvBgB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,kBAGH,UAAVhB,GAAqB,CACvBgB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,cAEPY,EAAAA,kBAAkBhB,GAAO,EAAO,EAAG,qBACnCJ,OAEDC,GAGV"}

package/cjs/components/video/Video.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),t=require("../icon/stroke/FileMissingIcon.js");const i=s.forwardRef((s,i)=>{var{src:n,type:c="video/mp4",noVidErrorMessage:l,sourceProps:a,poster:u,sx:d,autoPlay:p=!0,muted:x=!0,controls:m=!1,loop:j=!1,children:g}=s,y=e.__rest(s,["src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children"]);return r.jsxs(o.Box,Object.assign({component:"video","data-testid":"Video",poster:u,ref:i,autoPlay:p,muted:x,controls:m,loop:j,sx:Object.assign({display:"block",maxWidth:"100%"},d)},y,{children:[null!=g?g:r.jsx(o.Box,Object.assign({component:"source",src:n,type:c},a)),null!=l?l:r.jsx(o.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:r.jsx(t.FileMissingIcon,{})})]}))});exports.Video=i;
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),s=require("../icon/stroke/FileMissingIcon.js");const t=o.forwardRef(({src:o,type:t="video/mp4",noVidErrorMessage:i,sourceProps:n,poster:c,sx:a,autoPlay:d=!0,muted:l=!0,controls:u=!1,loop:x=!1,children:p,...m},h)=>e.jsxs(r.Box,{component:"video","data-testid":"Video",poster:c,ref:h,autoPlay:d,muted:l,controls:u,loop:x,sx:{display:"block",maxWidth:"100%",...a},...m,children:[p??e.jsx(r.Box,{component:"source",src:o,type:t,...n}),i??e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:e.jsx(s.FileMissingIcon,{})})]}));exports.Video=t;
 //# sourceMappingURL=Video.js.map

package/cjs/components/video/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sources":["../../../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\n\nexport interface VideoProps extends BoxProps<'video'> {\n  /** The URL of the video to embed. */\n  src?: string;\n  /** video type property, @default \"video/mp4\" */\n  type?: string;\n  /** The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box  */\n  noVidErrorMessage?: React.ReactNode;\n  /** Custom source Box props. */\n  sourceProps?: BoxProps<'source'>;\n  /** Image to be shown while the video is downloading or until the user hits the play button. */\n  poster?: string;\n  /** Video element autoPlay, @default true */\n  autoPlay?: boolean;\n  /** Video element muted, @default true */\n  muted?: boolean;\n  /** Video element native browser controls, @default false */\n  controls?: boolean;\n  /** Video element loop, @default false */\n  loop?: boolean;\n}\n\n/**\n *  The Video component is a customizable video player built with React and Material-UI.\n *  It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n *  If children are provided, they are rendered inside the video element as source elements.\n *  If no children are provided, a default source element is used based on the src prop.\n *  @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n  (\n    {\n      src,\n      type = 'video/mp4',\n      noVidErrorMessage,\n      sourceProps,\n      poster,\n      sx,\n      autoPlay = true,\n      muted = true,\n      controls = false,\n      loop = false,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        component=\"video\"\n        data-testid=\"Video\"\n        poster={poster}\n        ref={ref}\n        autoPlay={autoPlay}\n        muted={muted}\n        controls={controls}\n        loop={loop}\n        sx={{\n          display: 'block',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n        {noVidErrorMessage ?? (\n          <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n            <FileMissingIcon />\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Video","forwardRef","_a","ref","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","__rest","_jsxs","Box","Object","assign","component","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"gKAgCO,MAAMA,EAA8BC,EAAAA,WACzC,CACEC,EAcAC,KAdA,IAAAC,IACEA,EAAGC,KACHA,EAAO,YAAWC,kBAClBA,EAAiBC,YACjBA,EAAWC,OACXA,EAAMC,GACNA,EAAEC,SACFA,GAAW,EAAIC,MACfA,GAAQ,EAAIC,SACZA,GAAW,EAAKC,KAChBA,GAAO,EAAKC,SACZA,GAAQZ,EACLa,EAAIC,EAAAA,OAAAd,EAZT,gHAgBA,OACEe,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,QAAO,cACL,QACZb,OAAQA,EACRL,IAAKA,EACLO,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAEU,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,QACPd,IAEDM,EAAI,CAAAD,SAAA,CAEPA,QAAAA,EAAYU,EAAAA,IAACN,qBAAIG,UAAU,SAASjB,IAAKA,EAAKC,KAAMA,GAAUE,IAC9DD,QAAAA,EACCkB,EAAAA,IAACN,EAAAA,IAAG,CAACT,GAAI,CAAEa,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQd,SACzGU,MAACK,EAAAA,gBAAe,CAAA"}
+{"version":3,"file":"Video.js","sources":["../../../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\n\nexport interface VideoProps extends BoxProps<'video'> {\n  /** The URL of the video to embed. */\n  src?: string;\n  /** video type property, @default \"video/mp4\" */\n  type?: string;\n  /** The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box  */\n  noVidErrorMessage?: React.ReactNode;\n  /** Custom source Box props. */\n  sourceProps?: BoxProps<'source'>;\n  /** Image to be shown while the video is downloading or until the user hits the play button. */\n  poster?: string;\n  /** Video element autoPlay, @default true */\n  autoPlay?: boolean;\n  /** Video element muted, @default true */\n  muted?: boolean;\n  /** Video element native browser controls, @default false */\n  controls?: boolean;\n  /** Video element loop, @default false */\n  loop?: boolean;\n}\n\n/**\n *  The Video component is a customizable video player built with React and Material-UI.\n *  It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n *  If children are provided, they are rendered inside the video element as source elements.\n *  If no children are provided, a default source element is used based on the src prop.\n *  @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n  (\n    {\n      src,\n      type = 'video/mp4',\n      noVidErrorMessage,\n      sourceProps,\n      poster,\n      sx,\n      autoPlay = true,\n      muted = true,\n      controls = false,\n      loop = false,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        component=\"video\"\n        data-testid=\"Video\"\n        poster={poster}\n        ref={ref}\n        autoPlay={autoPlay}\n        muted={muted}\n        controls={controls}\n        loop={loop}\n        sx={{\n          display: 'block',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n        {noVidErrorMessage ?? (\n          <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n            <FileMissingIcon />\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Video","forwardRef","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","ref","_jsxs","Box","component","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"mJAgCaA,EAA8BC,EAAAA,WACzC,EAEIC,MACAC,OAAO,YACPC,oBACAC,cACAC,SACAC,KACAC,YAAW,EACXC,SAAQ,EACRC,YAAW,EACXC,QAAO,EACPC,cACGC,GAELC,IAGEC,EAAAA,KAACC,EAAAA,IAAG,CACFC,UAAU,QAAO,cACL,QACZX,OAAQA,EACRQ,IAAKA,EACLN,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAI,CACFW,QAAS,QACTC,SAAU,UACPZ,MAEDM,EAAID,SAAA,CAEPA,GAAYQ,MAACJ,EAAAA,IAAG,CAACC,UAAU,SAASf,IAAKA,EAAKC,KAAMA,KAAUE,IAC9DD,GACCgB,EAAAA,IAACJ,EAAAA,IAAG,CAACT,GAAI,CAAEW,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQZ,SACzGQ,MAACK,EAAAA,gBAAe,CAAA"}

package/cjs/components/video/hooks.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useVideoPlayPause=t=>{var r;const[u,n]=e.useState(!(null===(r=t.current)||void 0===r?void 0:r.paused));e.useEffect(()=>{const e=null==t?void 0:t.current;e&&void 0===u&&n(!(null==e?void 0:e.paused));const r=()=>{(!e.autoplay||!e.ended)&&n(!0)},a=()=>n(!1);if(e)return e.addEventListener("pause",a),n(!e.paused),e.addEventListener("play",r),()=>{e.removeEventListener("play",r),e.removeEventListener("pause",a)}},[t]);const a=e.useCallback(()=>{(null==t?void 0:t.current)&&(u?t.current.pause():t.current.play(),n(e=>!e))},[u,null==t?void 0:t.current]);return{isPlaying:u,handlePlayPause:a}},exports.useVideoSoundControls=t=>{var r;const[u,n]=e.useState(null===(r=t.current)||void 0===r?void 0:r.muted),[a,d]=e.useState(1);e.useEffect(()=>{const e=null==t?void 0:t.current;e&&(void 0===u&&n(null==e?void 0:e.muted),t.current.muted=u,t.current.volume=a)},[u,a,t]);const l=e.useCallback(()=>{n(e=>!e)},[]),o=e.useCallback(e=>{d(e)},[]);return{isMuted:u,handleMuteToggle:l,volume:a,handleVolumeChange:o}},exports.useVideoTime=t=>{var r;const[u,n]=e.useState(0),[a,d]=e.useState(null===(r=t.current)||void 0===r?void 0:r.duration),l=e.useCallback(()=>{var e;(null===(e=t.current)||void 0===e?void 0:e.currentTime)&&n(t.current.currentTime)},[t]),o=e.useCallback(e=>{var r;(null===(r=t.current)||void 0===r?void 0:r.currentTime)&&(t.current.currentTime=e),n(e)},[t]),i=e.useCallback(()=>{var e;(null===(e=t.current)||void 0===e?void 0:e.duration)&&d(t.current.duration)},[t]);return e.useEffect(()=>{const e=null==t?void 0:t.current;if(e)return e.addEventListener("loadedmetadata",i),e.addEventListener("timeupdate",l),()=>{e.removeEventListener("loadedmetadata",i),e.removeEventListener("timeupdate",l)}},[i,l,t]),{currentTime:u,duration:a,handleSeek:o}};
+"use strict";var e=require("react");exports.useVideoPlayPause=t=>{const[r,u]=e.useState(!t.current?.paused);e.useEffect(()=>{const e=t?.current;e&&void 0===r&&u(!e?.paused);const n=()=>{(!e.autoplay||!e.ended)&&u(!0)},a=()=>u(!1);if(e)return e.addEventListener("pause",a),u(!e.paused),e.addEventListener("play",n),()=>{e.removeEventListener("play",n),e.removeEventListener("pause",a)}},[t]);const n=e.useCallback(()=>{t?.current&&(r?t.current.pause():t.current.play().catch(()=>{}),u(e=>!e))},[r,t?.current]);return{isPlaying:r,handlePlayPause:n}},exports.useVideoSoundControls=t=>{const[r,u]=e.useState(t.current?.muted),[n,a]=e.useState(1);e.useEffect(()=>{const e=t?.current;e&&(void 0===r&&u(e?.muted),t.current.muted=r,t.current.volume=n)},[r,n,t]);const s=e.useCallback(()=>{u(e=>!e)},[]),c=e.useCallback(e=>{a(e)},[]);return{isMuted:r,handleMuteToggle:s,volume:n,handleVolumeChange:c}},exports.useVideoTime=t=>{const[r,u]=e.useState(0),[n,a]=e.useState(t.current?.duration),s=e.useCallback(()=>{t.current?.currentTime&&u(t.current.currentTime)},[t]),c=e.useCallback(e=>{t.current?.currentTime&&(t.current.currentTime=e),u(e)},[t]),d=e.useCallback(()=>{t.current?.duration&&a(t.current.duration)},[t]);return e.useEffect(()=>{const e=t?.current;if(e)return e.addEventListener("loadedmetadata",d),e.addEventListener("timeupdate",s),()=>{e.removeEventListener("loadedmetadata",d),e.removeEventListener("timeupdate",s)}},[d,s,t]),{currentTime:r,duration:n,handleSeek:c}};
 //# sourceMappingURL=hooks.js.map

package/cjs/components/video/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n  /** A boolean indicating if the video is muted. */\n  isMuted: boolean;\n  /** handleMuteToggle: A function to toggle the mute state. */\n  handleMuteToggle: () => void;\n  /** A number representing the current volume level (0 to 1). */\n  volume: number;\n  /** A function to change the volume level. */\n  handleVolumeChange: (newVolume: number) => void;\n}\n\n/**\n * A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n  const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n  const [volume, setVolume] = useState(1);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      if (typeof isMuted === 'undefined') {\n        setIsMuted(video?.muted);\n      }\n\n      videoRef.current.muted = isMuted;\n      videoRef.current.volume = volume;\n    }\n  }, [isMuted, volume, videoRef]);\n\n  const handleMuteToggle = useCallback(() => {\n    setIsMuted((prevMuted) => !prevMuted);\n  }, []);\n\n  const handleVolumeChange = useCallback((newVolume: number) => {\n    setVolume(newVolume);\n  }, []);\n\n  return {\n    isMuted,\n    handleMuteToggle,\n    volume,\n    handleVolumeChange,\n  };\n};\n\ninterface PlayPause {\n  /** A boolean indicating if the video is currently playing. */\n  isPlaying: boolean;\n  /** A function to toggle between play and pause states. */\n  handlePlayPause: () => void;\n}\n\n/**\n * A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n  const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n\n    if (video && typeof isPlaying === 'undefined') {\n      setIsPlaying(!video?.paused);\n    }\n\n    const handlePlay = () => {\n      // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n      !(video.autoplay && video.ended) && setIsPlaying(true);\n    };\n    const handlePause = () => setIsPlaying(false);\n\n    if (video) {\n      video.addEventListener('pause', handlePause);\n\n      // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n      setIsPlaying(!video.paused);\n\n      video.addEventListener('play', handlePlay);\n\n      return () => {\n        video.removeEventListener('play', handlePlay);\n        video.removeEventListener('pause', handlePause);\n      };\n    }\n  }, [videoRef]);\n\n  const handlePlayPause = useCallback(() => {\n    if (videoRef?.current) {\n      if (isPlaying) {\n        videoRef.current.pause();\n      } else {\n        videoRef.current.play();\n      }\n      setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n    }\n  }, [isPlaying, videoRef?.current]);\n\n  return {\n    isPlaying,\n    handlePlayPause,\n  };\n};\n\ninterface VideoTime {\n  /** The current playback time. */\n  currentTime: number;\n  /** The total duration of the video. */\n  duration: number;\n  /** A function to seek to a specific time. */\n  handleSeek: (newTime: number) => void;\n}\n\n/**\n * useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(videoRef.current?.duration);\n\n  const handleTimeUpdate = useCallback(() => {\n    if (videoRef.current?.currentTime) {\n      setCurrentTime(videoRef.current.currentTime);\n    }\n  }, [videoRef]);\n\n  const handleSeek = useCallback(\n    (newTime: number) => {\n      if (videoRef.current?.currentTime) {\n        videoRef.current.currentTime = newTime;\n      }\n      setCurrentTime(newTime);\n    },\n    [videoRef],\n  );\n\n  const handleLoadedMetadata = useCallback(() => {\n    if (videoRef.current?.duration) {\n      setDuration(videoRef.current.duration);\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      video.addEventListener('loadedmetadata', handleLoadedMetadata);\n      video.addEventListener('timeupdate', handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n        video.removeEventListener('timeupdate', handleTimeUpdate);\n      };\n    }\n  }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n  return {\n    currentTime,\n    duration,\n    handleSeek,\n  };\n};\n"],"names":["videoRef","isPlaying","setIsPlaying","useState","_a","current","paused","useEffect","video","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","useCallback","pause","play","prevIsPlaying","isMuted","setIsMuted","muted","volume","setVolume","handleMuteToggle","prevMuted","handleVolumeChange","newVolume","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"8DA4DkCA,UAChC,MAAOC,EAAWC,GAAgBC,EAAAA,mBAAUC,EAAAJ,EAASK,8BAASC,SAE9DC,EAAAA,UAAU,KACR,MAAMC,EAAQR,aAAQ,EAARA,EAAUK,QAEpBG,QAA8B,IAAdP,GAClBC,IAAcM,aAAK,EAALA,EAAOF,SAGvB,MAAMG,EAAa,OAEfD,EAAME,WAAYF,EAAMG,QAAUT,GAAa,IAE7CU,EAAc,IAAMV,GAAa,GAEvC,GAAIM,EAQF,OAPAA,EAAMK,iBAAiB,QAASD,GAGhCV,GAAcM,EAAMF,QAEpBE,EAAMK,iBAAiB,OAAQJ,GAExB,KACLD,EAAMM,oBAAoB,OAAQL,GAClCD,EAAMM,oBAAoB,QAASF,KAGtC,CAACZ,IAEJ,MAAMe,EAAkBC,EAAAA,YAAY,MAC9BhB,aAAQ,EAARA,EAAUK,WACRJ,EACFD,EAASK,QAAQY,QAEjBjB,EAASK,QAAQa,OAEnBhB,EAAciB,IAAmBA,KAElC,CAAClB,EAAWD,aAAQ,EAARA,EAAUK,UAEzB,MAAO,CACLJ,YACAc,kDAvFkCf,UACpC,MAAOoB,EAASC,GAAclB,EAAAA,SAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEkB,QAClDC,EAAQC,GAAarB,EAAAA,SAAS,GAErCI,EAAAA,UAAU,KACR,MAAMC,EAAQR,aAAQ,EAARA,EAAUK,QACpBG,SACqB,IAAZY,GACTC,EAAWb,eAAAA,EAAOc,OAGpBtB,EAASK,QAAQiB,MAAQF,EACzBpB,EAASK,QAAQkB,OAASA,IAE3B,CAACH,EAASG,EAAQvB,IAErB,MAAMyB,EAAmBT,EAAAA,YAAY,KACnCK,EAAYK,IAAeA,IAC1B,IAEGC,EAAqBX,cAAaY,IACtCJ,EAAUI,IACT,IAEH,MAAO,CACLR,UACAK,mBACAF,SACAI,4CA+EyB3B,UAC3B,MAAO6B,EAAaC,GAAkB3B,EAAAA,SAAS,IACxC4B,EAAUC,GAAe7B,EAAAA,SAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,UAErDE,EAAmBjB,EAAAA,YAAY,YACf,UAAhBhB,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEyB,cACpBC,EAAe9B,EAASK,QAAQwB,cAEjC,CAAC7B,IAEEkC,EAAalB,cAChBmB,WACqB,UAAhBnC,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEyB,eACpB7B,EAASK,QAAQwB,YAAcM,GAEjCL,EAAeK,IAEjB,CAACnC,IAGGoC,EAAuBpB,EAAAA,YAAY,YACnB,UAAhBhB,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,WACpBC,EAAYhC,EAASK,QAAQ0B,WAE9B,CAAC/B,IAeJ,OAbAO,EAAAA,UAAU,KACR,MAAMC,EAAQR,aAAQ,EAARA,EAAUK,QACxB,GAAIG,EAIF,OAHAA,EAAMK,iBAAiB,iBAAkBuB,GACzC5B,EAAMK,iBAAiB,aAAcoB,GAE9B,KACLzB,EAAMM,oBAAoB,iBAAkBsB,GAC5C5B,EAAMM,oBAAoB,aAAcmB,KAG3C,CAACG,EAAsBH,EAAkBjC,IAErC,CACL6B,cACAE,WACAG"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n  /** A boolean indicating if the video is muted. */\n  isMuted: boolean;\n  /** handleMuteToggle: A function to toggle the mute state. */\n  handleMuteToggle: () => void;\n  /** A number representing the current volume level (0 to 1). */\n  volume: number;\n  /** A function to change the volume level. */\n  handleVolumeChange: (newVolume: number) => void;\n}\n\n/**\n * A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n  const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n  const [volume, setVolume] = useState(1);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      if (typeof isMuted === 'undefined') {\n        setIsMuted(video?.muted);\n      }\n\n      videoRef.current.muted = isMuted;\n      videoRef.current.volume = volume;\n    }\n  }, [isMuted, volume, videoRef]);\n\n  const handleMuteToggle = useCallback(() => {\n    setIsMuted((prevMuted) => !prevMuted);\n  }, []);\n\n  const handleVolumeChange = useCallback((newVolume: number) => {\n    setVolume(newVolume);\n  }, []);\n\n  return {\n    isMuted,\n    handleMuteToggle,\n    volume,\n    handleVolumeChange,\n  };\n};\n\ninterface PlayPause {\n  /** A boolean indicating if the video is currently playing. */\n  isPlaying: boolean;\n  /** A function to toggle between play and pause states. */\n  handlePlayPause: () => void;\n}\n\n/**\n * A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n  const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n\n    if (video && typeof isPlaying === 'undefined') {\n      setIsPlaying(!video?.paused);\n    }\n\n    const handlePlay = () => {\n      // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n      !(video.autoplay && video.ended) && setIsPlaying(true);\n    };\n    const handlePause = () => setIsPlaying(false);\n\n    if (video) {\n      video.addEventListener('pause', handlePause);\n\n      // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n      setIsPlaying(!video.paused);\n\n      video.addEventListener('play', handlePlay);\n\n      return () => {\n        video.removeEventListener('play', handlePlay);\n        video.removeEventListener('pause', handlePause);\n      };\n    }\n  }, [videoRef]);\n\n  const handlePlayPause = useCallback(() => {\n    if (videoRef?.current) {\n      if (isPlaying) {\n        videoRef.current.pause();\n      } else {\n        videoRef.current.play().catch(() => {});\n      }\n      setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n    }\n  }, [isPlaying, videoRef?.current]);\n\n  return {\n    isPlaying,\n    handlePlayPause,\n  };\n};\n\ninterface VideoTime {\n  /** The current playback time. */\n  currentTime: number;\n  /** The total duration of the video. */\n  duration: number;\n  /** A function to seek to a specific time. */\n  handleSeek: (newTime: number) => void;\n}\n\n/**\n * useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(videoRef.current?.duration);\n\n  const handleTimeUpdate = useCallback(() => {\n    if (videoRef.current?.currentTime) {\n      setCurrentTime(videoRef.current.currentTime);\n    }\n  }, [videoRef]);\n\n  const handleSeek = useCallback(\n    (newTime: number) => {\n      if (videoRef.current?.currentTime) {\n        videoRef.current.currentTime = newTime;\n      }\n      setCurrentTime(newTime);\n    },\n    [videoRef],\n  );\n\n  const handleLoadedMetadata = useCallback(() => {\n    if (videoRef.current?.duration) {\n      setDuration(videoRef.current.duration);\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      video.addEventListener('loadedmetadata', handleLoadedMetadata);\n      video.addEventListener('timeupdate', handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n        video.removeEventListener('timeupdate', handleTimeUpdate);\n      };\n    }\n  }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n  return {\n    currentTime,\n    duration,\n    handleSeek,\n  };\n};\n"],"names":["videoRef","isPlaying","setIsPlaying","useState","current","paused","useEffect","video","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","useCallback","pause","play","catch","prevIsPlaying","isMuted","setIsMuted","muted","volume","setVolume","handleMuteToggle","prevMuted","handleVolumeChange","newVolume","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"8DA4DkCA,IAChC,MAAOC,EAAWC,GAAgBC,EAAAA,UAAUH,EAASI,SAASC,QAE9DC,EAAAA,UAAU,KACR,MAAMC,EAAQP,GAAUI,QAEpBG,QAA8B,IAAdN,GAClBC,GAAcK,GAAOF,QAGvB,MAAMG,EAAa,OAEfD,EAAME,WAAYF,EAAMG,QAAUR,GAAa,IAE7CS,EAAc,IAAMT,GAAa,GAEvC,GAAIK,EAQF,OAPAA,EAAMK,iBAAiB,QAASD,GAGhCT,GAAcK,EAAMF,QAEpBE,EAAMK,iBAAiB,OAAQJ,GAExB,KACLD,EAAMM,oBAAoB,OAAQL,GAClCD,EAAMM,oBAAoB,QAASF,KAGtC,CAACX,IAEJ,MAAMc,EAAkBC,EAAAA,YAAY,KAC9Bf,GAAUI,UACRH,EACFD,EAASI,QAAQY,QAEjBhB,EAASI,QAAQa,OAAOC,MAAM,QAEhChB,EAAciB,IAAmBA,KAElC,CAAClB,EAAWD,GAAUI,UAEzB,MAAO,CACLH,YACAa,kDAvFkCd,IACpC,MAAOoB,EAASC,GAAclB,EAAAA,SAASH,EAASI,SAASkB,QAClDC,EAAQC,GAAarB,EAAAA,SAAS,GAErCG,EAAAA,UAAU,KACR,MAAMC,EAAQP,GAAUI,QACpBG,SACqB,IAAZa,GACTC,EAAWd,GAAOe,OAGpBtB,EAASI,QAAQkB,MAAQF,EACzBpB,EAASI,QAAQmB,OAASA,IAE3B,CAACH,EAASG,EAAQvB,IAErB,MAAMyB,EAAmBV,EAAAA,YAAY,KACnCM,EAAYK,IAAeA,IAC1B,IAEGC,EAAqBZ,cAAaa,IACtCJ,EAAUI,IACT,IAEH,MAAO,CACLR,UACAK,mBACAF,SACAI,4CA+EyB3B,IAC3B,MAAO6B,EAAaC,GAAkB3B,EAAAA,SAAS,IACxC4B,EAAUC,GAAe7B,EAAAA,SAASH,EAASI,SAAS2B,UAErDE,EAAmBlB,EAAAA,YAAY,KAC/Bf,EAASI,SAASyB,aACpBC,EAAe9B,EAASI,QAAQyB,cAEjC,CAAC7B,IAEEkC,EAAanB,cAChBoB,IACKnC,EAASI,SAASyB,cACpB7B,EAASI,QAAQyB,YAAcM,GAEjCL,EAAeK,IAEjB,CAACnC,IAGGoC,EAAuBrB,EAAAA,YAAY,KACnCf,EAASI,SAAS2B,UACpBC,EAAYhC,EAASI,QAAQ2B,WAE9B,CAAC/B,IAeJ,OAbAM,EAAAA,UAAU,KACR,MAAMC,EAAQP,GAAUI,QACxB,GAAIG,EAIF,OAHAA,EAAMK,iBAAiB,iBAAkBwB,GACzC7B,EAAMK,iBAAiB,aAAcqB,GAE9B,KACL1B,EAAMM,oBAAoB,iBAAkBuB,GAC5C7B,EAAMM,oBAAoB,aAAcoB,KAG3C,CAACG,EAAsBH,EAAkBjC,IAErC,CACL6B,cACAE,WACAG"}