@skodaflow/web-library 7.15.0 → 7.15.1

package/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":"oUAgBa,MAAAA,EAAgDC,GAAW,CAACC,EAA0BC,SAA1BC,QAAEA,EAAOC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAtB,kBACvE,MAAMM,EAAoBC,GAAQ,IAEzB,gBADCL,EAEGM,EAGAC,GAEV,CAACP,IAEJ,OACEQ,EAACC,EAAUC,OAAAC,OAAA,CACTV,GAAKW,4DACHC,SAAU,YACPC,EAAkBF,IACrB,CAAA,YAAa,CACXG,aAAc,OAGhB,SAAU,CACRC,QAAS,QACTC,QAAS,KACTJ,SAAU,WACVK,MAAO,IACPH,aAAc,UACdI,gBAAiBP,EAAMQ,QAAQC,YAAYC,QAC3CC,WAAY,wBACZC,QAAS,OAGRC,EACD,CACE,UAAW,CACTD,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,QAIZvB,GAELF,IAAKA,GACDG,YAEJM,EAACJ,EAAoB,CAAA,KACV,IAIjB,SAASG,EAAWmB,GAClB,OACEC,EAACC,EAAOlB,OAAAC,OAAA,CAACkB,QAAQ,iBAAiB5B,GAAI,CAAE6B,OAAQ,OAAQC,MAAO,SAAcL,EAAK,CAAAM,SAAA,CAChFxB,UACEyB,EAAE,oMACFC,KAAK,UACLC,YAAY,WAEd3B,EACE,OAAA,CAAAyB,EAAE,+XACFC,KAAK,UACLC,YAAY,WAEd3B,EACE,OAAA,CAAAyB,EAAE,g6FACFC,KAAK,OACLC,YAAY,WAEd3B,EACE,OAAA,CAAAyB,EAAE,mMACFC,KAAK,UACLC,YAAY,WAEd3B,EACE,OAAA,CAAAyB,EAAE,qKACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,8IACFC,KAAK,UACLC,YAAY,WAEd3B,EACE,OAAA,CAAAyB,EAAE,yLACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,s2DACFC,KAAK,OACLE,OAAO,OACPC,iBAAiB,KACjBF,YAAY,cAIpB,CAEA,SAAS7B,EAAWoB,GAClB,OACEC,EAACC,EAAOlB,OAAAC,OAAA,CAACkB,QAAQ,mBAAmB5B,GAAI,CAAE6B,OAAQ,OAAQC,MAAO,SAAcL,EAC7E,CAAAM,SAAA,CAAAxB,EAAA,OAAA,CACEyB,EAAE,qyCACFC,KAAK,YAEP1B,EAAM,OAAA,CAAAyB,EAAE,ooCACRzB,EACE,OAAA,CAAAyB,EAAE,+fACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,gLACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,kJACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,qaACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,saACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,0hBACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,qQACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,8VACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,6MACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,+XACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,iNACFC,KAAK,SAEP1B,UACEyB,EAAE,kQACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,sLACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,kOACFC,KAAK,SAEP1B,EAAM,OAAA,CAAAyB,EAAE,0CAA0CC,KAAK,SACvD1B,EAAA,OAAA,CACEyB,EAAE,8PACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,4eACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,qZACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,2PACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,iOACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,qPACFC,KAAK,SAEP1B,EACE,OAAA,CAAAyB,EAAE,6NACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,wWACFC,KAAK,YAIb"}
+{"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":"oUAgBO,MAAMA,EAAgDC,GAAW,CAACC,EAA0BC,SAA1BC,QAAEA,EAAOC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAtB,kBACvE,MAAMM,EAAoBC,GAAQ,IAEzB,gBADCL,EAEGM,EAGAC,GAEV,CAACP,IAEJ,OACEQ,EAACC,EAAUC,OAAAC,OAAA,CACTV,GAAKW,4DACHC,SAAU,YACPC,EAAkBF,IAAM,CAC3B,YAAa,CACXG,aAAc,OAGhB,SAAU,CACRC,QAAS,QACTC,QAAS,KACTJ,SAAU,WACVK,MAAO,IACPH,aAAc,UACdI,gBAAiBP,EAAMQ,QAAQC,YAAYC,QAC3CC,WAAY,wBACZC,QAAS,OAGRC,EACD,CACE,UAAW,CACTD,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,QAIZvB,GAELF,IAAKA,GACDG,YAEJM,EAACJ,EAAiB,CAAA,KACP,IAIjB,SAASG,EAAWmB,GAClB,OACEC,EAACC,EAAOlB,OAAAC,OAAA,CAACkB,QAAQ,iBAAiB5B,GAAI,CAAE6B,OAAQ,OAAQC,MAAO,SAAcL,EAAK,CAAAM,SAAA,CAChFxB,UACEyB,EAAE,oMACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,+XACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,g6FACFC,KAAK,OACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,mMACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,qKACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,8IACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,yLACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,s2DACFC,KAAK,OACLE,OAAO,OACPC,iBAAiB,KACjBF,YAAY,cAIpB,CAEA,SAAS7B,EAAWoB,GAClB,OACEC,EAACC,EAAOlB,OAAAC,OAAA,CAACkB,QAAQ,mBAAmB5B,GAAI,CAAE6B,OAAQ,OAAQC,MAAO,SAAcL,EAAK,CAAAM,SAAA,CAClFxB,EAAA,OAAA,CACEyB,EAAE,qyCACFC,KAAK,YAEP1B,EAAA,OAAA,CAAMyB,EAAE,ooCACRzB,EAAA,OAAA,CACEyB,EAAE,+fACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,gLACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,kJACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qaACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,saACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,0hBACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qQACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,8VACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,6MACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,+XACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,iNACFC,KAAK,SAEP1B,UACEyB,EAAE,kQACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,sLACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,kOACFC,KAAK,SAEP1B,EAAA,OAAA,CAAMyB,EAAE,0CAA0CC,KAAK,SACvD1B,EAAA,OAAA,CACEyB,EAAE,8PACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,4eACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qZACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,2PACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,iOACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qPACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,6NACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,wWACFC,KAAK,YAIb"}

package/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;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps;\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":"kNA+Ca,MAAAA,EAAwCC,GACnD,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,EAbLC,EAAAf,EAAA,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAlBH,EAAAC,EAAA,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAArBN,EAAAI,EAAA,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAxBT,EAAAO,EAAA,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAjBZ,EAAAU,EAAA,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAApBf,EAAAa,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFhC,GACE+B,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCsC,EAACC,EAAMV,OAAAC,OAAA,CAAAhC,kBAAM0C,GAAI,GAAM3B,IAAeC,EAAc,CAAAf,SACjDC,KAGJE,GACCoC,EAACG,iBAAWC,QAAQ,KAAK5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,EAC1E,CAAAlB,SAAAG,KAGJE,GACCkC,EAACG,EAAUZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,GAAM+B,OAAAC,OAAA,CAAAC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,EAEH,CAAArB,SAAAK,KAGJE,GACCgC,EAACG,EAAWZ,OAAAC,OAAA,CAAAhC,kBAAMiC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,EAACV,EACCC,OAAAC,OAAA,CAAAhC,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,QAGD"}
+{"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;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps;\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":"kNA+CO,MAAMA,EAAwCC,GACnD,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,EAAAf,EAbT,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAcH,EAAAC,EAAhC,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAAiBN,EAAAI,EAAtC,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAoBT,EAAAO,EAA5C,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAaZ,EAAAU,EAA9B,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAAgBf,EAAAa,EAApC,CAAA,OAEN,OACEG,EAACC,EAAGC,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,EAACC,EAAKV,OAAAC,OAAA,CAAChC,kBAAM0C,GAAI,GAAM3B,IAAeC,EAAc,CAAAf,SACjDC,KAGJE,GACCoC,EAACG,iBAAWC,QAAQ,KAAK5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,EAAiB,CAAAlB,SAC3FG,KAGJE,GACCkC,EAACG,EAAUZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,EAAoB,CAAArB,SAEvBK,KAGJE,GACCgC,EAACG,EAAUZ,OAAAC,OAAA,CAAChC,kBAAMiC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,EAACV,EAAGC,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,QAGD"}

package/components/textArea/hook/useTextAreaEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useTextAreaEffect = (\n  currentValue: string,\n  value: string,\n  maxChars: number,\n  required: boolean,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  setIsRequired: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  //If the input text is filled make the label shrink\n  useEffect(() => {\n    if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n      setIsShrunk(true);\n    }\n  }, [currentValue, value, setIsShrunk]);\n\n  //If value passed from outside exists, set the label shrinked and set the current value to show\n  useEffect(() => {\n    if (value && value.length > 0 && value.length <= maxChars) {\n      setCurrentValue(value);\n      setIsShrunk(true);\n    }\n  }, [value, maxChars, setCurrentValue, setIsShrunk]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n};\n"],"names":["useTextAreaEffect","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"kCAEa,MAAAA,EAAoB,CAC/BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,GAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,KAEb,CAACJ,EAAcC,EAAOG,IAGzBG,GAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,MAEb,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,GAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,GAAe"}
+{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useTextAreaEffect = (\n  currentValue: string,\n  value: string,\n  maxChars: number,\n  required: boolean,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  setIsRequired: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  //If the input text is filled make the label shrink\n  useEffect(() => {\n    if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n      setIsShrunk(true);\n    }\n  }, [currentValue, value, setIsShrunk]);\n\n  //If value passed from outside exists, set the label shrinked and set the current value to show\n  useEffect(() => {\n    if (value && value.length > 0 && value.length <= maxChars) {\n      setCurrentValue(value);\n      setIsShrunk(true);\n    }\n  }, [value, maxChars, setCurrentValue, setIsShrunk]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n};\n"],"names":["useTextAreaEffect","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"kCAEO,MAAMA,EAAoB,CAC/BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,GAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,EACd,GACC,CAACJ,EAAcC,EAAOG,IAGzBG,GAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,GACd,GACC,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,GAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,GAAe"}

package/components/textArea/textArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textArea.js","sources":["../../../src/components/textArea/textArea.tsx"],"sourcesContent":["import { TextField } from '@mui/material';\nimport React, { forwardRef, useCallback, useState } from 'react';\nimport HelperText from '../common/helperText';\nimport { TextInputProps } from '../common/interface/textInputInterface';\nimport { useTextAreaEffect } from './hook/useTextAreaEffect';\n\n/**\n * @description SkodaFlow TextArea component.\n * Properties are inherited from HTML Div element.\n * @param props TextInputProps\n * @returns React Functional Component\n */\n\n//-Set the currentValue state useful for:\n//1. Count the number of the characters in the helpertext\n//2. make the label shrinked while the text input is filled\n//- trigger onChange callblack from outside\nconst onChangeHandler = (\n  e: React.ChangeEvent<HTMLInputElement>,\n  maxChars: number,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n) => {\n  const inputValue = e.target.value;\n\n  if (!maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n    setCurrentValue(inputValue);\n    onChange && onChange(e);\n  }\n};\n\n//Set the label shrinked if there's value in the input\n//Then call the onBlur callback from the outside\nconst onBlurHandler = (\n  currentValue: string,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>,\n  onBlur: () => void,\n) => {\n  setIsShrunk(currentValue ? true : false);\n  setIsFocused(false);\n  onBlur && onBlur();\n};\n\n//Set the label shrinked\n//Then call the onFocus callback from outside\nconst onFocusHandler = (\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>,\n  onFocus: () => void,\n) => {\n  setIsFocused(true);\n  setIsShrunk(true);\n  onFocus && onFocus();\n};\n\n/**\n * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.\n */\nexport const TextArea = forwardRef<HTMLDivElement, TextInputProps>(\n  ({ name, id, label = null, onChange, onBlur, onFocus, value, ...props }, ref) => {\n    const [currentValue, setCurrentValue] = useState('');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [, setIsRequired] = useState(false);\n\n    const handleOnChangeWithUseCallback = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChangeHandler(e, props.maxChars, setCurrentValue, onChange);\n      },\n      [props.maxChars, onChange],\n    );\n\n    const handleOnBlurWithUseCallback = useCallback(\n      (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        onBlurHandler(currentValue, setIsShrunk, setIsFocused, () => (onBlur ? onBlur(event) : () => {}));\n      },\n      [currentValue, onBlur],\n    );\n\n    const handleOnFocusWithUseCallback = useCallback(\n      (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        onFocusHandler(setIsShrunk, setIsFocused, () => (onFocus ? onFocus(event) : () => {}));\n      },\n      [onFocus],\n    );\n\n    useTextAreaEffect(currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n\n    return (\n      <TextField\n        {...props}\n        onChange={handleOnChangeWithUseCallback}\n        value={currentValue}\n        onFocus={handleOnFocusWithUseCallback}\n        multiline\n        InputLabelProps={{\n          shrink: isShrunk,\n        }}\n        onBlur={handleOnBlurWithUseCallback}\n        focused={isFocused}\n        label={label ? label : null}\n        hiddenLabel={!label}\n        name={name}\n        ref={ref}\n        id={id}\n        error={props.hasError}\n        disabled={props.disabled}\n        helperText={<HelperText maxChars={props.maxChars} currentValue={currentValue} helpText={props.helpText} />}\n      />\n    );\n  },\n);\n"],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","HelperText","helpText"],"mappings":"0RAiBA,MA0CaA,EAAWC,GACtB,CAACC,EAAwEC,SAAxEC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAKR,EAAKS,EAAKC,EAAAV,EAApE,6DACC,MAAOW,EAAcC,GAAmBC,EAAS,KAC1CC,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,KAClCK,GAAiBL,GAAS,GAE7BM,EAAgCC,GACnCC,IAlDiB,EACtBA,EACAC,EACAV,EACAP,KAEA,MAAMkB,EAAaF,EAAEG,OAAOhB,QAEvBc,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KACjEV,EAAgBW,GAChBlB,GAAYA,EAASgB,KAyCjBK,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,GAE/D,CAACI,EAAMa,SAAUjB,IAGbsB,EAA8BP,GACjCQ,IAzCe,EACpBjB,EACAI,EACAE,EACAX,KAEAS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAkCZuB,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAAS,QAAU,GAEnG,CAACjB,EAAcL,IAGXwB,EAA+BV,GAClCQ,IAnCgB,EACrBb,EACAE,EACAV,KAEAU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EA6BdwB,CAAehB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAAS,QAAU,GAExF,CAACrB,IAKH,OAFAyB,EAAkBrB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMwB,SAAUlB,EAAaH,EAAiBM,GAGnGgB,EAACC,EAASC,OAAAC,OAAA,CAAA,EACJ5B,EACJ,CAAAJ,SAAUc,EACVX,MAAOG,EACPJ,QAASuB,EACTQ,WACA,EAAAC,gBAAiB,CACfC,OAAQ1B,GAEVR,OAAQqB,EACRc,QAASzB,EACTZ,MAAOA,GAAgB,KACvBsC,aAActC,EACdF,KAAMA,EACND,IAAKA,EACLE,GAAIA,EACJwC,MAAOlC,EAAMmC,SACbC,SAAUpC,EAAMoC,SAChBC,WAAYZ,EAACa,EAAW,CAAAzB,SAAUb,EAAMa,SAAUX,aAAcA,EAAcqC,SAAUvC,EAAMuC,aAC9F"}
+{"version":3,"file":"textArea.js","sources":["../../../src/components/textArea/textArea.tsx"],"sourcesContent":["import { TextField } from '@mui/material';\nimport React, { forwardRef, useCallback, useState } from 'react';\nimport HelperText from '../common/helperText';\nimport { TextInputProps } from '../common/interface/textInputInterface';\nimport { useTextAreaEffect } from './hook/useTextAreaEffect';\n\n/**\n * @description SkodaFlow TextArea component.\n * Properties are inherited from HTML Div element.\n * @param props TextInputProps\n * @returns React Functional Component\n */\n\n//-Set the currentValue state useful for:\n//1. Count the number of the characters in the helpertext\n//2. make the label shrinked while the text input is filled\n//- trigger onChange callblack from outside\nconst onChangeHandler = (\n  e: React.ChangeEvent<HTMLInputElement>,\n  maxChars: number,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n) => {\n  const inputValue = e.target.value;\n\n  if (!maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n    setCurrentValue(inputValue);\n    onChange && onChange(e);\n  }\n};\n\n//Set the label shrinked if there's value in the input\n//Then call the onBlur callback from the outside\nconst onBlurHandler = (\n  currentValue: string,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>,\n  onBlur: () => void,\n) => {\n  setIsShrunk(currentValue ? true : false);\n  setIsFocused(false);\n  onBlur && onBlur();\n};\n\n//Set the label shrinked\n//Then call the onFocus callback from outside\nconst onFocusHandler = (\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>,\n  onFocus: () => void,\n) => {\n  setIsFocused(true);\n  setIsShrunk(true);\n  onFocus && onFocus();\n};\n\n/**\n * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.\n */\nexport const TextArea = forwardRef<HTMLDivElement, TextInputProps>(\n  ({ name, id, label = null, onChange, onBlur, onFocus, value, ...props }, ref) => {\n    const [currentValue, setCurrentValue] = useState('');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [, setIsRequired] = useState(false);\n\n    const handleOnChangeWithUseCallback = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChangeHandler(e, props.maxChars, setCurrentValue, onChange);\n      },\n      [props.maxChars, onChange],\n    );\n\n    const handleOnBlurWithUseCallback = useCallback(\n      (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        onBlurHandler(currentValue, setIsShrunk, setIsFocused, () => (onBlur ? onBlur(event) : () => {}));\n      },\n      [currentValue, onBlur],\n    );\n\n    const handleOnFocusWithUseCallback = useCallback(\n      (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        onFocusHandler(setIsShrunk, setIsFocused, () => (onFocus ? onFocus(event) : () => {}));\n      },\n      [onFocus],\n    );\n\n    useTextAreaEffect(currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n\n    return (\n      <TextField\n        {...props}\n        onChange={handleOnChangeWithUseCallback}\n        value={currentValue}\n        onFocus={handleOnFocusWithUseCallback}\n        multiline\n        InputLabelProps={{\n          shrink: isShrunk,\n        }}\n        onBlur={handleOnBlurWithUseCallback}\n        focused={isFocused}\n        label={label ? label : null}\n        hiddenLabel={!label}\n        name={name}\n        ref={ref}\n        id={id}\n        error={props.hasError}\n        disabled={props.disabled}\n        helperText={<HelperText maxChars={props.maxChars} currentValue={currentValue} helpText={props.helpText} />}\n      />\n    );\n  },\n);\n"],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","HelperText","helpText"],"mappings":"0RAiBA,MA0CaA,EAAWC,GACtB,CAACC,EAAwEC,SAAxEC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAKR,EAAKS,EAAKC,EAAAV,EAApE,6DACC,MAAOW,EAAcC,GAAmBC,EAAS,KAC1CC,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,KAClCK,GAAiBL,GAAS,GAE7BM,EAAgCC,GACnCC,IAlDiB,EACtBA,EACAC,EACAV,EACAP,KAEA,MAAMkB,EAAaF,EAAEG,OAAOhB,QAEvBc,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KACjEV,EAAgBW,GAChBlB,GAAYA,EAASgB,GACvB,EAwCMK,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,GAE/D,CAACI,EAAMa,SAAUjB,IAGbsB,EAA8BP,GACjCQ,IAzCe,EACpBjB,EACAI,EACAE,EACAX,KAEAS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAkCZuB,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAAS,QAAU,GAEnG,CAACjB,EAAcL,IAGXwB,EAA+BV,GAClCQ,IAnCgB,EACrBb,EACAE,EACAV,KAEAU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EA6BdwB,CAAehB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAAS,QAAU,GAExF,CAACrB,IAKH,OAFAyB,EAAkBrB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMwB,SAAUlB,EAAaH,EAAiBM,GAGnGgB,EAACC,EAASC,OAAAC,OAAA,CAAA,EACJ5B,EAAK,CACTJ,SAAUc,EACVX,MAAOG,EACPJ,QAASuB,EACTQ,WAAS,EACTC,gBAAiB,CACfC,OAAQ1B,GAEVR,OAAQqB,EACRc,QAASzB,EACTZ,MAAOA,GAAgB,KACvBsC,aAActC,EACdF,KAAMA,EACND,IAAKA,EACLE,GAAIA,EACJwC,MAAOlC,EAAMmC,SACbC,SAAUpC,EAAMoC,SAChBC,WAAYZ,EAACa,EAAU,CAACzB,SAAUb,EAAMa,SAAUX,aAAcA,EAAcqC,SAAUvC,EAAMuC,aAC9F"}

package/components/textInput/hook/useTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInput.js","sources":["../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nexport const useTextInput = (label, isRequired, placeholder, type: 'text' | 'number') => {\n  //Set the label shrinked if there's value in the input, then call the onBlur callback from the outside\n  const handleOnBlur = useCallback(\n    (\n      event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>,\n      setIsShrunk,\n      setIsFocused,\n      onBlur,\n      currentValue,\n    ) => {\n      setIsShrunk(!!currentValue);\n      setIsFocused(false);\n      onBlur && onBlur(event);\n    },\n    [],\n  );\n\n  //Set the label shrinked, then call the onFocus callback from outside\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsFocused, setIsShrunk, onFocus) => {\n      setIsFocused(true);\n      setIsShrunk(true);\n      onFocus && onFocus(event);\n    },\n    [],\n  );\n\n  const handlePlaceholder = useMemo(() => {\n    if (!label) {\n      return isRequired ? `${placeholder}*` : placeholder;\n    } else return null;\n  }, [isRequired, label, placeholder]);\n\n  //-Set the current value and make the labek shrink\n  const handleOnChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, maxChars, onChange, setCurrentValue) => {\n      const inputValue = e.target.value;\n      if (type === 'number' || !maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n        setCurrentValue(inputValue);\n        onChange && onChange(e);\n      }\n    },\n    [type],\n  );\n\n  return {\n    handleOnBlur,\n    handleOnFocus,\n    handleOnChange,\n    handlePlaceholder,\n  };\n};\n"],"names":["useTextInput","label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"iDAEO,MAAMA,EAAe,CAACC,EAAOC,EAAYC,EAAaC,KAE3D,MAAMC,EAAeC,GACnB,CACEC,EACAC,EACAC,EACAC,EACAC,KAEAH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GAEzB,IAIIK,EAAgBN,GACpB,CAACC,EAAiEE,EAAcD,EAAaK,KAC3FJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAE3B,IAGIO,EAAoBC,GAAQ,IAC3Bd,EAES,KADLC,EAAa,GAAGC,KAAiBA,GAEzC,CAACD,EAAYD,EAAOE,IAcvB,MAAO,CACLE,eACAO,gBACAI,eAdqBV,GACrB,CAACW,EAA8DC,EAAUC,EAAUC,KACjF,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACtFE,EAAgBC,GAChBF,GAAYA,EAASF,MAGzB,CAACb,IAODU,oBACD"}
+{"version":3,"file":"useTextInput.js","sources":["../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nexport const useTextInput = (label, isRequired, placeholder, type: 'text' | 'number') => {\n  //Set the label shrinked if there's value in the input, then call the onBlur callback from the outside\n  const handleOnBlur = useCallback(\n    (\n      event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>,\n      setIsShrunk,\n      setIsFocused,\n      onBlur,\n      currentValue,\n    ) => {\n      setIsShrunk(!!currentValue);\n      setIsFocused(false);\n      onBlur && onBlur(event);\n    },\n    [],\n  );\n\n  //Set the label shrinked, then call the onFocus callback from outside\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsFocused, setIsShrunk, onFocus) => {\n      setIsFocused(true);\n      setIsShrunk(true);\n      onFocus && onFocus(event);\n    },\n    [],\n  );\n\n  const handlePlaceholder = useMemo(() => {\n    if (!label) {\n      return isRequired ? `${placeholder}*` : placeholder;\n    } else return null;\n  }, [isRequired, label, placeholder]);\n\n  //-Set the current value and make the labek shrink\n  const handleOnChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, maxChars, onChange, setCurrentValue) => {\n      const inputValue = e.target.value;\n      if (type === 'number' || !maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n        setCurrentValue(inputValue);\n        onChange && onChange(e);\n      }\n    },\n    [type],\n  );\n\n  return {\n    handleOnBlur,\n    handleOnFocus,\n    handleOnChange,\n    handlePlaceholder,\n  };\n};\n"],"names":["useTextInput","label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"iDAEO,MAAMA,EAAe,CAACC,EAAOC,EAAYC,EAAaC,KAE3D,MAAMC,EAAeC,GACnB,CACEC,EACAC,EACAC,EACAC,EACAC,KAEAH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GAEzB,IAIIK,EAAgBN,GACpB,CAACC,EAAiEE,EAAcD,EAAaK,KAC3FJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAE3B,IAGIO,EAAoBC,GAAQ,IAC3Bd,EAES,KADLC,EAAa,GAAGC,KAAiBA,GAEzC,CAACD,EAAYD,EAAOE,IAcvB,MAAO,CACLE,eACAO,gBACAI,eAdqBV,GACrB,CAACW,EAA8DC,EAAUC,EAAUC,KACjF,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACtFE,EAAgBC,GAChBF,GAAYA,EAASF,GACvB,GAEF,CAACb,IAODU,oBACD"}

package/components/textInput/hook/useTextInputEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInputEffect.js","sources":["../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nexport const useTextInputEffect = (\n  inputRef: RefObject<HTMLDivElement>,\n  setInputWidth: React.Dispatch<React.SetStateAction<string>>,\n  fullWidth: boolean,\n  width: number,\n  currentValue: string,\n  value: string,\n  maxChars: number,\n  required: boolean,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  setIsRequired: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  //If the input text is filled make the label shrink\n  useEffect(() => {\n    if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n      setIsShrunk(true);\n    }\n  }, [currentValue, setIsShrunk, value]);\n\n  //If value passed from outside exists, set the label shrinked and set the current value to show\n  useEffect(() => {\n    if (value && value.length > 0 && value.length <= maxChars) {\n      setCurrentValue(value);\n      setIsShrunk(true);\n    }\n  }, [value, maxChars, setCurrentValue, setIsShrunk]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n    setInputWidth(inputRef.current.offsetWidth + 'px');\n  }, [inputRef, fullWidth, width, setInputWidth]);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n\n    const setWidth = () => setInputWidth(inputRef.current?.offsetWidth + 'px');\n\n    window.addEventListener('load', function () {\n      setWidth();\n    });\n\n    return () => {\n      window.removeEventListener('load', setWidth);\n    };\n  }, [inputRef, setInputWidth]);\n};\n"],"names":["useTextInputEffect","inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"kCAEa,MAAAA,EAAqB,CAChCC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,GAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,KAEb,CAACJ,EAAcI,EAAaH,IAG/BM,GAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,MAEb,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,GAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,IAEdC,GAAU,KACHX,GAAaA,EAASa,SAC3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACjD,CAACd,EAAUE,EAAWC,EAAOF,IAEhCU,GAAU,KACR,IAAKX,IAAaA,EAASa,QAAS,OAEpC,MAAME,EAAW,WAAM,OAAAd,WAAce,EAAAhB,EAASa,8BAASC,aAAc,KAAK,EAM1E,OAJAG,OAAOC,iBAAiB,QAAQ,WAC9BH,GACF,IAEO,KACLE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC7C,GACA,CAACf,EAAUC,GAAe"}
+{"version":3,"file":"useTextInputEffect.js","sources":["../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nexport const useTextInputEffect = (\n  inputRef: RefObject<HTMLDivElement>,\n  setInputWidth: React.Dispatch<React.SetStateAction<string>>,\n  fullWidth: boolean,\n  width: number,\n  currentValue: string,\n  value: string,\n  maxChars: number,\n  required: boolean,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  setIsRequired: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  //If the input text is filled make the label shrink\n  useEffect(() => {\n    if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n      setIsShrunk(true);\n    }\n  }, [currentValue, setIsShrunk, value]);\n\n  //If value passed from outside exists, set the label shrinked and set the current value to show\n  useEffect(() => {\n    if (value && value.length > 0 && value.length <= maxChars) {\n      setCurrentValue(value);\n      setIsShrunk(true);\n    }\n  }, [value, maxChars, setCurrentValue, setIsShrunk]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n    setInputWidth(inputRef.current.offsetWidth + 'px');\n  }, [inputRef, fullWidth, width, setInputWidth]);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n\n    const setWidth = () => setInputWidth(inputRef.current?.offsetWidth + 'px');\n\n    window.addEventListener('load', function () {\n      setWidth();\n    });\n\n    return () => {\n      window.removeEventListener('load', setWidth);\n    };\n  }, [inputRef, setInputWidth]);\n};\n"],"names":["useTextInputEffect","inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"kCAEO,MAAMA,EAAqB,CAChCC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,GAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,EACd,GACC,CAACJ,EAAcI,EAAaH,IAG/BM,GAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,GACd,GACC,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,GAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,IAEdC,GAAU,KACHX,GAAaA,EAASa,SAC3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACjD,CAACd,EAAUE,EAAWC,EAAOF,IAEhCU,GAAU,KACR,IAAKX,IAAaA,EAASa,QAAS,OAEpC,MAAME,EAAW,WAAM,OAAAd,WAAce,EAAAhB,EAASa,8BAASC,aAAc,KAAK,EAM1E,OAJAG,OAAOC,iBAAiB,QAAQ,WAC9BH,GACF,IAEO,KACLE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC7C,GACA,CAACf,EAAUC,GAAe"}

package/components/textInput/textInput.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useState as n,useRef as r}from"react";import{Icon as l}from"../icon/icon.js";import"../icon/icon.definitions.js";import{InputAdornment as t}from"@mui/material";import a from"../common/styled/textFieldStyled.js";import{useTextInput as i}from"./hook/useTextInput.js";import s from"../common/hook/useWindowSize.js";import{useTextInputEffect as m}from"./hook/useTextInputEffect.js";import d from"../common/helperText.js";const h=h=>{var{name:u,id:c,label:p=null,onChange:f,onBlur:x,onFocus:b,value:C,placeholder:j,hasError:v,fullWidth:F=!0,excludeChars:k}=h,y=e(h,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[g,T]=n(C||""),[w,I]=n(!1),[L,B]=n(!1),[D,E]=n(!1),[O,W]=n(!1),{handleOnBlur:K,handleOnFocus:P,handleOnChange:M,handlePlaceholder:N}=i(p,O,j,y.type),S=r(null),{width:q}=s();return m(S,(()=>{}),F,q,g,C,y.maxChars,y.required,I,T,W),o("div",{children:o(a,Object.assign({},y,{className:[y.icon?"textField-Icon":"",p?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:w},InputProps:y.icon?{startAdornment:o(t,{position:"start",children:o(l,{color:y.disabled?"disabled":"inherit",name:y.icon})})}:{},onChange:e=>M(e,y.maxChars,f,T),value:g,onFocus:e=>P(e,B,I,b),onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),hovered:D,onBlur:e=>K(e,I,B,x,g),focused:L,placeholder:N,label:j?null:p,hiddenLabel:!!j,name:u,ref:S,id:c,error:v,fullWidth:F,onKeyDown:e=>{y.onKeyDownCallback&&y.onKeyDownCallback(e),k&&k.length>0&&k.includes(e.key)&&e.preventDefault()},helperText:o(d,{maxChars:y.maxChars,currentValue:g,helpText:y.helpText})}))})};export{h as TextInput};
+import{__rest as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useState as e,useRef as l}from"react";import{Icon as n}from"../icon/Icon.js";import"../icon/FlowIcon.js";import"../icon/icon.definitions.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/AISuggestionFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryDischargeFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryHighVoltageFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BicycleFilledIcon.js";import"../icon/filled/BoltDischargeFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BoltOffFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarAccidentFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSendFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DealershipServiceFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FuelSavingsFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PercentageFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TripCyclicFilledIcon.js";import"../icon/filled/TripLongTermFilledIcon.js";import"../icon/filled/TripSingleFilledIcon.js";import"../icon/filled/TrophyFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreRepairFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WallboxFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/AISuggestionIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryHighVoltageIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryDischargeIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BicycleIcon.js";import"../icon/stroke/BoltDischargeIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BoltOffIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarAccidentIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSendIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DealershipServiceIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FuelSavingsIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PercentageIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TripCyclicIcon.js";import"../icon/stroke/TripLongTermIcon.js";import"../icon/stroke/TripSingleIcon.js";import"../icon/stroke/TrophyIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreRepairIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WallboxIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import{InputAdornment as r}from"@mui/material";import c from"../common/styled/textFieldStyled.js";import{useTextInput as t}from"./hook/useTextInput.js";import s from"../common/hook/useWindowSize.js";import{useTextInputEffect as d}from"./hook/useTextInputEffect.js";import p from"../common/helperText.js";const m=m=>{var{name:I,id:j,label:a=null,onChange:f,onBlur:k,onFocus:F,value:C,placeholder:h,hasError:u,fullWidth:g=!0,excludeChars:S}=m,w=o(m,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[B,y]=e(C||""),[T,A]=e(!1),[v,M]=e(!1),[P,D]=e(!1),[L,W]=e(!1),{handleOnBlur:R,handleOnFocus:b,handleOnChange:O,handlePlaceholder:x}=t(a,L,h,w.type),E=l(null),{width:H}=s();return d(E,(()=>{}),g,H,B,C,w.maxChars,w.required,A,y,W),i("div",{children:i(c,Object.assign({},w,{className:[w.icon?"textField-Icon":"",a?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:T},InputProps:w.icon?{startAdornment:i(r,{position:"start",children:i(n,{color:w.disabled?"disabled":"inherit",name:w.icon})})}:{},onChange:o=>O(o,w.maxChars,f,y),value:B,onFocus:o=>b(o,M,A,F),onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),hovered:P,onBlur:o=>R(o,A,M,k,B),focused:v,placeholder:x,label:h?null:a,hiddenLabel:!!h,name:I,ref:E,id:j,error:u,fullWidth:g,onKeyDown:o=>{w.onKeyDownCallback&&w.onKeyDownCallback(o),S&&S.length>0&&S.includes(o.key)&&o.preventDefault()},helperText:i(p,{maxChars:w.maxChars,currentValue:B,helpText:w.helpText})}))})};export{m as TextInput};
 //# sourceMappingURL=textInput.js.map

package/components/textInput/textInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport { TextInputProps } from '../common/interface/textInputInterface';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\n\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput: FC<TextInputProps> = ({\n  name,\n  id,\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  placeholder,\n  hasError,\n  fullWidth = true,\n  excludeChars,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState(value || '');\n  const [isShrunk, setIsShrunk] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(\n    label,\n    isRequired,\n    placeholder,\n    props.type,\n  );\n\n  const inputRef = useRef(null);\n  const { width } = useWindowSize();\n\n  useTextInputEffect(\n    inputRef,\n    () => {},\n    fullWidth,\n    width,\n    currentValue,\n    value,\n    props.maxChars,\n    props.required,\n    setIsShrunk,\n    setCurrentValue,\n    setIsRequired,\n  );\n\n  return (\n    <div>\n      <TextFieldStyled\n        {...props}\n        className={[props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' ')}\n        InputLabelProps={{\n          shrink: isShrunk,\n        }}\n        InputProps={\n          props.icon\n            ? {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />\n                  </InputAdornment>\n                ),\n              }\n            : {}\n        }\n        onChange={(event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue)}\n        value={currentValue}\n        onFocus={(event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus)}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        hovered={hovered}\n        onBlur={(event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue)}\n        focused={isFocused}\n        placeholder={handlePlaceholder}\n        label={placeholder ? null : label}\n        hiddenLabel={!!placeholder}\n        name={name}\n        ref={inputRef}\n        id={id}\n        error={hasError}\n        fullWidth={fullWidth}\n        onKeyDown={(event) => {\n          if (props.onKeyDownCallback) props.onKeyDownCallback(event);\n          if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n            event.preventDefault();\n          }\n        }}\n        helperText={<HelperText maxChars={props.maxChars} currentValue={currentValue} helpText={props.helpText} />}\n      />\n    </div>\n  );\n};\n"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"+eAiBa,MAAAA,EAAiCC,IAAA,IAAAC,KAC5CA,EAAIC,GACJA,EAAEC,MACFA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,SACXA,EAAQC,UACRA,GAAY,EAAIC,aAChBA,GAEDX,EADIY,EAAKC,EAAAb,EAZoC,iHAc5C,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAgBlB,OAdAC,EACEJ,GACA,QACArB,EACAuB,EACAnB,EACAP,EACAK,EAAMwB,SACNxB,EAAMyB,SACNnB,EACAH,EACAS,GAIAc,EACE,MAAA,CAAAC,SAAAD,EAACE,EAAeC,OAAAC,OAAA,GACV9B,EACJ,CAAA+B,UAAW,CAAC/B,EAAMgC,KAAO,iBAAmB,GAAIzC,EAAQ,kBAAoB,qBAAqB0C,KAAK,KACtGC,gBAAiB,CACfC,OAAQ9B,GAEV+B,WACEpC,EAAMgC,KACF,CACEK,eACEX,EAACY,GAAeC,SAAS,QAAOZ,SAC9BD,EAACc,EAAK,CAAAC,MAAOzC,EAAM0C,SAAW,WAAa,UAAWrD,KAAMW,EAAMgC,UAIxE,CAAE,EAERxC,SAAWmD,GAAU5B,EAAe4B,EAAO3C,EAAMwB,SAAUhC,EAAUW,GACrER,MAAOO,EACPR,QAAUiD,GAAU7B,EAAc6B,EAAOnC,EAAcF,EAAaZ,GACpEkD,aAAc,IAAMlC,GAAW,GAC/BmC,aAAc,IAAMnC,GAAW,GAC/BD,QAASA,EACThB,OAASkD,GAAU9B,EAAa8B,EAAOrC,EAAaE,EAAcf,EAAQS,GAC1E4C,QAASvC,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5BwD,cAAenD,EACfP,KAAMA,EACN2D,IAAK7B,EACL7B,GAAIA,EACJ2D,MAAOpD,EACPC,UAAWA,EACXoD,UAAYP,IACN3C,EAAMmD,mBAAmBnD,EAAMmD,kBAAkBR,GACjD5C,GAAgBA,EAAaqD,OAAS,GAAKrD,EAAasD,SAASV,EAAMW,MACzEX,EAAMY,kBAGVC,WAAY9B,EAAC+B,GAAWjC,SAAUxB,EAAMwB,SAAUtB,aAAcA,EAAcwD,SAAU1D,EAAM0D,eAE5F"}
+{"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport { TextInputProps } from '../common/interface/textInputInterface';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\n\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput: FC<TextInputProps> = ({\n  name,\n  id,\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  placeholder,\n  hasError,\n  fullWidth = true,\n  excludeChars,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState(value || '');\n  const [isShrunk, setIsShrunk] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(\n    label,\n    isRequired,\n    placeholder,\n    props.type,\n  );\n\n  const inputRef = useRef(null);\n  const { width } = useWindowSize();\n\n  useTextInputEffect(\n    inputRef,\n    () => {},\n    fullWidth,\n    width,\n    currentValue,\n    value,\n    props.maxChars,\n    props.required,\n    setIsShrunk,\n    setCurrentValue,\n    setIsRequired,\n  );\n\n  return (\n    <div>\n      <TextFieldStyled\n        {...props}\n        className={[props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' ')}\n        InputLabelProps={{\n          shrink: isShrunk,\n        }}\n        InputProps={\n          props.icon\n            ? {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />\n                  </InputAdornment>\n                ),\n              }\n            : {}\n        }\n        onChange={(event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue)}\n        value={currentValue}\n        onFocus={(event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus)}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        hovered={hovered}\n        onBlur={(event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue)}\n        focused={isFocused}\n        placeholder={handlePlaceholder}\n        label={placeholder ? null : label}\n        hiddenLabel={!!placeholder}\n        name={name}\n        ref={inputRef}\n        id={id}\n        error={hasError}\n        fullWidth={fullWidth}\n        onKeyDown={(event) => {\n          if (props.onKeyDownCallback) props.onKeyDownCallback(event);\n          if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n            event.preventDefault();\n          }\n        }}\n        helperText={<HelperText maxChars={props.maxChars} currentValue={currentValue} helpText={props.helpText} />}\n      />\n    </div>\n  );\n};\n"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"2q+BAiBO,MAAMA,EAAiCC,IAAA,IAAAC,KAC5CA,EAAIC,GACJA,EAAEC,MACFA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,SACXA,EAAQC,UACRA,GAAY,EAAIC,aAChBA,GAAYX,EACTY,EAAKC,EAAAb,EAZoC,iHAc5C,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAgBlB,OAdAC,EACEJ,GACA,QACArB,EACAuB,EACAnB,EACAP,EACAK,EAAMwB,SACNxB,EAAMyB,SACNnB,EACAH,EACAS,GAIAc,EAAA,MAAA,CAAAC,SACED,EAACE,EAAeC,OAAAC,OAAA,GACV9B,EAAK,CACT+B,UAAW,CAAC/B,EAAMgC,KAAO,iBAAmB,GAAIzC,EAAQ,kBAAoB,qBAAqB0C,KAAK,KACtGC,gBAAiB,CACfC,OAAQ9B,GAEV+B,WACEpC,EAAMgC,KACF,CACEK,eACEX,EAACY,GAAeC,SAAS,QAAOZ,SAC9BD,EAACc,EAAI,CAACC,MAAOzC,EAAM0C,SAAW,WAAa,UAAWrD,KAAMW,EAAMgC,UAIxE,CAAA,EAENxC,SAAWmD,GAAU5B,EAAe4B,EAAO3C,EAAMwB,SAAUhC,EAAUW,GACrER,MAAOO,EACPR,QAAUiD,GAAU7B,EAAc6B,EAAOnC,EAAcF,EAAaZ,GACpEkD,aAAc,IAAMlC,GAAW,GAC/BmC,aAAc,IAAMnC,GAAW,GAC/BD,QAASA,EACThB,OAASkD,GAAU9B,EAAa8B,EAAOrC,EAAaE,EAAcf,EAAQS,GAC1E4C,QAASvC,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5BwD,cAAenD,EACfP,KAAMA,EACN2D,IAAK7B,EACL7B,GAAIA,EACJ2D,MAAOpD,EACPC,UAAWA,EACXoD,UAAYP,IACN3C,EAAMmD,mBAAmBnD,EAAMmD,kBAAkBR,GACjD5C,GAAgBA,EAAaqD,OAAS,GAAKrD,EAAasD,SAASV,EAAMW,MACzEX,EAAMY,gBACR,EAEFC,WAAY9B,EAAC+B,GAAWjC,SAAUxB,EAAMwB,SAAUtB,aAAcA,EAAcwD,SAAU1D,EAAM0D,eAE5F"}

package/components/toggleSwitch/toggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleSwitch.js","sources":["../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":["import React, { FocusEvent, HTMLAttributes, forwardRef, useState } from 'react';\nimport { Switch as MuiSwitch, SwitchProps as MuiSwitchProps, styled } from '@mui/material';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/**\n * @interface ToggleSwitchProps\n * @description Base definition of SkodaFlow ToggleSwitch independent on core implementation.\n * Properties are inherited from HTML Button element.\n */\nexport interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {\n  /**\n   * Compact size, minimalistic design.\n   */\n  compact?: boolean;\n\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n\n  /**\n   * The value referenced with ToggleSwitch element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n\n  isNavigationVariant?: boolean;\n}\n\n/**\n * @description SkodaFlow ToggleSwitch component.\n * Properties are inherited from HTML Button element.\n * @param props ToggleSwitchProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.\n */\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleSwitchProps>(\n  ({ compact, isNavigationVariant, ...props }, ref) => {\n    const [focusVisible, setFocusVisible] = useState(false);\n    const label = props.label ?? props.children;\n\n    const onBlur = (e: FocusEvent<HTMLButtonElement, Element>) => {\n      setFocusVisible(false);\n      if (props.onBlur) props.onBlur(e);\n    };\n\n    const toggleSwitch = (\n      <ButtonFocusVisibleStyled focusVisible={focusVisible} isNavigationVariant={false}>\n        <ToggleSwitchStyled\n          {...props}\n          ref={ref}\n          onFocusVisible={() => setFocusVisible(true)}\n          onBlur={onBlur}\n          size={compact ? 'small' : 'medium'}\n          className={focusVisible ? 'Mui-focusVisible' : ''}\n        />\n      </ButtonFocusVisibleStyled>\n    );\n\n    return label ? (\n      <FormControlLabelStyled control={toggleSwitch} label={props.label} disabled={props.disabled} />\n    ) : (\n      toggleSwitch\n    );\n  },\n);\n\n/**\n * @description ToggleSwitch styling definition based on props\n */\nconst ToggleSwitchStyled = styled(MuiSwitch)<MuiSwitchProps>(() => {\n  return null;\n});\n"],"names":["ToggleSwitch","forwardRef","_a","ref","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","_b","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"iSA0Da,MAAAA,EAAeC,GAC1B,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,GAAS,GAC3CC,EAAuB,QAAfC,EAAAN,EAAMK,aAAS,IAAAC,EAAAA,EAAAN,EAAMO,SAO7BC,EACJC,EAACC,EAAwB,CAACR,aAAcA,EAAcH,qBAAqB,EAAKQ,SAC9EE,EAACE,EACKC,OAAAC,OAAA,CAAA,EAAAb,EACJ,CAAAH,IAAKA,EACLiB,eAAgB,IAAMX,GAAgB,GACtCY,OAXUC,IACdb,GAAgB,GACZH,EAAMe,QAAQf,EAAMe,OAAOC,EAAE,EAU7BC,KAAMnB,EAAU,QAAU,SAC1BoB,UAAWhB,EAAe,mBAAqB,QAKrD,OAAOG,EACLI,EAACU,EAAsB,CAACC,QAASZ,EAAcH,MAAOL,EAAMK,MAAOgB,SAAUrB,EAAMqB,WAEnF,CACD,IAOCV,EAAqBW,EAAOC,EAAPD,EAAkC,IACpD"}
+{"version":3,"file":"toggleSwitch.js","sources":["../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":["import React, { FocusEvent, HTMLAttributes, forwardRef, useState } from 'react';\nimport { Switch as MuiSwitch, SwitchProps as MuiSwitchProps, styled } from '@mui/material';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/**\n * @interface ToggleSwitchProps\n * @description Base definition of SkodaFlow ToggleSwitch independent on core implementation.\n * Properties are inherited from HTML Button element.\n */\nexport interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {\n  /**\n   * Compact size, minimalistic design.\n   */\n  compact?: boolean;\n\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n\n  /**\n   * The value referenced with ToggleSwitch element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n\n  isNavigationVariant?: boolean;\n}\n\n/**\n * @description SkodaFlow ToggleSwitch component.\n * Properties are inherited from HTML Button element.\n * @param props ToggleSwitchProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.\n */\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleSwitchProps>(\n  ({ compact, isNavigationVariant, ...props }, ref) => {\n    const [focusVisible, setFocusVisible] = useState(false);\n    const label = props.label ?? props.children;\n\n    const onBlur = (e: FocusEvent<HTMLButtonElement, Element>) => {\n      setFocusVisible(false);\n      if (props.onBlur) props.onBlur(e);\n    };\n\n    const toggleSwitch = (\n      <ButtonFocusVisibleStyled focusVisible={focusVisible} isNavigationVariant={false}>\n        <ToggleSwitchStyled\n          {...props}\n          ref={ref}\n          onFocusVisible={() => setFocusVisible(true)}\n          onBlur={onBlur}\n          size={compact ? 'small' : 'medium'}\n          className={focusVisible ? 'Mui-focusVisible' : ''}\n        />\n      </ButtonFocusVisibleStyled>\n    );\n\n    return label ? (\n      <FormControlLabelStyled control={toggleSwitch} label={props.label} disabled={props.disabled} />\n    ) : (\n      toggleSwitch\n    );\n  },\n);\n\n/**\n * @description ToggleSwitch styling definition based on props\n */\nconst ToggleSwitchStyled = styled(MuiSwitch)<MuiSwitchProps>(() => {\n  return null;\n});\n"],"names":["ToggleSwitch","forwardRef","_a","ref","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","_b","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"iSA0DO,MAAMA,EAAeC,GAC1B,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,GAAS,GAC3CC,EAAmB,QAAXC,EAAAN,EAAMK,aAAK,IAAAC,EAAAA,EAAIN,EAAMO,SAO7BC,EACJC,EAACC,EAAwB,CAACR,aAAcA,EAAcH,qBAAqB,EAAKQ,SAC9EE,EAACE,EAAkBC,OAAAC,OAAA,CAAA,EACbb,EAAK,CACTH,IAAKA,EACLiB,eAAgB,IAAMX,GAAgB,GACtCY,OAXUC,IACdb,GAAgB,GACZH,EAAMe,QAAQf,EAAMe,OAAOC,EAAE,EAU7BC,KAAMnB,EAAU,QAAU,SAC1BoB,UAAWhB,EAAe,mBAAqB,QAKrD,OAAOG,EACLI,EAACU,EAAsB,CAACC,QAASZ,EAAcH,MAAOL,EAAMK,MAAOgB,SAAUrB,EAAMqB,WAAY,CAGhG,IAOCV,EAAqBW,EAAOC,EAAPD,EAAkC,IACpD"}

package/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":["TooltipHeader","_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":"kHAYa,MAAAA,EAAiBC,QAAAC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,KAAcC,EAA9BC,EAAAL,EAAA,CAAA,WAAA,KAAA,cAC5B,OACEM,EAACC,EAAUC,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,EAEH,CAAAH,SAAAA,IACU"}
+{"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":["TooltipHeader","_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":"kHAYO,MAAMA,EAAiBC,QAAAC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,KAAcC,EAAIC,EAAAL,EAAlC,CAAA,WAAA,KAAA,cAC5B,OACEM,EAACC,EAAUC,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,IACU"}

package/components/upload/UploadBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadBox.js","sources":["../../../src/components/upload/UploadBox.tsx"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport { FC, ReactNode, useMemo } from 'react';\nimport { UploadWrapper } from './components/uploadWrapper/uploadWrapper';\n\nexport type UploadBoxProps = {\n  /**\n   * Color scheme of the box. This affects background color, border color, border style and font color.\n   * @default secondary\n   */\n  color?: 'primary' | 'secondary' | 'transparent' | 'white' | 'error';\n  /**\n   * Content of the box\n   * @requires\n   */\n  children: ReactNode;\n};\n\n/**\n * @deprecated - There is a new usage for Upload Component\n * @see Upload\n *\n * @param color\n * @param children\n * @constructor\n */\nexport const UploadBox: FC<UploadBoxProps> = ({ color = 'secondary', children }) => {\n  const theme = useTheme();\n\n  const borderColor = useMemo(() => {\n    switch (color) {\n      case 'primary':\n        return theme.palette.brandHover.primary;\n      case 'secondary':\n        return theme.palette.onSurface.os200;\n      case 'transparent':\n      case 'white':\n        return theme.palette.surface.secondary;\n      case 'error':\n        return theme.palette.error.main;\n    }\n  }, [color, theme]);\n\n  const backgroundColor = useMemo(() => {\n    switch (color) {\n      case 'primary':\n        return theme.palette.brand.quarternary;\n      case 'secondary':\n        return theme.palette.surface.primary;\n      case 'transparent':\n        return 'transparent';\n      case 'white':\n        return theme.palette.common.white;\n      case 'error':\n        return theme.palette.surface.primary;\n    }\n  }, [color, theme]);\n\n  const borderStyle = useMemo(() => {\n    if (color === 'white' || color === 'transparent') {\n      return 'solid';\n    }\n    return 'dashed';\n  }, [color]);\n\n  return (\n    <UploadWrapper\n      sx={{\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n        backgroundColor,\n        borderColor,\n        borderStyle,\n      }}\n    >\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["UploadBox","color","children","theme","useTheme","borderColor","useMemo","palette","brandHover","primary","onSurface","os200","surface","secondary","error","main","backgroundColor","brand","quarternary","common","white","borderStyle","_jsx","UploadWrapper","sx","alignItems","justifyContent","width","height"],"mappings":"6LAyBO,MAAMA,EAAgC,EAAGC,QAAQ,YAAaC,eACnE,MAAMC,EAAQC,IAERC,EAAcC,GAAQ,KAC1B,OAAQL,GACN,IAAK,UACH,OAAOE,EAAMI,QAAQC,WAAWC,QAClC,IAAK,YACH,OAAON,EAAMI,QAAQG,UAAUC,MACjC,IAAK,cACL,IAAK,QACH,OAAOR,EAAMI,QAAQK,QAAQC,UAC/B,IAAK,QACH,OAAOV,EAAMI,QAAQO,MAAMC,QAE9B,CAACd,EAAOE,IAELa,EAAkBV,GAAQ,KAC9B,OAAQL,GACN,IAAK,UACH,OAAOE,EAAMI,QAAQU,MAAMC,YAC7B,IAAK,YAML,IAAK,QACH,OAAOf,EAAMI,QAAQK,QAAQH,QAL/B,IAAK,cACH,MAAO,cACT,IAAK,QACH,OAAON,EAAMI,QAAQY,OAAOC,SAI/B,CAACnB,EAAOE,IAELkB,EAAcf,GAAQ,IACZ,UAAVL,GAA+B,gBAAVA,EAChB,QAEF,UACN,CAACA,IAEJ,OACEqB,EAACC,EAAa,CACZC,GAAI,CACFC,WAAY,SACZC,eAAgB,SAChBC,MAAO,OACPC,OAAQ,OACRZ,kBACAX,cACAgB,eAGDnB,SAAAA,GACa"}
+{"version":3,"file":"UploadBox.js","sources":["../../../src/components/upload/UploadBox.tsx"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport { FC, ReactNode, useMemo } from 'react';\nimport { UploadWrapper } from './components/uploadWrapper/uploadWrapper';\n\nexport type UploadBoxProps = {\n  /**\n   * Color scheme of the box. This affects background color, border color, border style and font color.\n   * @default secondary\n   */\n  color?: 'primary' | 'secondary' | 'transparent' | 'white' | 'error';\n  /**\n   * Content of the box\n   * @requires\n   */\n  children: ReactNode;\n};\n\n/**\n * @deprecated - There is a new usage for Upload Component\n * @see Upload\n *\n * @param color\n * @param children\n * @constructor\n */\nexport const UploadBox: FC<UploadBoxProps> = ({ color = 'secondary', children }) => {\n  const theme = useTheme();\n\n  const borderColor = useMemo(() => {\n    switch (color) {\n      case 'primary':\n        return theme.palette.brandHover.primary;\n      case 'secondary':\n        return theme.palette.onSurface.os200;\n      case 'transparent':\n      case 'white':\n        return theme.palette.surface.secondary;\n      case 'error':\n        return theme.palette.error.main;\n    }\n  }, [color, theme]);\n\n  const backgroundColor = useMemo(() => {\n    switch (color) {\n      case 'primary':\n        return theme.palette.brand.quarternary;\n      case 'secondary':\n        return theme.palette.surface.primary;\n      case 'transparent':\n        return 'transparent';\n      case 'white':\n        return theme.palette.common.white;\n      case 'error':\n        return theme.palette.surface.primary;\n    }\n  }, [color, theme]);\n\n  const borderStyle = useMemo(() => {\n    if (color === 'white' || color === 'transparent') {\n      return 'solid';\n    }\n    return 'dashed';\n  }, [color]);\n\n  return (\n    <UploadWrapper\n      sx={{\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n        backgroundColor,\n        borderColor,\n        borderStyle,\n      }}\n    >\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["UploadBox","color","children","theme","useTheme","borderColor","useMemo","palette","brandHover","primary","onSurface","os200","surface","secondary","error","main","backgroundColor","brand","quarternary","common","white","borderStyle","_jsx","UploadWrapper","sx","alignItems","justifyContent","width","height"],"mappings":"6LAyBO,MAAMA,EAAgC,EAAGC,QAAQ,YAAaC,eACnE,MAAMC,EAAQC,IAERC,EAAcC,GAAQ,KAC1B,OAAQL,GACN,IAAK,UACH,OAAOE,EAAMI,QAAQC,WAAWC,QAClC,IAAK,YACH,OAAON,EAAMI,QAAQG,UAAUC,MACjC,IAAK,cACL,IAAK,QACH,OAAOR,EAAMI,QAAQK,QAAQC,UAC/B,IAAK,QACH,OAAOV,EAAMI,QAAQO,MAAMC,QAE9B,CAACd,EAAOE,IAELa,EAAkBV,GAAQ,KAC9B,OAAQL,GACN,IAAK,UACH,OAAOE,EAAMI,QAAQU,MAAMC,YAC7B,IAAK,YAML,IAAK,QACH,OAAOf,EAAMI,QAAQK,QAAQH,QAL/B,IAAK,cACH,MAAO,cACT,IAAK,QACH,OAAON,EAAMI,QAAQY,OAAOC,SAI/B,CAACnB,EAAOE,IAELkB,EAAcf,GAAQ,IACZ,UAAVL,GAA+B,gBAAVA,EAChB,QAEF,UACN,CAACA,IAEJ,OACEqB,EAACC,EAAa,CACZC,GAAI,CACFC,WAAY,SACZC,eAAgB,SAChBC,MAAO,OACPC,OAAQ,OACRZ,kBACAX,cACAgB,eACDnB,SAEAA,GACa"}

package/components/upload/UploadField.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{IconButton as e,Typography as r}from"@mui/material";import{Icon as a}from"../icon/icon.js";import"../icon/icon.definitions.js";import{Upload as n}from"./upload.js";const p=({uploadIcon:p="plus",maxFiles:t=1,uploadLabel:l="Upload",accept:m="*",onFileDrop:c})=>i(n,{sx:{alignItems:"center",width:"100%",height:"100%",gap:"8px"},maxFiles:t,inputProps:{accept:m},onFileChange:c,children:[o(e,{"aria-label":"Upload file",children:o(a,{name:p})}),"string"==typeof l?o(r,{children:l}):l]});export{p as UploadField};
+import{jsxs as o,jsx as i}from"react/jsx-runtime";import{IconButton as l,Typography as n}from"@mui/material";import{Icon as e}from"../icon/Icon.js";import"../icon/FlowIcon.js";import"../icon/icon.definitions.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/AISuggestionFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryDischargeFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryHighVoltageFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BicycleFilledIcon.js";import"../icon/filled/BoltDischargeFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BoltOffFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarAccidentFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSendFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DealershipServiceFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FuelSavingsFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PercentageFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TripCyclicFilledIcon.js";import"../icon/filled/TripLongTermFilledIcon.js";import"../icon/filled/TripSingleFilledIcon.js";import"../icon/filled/TrophyFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreRepairFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WallboxFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/AISuggestionIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryHighVoltageIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryDischargeIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BicycleIcon.js";import"../icon/stroke/BoltDischargeIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BoltOffIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarAccidentIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSendIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DealershipServiceIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FuelSavingsIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PercentageIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TripCyclicIcon.js";import"../icon/stroke/TripLongTermIcon.js";import"../icon/stroke/TripSingleIcon.js";import"../icon/stroke/TrophyIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreRepairIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WallboxIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import{Upload as r}from"./upload.js";const c=({uploadIcon:c="plus",maxFiles:t=1,uploadLabel:s="Upload",accept:p="*",onFileDrop:d})=>o(r,{sx:{alignItems:"center",width:"100%",height:"100%",gap:"8px"},maxFiles:t,inputProps:{accept:p},onFileChange:d,children:[i(l,{"aria-label":"Upload file",children:i(e,{name:c})}),"string"==typeof s?i(n,{children:s}):s]});export{c as UploadField};
 //# sourceMappingURL=UploadField.js.map