\n * \n *
\n * )}\n * Drag 'n' drop some files here, or click to select files
\n *\n * \n *
\n * )\n * }\n * ```\n *\n * @function useDropzone\n *\n * @param {object} props\n * @param {string|string[]} [props.accept] Set accepted file types.\n * See https://github.com/okonet/attr-accept for more information.\n * Keep in mind that mime type determination is not reliable across platforms. CSV files,\n * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under\n * Windows. In some cases there might not be a mime type set at all.\n * See: https://github.com/react-dropzone/react-dropzone/issues/276\n * @param {boolean} [props.multiple=true] Allow drag 'n' drop (or selection from the file dialog) of multiple files\n * @param {boolean} [props.preventDropOnDocument=true] If false, allow dropped items to take over the current browser window\n * @param {boolean} [props.noClick=false] If true, disables click to open the native file selection dialog\n * @param {boolean} [props.noKeyboard=false] If true, disables SPACE/ENTER to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n * @param {boolean} [props.noDrag=false] If true, disables drag 'n' drop\n * @param {boolean} [props.noDragEventsBubbling=false] If true, stops drag event propagation to parents\n * @param {number} [props.minSize=0] Minimum file size (in bytes)\n * @param {number} [props.maxSize=Infinity] Maximum file size (in bytes)\n * @param {boolean} [props.disabled=false] Enable/disable the dropzone\n * @param {getFilesFromEvent} [props.getFilesFromEvent] Use this to provide a custom file aggregator\n * @param {Function} [props.onFileDialogCancel] Cb for when closing the file dialog with no selection\n * @param {dragCb} [props.onDragEnter] Cb for when the `dragenter` event occurs.\n * @param {dragCb} [props.onDragLeave] Cb for when the `dragleave` event occurs\n * @param {dragCb} [props.onDragOver] Cb for when the `dragover` event occurs\n * @param {dropCb} [props.onDrop] Cb for when the `drop` event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n *\n * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.\n * `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.\n * If `multiple` is set to false and additional files are dropped,\n * all files besides the first will be rejected.\n * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.\n *\n * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.\n * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.\n *\n * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.\n * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:\n *\n * ```js\n * function onDrop(acceptedFiles) {\n * const req = request.post('/upload')\n * acceptedFiles.forEach(file => {\n * req.attach(file.name, file)\n * })\n * req.end(callback)\n * }\n * ```\n * @param {dropAcceptedCb} [props.onDropAccepted]\n * @param {dropRejectedCb} [props.onDropRejected]\n *\n * @returns {DropzoneState}\n */\n\nexport function useDropzone() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _defaultProps$options = _objectSpread(_objectSpread({}, defaultProps), options),\n accept = _defaultProps$options.accept,\n disabled = _defaultProps$options.disabled,\n getFilesFromEvent = _defaultProps$options.getFilesFromEvent,\n maxSize = _defaultProps$options.maxSize,\n minSize = _defaultProps$options.minSize,\n multiple = _defaultProps$options.multiple,\n maxFiles = _defaultProps$options.maxFiles,\n onDragEnter = _defaultProps$options.onDragEnter,\n onDragLeave = _defaultProps$options.onDragLeave,\n onDragOver = _defaultProps$options.onDragOver,\n onDrop = _defaultProps$options.onDrop,\n onDropAccepted = _defaultProps$options.onDropAccepted,\n onDropRejected = _defaultProps$options.onDropRejected,\n onFileDialogCancel = _defaultProps$options.onFileDialogCancel,\n preventDropOnDocument = _defaultProps$options.preventDropOnDocument,\n noClick = _defaultProps$options.noClick,\n noKeyboard = _defaultProps$options.noKeyboard,\n noDrag = _defaultProps$options.noDrag,\n noDragEventsBubbling = _defaultProps$options.noDragEventsBubbling,\n validator = _defaultProps$options.validator;\n\n var rootRef = useRef(null);\n var inputRef = useRef(null);\n\n var _useReducer = useReducer(reducer, initialState),\n _useReducer2 = _slicedToArray(_useReducer, 2),\n state = _useReducer2[0],\n dispatch = _useReducer2[1];\n\n var isFocused = state.isFocused,\n isFileDialogActive = state.isFileDialogActive,\n draggedFiles = state.draggedFiles; // Fn for opening the file dialog programmatically\n\n var openFileDialog = useCallback(function () {\n if (inputRef.current) {\n dispatch({\n type: 'openDialog'\n });\n inputRef.current.value = null;\n inputRef.current.click();\n }\n }, [dispatch]); // Update file dialog active state when the window is focused on\n\n var onWindowFocus = function onWindowFocus() {\n // Execute the timeout only if the file dialog is opened in the browser\n if (isFileDialogActive) {\n setTimeout(function () {\n if (inputRef.current) {\n var files = inputRef.current.files;\n\n if (!files.length) {\n dispatch({\n type: 'closeDialog'\n });\n\n if (typeof onFileDialogCancel === 'function') {\n onFileDialogCancel();\n }\n }\n }\n }, 300);\n }\n };\n\n useEffect(function () {\n window.addEventListener('focus', onWindowFocus, false);\n return function () {\n window.removeEventListener('focus', onWindowFocus, false);\n };\n }, [inputRef, isFileDialogActive, onFileDialogCancel]); // Cb to open the file dialog when SPACE/ENTER occurs on the dropzone\n\n var onKeyDownCb = useCallback(function (event) {\n // Ignore keyboard events bubbling up the DOM tree\n if (!rootRef.current || !rootRef.current.isEqualNode(event.target)) {\n return;\n }\n\n if (event.keyCode === 32 || event.keyCode === 13) {\n event.preventDefault();\n openFileDialog();\n }\n }, [rootRef, inputRef]); // Update focus state for the dropzone\n\n var onFocusCb = useCallback(function () {\n dispatch({\n type: 'focus'\n });\n }, []);\n var onBlurCb = useCallback(function () {\n dispatch({\n type: 'blur'\n });\n }, []); // Cb to open the file dialog when click occurs on the dropzone\n\n var onClickCb = useCallback(function () {\n if (noClick) {\n return;\n } // In IE11/Edge the file-browser dialog is blocking, therefore, use setTimeout()\n // to ensure React can handle state changes\n // See: https://github.com/react-dropzone/react-dropzone/issues/450\n\n\n if (isIeOrEdge()) {\n setTimeout(openFileDialog, 0);\n } else {\n openFileDialog();\n }\n }, [inputRef, noClick]);\n var dragTargetsRef = useRef([]);\n\n var onDocumentDrop = function onDocumentDrop(event) {\n if (rootRef.current && rootRef.current.contains(event.target)) {\n // If we intercepted an event for our instance, let it propagate down to the instance's onDrop handler\n return;\n }\n\n event.preventDefault();\n dragTargetsRef.current = [];\n };\n\n useEffect(function () {\n if (preventDropOnDocument) {\n document.addEventListener('dragover', onDocumentDragOver, false);\n document.addEventListener('drop', onDocumentDrop, false);\n }\n\n return function () {\n if (preventDropOnDocument) {\n document.removeEventListener('dragover', onDocumentDragOver);\n document.removeEventListener('drop', onDocumentDrop);\n }\n };\n }, [rootRef, preventDropOnDocument]);\n var onDragEnterCb = useCallback(function (event) {\n event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done\n\n event.persist();\n stopPropagation(event);\n dragTargetsRef.current = [].concat(_toConsumableArray(dragTargetsRef.current), [event.target]);\n\n if (isEvtWithFiles(event)) {\n Promise.resolve(getFilesFromEvent(event)).then(function (draggedFiles) {\n if (isPropagationStopped(event) && !noDragEventsBubbling) {\n return;\n }\n\n dispatch({\n draggedFiles: draggedFiles,\n isDragActive: true,\n type: 'setDraggedFiles'\n });\n\n if (onDragEnter) {\n onDragEnter(event);\n }\n });\n }\n }, [getFilesFromEvent, onDragEnter, noDragEventsBubbling]);\n var onDragOverCb = useCallback(function (event) {\n event.preventDefault();\n event.persist();\n stopPropagation(event);\n var hasFiles = isEvtWithFiles(event);\n\n if (hasFiles && event.dataTransfer) {\n try {\n event.dataTransfer.dropEffect = 'copy';\n } catch (_unused) {}\n /* eslint-disable-line no-empty */\n\n }\n\n if (hasFiles && onDragOver) {\n onDragOver(event);\n }\n\n return false;\n }, [onDragOver, noDragEventsBubbling]);\n var onDragLeaveCb = useCallback(function (event) {\n event.preventDefault();\n event.persist();\n stopPropagation(event); // Only deactivate once the dropzone and all children have been left\n\n var targets = dragTargetsRef.current.filter(function (target) {\n return rootRef.current && rootRef.current.contains(target);\n }); // Make sure to remove a target present multiple times only once\n // (Firefox may fire dragenter/dragleave multiple times on the same element)\n\n var targetIdx = targets.indexOf(event.target);\n\n if (targetIdx !== -1) {\n targets.splice(targetIdx, 1);\n }\n\n dragTargetsRef.current = targets;\n\n if (targets.length > 0) {\n return;\n }\n\n dispatch({\n isDragActive: false,\n type: 'setDraggedFiles',\n draggedFiles: []\n });\n\n if (isEvtWithFiles(event) && onDragLeave) {\n onDragLeave(event);\n }\n }, [rootRef, onDragLeave, noDragEventsBubbling]);\n var onDropCb = useCallback(function (event) {\n event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done\n\n event.persist();\n stopPropagation(event);\n dragTargetsRef.current = [];\n\n if (isEvtWithFiles(event)) {\n Promise.resolve(getFilesFromEvent(event)).then(function (files) {\n if (isPropagationStopped(event) && !noDragEventsBubbling) {\n return;\n }\n\n var acceptedFiles = [];\n var fileRejections = [];\n files.forEach(function (file) {\n var _fileAccepted = fileAccepted(file, accept),\n _fileAccepted2 = _slicedToArray(_fileAccepted, 2),\n accepted = _fileAccepted2[0],\n acceptError = _fileAccepted2[1];\n\n var _fileMatchSize = fileMatchSize(file, minSize, maxSize),\n _fileMatchSize2 = _slicedToArray(_fileMatchSize, 2),\n sizeMatch = _fileMatchSize2[0],\n sizeError = _fileMatchSize2[1];\n\n var customErrors = validator ? validator(file) : null;\n\n if (accepted && sizeMatch && !customErrors) {\n acceptedFiles.push(file);\n } else {\n var errors = [acceptError, sizeError];\n\n if (customErrors) {\n errors = errors.concat(customErrors);\n }\n\n fileRejections.push({\n file: file,\n errors: errors.filter(function (e) {\n return e;\n })\n });\n }\n });\n\n if (!multiple && acceptedFiles.length > 1 || multiple && maxFiles >= 1 && acceptedFiles.length > maxFiles) {\n // Reject everything and empty accepted files\n acceptedFiles.forEach(function (file) {\n fileRejections.push({\n file: file,\n errors: [TOO_MANY_FILES_REJECTION]\n });\n });\n acceptedFiles.splice(0);\n }\n\n dispatch({\n acceptedFiles: acceptedFiles,\n fileRejections: fileRejections,\n type: 'setFiles'\n });\n\n if (onDrop) {\n onDrop(acceptedFiles, fileRejections, event);\n }\n\n if (fileRejections.length > 0 && onDropRejected) {\n onDropRejected(fileRejections, event);\n }\n\n if (acceptedFiles.length > 0 && onDropAccepted) {\n onDropAccepted(acceptedFiles, event);\n }\n });\n }\n\n dispatch({\n type: 'reset'\n });\n }, [multiple, accept, minSize, maxSize, maxFiles, getFilesFromEvent, onDrop, onDropAccepted, onDropRejected, noDragEventsBubbling, validator]);\n\n var composeHandler = function composeHandler(fn) {\n return disabled ? null : fn;\n };\n\n var composeKeyboardHandler = function composeKeyboardHandler(fn) {\n return noKeyboard ? null : composeHandler(fn);\n };\n\n var composeDragHandler = function composeDragHandler(fn) {\n return noDrag ? null : composeHandler(fn);\n };\n\n var stopPropagation = function stopPropagation(event) {\n if (noDragEventsBubbling) {\n event.stopPropagation();\n }\n };\n\n var getRootProps = useMemo(function () {\n return function () {\n var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref2$refKey = _ref2.refKey,\n refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,\n onKeyDown = _ref2.onKeyDown,\n onFocus = _ref2.onFocus,\n onBlur = _ref2.onBlur,\n onClick = _ref2.onClick,\n onDragEnter = _ref2.onDragEnter,\n onDragOver = _ref2.onDragOver,\n onDragLeave = _ref2.onDragLeave,\n onDrop = _ref2.onDrop,\n rest = _objectWithoutProperties(_ref2, [\"refKey\", \"onKeyDown\", \"onFocus\", \"onBlur\", \"onClick\", \"onDragEnter\", \"onDragOver\", \"onDragLeave\", \"onDrop\"]);\n\n return _objectSpread(_objectSpread(_defineProperty({\n onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),\n onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),\n onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),\n onClick: composeHandler(composeEventHandlers(onClick, onClickCb)),\n onDragEnter: composeDragHandler(composeEventHandlers(onDragEnter, onDragEnterCb)),\n onDragOver: composeDragHandler(composeEventHandlers(onDragOver, onDragOverCb)),\n onDragLeave: composeDragHandler(composeEventHandlers(onDragLeave, onDragLeaveCb)),\n onDrop: composeDragHandler(composeEventHandlers(onDrop, onDropCb))\n }, refKey, rootRef), !disabled && !noKeyboard ? {\n tabIndex: 0\n } : {}), rest);\n };\n }, [rootRef, onKeyDownCb, onFocusCb, onBlurCb, onClickCb, onDragEnterCb, onDragOverCb, onDragLeaveCb, onDropCb, noKeyboard, noDrag, disabled]);\n var onInputElementClick = useCallback(function (event) {\n event.stopPropagation();\n }, []);\n var getInputProps = useMemo(function () {\n return function () {\n var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref3$refKey = _ref3.refKey,\n refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,\n onChange = _ref3.onChange,\n onClick = _ref3.onClick,\n rest = _objectWithoutProperties(_ref3, [\"refKey\", \"onChange\", \"onClick\"]);\n\n var inputProps = _defineProperty({\n accept: accept,\n multiple: multiple,\n type: 'file',\n style: {\n display: 'none'\n },\n onChange: composeHandler(composeEventHandlers(onChange, onDropCb)),\n onClick: composeHandler(composeEventHandlers(onClick, onInputElementClick)),\n autoComplete: 'off',\n tabIndex: -1\n }, refKey, inputRef);\n\n return _objectSpread(_objectSpread({}, inputProps), rest);\n };\n }, [inputRef, accept, multiple, onDropCb, disabled]);\n var fileCount = draggedFiles.length;\n var isDragAccept = fileCount > 0 && allFilesAccepted({\n files: draggedFiles,\n accept: accept,\n minSize: minSize,\n maxSize: maxSize,\n multiple: multiple,\n maxFiles: maxFiles\n });\n var isDragReject = fileCount > 0 && !isDragAccept;\n return _objectSpread(_objectSpread({}, state), {}, {\n isDragAccept: isDragAccept,\n isDragReject: isDragReject,\n isFocused: isFocused && !disabled,\n getRootProps: getRootProps,\n getInputProps: getInputProps,\n rootRef: rootRef,\n inputRef: inputRef,\n open: composeHandler(openFileDialog)\n });\n}\n\nfunction reducer(state, action) {\n /* istanbul ignore next */\n switch (action.type) {\n case 'focus':\n return _objectSpread(_objectSpread({}, state), {}, {\n isFocused: true\n });\n\n case 'blur':\n return _objectSpread(_objectSpread({}, state), {}, {\n isFocused: false\n });\n\n case 'openDialog':\n return _objectSpread(_objectSpread({}, state), {}, {\n isFileDialogActive: true\n });\n\n case 'closeDialog':\n return _objectSpread(_objectSpread({}, state), {}, {\n isFileDialogActive: false\n });\n\n case 'setDraggedFiles':\n /* eslint no-case-declarations: 0 */\n var isDragActive = action.isDragActive,\n draggedFiles = action.draggedFiles;\n return _objectSpread(_objectSpread({}, state), {}, {\n draggedFiles: draggedFiles,\n isDragActive: isDragActive\n });\n\n case 'setFiles':\n return _objectSpread(_objectSpread({}, state), {}, {\n acceptedFiles: action.acceptedFiles,\n fileRejections: action.fileRejections\n });\n\n case 'reset':\n return _objectSpread({}, initialState);\n\n default:\n return state;\n }\n}","var styles = {\"PictureUploader\":\"styles-module_PictureUploader__Nnadh\",\"error\":\"styles-module_error__u66Qo\",\"Footer\":\"styles-module_Footer__WQjml\",\"ImageWrapper\":\"styles-module_ImageWrapper__IquJc\",\"Image\":\"styles-module_Image__Vyt-9\",\"Dropzone\":\"styles-module_Dropzone__YieA3\",\"Link\":\"styles-module_Link__gZ4hy\",\"RemoveButton\":\"styles-module_RemoveButton__KVoBw\",\"Details\":\"styles-module_Details__iAiip\",\"DetailsBlock\":\"styles-module_DetailsBlock__Dv96O\",\"TextSubheading\":\"styles-module_TextSubheading__sEPEn\",\"UploadLink\":\"styles-module_UploadLink__2jVrH\",\"LoadingSpinner\":\"styles-module_LoadingSpinner__MqIyy\",\"ImageError\":\"styles-module_ImageError__-3n3c\",\"ErrorScrim\":\"styles-module_ErrorScrim__hvsx8\"};\n\nexport { styles as default };\n","import _extends from '@babel/runtime/helpers/extends';\nimport React from 'react';\nimport Dropzone from 'react-dropzone';\nimport classnames from 'classnames';\nimport { string, shape, bool, func, oneOf } from 'prop-types';\nimport { get } from 'lodash';\nimport { Loader, Button } from '@tesla/design-system-react';\nimport { v4 } from 'uuid';\nimport styles from './styles.module.css.js';\n\nvar propTypes = {\n /** Custom class name for container div */\n className: string,\n /** Text strings for all labels */\n content: shape({\n previewLabel: string,\n getPhoto: string,\n removePhoto: string,\n header: string,\n description: string\n }),\n /** Error message to display. Causes error state when present */\n error: string,\n /** Image URI to display */\n image: string,\n /** Toggles loading state */\n loading: bool,\n /** Callback triggered on add button interaction */\n onAddButtonClick: func,\n /** Callback triggered on dropzone interaction */\n onDrop: func,\n /** Callback triggered on remove button interaction */\n onRemoveButtonClick: func,\n /** Toggles remove button */\n showRemoveButton: bool,\n /** CSS background-size styling for image */\n imageSize: oneOf(['auto', 'cover', 'contain'])\n};\nvar defaultProps = {\n className: '',\n content: {},\n error: '',\n image: '',\n loading: false,\n onAddButtonClick: function onAddButtonClick() {},\n onDrop: function onDrop() {},\n onRemoveButtonClick: function onRemoveButtonClick() {},\n showRemoveButton: false,\n imageSize: 'auto'\n};\nvar PictureUploader = function PictureUploader(_ref) {\n var className = _ref.className,\n content = _ref.content,\n error = _ref.error,\n image = _ref.image,\n loading = _ref.loading,\n onAddButtonClick = _ref.onAddButtonClick,\n onDrop = _ref.onDrop,\n onRemoveButtonClick = _ref.onRemoveButtonClick,\n showRemoveButton = _ref.showRemoveButton,\n imageSize = _ref.imageSize;\n var dropzoneRef = /*#__PURE__*/React.createRef();\n var id = v4();\n var handleDrop = function handleDrop(files) {\n onDrop(files[0]);\n };\n var handleAddButtonClick = function handleAddButtonClick(event) {\n get(dropzoneRef, 'current.open', function () {})();\n onAddButtonClick(event);\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n className: classnames(className, styles.PictureUploader, 'tds-scrim--white', 'tds-text--start', 'tds-text_color--30', {\n error: error\n })\n }, /*#__PURE__*/React.createElement(Dropzone, {\n onDrop: handleDrop,\n multiple: false,\n className: styles.Dropzone,\n noClick: true,\n ref: dropzoneRef,\n disabled: loading\n }, function (_ref2) {\n var getRootProps = _ref2.getRootProps,\n getInputProps = _ref2.getInputProps;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", _extends({\n \"data-test\": \"picture-uploader-image-wrapper\",\n className: styles.ImageWrapper\n }, getRootProps()), /*#__PURE__*/React.createElement(\"input\", _extends({\n \"aria-hidden\": \"true\",\n title: \"picture-uploader-file-input-\".concat(id),\n \"data-test\": \"picture-uploader-file-input\"\n }, getInputProps())), /*#__PURE__*/React.createElement(\"div\", {\n className: styles.Image,\n style: {\n backgroundImage: \"url(\".concat(image, \")\"),\n backgroundSize: imageSize\n },\n \"aria-label\": error || content.previewLabel,\n role: \"img\"\n }, error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: styles.ImageError,\n role: \"alert\"\n }, error), /*#__PURE__*/React.createElement(\"div\", {\n className: styles.ErrorScrim\n }))), /*#__PURE__*/React.createElement(Loader, {\n show: loading,\n className: styles.LoadingSpinner\n }), showRemoveButton && /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n className: styles.RemoveButton,\n variant: \"link\",\n onClick: onRemoveButtonClick,\n \"aria-label\": content.removePhoto,\n disabled: loading,\n \"data-test\": \"picture-uploader-remove-button\"\n })), /*#__PURE__*/React.createElement(\"div\", _extends({\n \"data-test\": \"picture-uploader-details\",\n className: styles.Details\n }, getRootProps(), {\n tabIndex: -1\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: styles.DetailsBlock\n }, /*#__PURE__*/React.createElement(\"h2\", {\n className: classnames('tds-text--h6', styles.TextSubheading)\n }, content.header), /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: handleAddButtonClick,\n className: classnames('tds-link', 'tds-link--primary', styles.UploadLink),\n disabled: loading,\n \"data-test\": \"picture-uploader-upload-link\"\n }, content.getPhoto)), content.description && /*#__PURE__*/React.createElement(\"div\", {\n className: \"tds-text--caption\"\n }, content.description)));\n }));\n};\nPictureUploader.propTypes = propTypes;\nPictureUploader.defaultProps = defaultProps;\n\nexport { PictureUploader as default };\n","export const iconPlus = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M20 12a.75.75 0 0 1-.75.75h-6.5v6.5a.75.75 0 0 1-1.5 0v-6.5h-6.5a.75.75 0 0 1 0-1.5h6.5v-6.5a.75.75 0 0 1 1.5 0v6.5h6.5A.75.75 0 0 1 20 12\" }, \"children\": [] }], \"id\": \"icon-plus\", \"viewBox\": \"0 0 24 24\" };\n","var styles = {\"DropArea\":\"styles-module_DropArea__ctYFQ\",\"PlusIcon\":\"styles-module_PlusIcon__-rWvM\",\"Container\":\"styles-module_Container__COj80\",\"Disabled\":\"styles-module_Disabled__V-Nun\"};\n\nexport { styles as default };\n","import _defineProperty from '@babel/runtime/helpers/defineProperty';\nimport _extends from '@babel/runtime/helpers/extends';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Dropzone from 'react-dropzone';\nimport { Icon } from '@tesla/design-system-react';\nimport { iconPlus } from '@tesla/design-system-icons';\nimport classnames from 'classnames';\nimport styles from './styles.module.css.js';\n\nvar uploaderPropTypes = {\n /** Callback triggered on dropzone interaction */\n onDrop: PropTypes.func,\n /** Disable uploader */\n disabled: PropTypes.bool\n};\nvar uploaderDefaultProps = {\n onDrop: function onDrop() {},\n disabled: false\n};\nvar Uploader = function Uploader(_ref) {\n var onDrop = _ref.onDrop,\n disabled = _ref.disabled;\n var dropzoneRef = /*#__PURE__*/React.createRef();\n var handleDrop = function handleDrop(files) {\n onDrop(files);\n };\n return /*#__PURE__*/React.createElement(Dropzone, {\n onDrop: handleDrop,\n multiple: true,\n ref: dropzoneRef,\n disabled: disabled\n }, function (_ref2) {\n var getRootProps = _ref2.getRootProps,\n getInputProps = _ref2.getInputProps;\n return /*#__PURE__*/React.createElement(\"section\", null, /*#__PURE__*/React.createElement(\"div\", _extends({}, getRootProps(), {\n className: styles.Container\n }), /*#__PURE__*/React.createElement(\"input\", _extends({\n \"aria-hidden\": \"true\",\n title: \"multi-photo-uploader-file-input\"\n }, getInputProps())), /*#__PURE__*/React.createElement(\"div\", {\n className: classnames(styles.DropArea, _defineProperty({}, styles.Disabled, disabled))\n }, /*#__PURE__*/React.createElement(Icon, {\n data: iconPlus,\n \"aria-hidden\": \"true\",\n focusable: \"false\",\n className: styles.PlusIcon\n }))));\n });\n};\n\n// Binding proptypes\nUploader.propTypes = uploaderPropTypes;\nUploader.defaultProps = uploaderDefaultProps;\n\nexport { Uploader as default };\n","export const iconCloseSmall = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M12.243 11.182a.75.75 0 1 1-1.06 1.06L8 9.062l-3.182 3.182a.75.75 0 0 1-1.06 0 .75.75 0 0 1 0-1.06L6.938 8 3.757 4.818a.75.75 0 1 1 1.06-1.06L8 6.938l3.182-3.182a.75.75 0 1 1 1.06 1.06L9.062 8z\" }, \"children\": [] }], \"id\": \"icon-close-small\", \"viewBox\": \"0 0 16 16\" };\n","var styles = {\"PreviewList\":\"styles-module_PreviewList__-Aqbp\",\"Preview\":\"styles-module_Preview__urafm\",\"PreviewClose\":\"styles-module_PreviewClose__B5cT1\",\"Loader\":\"styles-module_Loader__EJMJj\"};\n\nexport { styles as default };\n","import React from 'react';\nimport { string, oneOfType, object, func, bool } from 'prop-types';\nimport { Loader, Icon } from '@tesla/design-system-react';\nimport { iconCloseSmall } from '@tesla/design-system-icons';\nimport styles from './styles.module.css.js';\n\nvar previewPropTypes = {\n /** Form name of component. Will be passed to onRemove callback */\n name: string,\n /** Image object to display */\n image: oneOfType([string, object]),\n /** Callback triggered on remove button interaction */\n onRemove: func,\n /** Accessibility label for remove button */\n removeButtonLabel: string,\n /** Accessibility label for component */\n previewLabel: string,\n /** Sets loading state */\n loading: bool\n};\nvar previewDefaultProps = {\n name: '',\n image: '',\n onRemove: function onRemove() {},\n removeButtonLabel: '',\n previewLabel: '',\n loading: false\n};\nvar Preview = function Preview(_ref) {\n var name = _ref.name,\n image = _ref.image,\n onRemove = _ref.onRemove,\n removeButtonLabel = _ref.removeButtonLabel,\n previewLabel = _ref.previewLabel,\n loading = _ref.loading;\n var handleRemove = function handleRemove() {\n onRemove(name);\n };\n return /*#__PURE__*/React.createElement(\"div\", {\n className: styles.Preview,\n style: {\n backgroundImage: \"url(\".concat(image.path, \")\")\n },\n \"aria-label\": previewLabel,\n role: \"img\"\n }, /*#__PURE__*/React.createElement(Loader, {\n show: loading,\n className: styles.Loader\n }), !loading && /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: styles.PreviewClose,\n onClick: handleRemove,\n \"aria-label\": removeButtonLabel,\n \"data-test\": \"multi-photo-preview-remove-button\"\n }, /*#__PURE__*/React.createElement(Icon, {\n data: iconCloseSmall\n })));\n};\n\n// Binding proptypes\nPreview.propTypes = previewPropTypes;\nPreview.defaultProps = previewDefaultProps;\n\nexport { Preview as default };\n","import cx from 'classnames';\nimport React from 'react';\nexport const SiteFooter = ({ align, children, className, ...rest }) => (React.createElement(\"footer\", { className: cx('tds-site-footer', { 'tds-site-footer--align_start': align === 'start' }, className), ...rest },\n React.createElement(\"nav\", { className: \"tds-footer-nav\" },\n React.createElement(\"ul\", { className: \"tds-list tds-list--horizontal\" }, React.Children.map(children, (child) => child ? React.createElement(\"li\", { className: \"tds-footer-item\" }, child) : null)))));\n","var impressum = \"النشر\";\nvar privacy = \"الخصوصية والبنود القانونية\";\nvar recallInfo = \"معلومات الاستدعاء\";\nvar signOut = \"تسجيل الخروج\";\nvar ar_ae = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { ar_ae as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impresum\";\nvar privacy = \"Ochrana osobních údajů a právní informace\";\nvar recallInfo = \"Informace o svolávacích akcích\";\nvar signOut = \"Odhlásit se\";\nvar cs_cz = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { cs_cz as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Fortrolighed & Jura\";\nvar recallInfo = \"Oplysninger vedr. tilbagekaldelse\";\nvar signOut = \"Log ud\";\nvar da_dk = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { da_dk as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Datenschutz u. Rechtsgrundlagen\";\nvar recallInfo = \"Rückruf-Info\";\nvar signOut = \"Abmelden\";\nvar de_de = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { de_de as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Στοιχεία έκδοσης\";\nvar privacy = \"Προστασία απορρήτου και Νομικές υποχρεώσεις\";\nvar recallInfo = \"Πληροφορίες ανάκλησης\";\nvar signOut = \"Αποσύνδεση\";\nvar el_gr = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { el_gr as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Privacy & Legal\";\nvar recallInfo = \"Recall Info\";\nvar signOut = \"Sign Out\";\nvar en_us = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { en_us as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Declaración de propiedad y autoría\";\nvar privacy = \"Privacidad y legal\";\nvar recallInfo = \"Recuperar información\";\nvar signOut = \"Cerrar sesión\";\nvar es_es = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { es_es as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Notificación legal\";\nvar privacy = \"Privacidad y legal\";\nvar recallInfo = \"Información de llamada a revisión\";\nvar signOut = \"Cerrar sesión\";\nvar es_mx = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { es_mx as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Declaración de propiedad y autoría\";\nvar privacy = \"Privacidad y legal\";\nvar recallInfo = \"Recuperar información\";\nvar signOut = \"Cerrar sesión\";\nvar es_pr = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { es_pr as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Vastuuvapaus\";\nvar privacy = \"Tietosuoja ja lakiasiat\";\nvar recallInfo = \"Takaisinkutsun tiedot\";\nvar signOut = \"Kirjaudu ulos\";\nvar fi_fi = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { fi_fi as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Mentions légales\";\nvar privacy = \"Confidentialité et mentions légales\";\nvar recallInfo = \"Informations de rappel\";\nvar signOut = \"Déconnexion\";\nvar fr_ca = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { fr_ca as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Mentions légales\";\nvar privacy = \"Mentions légales\";\nvar recallInfo = \"Informations sur le rappel\";\nvar signOut = \"Déconnexion\";\nvar fr_fr = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { fr_fr as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"הוכחת בעלות\";\nvar privacy = \"פרטיות ותנאים משפטיים\";\nvar recallInfo = \"מידע על הקריאה חוזרת\";\nvar signOut = \"התנתק\";\nvar he_il = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { he_il as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Privatnost i pravna pitanja\";\nvar recallInfo = \"Informacije o povratu\";\nvar signOut = \"Odjava\";\nvar hr_hr = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { hr_hr as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impresszum\";\nvar privacy = \"Adatvédelem és jogi információk\";\nvar recallInfo = \"Visszahívási információk\";\nvar signOut = \"Kijelentkezés\";\nvar hu_hu = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { hu_hu as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Upplýsingar\";\nvar privacy = \"Persónuvernd og lagaleg málefni\";\nvar recallInfo = \"Innköllunarupplýsingar\";\nvar signOut = \"Skrá út\";\nvar is_is = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { is_is as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Privacy e note legali\";\nvar recallInfo = \"Informazioni sul richiamo\";\nvar signOut = \"Disconnetti\";\nvar it_it = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { it_it as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"インプレスム (所有者情報)\";\nvar privacy = \"プライバシー&利用規約\";\nvar recallInfo = \"リコール情報\";\nvar signOut = \"サインアウト\";\nvar ja_jp = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { ja_jp as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"기업정보\";\nvar privacy = \"개인정보처리방침\";\nvar recallInfo = \"리콜 정보\";\nvar signOut = \"로그아웃\";\nvar ko_kr = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { ko_kr as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Įspūdis\";\nvar privacy = \"Privatumo ir teisinė informacija\";\nvar recallInfo = \"Atšaukimai\";\nvar signOut = \"Atsijungti\";\nvar lt_lt = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { lt_lt as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Privacy & Wettelijk\";\nvar recallInfo = \"Informatie over terugroepacties\";\nvar signOut = \"Afmelden\";\nvar nl_nl = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { nl_nl as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Personvern og juridisk\";\nvar recallInfo = \"Tilbakekallingsinformasjon\";\nvar signOut = \"Logg av\";\nvar no_no = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { no_no as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Prywatność i przepisy prawne\";\nvar recallInfo = \"Informacje o wycofaniach\";\nvar signOut = \"Wyloguj się\";\nvar pl_pl = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { pl_pl as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressos\";\nvar privacy = \"Política de privacidade e informações legais\";\nvar recallInfo = \"Informações de recolha\";\nvar signOut = \"Terminar sessão\";\nvar pt_pt = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { pt_pt as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Confidențialitate și juridic\";\nvar recallInfo = \"Informații despre rechemare\";\nvar signOut = \"Deconectare\";\nvar ro_ro = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { ro_ro as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Vizitka\";\nvar privacy = \"Zasebnost in pravna obvestila\";\nvar recallInfo = \"Informacije o odpoklicu\";\nvar signOut = \"Odjava\";\nvar sl_si = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { sl_si as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Impressum\";\nvar privacy = \"Integritet & juridisk information\";\nvar recallInfo = \"Information om återkallelse\";\nvar signOut = \"Logga ut\";\nvar sv_se = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { sv_se as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"ข้อมูลลิขสิทธิ์\";\nvar privacy = \"ความเป็นส่วนตัวและกฎหมาย\";\nvar recallInfo = \"ข้อมูลการเรียกคืน\";\nvar signOut = \"ลงชื่อออก\";\nvar th_th = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { th_th as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"Künye\";\nvar privacy = \"Gizlilik ve Mevzuat\";\nvar recallInfo = \"Geri Arama Bilgisi\";\nvar signOut = \"Oturumu Kapat\";\nvar tr_tr = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { tr_tr as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"版权声明\";\nvar privacy = \"隐私和法律\";\nvar recallInfo = \"召回信息\";\nvar signOut = \"退出登录\";\nvar zh_cn = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { zh_cn as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"版權聲明\";\nvar privacy = \"私隱及法律條款\";\nvar recallInfo = \"召回資訊\";\nvar signOut = \"登出\";\nvar zh_hk = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { zh_hk as default, impressum, privacy, recallInfo, signOut };\n","var impressum = \"版權聲明\";\nvar privacy = \"隱私權與法律\";\nvar recallInfo = \"召回資訊\";\nvar signOut = \"登出\";\nvar zh_tw = {\n\timpressum: impressum,\n\tprivacy: privacy,\n\trecallInfo: recallInfo,\n\tsignOut: signOut\n};\n\nexport { zh_tw as default, impressum, privacy, recallInfo, signOut };\n","import ar_ae from './ar-AE.json.js';\nimport cs_cz from './cs-CZ.json.js';\nimport da_dk from './da-DK.json.js';\nimport de_de from './de-DE.json.js';\nimport el_gr from './el-GR.json.js';\nimport en_us from './en-US.json.js';\nimport es_es from './es-ES.json.js';\nimport es_mx from './es-MX.json.js';\nimport es_pr from './es-PR.json.js';\nimport fi_fi from './fi-FI.json.js';\nimport fr_ca from './fr-CA.json.js';\nimport fr_fr from './fr-FR.json.js';\nimport he_il from './he-IL.json.js';\nimport hr_hr from './hr-HR.json.js';\nimport hu_hu from './hu-HU.json.js';\nimport is_is from './is-IS.json.js';\nimport it_it from './it-IT.json.js';\nimport ja_jp from './ja-JP.json.js';\nimport ko_kr from './ko-KR.json.js';\nimport lt_lt from './lt-LT.json.js';\nimport nl_nl from './nl-NL.json.js';\nimport no_no from './no-NO.json.js';\nimport pl_pl from './pl-PL.json.js';\nimport pt_pt from './pt-PT.json.js';\nimport ro_ro from './ro-RO.json.js';\nimport sl_si from './sl-SI.json.js';\nimport sv_se from './sv-SE.json.js';\nimport th_th from './th-TH.json.js';\nimport tr_tr from './tr-TR.json.js';\nimport zh_cn from './zh-CN.json.js';\nimport zh_hk from './zh-HK.json.js';\nimport zh_tw from './zh-TW.json.js';\n\n/* eslint-disable camelcase */\n\n/**\n * Gets the translation for a model for a locale\n * @param {string} locale - en_US, fr_CA\n * @return {object} localized translation object\n */\nvar translationMappings = function translationMappings(locale) {\n var translations = {\n ar_ae: ar_ae,\n cs_cz: cs_cz,\n da_dk: da_dk,\n de_de: de_de,\n el_gr: el_gr,\n en_us: en_us,\n es_es: es_es,\n es_mx: es_mx,\n es_pr: es_pr,\n fi_fi: fi_fi,\n fr_ca: fr_ca,\n fr_fr: fr_fr,\n he_il: he_il,\n hr_hr: hr_hr,\n hu_hu: hu_hu,\n is_is: is_is,\n it_it: it_it,\n ja_jp: ja_jp,\n ko_kr: ko_kr,\n lt_lt: lt_lt,\n nl_nl: nl_nl,\n no_no: no_no,\n pl_pl: pl_pl,\n pt_pt: pt_pt,\n ro_ro: ro_ro,\n sl_si: sl_si,\n sv_se: sv_se,\n th_th: th_th,\n tr_tr: tr_tr,\n zh_cn: zh_cn,\n zh_hk: zh_hk,\n zh_tw: zh_tw,\n // Add secondary languages that use translations from other locales\n /* EMEA */\n ar_qa: ar_ae,\n de_at: de_de,\n de_ch: de_de,\n de_lu: de_de,\n es_cl: es_mx,\n fr_be: fr_fr,\n fr_ch: fr_fr,\n fr_lu: fr_fr,\n it_ch: it_it,\n nl_be: nl_nl,\n /* ASIA/PACIFIC */\n zh_mo: zh_hk\n };\n if (translations[locale === null || locale === void 0 ? void 0 : locale.toLowerCase()]) {\n return translations[locale === null || locale === void 0 ? void 0 : locale.toLowerCase()];\n }\n return en_us;\n};\n\nexport { translationMappings as default };\n","import React from 'react';\nimport { shape } from 'prop-types';\nimport { TtpContext } from '../../utils/ttp/index.js';\n\nvar propTypes = {\n /** Object that should contain TTP messages for current locale */\n value: shape({})\n};\n/* istanbul ignore next */\nvar defaultProps = {\n value: {}\n};\n\n/**\n * Provides React context for TTP messages to children via Context API.\n * @extends {ComponentDrag and drop some files here, or click to select files
\n *${parentAppTitle}
\n `;\n const subAppsTemplate = `\n ${subApps.map((subApp) => {\n const searchResultTemplate = `\n \n ${subApp.title}\n ${this.#rightArrowIconTemplate}\n \n `;\n return searchResultTemplate;\n }).join(\"\")}\n ${// If it's the last result add a divider at the end\n index !== appSearchResults.length - 1 ? '' : \"\"}\n `;\n this.#searchResults?.insertAdjacentHTML(\n \"beforeend\",\n DOMPurify.sanitize(parentTitleTemplate)\n );\n this.#searchResults?.insertAdjacentHTML(\n \"beforeend\",\n DOMPurify.sanitize(subAppsTemplate, {\n ADD_TAGS: [\"use\"]\n })\n );\n } else {\n const template = `\n \n ${parentAppTitle}\n ${this.#rightArrowIconTemplate}\n \n ${// If the next result contains subapps then add a divider\n appSearchResults?.[index + 1]?.subApps?.length ? '' : \"\"}\n `;\n this.#searchResults?.insertAdjacentHTML(\n \"beforeend\",\n DOMPurify.sanitize(template, {\n ADD_TAGS: [\"use\"]\n })\n );\n }\n });\n };\n this.#handleAppOnClick = (e) => {\n const appRef = e?.target;\n const appIndex = Number(appRef?.dataset?.appIndex);\n const app = this.apps[appIndex];\n if (app?.subApps && app?.subApps?.length > 0 && this.#appsContainer) {\n this.#initSubApps(app);\n } else {\n if (app?.openNewTab) {\n window.open(app.href, \"_blank\");\n } else {\n window.location.href = app.href;\n }\n }\n };\n this.#renderAppSelection = (apps) => {\n if (this.#appsContainer) {\n const appItems = this.#appsContainer.querySelectorAll(\".tds-app-switcher-apps-item\");\n appItems.forEach((appItem) => {\n appItem.removeEventListener(\"click\", this.#handleAppOnClick);\n });\n this.#appsContainer.innerHTML = \"\";\n } else {\n return;\n }\n apps.forEach((app, index) => {\n const tag = app?.subApps?.length ? \"button\" : app?.href ? \"a\" : \"div\";\n const template = `\n <${tag} class=\"tds-app-switcher-apps-item\" id=\"${app?.title}\" title=\"${app?.title}\" data-app-index=\"${index}\" tabindex=\"0\">\n \n ${app?.img ? `![\"\"](\"${app?.img}\")
` : \"\"}\n
\n\n ${app?.title}
\n \n `;\n this.#appsContainer?.insertAdjacentHTML(\"beforeend\", DOMPurify.sanitize(template));\n const appRef = this.#appsContainer?.querySelector(`[data-app-index=\"${index}\"]`);\n appRef?.addEventListener(\"click\", this.#handleAppOnClick);\n });\n };\n this.#renderSubAppsParentTitle = (app) => {\n const { title: parentTitle } = app;\n if (this.#subAppsHeaderParentTitle)\n this.#subAppsHeaderParentTitle.textContent = parentTitle;\n };\n this.#renderSubApps = (subApps) => {\n if (this.#subAppsContainer)\n this.#subAppsContainer.innerHTML = \"\";\n subApps.forEach((app) => {\n const subAppsContainerItemTemplate = `\n \n ${app.title}\n ${this.#rightArrowIconTemplate}\n \n `;\n this.#subAppsContainer?.insertAdjacentHTML(\n \"beforeend\",\n DOMPurify.sanitize(subAppsContainerItemTemplate, {\n ADD_TAGS: [\"use\"]\n })\n );\n });\n };\n this.#initAppSwitcher = () => {\n this.#initBoxShadowScrollListeners();\n this.#initMenu();\n this.#initToggle();\n if (this.apps) {\n this.#initApps(this.apps);\n this.#initSearch(this.apps);\n }\n };\n // Init menu functionality, including the flipping of the chevron icon\n this.#initMenu = () => {\n if (this.#menuTitleText && this.appTitle) {\n let menuTitle;\n if (this.subAppTitle) {\n menuTitle = `${this.appTitle} ${this.subAppTitle}`;\n } else {\n menuTitle = this.appTitle;\n }\n this.#menuTitleText.innerHTML = DOMPurify.sanitize(menuTitle);\n this.#menuTitleText.setAttribute(\"title\", menuTitle);\n }\n const onAppSwitcherOpen = () => {\n this.#chevronIcon?.classList.add(\"tds-icon--flip-x\");\n };\n const onAppSwitcherClose = () => {\n this.#chevronIcon?.classList.remove(\"tds-icon--flip-x\");\n };\n const menuProps = {\n onClose: onAppSwitcherClose,\n onOpen: onAppSwitcherOpen\n };\n if (this.#menu)\n initMenu(this.#menu, menuProps);\n };\n // Init grid/list toggle functionality\n this.#initToggle = () => {\n const onTabChange = (tab) => {\n if (tab?.id === \"grid\") {\n this.#appsContainer?.classList.remove(\"tds-app-switcher-apps--list\");\n }\n if (tab?.id === \"list\") {\n this.#appsContainer?.classList.add(\"tds-app-switcher-apps--list\");\n }\n };\n const tabListProps = {\n onTabChange\n };\n if (this.#tabList)\n initTabList(this.#tabList, tabListProps);\n };\n // Init app switcher search functionality\n this.#initSearch = (apps) => {\n if (!this.#searchInputContainer)\n return;\n const onSearchValueChange = (searchValue) => {\n if (searchValue && searchValue.trim().length > 0) {\n this.#setLayout(\"search\");\n let appSearchResults = [];\n if (this.onSearch) {\n appSearchResults = this.onSearch(searchValue);\n } else {\n appSearchResults = this.#appSearch(apps, searchValue);\n }\n this.#renderAppSearchResults(appSearchResults);\n } else {\n this.#setLayout(\"apps\");\n }\n };\n const searchInputProps2 = {\n onValueChange: onSearchValueChange\n };\n const handleKeyDown = (e) => {\n switch (e.key) {\n case \"Escape\":\n if (this.#searchInput?.value) {\n e.stopPropagation();\n }\n break;\n }\n };\n if (this.#searchInput) {\n this.#searchInput?.addEventListener(\"keydown\", handleKeyDown);\n if (this.searchPlaceholder) {\n this.#searchInput.setAttribute(\"placeholder\", this.searchPlaceholder);\n }\n }\n initSearchInput(this.#searchInputContainer, searchInputProps2);\n };\n // Init the subapps to the subapps container\n this.#initSubApps = (app) => {\n this.#setLayout(\"subapps\");\n const { subApps } = app;\n const goBackToApps = () => {\n this.#setLayout(\"apps\");\n this.#subAppsHeaderBackBtn?.removeEventListener(\"click\", goBackToApps);\n };\n this.#subAppsHeaderBackBtn?.addEventListener(\"click\", goBackToApps);\n this.#renderSubAppsParentTitle(app);\n if (subApps)\n this.#renderSubApps(subApps);\n };\n // Init the apps to the container\n this.#initApps = (apps) => {\n if (apps?.length === 0) {\n this.#setLayout(\"noapps\");\n } else {\n this.#setLayout(\"apps\");\n this.#renderAppSelection(apps);\n }\n };\n // Clear out all rendered HTML that relates to apps\n this.#clearApps = () => {\n if (this.#appsContainer)\n this.#appsContainer.innerHTML = \"\";\n if (this.#subAppsContainer)\n this.#subAppsContainer.innerHTML = \"\";\n if (this.#searchResults)\n this.#searchResults.innerHTML = \"\";\n };\n if (appSwitcher) {\n this.#setElements(appSwitcher);\n this.#setProps(props);\n this.#initAppSwitcher();\n } else {\n console.warn(\"TDS AppSwitcher is missing a reference for `appSwitcher`.\");\n }\n }\n #apps;\n set apps(apps) {\n this.#clearApps();\n this.#renderAppSelection(apps);\n this.#apps = apps;\n }\n get apps() {\n return this.#apps;\n }\n #menu;\n #menuTitleText;\n #chevronIcon;\n #layout;\n #toolbar;\n #layoutToggle;\n #tabList;\n #appsContainer;\n #noAppsContainer;\n #subAppsHeader;\n #subAppsHeaderBackBtn;\n #subAppsContainer;\n #subAppsHeaderParentTitle;\n #searchInputContainer;\n #searchInput;\n #searchResults;\n #rightArrowIconTemplate;\n // Set all custom props provided by the user to the class members for easy access\n #setProps(props) {\n this.#apps = props?.apps ?? [];\n this.appTitle = props?.appTitle;\n this.subAppTitle = props?.subAppTitle;\n this.searchPlaceholder = props?.searchPlaceholder;\n this.onSearch = props?.onSearch;\n }\n // Set all of the element references needed\n #setElements(appSwitcher) {\n this.#menu = appSwitcher.querySelector(\".tds-menu\");\n this.#menuTitleText = appSwitcher.querySelector(\".tds-app-title-text\");\n this.#chevronIcon = appSwitcher.querySelector(\".tds-menu-btn .tds-icon\");\n this.#layout = appSwitcher.querySelector(\".tds-app-switcher-layout\");\n this.#appsContainer = appSwitcher.querySelector(\".tds-app-switcher-apps\");\n this.#noAppsContainer = appSwitcher.querySelector(\".tds-app-switcher-noapps\");\n this.#subAppsContainer = appSwitcher.querySelector(\".tds-app-switcher-subapps\");\n this.#subAppsHeaderBackBtn = appSwitcher.querySelector(\".tds-app-switcher-subapps-back\");\n this.#subAppsHeaderParentTitle = appSwitcher.querySelector(\".tds-app-switcher-subapps-title\");\n this.#toolbar = appSwitcher.querySelector(\".tds-app-switcher-toolbar\");\n this.#layoutToggle = appSwitcher.querySelector(\".tds-app-switcher-toggle\");\n this.#tabList = appSwitcher.querySelector(\".tds-tab-list\");\n this.#subAppsHeader = appSwitcher.querySelector(\".tds-app-switcher-subapps-header\");\n this.#searchInputContainer = appSwitcher.querySelector(\".tds-form-input\");\n this.#searchInput = appSwitcher.querySelector(\".tds-form-input input\");\n this.#searchResults = appSwitcher.querySelector(\".tds-app-switcher-search-results\");\n }\n #setLayout;\n #appSearch;\n #renderAppSearchResults;\n #handleAppOnClick;\n #renderAppSelection;\n #renderSubAppsParentTitle;\n #renderSubApps;\n #initAppSwitcher;\n /*\n Initialize listeners to apply box shadow to the scrollAffectedElement based on the scroll position of the scrollableArea. \n A box shadow is added to the scrollAffectedElement when the scrollableArea's scroll position is greater than 0.\n */\n #initBoxShadowScrollListener(scrollableArea, scrollAffectedElement) {\n const handleScroll = (e) => {\n const scrollPosition = e.target.scrollTop;\n if (scrollPosition > 0) {\n scrollAffectedElement?.classList.add(\"tds-app-switcher-scroll-shadow\");\n } else {\n scrollAffectedElement?.classList.remove(\"tds-app-switcher-scroll-shadow\");\n }\n };\n scrollableArea?.addEventListener(\"scroll\", handleScroll);\n }\n #initBoxShadowScrollListeners() {\n this.#initBoxShadowScrollListener(this.#appsContainer, this.#toolbar);\n this.#initBoxShadowScrollListener(this.#subAppsContainer, this.#subAppsContainer);\n this.#initBoxShadowScrollListener(this.#searchResults, this.#toolbar);\n }\n #initMenu;\n #initToggle;\n #initSearch;\n #initSubApps;\n #initApps;\n #clearApps;\n}\nconst createAppSwitcher = (appSwitcher, appSwitcherProps) => {\n return new AppSwitcher(appSwitcher, appSwitcherProps);\n};\nexport {\n createAppSwitcher\n};\n","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nfunction _classPrivateMethodInitSpec(e, a) {\n checkPrivateRedeclaration(e, a), a.add(e);\n}\nexport { _classPrivateMethodInitSpec as default };","export const iconGrid = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M10 4H5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-.5 5.5h-4v-4h4zM19 4h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-.5 5.5h-4v-4h4zM10 13H5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1m-.5 5.5h-4v-4h4zM19 13h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1m-.5 5.5h-4v-4h4z\" }, \"children\": [] }], \"id\": \"icon-grid\", \"viewBox\": \"0 0 24 24\" };\n","export const iconRows = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm1.5 4.5h13v-4h-13zM5 13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm.5 1.5h13v4h-13z\" }, \"children\": [] }], \"id\": \"icon-rows\", \"viewBox\": \"0 0 24 24\" };\n","export const iconArrowSmall270 = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M7.53 3.22a.747.747 0 0 1 0 1.06L4.56 7.253l8.69-.003a.75.75 0 0 1 0 1.5l-8.69.003 2.963 2.967a.75.75 0 1 1-1.06 1.06L2.22 8.533a.75.75 0 0 1 0-1.06L6.47 3.22a.75.75 0 0 1 1.06 0\" }, \"children\": [] }], \"id\": \"icon-arrow-small-270\", \"viewBox\": \"0 0 16 16\" };\n","import { getLangDir } from '@tesla/design-system';\nimport cx from 'classnames';\nimport React from 'react';\nimport { useId } from '../hooks/use-id.js';\nexport const Tab = ({ children, className, id, text, onChange, selected = false, targetPanelId, ...rest }) => {\n const uId = useId();\n const htmlId = id || uId;\n const handleKeyPress = (e) => {\n const dir = getLangDir(e.target);\n if ((dir === 'rtl' && e.key === 'ArrowLeft') ||\n (dir === 'ltr' && e.key === 'ArrowRight') ||\n e.key === 'ArrowDown') {\n selectTargetSibling(e.target, 'nextSibling');\n }\n if ((dir === 'rtl' && e.key === 'ArrowRight') ||\n (dir === 'ltr' && e.key === 'ArrowLeft') ||\n e.key === 'ArrowUp') {\n selectTargetSibling(e.target, 'previousSibling');\n }\n };\n const selectTargetSibling = (target, siblingKey) => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore siblingKey is tricky to type\n const targetTab = target[siblingKey];\n if (targetTab) {\n targetTab.focus();\n }\n };\n return (React.createElement(\"button\", { \"aria-controls\": targetPanelId, \"aria-selected\": selected, className: cx('tds-tab', className), id: htmlId, \n // Note: In some browsers onFocus fires on both focus and click events.\n // To avoid duplicate calls to onChange we simply pass along the click event to focus\n // to standardize on the more keyboard-friendly pattern:\n // https://zellwk.com/blog/inconsistent-button-behavior/\n onClick: (e) => {\n e.target.focus();\n }, onFocus: onChange, onKeyDown: handleKeyPress, role: \"tab\", tabIndex: selected ? 0 : -1, type: \"button\", ...rest }, text || children));\n};\n","import { hideBackdrop, moveBackdrop } from '@tesla/design-system';\nimport cx from 'classnames';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { Tab } from './tab.js';\n/** If the variant is underline, wrap the children in a div with the underline inner class */\nconst UnderlineVariantWrapper = ({ children, variant }) => {\n return variant === 'underline' ? (React.createElement(\"div\", { className: \"tds-tab-list--underline--inner\" }, children)) : (React.createElement(React.Fragment, null, children));\n};\nexport const TabList = ({ align, animated, ariaLabel = 'Tab List', children, className, fullWidth, onTabChange, selected, tabs, variant, ...rest }) => {\n const firstRender = useRef(false);\n const ref = useRef(null);\n /**\n * selectTab\n * 1. get the currently selected tab\n * 2. move the backdrop to match that tab's dimensions/position\n */\n const selectTab = useCallback(() => {\n if (!ref.current)\n return;\n const selectedTab = ref.current.querySelector('.tds-tab[aria-selected=\"true\"]');\n // If the selected tab is no longer in the list hide it\n if (tabs && !(tabs === null || tabs === void 0 ? void 0 : tabs.some((tab) => tab.id === (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.id)))) {\n hideBackdrop(ref.current);\n return;\n }\n if (ref.current) {\n moveBackdrop(ref.current, selectedTab, firstRender.current);\n }\n // On the first render, don't allow transitions\n // otherwise the backdrop would animate into it's initial place\n if (!firstRender.current)\n firstRender.current = true;\n }, [tabs, ref]);\n /** Update the tabs position on resize */\n useEffect(() => {\n window.addEventListener('resize', selectTab);\n /** Select the tab again in case the width of the tab has changed after page load.\n * For example, if the font size changes due to font-display: swap;\n */\n window.addEventListener('load', selectTab);\n return () => {\n window.removeEventListener('resize', selectTab);\n window.removeEventListener('load', selectTab);\n };\n }, [selectTab, tabs, children]);\n // Update the tab's position on selection change\n useEffect(() => {\n selectTab();\n }, [children, tabs, selected, selectTab]);\n // Don't render the shell if there's nothing within\n if ((!children && !tabs) || (!children && (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 0)) {\n return null;\n }\n return (React.createElement(\"div\", { \"aria-label\": ariaLabel, \"aria-orientation\": variant === 'vertical' || variant === 'legacy-vertical' ? 'vertical' : 'horizontal', className: cx('tds-tab-list', {\n 'tds-tab-list--animated': animated,\n 'tds-tab-list--full-width': fullWidth,\n [`tds-tab-list--align-${align}`]: align,\n [`tds-tab-list--${variant}`]: variant,\n }, className), ref: ref, role: \"tablist\", ...rest },\n React.createElement(UnderlineVariantWrapper, { variant: variant },\n animated && React.createElement(\"div\", { className: \"tds--animated-backdrop\" }),\n tabs\n ? tabs.map(({ id, text, ...tabProps }) => (React.createElement(Tab, { id: id, key: id, onChange: onTabChange, selected: selected === id, ...tabProps }, text)))\n : children)));\n};\n","import { createAppSwitcher } from '@tesla/design-system';\nimport { iconArrowSmall270, iconChevronSmall180, iconGrid, iconRows, } from '@tesla/design-system-icons';\nimport React, { useEffect, useRef } from 'react';\nimport { FormInputSearch, Icon, IconButton, Tab, TabList } from '../index.js';\nexport const AppSwitcher = (props) => {\n var _a;\n const appSwitcher = useRef(null);\n useEffect(() => {\n if (appSwitcher === null || appSwitcher === void 0 ? void 0 : appSwitcher.current)\n /*\n Create the AppSwitcher by passing in a container reference and the props.\n This will handle all of the logic for manipulating the DOM.\n \n From the React side, we just have to pass in the reference to the AppSwitcher container, and the props needed to createAppSwitcher().\n We also need to make sure the necessary elements in the template are available.\n \n This is different than the traditional way of making React components, but makes it so that the\n functionality can be shared and used across multiple frameworks.\n */\n createAppSwitcher(appSwitcher.current, props);\n }, [appSwitcher, props]);\n // Template needed for createAppSwitcher()\n // Future goal is to remove the template entirely and use a web component\n return (React.createElement(\"div\", { ref: appSwitcher, className: \"tds-app-switcher tds-density--dense\" },\n React.createElement(\"div\", { className: \"tds-menu\" },\n React.createElement(\"div\", { className: \"tds-tooltip-wrapper\" },\n React.createElement(\"button\", { className: \"tds-menu-btn\", \"data-tds-tooltip-trigger\": \"true\" },\n React.createElement(\"div\", { className: \"tds-app-title\" },\n React.createElement(\"span\", { className: \"tds-app-title-text\" }),\n React.createElement(Icon, { data: iconChevronSmall180 }))),\n React.createElement(\"div\", { className: \"tds-tooltip tds-tooltip--orientation-down\", role: \"tooltip\" },\n React.createElement(\"div\", { className: \"tds-app-switcher-layout tds--is_hidden\" },\n React.createElement(\"div\", { className: \"tds-app-switcher-toolbar\" },\n React.createElement(\"div\", { className: \"tds-app-switcher-search\" },\n React.createElement(FormInputSearch, { placeholder: \"Search\" })),\n React.createElement(\"div\", { className: \"tds-app-switcher-toggle\" },\n React.createElement(TabList, { className: \"tds-tab-list--icons\", variant: \"toggle\" },\n React.createElement(Tab, { id: \"grid\" },\n React.createElement(Icon, { data: iconGrid })),\n React.createElement(Tab, { id: \"list\" },\n React.createElement(Icon, { data: iconRows }))))),\n React.createElement(\"div\", { className: \"tds-app-switcher-subapps-header\" },\n React.createElement(IconButton, { className: \"tds-app-switcher-subapps-back\" },\n React.createElement(Icon, { data: iconArrowSmall270 })),\n React.createElement(\"strong\", { className: \"tds-app-switcher-subapps-title\" })),\n React.createElement(\"div\", { className: \"tds-app-switcher-apps\" }),\n React.createElement(\"div\", { className: \"tds-app-switcher-subapps\" }),\n React.createElement(\"div\", { className: \"tds-app-switcher-search-results\" }),\n React.createElement(\"div\", { className: \"tds-app-switcher-noapps\" }, (_a = props.errorMessage) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,\n React.createElement(\"h6\", null, \"No Applications Available\"),\n React.createElement(\"p\", { className: \"tds-text--caption\" },\n \"This may be due to a system error.\",\n React.createElement(\"br\", null),\n \"Reload to try again.\"))))))))));\n};\n","import React from 'react';\nimport { Modal } from '../modal/modal.js';\nexport const Sheet = ({ align = 'right', modal = true, ...rest }) => (React.createElement(Modal, { backdrop: modal, variant: align ? `sheet-${align}` : undefined, ...rest }));\n","import React from 'react';\nimport { ModalContent } from '../modal/content.js';\nexport const SheetContent = (props) => React.createElement(ModalContent, { ...props });\n","import { animateBackdrop } from '@tesla/design-system';\nimport cx from 'classnames';\nimport React, { useEffect, useRef } from 'react';\nexport const NavItemGroup = ({ align, animated, children, className, layout, ...rest }) => {\n const listRef = useRef(null);\n useEffect(() => {\n if (listRef && listRef.current && animated) {\n animateBackdrop(listRef.current);\n }\n }, [children, animated]);\n return (React.createElement(\"ol\", { className: cx(\n // The TDS classes for `tds-site-nav-items` will also be renamed in a future major\n 'tds-site-nav-items', {\n [`tds-align--${align}`]: align,\n [`tds-site-nav-items--${layout}`]: layout,\n }, className), ref: listRef, ...rest },\n animated && React.createElement(\"div\", { className: \"tds-animate--backdrop-backdrop\" }),\n React.Children.map(children, (child) => child && React.createElement(\"li\", null, child))));\n};\n","import cx from 'classnames';\nimport React from 'react';\nimport { SideNavItem } from './side-nav-item.js';\nexport const SideNavItemGroup = ({ items, alwaysExpanded, className, ...rest }) => {\n if (!items || !items.length) {\n return null;\n }\n return (React.createElement(\"div\", { className: cx('tds-sidenav-group', {\n 'tds-sidenav-group--always-expanded': alwaysExpanded,\n }, className), ...rest },\n React.createElement(\"ol\", { className: \"tds-site-nav-items tds-site-nav-items--vertical\" }, items.map((item, i) => {\n var _a;\n return (React.createElement(\"li\", { key: (_a = item.id) !== null && _a !== void 0 ? _a : i },\n React.createElement(SideNavItem, { ...item })));\n }))));\n};\n","import { iconChevronSmall180 } from '@tesla/design-system-icons';\nimport cx from 'classnames';\nimport React, { useState } from 'react';\nimport { Icon } from '../icon/index.js';\nimport { NavItem } from '../nav-item/index.js';\nimport { SideNavItemGroup } from './side-nav-item-group.js';\nexport const SideNavItem = ({ alwaysExpanded, className, \n// Cast `x` to `externalX` to preserve name within the component logic\nexpanded: externalExpanded, items, trailing, onClick, leadingText, ...rest }) => {\n // Provide a fallback state for `expanded` if the parent doesn't pass anything\n const [expanded, setExpanded] = useState(false);\n const childItemsIndicator = items && !alwaysExpanded && React.createElement(Icon, { data: iconChevronSmall180 });\n const handleClick = (e) => {\n // In either of these cases we're ignoring `expanded` altogether\n if (externalExpanded === undefined && !alwaysExpanded && items) {\n setExpanded(!expanded);\n }\n if (onClick) {\n e.preventDefault();\n onClick(e);\n }\n };\n const trailingSlot = \n // If both, pass a fragment so the NavItem will handle layout\n trailing && childItemsIndicator ? (React.createElement(React.Fragment, null,\n trailing,\n \" \",\n childItemsIndicator)) : (\n // Otherwise, pass whichever one is true\n trailing || childItemsIndicator);\n return (React.createElement(React.Fragment, null,\n React.createElement(NavItem, { className: cx({\n // Prefer the parent's `expanded` to internal `expanded`\n 'tds--expanded': externalExpanded !== null && externalExpanded !== void 0 ? externalExpanded : expanded,\n }, className), leadingText: leadingText, onClick: items || onClick ? handleClick : undefined, trailing: trailingSlot, ...rest }),\n React.createElement(SideNavItemGroup, { items: items, alwaysExpanded: alwaysExpanded })));\n};\n","import { useEffect, useRef, useState } from 'react';\nexport const usePopoverState = ({ initialOpen = false, openOnHover = false, closePopoverOnAnotherOpening: enableClosePopoverOnAnotherOpening = true, toggleOnTriggerClick = true, } = {}) => {\n const [open, setOpen] = useState(initialOpen);\n const containerRef = useRef(null);\n const popoverRef = useRef(null);\n /**\n * Trigger Handlers\n */\n const triggerHandlers = {\n onClick: () => setOpen(toggleOnTriggerClick ? (prevOpen) => !prevOpen : true),\n onMouseEnter: openOnHover ? () => setOpen(true) : undefined,\n onFocus: openOnHover ? () => setOpen(true) : undefined,\n };\n /**\n * Listen for specific events on the page & respond\n *\n * A11y Listeners\n * - click out\n * - escape key\n *\n * Conditional Listeners\n * - focus out\n * - hover out\n * - different popover opens\n */\n useEffect(() => {\n const container = containerRef.current;\n const popover = popoverRef.current;\n // Events\n const openEvent = new Event('tds-popover-open', { bubbles: true });\n const closeEvent = new Event('tds-popover-close', { bubbles: true });\n // Click outside the container\n const closePopoverOnClickOut = (e) => {\n if (!(container === null || container === void 0 ? void 0 : container.contains(e.target))) {\n closePopover();\n }\n };\n // Escape Key\n const closePopoverOnEsc = (e) => {\n if (e.key === 'Escape') {\n closePopover();\n }\n };\n // Conditionally, focus moves out of container\n const closePopoverOnFocusOut = (e) => {\n // `relatedTarget` in FocusEvents is the element that received focus after focusout\n if (openOnHover && !(container === null || container === void 0 ? void 0 : container.contains(e === null || e === void 0 ? void 0 : e.relatedTarget))) {\n closePopover();\n }\n };\n // Conditionally, mouse moves out of container\n const closePopoverOnHoverOut = () => {\n if (openOnHover) {\n closePopover();\n }\n };\n // Conditionally, Ensure only one popover is open at a time\n const closePopoverOnAnotherOpening = (e) => {\n if (enableClosePopoverOnAnotherOpening && e.target !== popover) {\n closePopover();\n }\n };\n // Add the above listeners so that any open popovers respond appropriately\n const addListeners = () => {\n window === null || window === void 0 ? void 0 : window.addEventListener('tds-popover-open', closePopoverOnAnotherOpening);\n window === null || window === void 0 ? void 0 : window.addEventListener('click', closePopoverOnClickOut);\n window === null || window === void 0 ? void 0 : window.addEventListener('keydown', closePopoverOnEsc);\n window === null || window === void 0 ? void 0 : window.addEventListener('focusout', closePopoverOnFocusOut);\n container === null || container === void 0 ? void 0 : container.addEventListener('mouseleave', closePopoverOnHoverOut);\n };\n // Remove listeners to preserve memory, as there may be many popovers on the same screen\n // but we only want to listen on the open ones.\n const removeListeners = () => {\n window === null || window === void 0 ? void 0 : window.removeEventListener('tds-popover-open', closePopoverOnAnotherOpening);\n window === null || window === void 0 ? void 0 : window.removeEventListener('click', closePopoverOnClickOut);\n window === null || window === void 0 ? void 0 : window.removeEventListener('keydown', closePopoverOnEsc);\n window === null || window === void 0 ? void 0 : window.removeEventListener('focusout', closePopoverOnFocusOut);\n container === null || container === void 0 ? void 0 : container.removeEventListener('mouseleave', closePopoverOnHoverOut);\n };\n /**\n * open callback\n */\n const openPopover = () => {\n popover === null || popover === void 0 ? void 0 : popover.dispatchEvent(openEvent);\n setOpen(true);\n addListeners();\n };\n /**\n * close callback\n */\n const closePopover = () => {\n popover === null || popover === void 0 ? void 0 : popover.dispatchEvent(closeEvent);\n setOpen(false);\n removeListeners();\n };\n if (open) {\n openPopover();\n }\n else {\n closePopover();\n }\n return () => {\n removeListeners();\n };\n }, [enableClosePopoverOnAnotherOpening, open, openOnHover]);\n return {\n /**\n * Opens the popover\n */\n open,\n /**\n * Direct access to `setOpen` state hook.\n * Should only be used if `triggerHandlers` are insufficient\n */\n setOpen,\n /**\n * Handles `onClick`, `onFocus`, and `onMouseEnter`.\n * Spread this into a trigger element, eg. ``\n * to receive the popover default trigger behaviors.\n * `onFocus` and `onMouseEnter` will only be applied if `openOnHover` is set to true.\n */\n triggerHandlers,\n containerRef,\n popoverRef,\n };\n};\n","import cx from 'classnames';\nimport React from 'react';\nexport const PopoverContainer = ({ anchorSide = 'block-start', embedded, inline, children, className, containerRef, ...rest }) => (React.createElement(\"div\", { className: cx('tds-popover-container', {\n [`tds-popover-container--anchor-side-${anchorSide}`]: anchorSide,\n 'tds-popover-container--embedded': embedded,\n 'tds-popover-container--inline': inline,\n }, className), ref: containerRef, ...rest }, children));\n","import cx from 'classnames';\nimport React from 'react';\n/**\n * Popover\n * Base component intended for consumption by Tooltip, Dropdown, Menu, etc. Only intended for direct use by consumers if they're building a custom component that behaves similarly to one of the above.\n * - Expects to be wrapped in a PopoverContainer which controls anchor side\n * - Expects to be used in conjunction with usePopoverState which controls behavior\n */\nexport const Popover = ({ align, open, popoverRef, children, className, ...rest }) => (React.createElement(\"div\", { className: cx('tds-popover', {\n [`tds-popover--align-${align}`]: align,\n 'tds-popover--open': open,\n }, className), ref: popoverRef, ...rest }, children));\n","import React from 'react';\nimport { Popover, PopoverContainer, usePopoverState } from '../popover/index.js';\nimport { SideNavItem } from './side-nav-item.js';\n/**\n * SideNavItemTooltip\n * - Intermediate component that wraps Popover to display labels on collapsed+persistent SideNav.\n * - This component is not exported and should not be used directly by consumers.\n * - It will be removed in a future TDS version, whenever Tooltip receives it's full refactor in AWSM-8656.\n */\nexport const SideNavItemTooltip = ({ item }) => {\n const { open, triggerHandlers, containerRef, popoverRef } = usePopoverState({\n openOnHover: true,\n });\n // In this case Popover should be _only_ sensitive to hover as click navigates the user\n const { onMouseEnter, onFocus } = triggerHandlers;\n return (React.createElement(PopoverContainer, { anchorSide: \"inline-end\", containerRef: containerRef },\n React.createElement(SideNavItem, { ...item, onMouseEnter: onMouseEnter, onFocus: onFocus }),\n React.createElement(Popover, { open: open, popoverRef: popoverRef },\n React.createElement(\"strong\", null, item.leadingText))));\n};\n","import cx from 'classnames';\nimport React from 'react';\nimport { useAppLayoutContext } from '../app-layout/app-layout-context.js';\nimport { NavItemGroup } from '../nav-item/index.js';\nimport { SideNavItem } from './side-nav-item.js';\nimport { SideNavItemTooltip } from './side-nav-item-tooltip.js';\nexport const SideNav = ({ className, sticky: externalSticky, variant, density: externalDensity, hasIcons, items, persistent, collapsed: externalCollapsed, onClick, onItemSelect, ...rest }) => {\n const density = (externalDensity !== null && externalDensity !== void 0 ? externalDensity : variant === 'internal') ? 'dense' : undefined;\n const sticky = externalSticky !== null && externalSticky !== void 0 ? externalSticky : variant === 'internal';\n if (persistent && !hasIcons) {\n console.warn('SideNav should only be `persistent` if `hasIcons` is also set');\n }\n // Look for an AppLayout by default\n const { navCollapsed } = useAppLayoutContext();\n const collapsed = externalCollapsed !== null && externalCollapsed !== void 0 ? externalCollapsed : navCollapsed;\n // If collapsed and set to persist as icons-only, show a tooltip with each item's text\n const showTooltip = collapsed && persistent;\n return (React.createElement(\"nav\", { className: cx('tds-sidenav', {\n 'tds-sidenav--sticky': sticky,\n [`tds-sidenav--${variant}`]: variant,\n [`tds-density--${density}`]: density,\n 'tds-sidenav--icons': hasIcons,\n 'tds-sidenav--persistent': persistent,\n 'tds-sidenav--collapsed': collapsed,\n }, className), onClick: (e) => {\n if (onClick)\n onClick(e);\n if (onItemSelect) {\n const target = e.target;\n const item = (target === null || target === void 0 ? void 0 : target.localName) === 'button' ? target : target === null || target === void 0 ? void 0 : target.closest('button.tds-site-nav-item');\n onItemSelect((item === null || item === void 0 ? void 0 : item.id) || null);\n }\n }, ...rest },\n React.createElement(NavItemGroup, { layout: \"vertical\" }, items === null || items === void 0 ? void 0 : items.map((item, i) => showTooltip ? (React.createElement(SideNavItemTooltip, { key: item.id || i, item: item })) : (React.createElement(SideNavItem, { key: item.id || i, ...item }))))));\n};\n","import { useEffect } from 'react';\n\nvar useScript = function useScript(url) {\n useEffect(function () {\n if (url) {\n var _document, _document$body;\n var script = document.createElement('script');\n script.setAttribute('src', url);\n script.setAttribute('async', true);\n (_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.appendChild(script);\n return function () {\n return document.body.removeChild(script);\n };\n }\n return function () {};\n }, [url]);\n};\n\nexport { useScript as default };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport useScript from './useScript.js';\n\nvar Notification = function Notification(props) {\n var token = props.token,\n xChannel = props.xChannel,\n xApp = props.xApp,\n url = props.url,\n className = props.className;\n useScript(url);\n return /*#__PURE__*/React.createElement(\"div\", {\n id: \"notificationWidget\",\n \"x-app\": xApp,\n \"x-channel\": xChannel,\n token: token,\n style: {\n paddingTop: 6\n },\n className: className\n });\n};\nNotification.defaultProps = {\n xChannel: 'NA',\n className: ''\n};\nNotification.propTypes = {\n token: PropTypes.string.isRequired,\n xChannel: PropTypes.string,\n xApp: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n className: PropTypes.string\n};\n\nexport { Notification as default };\n","import cx from 'classnames';\nimport React from 'react';\n/* Components */\nexport const ListItem = ({ children, className, separated, ...rest }) => (React.createElement(\"li\", { className: cx({ 'tds-list-item--separated': separated }, className), ...rest }, children));\n","var Styles = {\"tw-react--region-selector--modal\":\"RegionSelector-module_tw-react--region-selector--modal__QFs48\",\"tw-react--region-selector--modal--region--country--selected\":\"RegionSelector-module_tw-react--region-selector--modal--region--country--selected__CRJme\"};\n\nexport { Styles as default };\n","import React from 'react';\nimport { ListItem, Text } from '@tesla/design-system-react';\nimport { string, arrayOf, shape } from 'prop-types';\nimport Styles from '../RegionSelector.module.css.js';\n\nvar CountryAndLanguage = function CountryAndLanguage(_ref) {\n var countryName = _ref.countryName,\n languages = _ref.languages,\n key = _ref.key,\n selected = _ref.selected,\n t = _ref.t,\n userLocale = _ref.userLocale;\n var defaultLanguage = languages[0];\n return /*#__PURE__*/React.createElement(ListItem, {\n key: key,\n className: Styles[\"tw-react--region-selector--modal--region--country\".concat(selected ? '--selected' : '')]\n }, /*#__PURE__*/React.createElement(Text, {\n is: \"p\",\n weight: \"medium\"\n }, countryName.indexOf(userLocale.regionName) !== -1 ? userLocale.countryName : t.allCountries), /*#__PURE__*/React.createElement(Text, {\n is: \"p\",\n weight: \"medium\",\n caption: true\n }, defaultLanguage.languageName));\n};\nCountryAndLanguage.defaultProps = {\n countryName: '',\n languages: [],\n key: '',\n selected: '',\n userLocale: {}\n};\nCountryAndLanguage.propTypes = {\n countryName: string,\n languages: arrayOf(shape({\n languageName: string\n })),\n key: string,\n selected: string,\n userLocale: shape({\n countryName: string,\n regionName: string\n }),\n t: shape({\n signout: string,\n allCountries: string,\n supportLink: string\n }).isRequired\n};\n\nexport { CountryAndLanguage as default };\n","import _extends from '@babel/runtime/helpers/extends';\nimport React from 'react';\nimport { arrayOf, shape, string } from 'prop-types';\nimport { List } from '@tesla/design-system-react';\nimport CountryAndLanguage from './CountryAndLanguage.js';\n\nvar CountryList = function CountryList(_ref) {\n var countries = _ref.countries,\n selected = _ref.selected,\n regionName = _ref.regionName,\n t = _ref.t,\n userLocale = _ref.userLocale;\n return /*#__PURE__*/React.createElement(List, {\n is: \"ol\",\n variant: \"horizontal\"\n }, countries.map(function (c) {\n return /*#__PURE__*/React.createElement(CountryAndLanguage, _extends({}, c, {\n key: c.countryCode,\n selected: selected === regionName,\n t: t,\n userLocale: userLocale\n }));\n }));\n};\nCountryList.propTypes = {\n countries: arrayOf(shape({\n countryCode: string\n })).isRequired,\n selected: string.isRequired,\n regionName: string.isRequired,\n t: shape({\n signout: string,\n allCountries: string,\n supportLink: string\n }).isRequired,\n userLocale: shape({\n countryName: string,\n regionName: string\n }).isRequired\n};\n\nexport { CountryList as default };\n","import React from 'react';\nimport { arrayOf, shape, string, func } from 'prop-types';\nimport { Heading } from '@tesla/design-system-react';\nimport CountryList from './CountryList/index.js';\n\nvar RegionTile = function RegionTile(_ref) {\n var countries = _ref.countries,\n regionName = _ref.regionName,\n key = _ref.key,\n selected = _ref.selected,\n onSelectRegion = _ref.onSelectRegion,\n t = _ref.t,\n userLocale = _ref.userLocale;\n return /*#__PURE__*/React.createElement(\"div\", {\n key: key,\n \"aria-hidden\": \"true\",\n onClick: function onClick() {\n return onSelectRegion({\n regionName: regionName,\n countries: countries\n });\n }\n }, /*#__PURE__*/React.createElement(Heading, {\n is: \"h3\"\n }, regionName), /*#__PURE__*/React.createElement(CountryList, {\n countries: countries,\n selected: selected,\n regionName: regionName,\n userLocale: userLocale,\n t: t\n }));\n};\nRegionTile.defaultProps = {\n countries: [],\n regionName: '',\n key: '',\n selected: '',\n t: {},\n userLocale: {},\n onSelectRegion: function onSelectRegion() {}\n};\nRegionTile.propTypes = {\n countries: arrayOf(shape({\n countryCode: string\n })),\n regionName: string,\n key: string,\n selected: string,\n onSelectRegion: func,\n userLocale: shape({\n countryName: string,\n regionName: string\n }),\n t: shape({\n signout: string,\n allCountries: string,\n supportLink: string\n })\n};\n\nexport { RegionTile as default };\n","var TESLA_HEADER_API = 'https://www.tesla.com/api/tesla/header/v1_1';\nvar DEFAULT_COUNTRIES_PER_REGION = {\n 'North America': ['United States'],\n Europe: ['Other Europe'],\n 'Middle-East': ['UAE'],\n 'Asia/Pacific': ['Australia']\n};\nvar DEFAULT_COUNTRIES_SHORT_PER_REGION = {\n 'North America': ['US'],\n Europe: ['EU'],\n 'Middle-East': ['UAE'],\n 'Asia/Pacific': ['CN']\n};\n\nexport { DEFAULT_COUNTRIES_PER_REGION, DEFAULT_COUNTRIES_SHORT_PER_REGION, TESLA_HEADER_API };\n","import _extends from '@babel/runtime/helpers/extends';\nimport _slicedToArray from '@babel/runtime/helpers/slicedToArray';\nimport React, { useState, useEffect } from 'react';\nimport { bool, func, string, shape } from 'prop-types';\nimport { Modal, ModalContent, Heading } from '@tesla/design-system-react';\nimport RegionTile from './RegionTile.js';\nimport { filterCountries, extractRegions } from './util.js';\nimport { TESLA_HEADER_API } from './constants.js';\nimport Styles from './RegionSelector.module.css.js';\n\nvar RegionSelector = function RegionSelector(_ref) {\n var open = _ref.open,\n onClose = _ref.onClose,\n selectedRegion = _ref.selectedRegion,\n onSelectRegion = _ref.onSelectRegion,\n t = _ref.t;\n var _useState = useState(),\n _useState2 = _slicedToArray(_useState, 2),\n regions = _useState2[0],\n setRegions = _useState2[1];\n useEffect(function () {\n if (open) {\n fetch(TESLA_HEADER_API).then(function (response) {\n return response.json();\n }).then(function (result) {\n if (result.localeSelector) {\n setRegions(filterCountries(extractRegions(result.localeSelector)));\n }\n });\n }\n }, [open]);\n return /*#__PURE__*/React.createElement(Modal, {\n backdrop: false,\n onClose: onClose,\n open: open,\n variant: \"sheet-right\",\n className: Styles['tw-react--region-selector--modal--dialog']\n }, /*#__PURE__*/React.createElement(ModalContent, {\n className: Styles['tw-react--region-selector--modal']\n }, regions ? regions.map(function (region) {\n var key = region.regionName;\n return /*#__PURE__*/React.createElement(RegionTile, _extends({}, region, {\n t: t,\n key: key,\n region: region,\n userLocale: {},\n selected: selectedRegion,\n onSelectRegion: onSelectRegion\n }));\n }) : /*#__PURE__*/React.createElement(Heading, null, \"No Data\")));\n};\nRegionSelector.defaultProps = {\n open: false,\n t: {},\n onClose: function onClose() {},\n userCountry: '',\n selectedRegion: '',\n onSelectRegion: function onSelectRegion() {}\n};\nRegionSelector.propTypes = {\n open: bool,\n onClose: func,\n selectedRegion: string,\n onSelectRegion: func,\n userCountry: string,\n t: shape({\n signout: string,\n allCountries: string,\n supportLink: string\n })\n};\n\nexport { RegionSelector as default };\n","import { DEFAULT_COUNTRIES_PER_REGION } from './constants.js';\n\n// Constants\n\n/**\n * This function extracts the regions from raw data and consolidate them into one single array.\n * @param {array} localeSelectorData Tesla Header API localeSelector object\n * @link https://www.tesla.com/api/tesla/header/v1_1\n * @returns regionList\n * @example regionList\n * [\n * {\n * regionName: \"North America\",\n * countries: [\n * {\n * countryName: \"United States\",\n * countryCode: \"us\"\n * }\n * ]\n * }\n * ]\n */\nvar extractRegions = function extractRegions(localeSelectorData) {\n if (!localeSelectorData || !localeSelectorData.length) {\n return [];\n }\n var regionList = [];\n localeSelectorData === null || localeSelectorData === void 0 ? void 0 : localeSelectorData.forEach(function (_ref) {\n var regions = _ref.regions;\n if (regions) {\n regionList = regionList.concat(regions);\n }\n });\n return regionList;\n};\n\n/**\n * This funtion filters and returns only the countries that mathces the whitelist.\n * @param {array} countriesPerRegion\n * @param {object} map\n * @returns\n */\nvar filterCountries = function filterCountries(countriesPerRegion) {\n var map = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_COUNTRIES_PER_REGION;\n if (!countriesPerRegion || !countriesPerRegion.length) {\n return [];\n }\n var filteredCountries = [];\n return countriesPerRegion.map(function (_ref2) {\n var regionName = _ref2.regionName,\n countries = _ref2.countries;\n filteredCountries = [];\n countries === null || countries === void 0 ? void 0 : countries.forEach(function (c) {\n if (map[regionName] && map[regionName].includes(c.adminName)) {\n filteredCountries.push(c);\n }\n });\n return filteredCountries.length ? {\n regionName: regionName,\n countries: filteredCountries\n } : null;\n }).filter(Boolean);\n};\n\nexport { extractRegions, filterCountries };\n","export const iconHelp = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M12 20.5a8.5 8.5 0 1 1 0-17 8.5 8.5 0 0 1 0 17m0 1.5c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-6a1 1 0 1 0 0 2 1 1 0 0 0 0-2m.053-3.533a8 8 0 0 1 .92-.767 7 7 0 0 0 .746-.61 2.3 2.3 0 0 0 .468-.635q.189-.38.188-.883 0-.56-.246-1.048-.237-.486-.771-.792-.534-.305-1.362-.305-.862 0-1.411.347a2 2 0 0 0-.788.89q-.09.201-.148.413c-.111.414-.445.767-.874.767-.428 0-.784-.35-.71-.772q.106-.61.386-1.15.452-.875 1.37-1.394Q10.742 6 12.07 6q1.395 0 2.273.544.885.536 1.271 1.337T16 9.489q0 .817-.254 1.403-.255.577-.616.94-.353.363-.943.817-.468.372-.747.635-.27.264-.451.627-.075.149-.113.302c-.108.424-.422.787-.86.787-.437 0-.806-.356-.76-.79a2.95 2.95 0 0 1 .797-1.743\" }, \"children\": [] }], \"id\": \"icon-help\", \"viewBox\": \"0 0 24 24\" };\n","export const iconGlobe = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M9.254 20.047a8 8 0 0 1-.768-1.378c-.404-.91-.722-1.985-.935-3.169h-3.3a8.53 8.53 0 0 0 5.003 4.547m.603-1.988c.336.757.718 1.324 1.103 1.69.382.364.732.501 1.04.501s.658-.137 1.04-.5c.385-.367.767-.934 1.103-1.69.321-.723.588-1.59.78-2.56H9.076c.192.97.459 1.837.78 2.56ZM8.75 12q.001 1.038.103 2h6.294q.102-.962.103-2-.001-1.038-.103-2H8.853q-.102.962-.103 2m-1.405-2H3.737a8.5 8.5 0 0 0-.237 2c0 .689.082 1.359.237 2h3.608a21 21 0 0 1 0-4m1.732-1.5h5.845c-.19-.97-.458-1.837-.779-2.56-.336-.756-.718-1.323-1.103-1.69-.382-.363-.732-.5-1.04-.5s-.658.137-1.04.5c-.385.367-.767.934-1.103 1.69-.321.723-.588 1.59-.78 2.56m7.577 1.5a20.7 20.7 0 0 1 0 4h3.61a8.5 8.5 0 0 0 .236-2 8.5 8.5 0 0 0-.237-2zm3.094-1.5a8.53 8.53 0 0 0-5.002-4.547c.287.408.543.873.768 1.378.404.91.722 1.985.935 3.169h3.3Zm-12.197 0c.213-1.184.531-2.26.935-3.169.225-.505.48-.97.768-1.378A8.53 8.53 0 0 0 4.252 8.5zm7.963 10.169c-.225.505-.48.97-.768 1.378a8.53 8.53 0 0 0 5.002-4.547h-3.3c-.212 1.184-.53 2.26-.934 3.169\" }, \"children\": [] }], \"id\": \"icon-globe\", \"viewBox\": \"0 0 24 24\" };\n","export const iconSignOut = { \"children\": [{ \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M3.75 3a.75.75 0 0 0-.75.75v16.5c0 .414.336.75.75.75h5.5a.75.75 0 0 0 0-1.5H4.5v-15h4.75a.75.75 0 0 0 0-1.5z\" }, \"children\": [] }, { \"name\": \"path\", \"type\": \"element\", \"value\": \"\", \"attributes\": { \"fill\": \"currentColor\", \"d\": \"M15.78 6.47a.75.75 0 1 0-1.06 1.06l3.72 3.72H7.75a.75.75 0 0 0 0 1.5h10.69l-3.72 3.72a.75.75 0 1 0 1.06 1.06l5-5a.75.75 0 0 0 0-1.06z\" }, \"children\": [] }], \"id\": \"icon-sign-out\", \"viewBox\": \"0 0 24 24\" };\n","var styles = {\"margin-left--2p\":\"styles-module_margin-left--2p__QXjuv\",\"hide-notification-widget\":\"styles-module_hide-notification-widget__gzqjr\",\"no-scroll\":\"styles-module_no-scroll__goGXF\",\"header-divider\":\"styles-module_header-divider__QVaL9\",\"menu-sheet\":\"styles-module_menu-sheet__q07mS\",\"side-nav-v9\":\"styles-module_side-nav-v9__lVjus\",\"site-header\":\"styles-module_site-header__kk--S\",\"site-header-search-bar\":\"styles-module_site-header-search-bar__NX7kv\",\"menu-sheet--mobile\":\"styles-module_menu-sheet--mobile__UKTHp\",\"site-header-app-switcher--static\":\"styles-module_site-header-app-switcher--static__SPp6p\",\"site-header-menu-modal-layout\":\"styles-module_site-header-menu-modal-layout__gOJ-y\",\"site-header-menu-modal-dropdown\":\"styles-module_site-header-menu-modal-dropdown__GMziX\",\"tw-react--site-header--user-profile--list-item\":\"styles-module_tw-react--site-header--user-profile--list-item__rX3nC\",\"tw-react--site-header--user-profile--list-container\":\"styles-module_tw-react--site-header--user-profile--list-container__rammN\"};\n\nexport { styles as default };\n","import React from 'react';\nimport { iconPerson, iconHelp, iconGlobe, iconSignOut } from '@tesla/design-system-icons';\nimport { NavItemGroup, NavItem, Icon, List, ListItem, Text } from '@tesla/design-system-react';\nimport { shape, string, func, bool } from 'prop-types';\nimport { parseJwt } from '../../SearchBar/Helpers/Utilities.js';\nimport styles from '../styles.module.css.js';\nimport { DEFAULT_COUNTRIES_SHORT_PER_REGION } from '../RegionSelector/constants.js';\n\nvar UserProfile = function UserProfile(_ref) {\n var _userInfo$title, _userInfo$email;\n var logout = _ref.logout,\n _ref$supportLink = _ref.supportLink,\n supportLink = _ref$supportLink === void 0 ? {} : _ref$supportLink,\n osAccessToken = _ref.osAccessToken,\n _ref$regionSelector = _ref.regionSelector,\n regionSelector = _ref$regionSelector === void 0 ? {} : _ref$regionSelector;\n var userInfo = parseJwt(osAccessToken);\n var userName = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || \"\".concat((userInfo === null || userInfo === void 0 ? void 0 : userInfo.given_name) || '', \" \").concat((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) || '');\n return /*#__PURE__*/React.createElement(NavItemGroup, {\n layout: \"vertical\"\n }, /*#__PURE__*/React.createElement(NavItem, {\n startIcon: /*#__PURE__*/React.createElement(Icon, {\n data: iconPerson,\n size: \"xl\"\n }),\n className: styles['tw-react--site-header--user-profile--list-container']\n }, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, {\n className: styles['tw-react--site-header--user-profile--list-item']\n }, /*#__PURE__*/React.createElement(Text, {\n weight: \"500\",\n is: \"p\",\n className: \"--tds-theme-foreground\",\n contrast: \"high\",\n id: \"tw-react--site-header--user-profile--user-name\"\n }, userName)), /*#__PURE__*/React.createElement(ListItem, {\n className: styles['tw-react--site-header--user-profile--list-item']\n }, /*#__PURE__*/React.createElement(Text, {\n weight: \"400\",\n is: \"p\",\n className: \"--tds-theme-foreground\",\n contrast: \"low\",\n id: \"tw-react--site-header--user-profile--user-title\"\n }, (_userInfo$title = userInfo === null || userInfo === void 0 ? void 0 : userInfo.title) !== null && _userInfo$title !== void 0 ? _userInfo$title : '')), /*#__PURE__*/React.createElement(ListItem, {\n className: styles['tw-react--site-header--user-profile--list-item']\n }, /*#__PURE__*/React.createElement(Text, {\n weight: \"400\",\n is: \"p\",\n className: \"--tds-theme-foreground\",\n contrast: \"low\",\n id: \"tw-react--site-header--user-profile--user-email\"\n }, (_userInfo$email = userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) !== null && _userInfo$email !== void 0 ? _userInfo$email : '')))), (supportLink === null || supportLink === void 0 ? void 0 : supportLink.onClick) && /*#__PURE__*/React.createElement(NavItem, {\n onClick: supportLink.onClick,\n startIcon: /*#__PURE__*/React.createElement(Icon, {\n data: iconHelp\n }),\n id: \"tw-react--site-header--user-profile--support-link\"\n }, supportLink.title), regionSelector !== null && regionSelector !== void 0 && regionSelector.show ? /*#__PURE__*/React.createElement(NavItem, {\n id: \"tw-react--site-header--user-profile--region-selector\",\n onClick: function onClick() {\n return regionSelector === null || regionSelector === void 0 ? void 0 : regionSelector.onClick();\n },\n startIcon: /*#__PURE__*/React.createElement(Icon, {\n data: iconGlobe\n })\n }, \"\".concat(DEFAULT_COUNTRIES_SHORT_PER_REGION[regionSelector === null || regionSelector === void 0 ? void 0 : regionSelector.selectedRegion], \" English\")) : null, /*#__PURE__*/React.createElement(NavItem, {\n onClick: logout.onClick,\n startIcon: /*#__PURE__*/React.createElement(Icon, {\n data: iconSignOut\n }),\n id: \"tw-react--site-header--user-profile--sign-out\"\n }, logout.title));\n};\nUserProfile.defaultProps = {\n supportLink: {},\n regionSelector: {}\n};\nUserProfile.propTypes = {\n logout: shape({\n title: string.isRequired,\n onClick: func.isRequired\n }).isRequired,\n supportLink: shape({\n title: string,\n onClick: func\n }),\n osAccessToken: string.isRequired,\n regionSelector: shape({\n show: bool,\n onClick: func,\n selectedRegion: string\n })\n};\n\nexport { UserProfile as default };\n","export const iconRegistry = [\n {\n name: \"tesla-electric\",\n metadata: { aliases: [\"te\"] },\n variants: [{ id: \"icon-tesla-electric\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"ship-wheel\",\n metadata: { aliases: [\"wheel\", \"kubernetes\", \"navigate\"] },\n variants: [\n { id: \"icon-ship-wheel-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-ship-wheel\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"cube\",\n metadata: { aliases: [\"lootbox\", \"hexagon\", \"hex\", \"box\"] },\n variants: [\n { id: \"icon-cube-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-cube\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"sidebar\",\n metadata: { aliases: [\"side panel\", \"layout\", \"sidenav\"] },\n variants: [\n {\n id: \"icon-sidebar-left-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"left\",\n filled: true,\n },\n { id: \"icon-sidebar-left\", viewBox: \"0 0 24 24\", variant: \"left\" },\n {\n id: \"icon-sidebar-right-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"right\",\n filled: true,\n },\n { id: \"icon-sidebar-right\", viewBox: \"0 0 24 24\", variant: \"right\" },\n ],\n },\n {\n name: \"server\",\n metadata: { aliases: [\"database\", \"storage\", \"hosting\"] },\n variants: [\n { id: \"icon-server-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-server\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"fit-width\",\n metadata: { aliases: [\"expand\", \"pdf\", \"view\"] },\n variants: [\n { id: \"icon-fit-width-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-fit-width\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"fit-height\",\n metadata: { aliases: [\"expand\", \"pdf\", \"view\"] },\n variants: [\n { id: \"icon-fit-height-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-fit-height\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"ac\",\n metadata: { aliases: [\"ice\", \"cold\", \"acceptance criteria\"] },\n variants: [\n { id: \"icon-ac-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-ac\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"accessibility\",\n metadata: {\n description: \"person in circle\",\n groups: [\"starterkit\"],\n aliases: [\"person\", \"a11y\"],\n },\n variants: [\n { id: \"icon-accessibility-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-accessibility\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"air-front-seats\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-air-front-seats\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"air-rear-seats\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-air-rear-seats\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"airwave\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-airwave-down\", viewBox: \"0 0 24 24\", variant: \"down\" },\n { id: \"icon-airwave-front\", viewBox: \"0 0 24 24\", variant: \"front\" },\n { id: \"icon-airwave-up\", viewBox: \"0 0 24 24\", variant: \"up\" },\n ],\n },\n {\n name: \"arrow\",\n metadata: { groups: [\"starterkit\"], aliases: [\"pointer\", \"direction\"] },\n variants: [\n { id: \"icon-arrow-0\", viewBox: \"0 0 24 24\", variant: \"0\" },\n { id: \"icon-arrow-180\", viewBox: \"0 0 24 24\", variant: \"180\" },\n { id: \"icon-arrow-270\", viewBox: \"0 0 24 24\", variant: \"270\" },\n { id: \"icon-arrow-90\", viewBox: \"0 0 24 24\", variant: \"90\" },\n {\n id: \"icon-arrow-filled-0\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"0\",\n },\n {\n id: \"icon-arrow-filled-180\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"180\",\n },\n {\n id: \"icon-arrow-filled-270\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"270\",\n },\n {\n id: \"icon-arrow-filled-90\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"90\",\n },\n { id: \"icon-arrow-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-arrow-small-0\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"0\",\n },\n {\n id: \"icon-arrow-small-180\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"180\",\n },\n {\n id: \"icon-arrow-small-270\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"270\",\n },\n {\n id: \"icon-arrow-small-90\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"90\",\n },\n { id: \"icon-arrow-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-arrow\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"attach\",\n metadata: { aliases: [\"add\", \"file\", \"upload\", \"clip\", \"paperclip\"] },\n variants: [\n { id: \"icon-attach-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-attach\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"backward\",\n metadata: { aliases: [\"rewind\", \"step\", \"skip\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-backward-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-backward\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bag\",\n metadata: { aliases: [\"shop\", \"shopping\", \"upload\"] },\n variants: [\n { id: \"icon-bag-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bag\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bank\",\n metadata: { aliases: [\"institution\", \"building\", \"facility\"] },\n variants: [\n { id: \"icon-bank-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bank\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"battery\",\n metadata: { aliases: [\"charge\", \"charging\"] },\n variants: [\n { id: \"icon-battery-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-battery\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"battery-alt\",\n metadata: { aliases: [\"car battery\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-battery-alt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-battery-alt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"battery-disabled\",\n variants: [\n {\n id: \"icon-battery-disabled-filled\",\n viewBox: \"0 0 24 24\",\n filled: true,\n },\n { id: \"icon-battery-disabled\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"battery-empty\",\n metadata: { aliases: [\"charge\", \"charging\"] },\n variants: [\n { id: \"icon-battery-empty-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-battery-empty\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bed\",\n metadata: { aliases: [\"hotel\", \"stay\", \"rest\", \"sleep\"] },\n variants: [\n { id: \"icon-bed-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bed\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bell\",\n metadata: { groups: [\"starterkit\"], aliases: [\"notifications\"] },\n variants: [\n { id: \"icon-bell-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bell\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"biohazard\",\n metadata: { aliases: [\"bio\", \"waste\"] },\n variants: [\n { id: \"icon-biohazard-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-biohazard\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"blocked\",\n metadata: { aliases: [\"status\"] },\n variants: [\n { id: \"icon-blocked-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-blocked-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-blocked-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-blocked\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bluetooth\",\n metadata: { aliases: [\"connect\"] },\n variants: [\n { id: \"icon-bluetooth-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bluetooth\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bluetooth-alt\",\n metadata: {\n description: \"this should really be merged with bluetooth and become bluetooth--filled\",\n aliases: [\"connect\"],\n },\n variants: [{ id: \"icon-bluetooth-alt\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"bolt\",\n metadata: { groups: [\"starterkit\"], aliases: [\"lightning\", \"power\"] },\n variants: [\n { id: \"icon-bolt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bolt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"bookmark\",\n metadata: { aliases: [\"favorite\", \"save\", \"star\"] },\n variants: [\n { id: \"icon-bookmark-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-bookmark\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"box\",\n metadata: { aliases: [\"ship\", \"pack\", \"logistics\", \"container\"] },\n variants: [\n { id: \"icon-box-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-box\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"branch\",\n metadata: { aliases: [\"git\", \"code\", \"fork\", \"split\"] },\n variants: [\n { id: \"icon-branch-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-branch\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"brights\",\n metadata: { aliases: [\"lights\"] },\n variants: [\n { id: \"icon-brights-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-brights\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"calendar\",\n metadata: { groups: [\"starterkit\"], aliases: [\"date\", \"time\"] },\n variants: [\n { id: \"icon-calendar-add\", viewBox: \"0 0 24 24\", variant: \"add\" },\n {\n id: \"icon-calendar-filled-add\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"add\",\n },\n { id: \"icon-calendar-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-calendar\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"camera\",\n metadata: { groups: [\"starterkit\"], aliases: [\"photo\"] },\n variants: [\n { id: \"icon-camera-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-camera\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"camera-lens\",\n metadata: {\n aliases: [\"camera\", \"hal9000\", \"hal\", \"vision\"],\n groups: [\"common\", \"vehicle\"],\n },\n variants: [{ id: \"icon-camera-lens\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"camp\",\n metadata: { aliases: [\"tent\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-camp-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-camp\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"caps\",\n metadata: { aliases: [\"caps lock\"] },\n variants: [\n { id: \"icon-caps-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-caps\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"car-settings\",\n metadata: {\n groups: [\"vehicle\"],\n aliases: [\"settings\", \"configure\", \"menu\"],\n },\n variants: [\n { id: \"icon-car-settings-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-car-settings\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"cart\",\n metadata: { groups: [\"starterkit\"], aliases: [\"bag\", \"shop\"] },\n variants: [\n { id: \"icon-cart-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-cart\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"cc\",\n metadata: {\n aliases: [\"closed caption\"],\n groups: [\"common\", \"media\", \"starterkit\"],\n },\n variants: [\n { id: \"icon-cc-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-cc\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"charge\",\n metadata: { aliases: [\"plug\", \"power\", \"adapter\"] },\n variants: [\n { id: \"icon-charge-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-charge\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"chart\",\n metadata: { aliases: [\"graph\", \"data\"] },\n variants: [\n { id: \"icon-chart-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-chart\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"chart-alt\",\n metadata: { aliases: [\"graph\", \"data\"] },\n variants: [\n { id: \"icon-chart-alt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-chart-alt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"check\",\n metadata: { groups: [\"starterkit\"], aliases: [\"mark\", \"confirm\"] },\n variants: [\n { id: \"icon-check-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-check-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-check\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"chevron\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"arrow\", \"pointer\", \"direction\"],\n },\n variants: [\n { id: \"icon-chevron-0\", viewBox: \"0 0 24 24\", variant: \"0\" },\n { id: \"icon-chevron-180\", viewBox: \"0 0 24 24\", variant: \"180\" },\n { id: \"icon-chevron-270\", viewBox: \"0 0 24 24\", variant: \"270\" },\n { id: \"icon-chevron-90\", viewBox: \"0 0 24 24\", variant: \"90\" },\n {\n id: \"icon-chevron-filled-0\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"0\",\n },\n {\n id: \"icon-chevron-filled-180\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"180\",\n },\n {\n id: \"icon-chevron-filled-270\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"270\",\n },\n {\n id: \"icon-chevron-filled-90\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"90\",\n },\n { id: \"icon-chevron-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-chevron-small-0\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"0\",\n },\n {\n id: \"icon-chevron-small-180\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"180\",\n },\n {\n id: \"icon-chevron-small-270\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"270\",\n },\n {\n id: \"icon-chevron-small-90\",\n viewBox: \"0 0 16 16\",\n small: true,\n variant: \"90\",\n },\n { id: \"icon-chevron-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-chevron\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"child-lock\",\n metadata: { aliases: [\"safety\"] },\n variants: [\n { id: \"icon-child-lock-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-child-lock\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"clock\",\n metadata: { aliases: [\"date\", \"time\"] },\n variants: [\n { id: \"icon-clock-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-clock\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"close\",\n metadata: { aliases: [\"x\", \"cancel\", \"stop\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-close-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-close-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-close\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"code\",\n metadata: {\n aliases: [\n \"html\",\n \"brackets\",\n \"markup\",\n \"html\",\n \"react\",\n \"dev\",\n \"matrix\",\n \"source\",\n ],\n },\n variants: [\n { id: \"icon-code-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-code\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"coffee\",\n metadata: { aliases: [\"drink\", \"beverage\", \"power\", \"energy\"] },\n variants: [\n { id: \"icon-coffee-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-coffee\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"collision\",\n metadata: {\n aliases: [\"collision & glass\", \"collision center\", \"body shop\"],\n },\n variants: [\n { id: \"icon-collision-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-collision\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"columns\",\n metadata: {\n aliases: [\"collection\", \"sort\", \"options\", \"row\", \"table\", \"column\"],\n groups: [\"common\", \"starterkit\"],\n },\n variants: [\n { id: \"icon-columns-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-columns\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"commit\",\n metadata: { aliases: [\"git\", \"code\"] },\n variants: [\n { id: \"icon-commit-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-commit\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"company\",\n metadata: { aliases: [\"building\", \"office\", \"skyscraper\", \"corporate\"] },\n variants: [\n { id: \"icon-company-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-company\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"computer\",\n metadata: { aliases: [\"monitor\", \"desktop\", \"pc\", \"mac\"] },\n variants: [\n { id: \"icon-computer-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-computer\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"connection\",\n metadata: { aliases: [\"signal\"] },\n variants: [\n { id: \"icon-connection-1\", viewBox: \"0 0 24 24\", variant: \"1\" },\n { id: \"icon-connection-2\", viewBox: \"0 0 24 24\", variant: \"2\" },\n { id: \"icon-connection-3\", viewBox: \"0 0 24 24\", variant: \"3\" },\n { id: \"icon-connection-4\", viewBox: \"0 0 24 24\", variant: \"4\" },\n {\n id: \"icon-connection-disabled\",\n viewBox: \"0 0 24 24\",\n variant: \"disabled\",\n },\n {\n id: \"icon-connection-filled-1\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"1\",\n },\n {\n id: \"icon-connection-filled-2\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"2\",\n },\n {\n id: \"icon-connection-filled-3\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"3\",\n },\n {\n id: \"icon-connection-filled-4\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"4\",\n },\n {\n id: \"icon-connection-filled-disabled\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"disabled\",\n },\n {\n id: \"icon-connection-filled-lte\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"lte\",\n },\n { id: \"icon-connection-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-connection-lte\", viewBox: \"0 0 24 24\", variant: \"lte\" },\n { id: \"icon-connection\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"contact\",\n metadata: { groups: [\"starterkit\"], aliases: [\"roster\"] },\n variants: [\n { id: \"icon-contact-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-contact\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"content\",\n metadata: { aliases: [\"document\"] },\n variants: [\n { id: \"icon-content-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-content\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"contract\",\n metadata: { aliases: [\"document\"] },\n variants: [\n { id: \"icon-contract-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-contract\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"controls\",\n metadata: { aliases: [\"toggle\", \"switch\"] },\n variants: [\n { id: \"icon-controls-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-controls\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"copy\",\n metadata: { aliases: [\"duplicate\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-copy-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-copy\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"crosshair\",\n metadata: { aliases: [\"mark\", \"target\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-crosshair-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-crosshair\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"currency\",\n metadata: { aliases: [\"dollar\"] },\n variants: [\n { id: \"icon-currency-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-currency\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"dashcam\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n {\n id: \"icon-dashcam-download\",\n viewBox: \"0 0 24 24\",\n variant: \"download\",\n },\n { id: \"icon-dashcam-error\", viewBox: \"0 0 24 24\", variant: \"error\" },\n {\n id: \"icon-dashcam-filled-download\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"download\",\n },\n {\n id: \"icon-dashcam-filled-error\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"error\",\n },\n {\n id: \"icon-dashcam-filled-pause\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"pause\",\n },\n {\n id: \"icon-dashcam-filled-recording\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"recording\",\n },\n {\n id: \"icon-dashcam-filled-success\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"success\",\n },\n { id: \"icon-dashcam-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-dashcam-pause\", viewBox: \"0 0 24 24\", variant: \"pause\" },\n {\n id: \"icon-dashcam-recording\",\n viewBox: \"0 0 24 24\",\n variant: \"recording\",\n },\n { id: \"icon-dashcam-success\", viewBox: \"0 0 24 24\", variant: \"success\" },\n { id: \"icon-dashcam\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"defrost-car\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n {\n id: \"icon-defrost-car-model-s-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"model-s\",\n filled: true,\n },\n {\n id: \"icon-defrost-car-semi-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"semi\",\n filled: true,\n },\n ],\n },\n {\n name: \"defrost-front\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-defrost-front-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-defrost-front\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"defrost-rear\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-defrost-rear-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-defrost-rear\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"diagnostics\",\n metadata: { groups: [\"common\", \"starterkit\"], aliases: [\"pulse\", \"test\"] },\n variants: [{ id: \"icon-diagnostics\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"dialer\",\n metadata: { aliases: [\"apps\", \"dots\"] },\n variants: [\n { id: \"icon-dialer-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-dialer\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"dice\",\n metadata: { aliases: [\"odds\", \"chance\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-dice-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-dice\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"directions\",\n metadata: { aliases: [\"arrow\", \"maps\", \"travel\"], groups: [\"native\"] },\n variants: [\n { id: \"icon-directions-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-directions\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"disabled\",\n metadata: {\n description: \"diagonal line inside a circle\",\n aliases: [\"slash\"],\n },\n variants: [\n { id: \"icon-disabled-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-disabled\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"dislike\",\n metadata: { aliases: [\"thumbs down\", \"bad\", \"disapprove\"] },\n variants: [\n { id: \"icon-dislike-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-dislike\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"display\",\n metadata: { aliases: [\"screen\"] },\n variants: [\n { id: \"icon-display-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-display\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"display-lock\",\n metadata: { aliases: [\"screen lock\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-display-lock-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-display-lock\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"document\",\n metadata: { aliases: [\"doc\", \"page\", \"file\"] },\n variants: [\n { id: \"icon-document-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-document\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"dog\",\n metadata: { aliases: [\"paw\"], groups: [\"vehicle\"] },\n variants: [{ id: \"icon-dog\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"dome-light\",\n metadata: { aliases: [\"overhead light\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-dome-light-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-dome-light\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"doors-open\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-doors-open-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-doors-open\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"double-chevron\",\n metadata: { groups: [\"starterkit\"], aliases: [\"arrow\", \"sort\"] },\n variants: [\n { id: \"icon-double-chevron-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-double-chevron-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-double-chevron\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"download\",\n metadata: { groups: [\"starterkit\"], aliases: [\"arrow\"] },\n variants: [\n { id: \"icon-download-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-download-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-download-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-download\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"download-circle\",\n metadata: { aliases: [\"arrow\"] },\n variants: [\n { id: \"icon-download-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-download-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"drag\",\n metadata: { aliases: [\"touch\", \"bars\", \"drag and drop\", \"drag & drop\"] },\n variants: [\n { id: \"icon-drag-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-drag\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"drag-alt\",\n metadata: { aliases: [\"touch\", \"bars\", \"drag and drop\", \"drag & drop\"] },\n variants: [\n { id: \"icon-drag-alt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-drag-alt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"earth\",\n metadata: { aliases: [\"globe\", \"satellite\"] },\n variants: [\n { id: \"icon-earth-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-earth\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"elevation\",\n metadata: { aliases: [\"mountain\"] },\n variants: [\n { id: \"icon-elevation-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-elevation\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"ellipsis\",\n metadata: { groups: [\"starterkit\"], aliases: [\"overflow\", \"dots\"] },\n variants: [\n { id: \"icon-ellipsis-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-ellipsis-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-ellipsis\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"energy-grid\",\n metadata: { aliases: [\"grid\", \"power line\", \"powerline\", \"energy\"] },\n variants: [\n { id: \"icon-energy-grid-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-energy-grid\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"error\",\n metadata: { groups: [\"starterkit\"], aliases: [\"status\", \"warning\"] },\n variants: [\n { id: \"icon-error-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-error-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-error-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-error\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"external\",\n metadata: { groups: [\"common\", \"media\", \"starterkit\"] },\n variants: [\n { id: \"icon-external-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-external\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"eye\",\n metadata: { groups: [\"starterkit\"], aliases: [\"look\", \"see\", \"sight\"] },\n variants: [\n {\n id: \"icon-eye-filled-off\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"off\",\n },\n { id: \"icon-eye-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-eye-off\", viewBox: \"0 0 24 24\", variant: \"off\" },\n { id: \"icon-eye\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"fan\",\n metadata: { groups: [\"vehicle\"], aliases: [\"climate\"] },\n variants: [\n { id: \"icon-fan-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-fan\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"fast-forward\",\n metadata: { aliases: [\"skip\", \"ff\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-fast-forward-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-fast-forward\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"ferry\",\n metadata: { aliases: [\"boat\", \"ship\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-ferry-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-ferry\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"filter\",\n metadata: { groups: [\"starterkit\"], aliases: [\"search\", \"options\"] },\n variants: [{ id: \"icon-filter\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"folder\",\n variants: [\n { id: \"icon-folder-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-folder\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"forward\",\n metadata: { aliases: [\"skip\", \"step\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-forward-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-forward\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"frunk\",\n metadata: { groups: [\"common\", \"vehicle\"], aliases: [\"trunk\"] },\n variants: [\n { id: \"icon-frunk-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-frunk-semi-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"semi\",\n filled: true,\n },\n { id: \"icon-frunk-semi\", viewBox: \"0 0 24 24\", variant: \"semi\" },\n { id: \"icon-frunk\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"fullscreen\",\n metadata: {\n groups: [\"common\", \"media\", \"starterkit\"],\n aliases: [\"expand\"],\n },\n variants: [\n { id: \"icon-fullscreen-exit\", viewBox: \"0 0 24 24\", variant: \"exit\" },\n {\n id: \"icon-fullscreen-filled-exit\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"exit\",\n },\n { id: \"icon-fullscreen-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-fullscreen\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"gear\",\n metadata: { groups: [\"starterkit\"], aliases: [\"configure\", \"settings\"] },\n variants: [\n { id: \"icon-gear-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-gear\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"gift\",\n metadata: { aliases: [\"present\", \"incentive\", \"wrap\", \"holiday\"] },\n variants: [{ id: \"icon-gift\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"globe\",\n metadata: {\n groups: [\"common\", \"starterkit\"],\n aliases: [\n \"localization\",\n \"l10n\",\n \"internationalization\",\n \"i18n\",\n \"planet\",\n \"global\",\n ],\n },\n variants: [\n { id: \"icon-globe-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-globe\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"glovebox\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-glovebox-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-glovebox\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"grid\",\n metadata: { aliases: [\"list\", \"layout\"] },\n variants: [\n { id: \"icon-grid-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-grid\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"hd\",\n metadata: { aliases: [\"high definition\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-hd-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-hd\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"heat\",\n metadata: { aliases: [\"warm\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-heat-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-heat\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"heat-wheel\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-heat-wheel\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"heat-wiper\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-heat-wiper-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-heat-wiper\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"heat-yoke\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-heat-yoke\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"help\",\n metadata: { aliases: [\"question mark\", \"other\"] },\n variants: [\n { id: \"icon-help-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-help\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"history\",\n metadata: { aliases: [\"back\", \"past\", \"reverse\", \"undo\"] },\n variants: [\n { id: \"icon-history-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-history\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"home\",\n metadata: { groups: [\"starterkit\"], aliases: [\"house\"] },\n variants: [\n { id: \"icon-home-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-home\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"home-disconnect\",\n metadata: { aliases: [\"go off grid\"] },\n variants: [\n { id: \"icon-home-disconnect-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-home-disconnect\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"homelink\",\n metadata: { aliases: [\"home\", \"house\"] },\n variants: [\n { id: \"icon-homelink-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-homelink\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"horn\",\n metadata: { groups: [\"vehicle\"], aliases: [\"honk\", \"trumpet\"] },\n variants: [\n { id: \"icon-horn-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-horn\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"inbox\",\n metadata: { aliases: [\"mailbox\", \"notifications\"] },\n variants: [\n { id: \"icon-inbox-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-inbox\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"info\",\n metadata: { groups: [\"common\", \"starterkit\"], aliases: [\"details\"] },\n variants: [\n { id: \"icon-info-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-info-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-info-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-info\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"in-progress\",\n metadata: { aliases: [\"status\", \"partially-complete\", \"pending\"] },\n variants: [\n { id: \"icon-in-progress-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-in-progress-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-in-progress-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-in-progress\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"intake-fresh\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-intake-fresh-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-intake-fresh\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"karaoke\",\n metadata: { aliases: [\"microphone\", \"sing\"] },\n variants: [\n { id: \"icon-karaoke-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-karaoke\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"keep-climate\",\n metadata: { aliases: [\"lock fan\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-keep-climate-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-keep-climate\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"language\",\n metadata: { aliases: [\"localize\", \"localization\", \"i18n\", \"translate\"] },\n variants: [\n { id: \"icon-language-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-language\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"leaf\",\n metadata: { groups: [\"vehicle\"], aliases: [\"eco\"] },\n variants: [\n { id: \"icon-leaf-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-leaf\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"lights\",\n metadata: { aliases: [\"lightbulb\"] },\n variants: [\n { id: \"icon-lights-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-lights\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"like\",\n metadata: { aliases: [\"thumbs up\", \"good\", \"approve\"] },\n variants: [\n { id: \"icon-like-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-like\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"line-chart\",\n metadata: { aliases: [\"graph\", \"data\"] },\n variants: [\n { id: \"icon-line-chart-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-line-chart\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"link\",\n metadata: { groups: [\"starterkit\"], aliases: [\"chain\", \"hyperlink\"] },\n variants: [\n { id: \"icon-link-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-link\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"list\",\n metadata: { aliases: [\"unordered\"] },\n variants: [\n { id: \"icon-list-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-list\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"list-alt\",\n metadata: { aliases: [\"list\", \"unordered\"] },\n variants: [\n { id: \"icon-list-alt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-list-alt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"list-ordered\",\n metadata: { aliases: [\"list-alt\", \"list\"] },\n variants: [\n { id: \"icon-list-ordered-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-list-ordered\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"loader\",\n metadata: {\n groups: [\"common\", \"starterkit\"],\n aliases: [\"spinner\", \"progress\"],\n },\n variants: [{ id: \"icon-loader\", viewBox: \"0 0 48 48\" }],\n },\n {\n name: \"lock\",\n metadata: { groups: [\"starterkit\"], aliases: [\"secure\"] },\n variants: [\n { id: \"icon-lock-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-lock\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"logo\",\n metadata: {\n groups: [\"common\", \"branding\", \"starterkit\"],\n aliases: [\"watermark\", \"wordmark\"],\n },\n variants: [{ id: \"icon-logo\", viewBox: \"0 0 160 160\" }],\n },\n {\n name: \"logo-wordmark\",\n metadata: {\n groups: [\"common\", \"branding\", \"starterkit\"],\n aliases: [\"watermark\"],\n },\n variants: [{ id: \"icon-logo-wordmark\", viewBox: \"0 0 342 35\" }],\n },\n {\n name: \"loot-box\",\n metadata: { aliases: [\"box\", \"crate\"] },\n variants: [\n { id: \"icon-loot-box-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-loot-box\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"lyrics\",\n variants: [\n { id: \"icon-lyrics-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-lyrics\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"mail\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"letter\", \"email\", \"compose\"],\n },\n variants: [\n { id: \"icon-mail-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-mail\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"manual\",\n metadata: { aliases: [\"book\", \"library\"] },\n variants: [\n { id: \"icon-manual-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-manual\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"map\",\n metadata: {\n aliases: [\"maps\", \"route\", \"explore\", \"location\", \"navigation\"],\n },\n variants: [\n { id: \"icon-map-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-map\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"menu\",\n metadata: { groups: [\"starterkit\"], aliases: [\"hamburger\", \"bars\"] },\n variants: [\n { id: \"icon-menu-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-menu\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"message\",\n metadata: { groups: [\"starterkit\"], aliases: [\"chat\", \"text\"] },\n variants: [\n { id: \"icon-message-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-message\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"microphone\",\n metadata: { aliases: [\"voice\"] },\n variants: [\n { id: \"icon-microphone-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-microphone\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"minus\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"subtract\", \"dash\", \"line\", \"math\"],\n },\n variants: [\n { id: \"icon-minus-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-minus-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-minus\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"minus-circle\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"subtract\", \"dash\", \"line\", \"math\"],\n },\n variants: [\n { id: \"icon-minus-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-minus-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"mirror\",\n metadata: { aliases: [\"rearview\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-mirror-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-mirror\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"moon\",\n metadata: { aliases: [\"lunar\", \"moon-knight\", \"night\", \"dark mode\"] },\n variants: [\n { id: \"icon-moon-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-moon\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"music\",\n metadata: { aliases: [\"note\"] },\n variants: [\n { id: \"icon-music-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-music\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"mute\",\n metadata: { groups: [\"common\", \"media\"], aliases: [\"volume\", \"silence\"] },\n variants: [\n { id: \"icon-mute-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-mute\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"navigate\",\n metadata: { aliases: [\"map\", \"arrow\", \"chevron\", \"star trek\"] },\n variants: [\n { id: \"icon-navigate-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-navigate\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"network\",\n metadata: { aliases: [\"diagram\", \"graph\", \"relationship\", \"connection\"] },\n variants: [\n { id: \"icon-network-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-network\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"next\",\n metadata: { aliases: [\"skip\", \"forward\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-next-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-next\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"north\",\n metadata: { aliases: [\"compass\", \"direction\"] },\n variants: [\n { id: \"icon-north-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-north\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"not-started\",\n metadata: { aliases: [\"status\"] },\n variants: [\n { id: \"icon-not-started-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-not-started-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-not-started\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n metadata: {\n aliases: [\"ellipsis\", \"dots\", \"horizontal\"],\n groups: [\"starterkit\"],\n },\n name: \"overflow\",\n variants: [\n { id: \"icon-overflow-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-overflow-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-overflow\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"partially-complete\",\n metadata: { aliases: [\"status\", \"pending\", \"in-progress\"] },\n variants: [\n {\n id: \"icon-partially-complete-filled\",\n viewBox: \"0 0 24 24\",\n filled: true,\n },\n {\n id: \"icon-partially-complete-small\",\n viewBox: \"0 0 16 16\",\n small: true,\n },\n { id: \"icon-partially-complete\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"passport\",\n variants: [\n { id: \"icon-passport-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-passport\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"pause\",\n metadata: { groups: [\"common\", \"media\", \"starterkit\"] },\n variants: [\n { id: \"icon-pause-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-pause\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"pause-circle\",\n metadata: { aliases: [\"stop\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-pause-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-pause-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"payment\",\n metadata: { aliases: [\"credit card\", \"money\"] },\n variants: [\n { id: \"icon-payment-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-payment\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"pdf\",\n metadata: {\n aliases: [\"document\", \"adobe acrobat\"],\n groups: [\"starterkit\"],\n },\n variants: [\n { id: \"icon-pdf-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-pdf\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"pencil\",\n metadata: { groups: [\"starterkit\"], aliases: [\"new\", \"edit\", \"create\"] },\n variants: [\n { id: \"icon-pencil-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-pencil\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"pending\",\n metadata: { aliases: [\"status\", \"partially-complete\", \"in-progress\"] },\n variants: [\n { id: \"icon-pending-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-pending-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-pending\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"performance\",\n metadata: { aliases: [\"dial\", \"meter\", \"gauge\"], groups: [\"native\"] },\n variants: [\n { id: \"icon-performance-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-performance\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"person\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"avatar\", \"contacts\", \"user\"],\n },\n variants: [\n { id: \"icon-person-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-person\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"phone\",\n metadata: { groups: [\"starterkit\"], aliases: [\"call\", \"chat\", \"talk\"] },\n variants: [\n { id: \"icon-phone-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-phone\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"phone-key\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-phone-key-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-phone-key\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"photo\",\n metadata: { groups: [\"starterkit\"], aliases: [\"picture\", \"frame\"] },\n variants: [\n { id: \"icon-photo-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-photo\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"pin\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"map\", \"location\", \"destination\"],\n },\n variants: [\n { id: \"icon-pin-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-pin\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"placeholder\",\n metadata: {\n aliases: [\"dummy\", \"crash-test-dummy\", \"tbd\", \"incoming\", \"test\"],\n },\n variants: [\n { id: \"icon-placeholder-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-placeholder\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"play\",\n metadata: { groups: [\"starterkit\"], aliases: [\"go\", \"start\"] },\n variants: [\n { id: \"icon-play-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-play\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"play-circle\",\n metadata: {\n groups: [\"common\", \"media\", \"native\"],\n aliases: [\"go\", \"start\"],\n },\n variants: [\n { id: \"icon-play-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-play-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"playing\",\n metadata: { aliases: [\"now playing\"] },\n variants: [\n { id: \"icon-playing-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-playing\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"plus\",\n metadata: { groups: [\"starterkit\"], aliases: [\"add\", \"math\"] },\n variants: [\n { id: \"icon-plus-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-plus-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-plus\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"plus-circle\",\n metadata: { groups: [\"starterkit\"], aliases: [\"add\", \"math\"] },\n variants: [\n { id: \"icon-plus-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-plus-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"popout\",\n metadata: { aliases: [\"expand\", \"open\"] },\n variants: [\n { id: \"icon-popout-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-popout\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"power\",\n metadata: { aliases: [\"enable\", \"i/o\", \"on/off\"] },\n variants: [\n { id: \"icon-power-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-power\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"powerwall\",\n metadata: { aliases: [\"product\", \"energy\"] },\n variants: [\n { id: \"icon-powerwall-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-powerwall\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"previous\",\n metadata: { aliases: [\"skip back\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-previous-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-previous\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"printer\",\n metadata: { groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-printer-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-printer\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"radio\",\n metadata: { aliases: [\"signal\"] },\n variants: [\n { id: \"icon-radio-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-radio\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"raise-suspension\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-raise-suspension\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"recents\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-recents-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-recents\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"recirculation\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-recirculation-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-recirculation\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"recirculation-open\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n {\n id: \"icon-recirculation-open-filled\",\n viewBox: \"0 0 24 24\",\n filled: true,\n },\n { id: \"icon-recirculation-open\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"recurring\",\n metadata: { groups: [\"starterkit\"], aliases: [\"repeating\"] },\n variants: [\n { id: \"icon-recurring-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-recurring\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"reload\",\n metadata: { aliases: [\"refresh\", \"restart\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-reload-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-reload\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"remote\",\n metadata: { groups: [\"vehicle\"], aliases: [\"fob\", \"control\"] },\n variants: [\n { id: \"icon-remote-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-remote\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"repeat\",\n metadata: { aliases: [\"loop\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-repeat-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-repeat\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"resources\",\n metadata: { aliases: [\"book\"], groups: [\"native\"] },\n variants: [\n { id: \"icon-resources-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-resources\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"restaurant\",\n metadata: { aliases: [\"food\", \"fork\", \"knife\"] },\n variants: [\n { id: \"icon-restaurant-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-restaurant\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"restroom\",\n metadata: { aliases: [\"bathroom\"] },\n variants: [\n { id: \"icon-restroom-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-restroom\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"rewind\",\n metadata: { aliases: [\"skip back\"], groups: [\"media\"] },\n variants: [\n { id: \"icon-rewind-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-rewind\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"robot\",\n metadata: { aliases: [\"ai\", \"optimus\"] },\n variants: [\n { id: \"icon-robot-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-robot\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"rocket\",\n metadata: { aliases: [\"launch\", \"space\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-rocket-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-rocket\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"route-overview\",\n metadata: { aliases: [\"trip\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-route-overview-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-route-overview\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"rows\",\n metadata: {\n aliases: [\"list\", \"layout\", \"grid\", \"filter\", \"columns\", \"row\", \"table\"],\n },\n variants: [\n { id: \"icon-rows-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-rows\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"safety-rating\",\n metadata: { groups: [\"vehicle\"], aliases: [\"speedometer\"] },\n variants: [\n { id: \"icon-safety-rating-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-safety-rating\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"scan\",\n metadata: { aliases: [\"barcode\"] },\n variants: [\n { id: \"icon-scan-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-scan\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"schedule\",\n metadata: { aliases: [\"alarm\", \"timer\"] },\n variants: [\n { id: \"icon-schedule-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-schedule\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"screenshot\",\n metadata: { aliases: [\"screencap\"] },\n variants: [\n { id: \"icon-screenshot-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-screenshot\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"search\",\n metadata: { aliases: [\"magnify\", \"find\"] },\n variants: [\n { id: \"icon-search-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-search\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"seat\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-seat\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"seat-heat\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-seat-heat\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"seat-heat-passenger\",\n metadata: { groups: [\"vehicle\"] },\n variants: [{ id: \"icon-seat-heat-passenger\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"security\",\n metadata: { aliases: [\"shield\", \"secure\"] },\n variants: [\n { id: \"icon-security-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-security\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"send\",\n metadata: { aliases: [\"airplane\", \"paper airplane\", \"post\"] },\n variants: [\n { id: \"icon-send-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-send\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"service\",\n metadata: { aliases: [\"wrench\", \"maintenance\"] },\n variants: [\n { id: \"icon-service-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-service\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"settings-alt\",\n metadata: { aliases: [\"configure\", \"filters\"] },\n variants: [\n { id: \"icon-settings-alt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-settings-alt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"share\",\n metadata: { groups: [\"common\"], aliases: [\"arrow\"] },\n variants: [\n { id: \"icon-share-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-share\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"shield\",\n metadata: { groups: [], aliases: [\"insurance\"] },\n variants: [\n { id: \"icon-shield-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-shield\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"shirt\",\n metadata: { aliases: [\"t-shirt\", \"apparel\", \"clothes\"] },\n variants: [\n { id: \"icon-shirt-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-shirt\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"shuffle\",\n metadata: { groups: [\"media\"] },\n variants: [\n { id: \"icon-shuffle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-shuffle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"sign-out\",\n metadata: { groups: [\"common\"], aliases: [\"arrow\", \"exit\"] },\n variants: [\n { id: \"icon-sign-out-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-sign-out\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"smartphone\",\n metadata: { groups: [\"starterkit\"], aliases: [\"device\", \"call\"] },\n variants: [\n { id: \"icon-smartphone-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-smartphone\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"solar-panel\",\n metadata: { aliases: [\"sun\", \"energy\"] },\n variants: [\n { id: \"icon-solar-panel-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-solar-panel\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"solar-roof\",\n metadata: { aliases: [\"sun\", \"energy\"] },\n variants: [\n { id: \"icon-solar-roof-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-solar-roof\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"speaker\",\n metadata: {\n groups: [\"common\", \"media\", \"starterkit\"],\n aliases: [\"volume\"],\n },\n variants: [\n {\n id: \"icon-speaker-filled-high\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"high\",\n },\n {\n id: \"icon-speaker-filled-low\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"low\",\n },\n {\n id: \"icon-speaker-filled-mute\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"mute\",\n },\n { id: \"icon-speaker-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-speaker-high\", viewBox: \"0 0 24 24\", variant: \"high\" },\n { id: \"icon-speaker-low\", viewBox: \"0 0 24 24\", variant: \"low\" },\n { id: \"icon-speaker-mute\", viewBox: \"0 0 24 24\", variant: \"mute\" },\n { id: \"icon-speaker\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"speedometer\",\n metadata: { aliases: [\"safety-score\"] },\n variants: [\n { id: \"icon-speedometer-filled\", viewBox: \"0 0 24 24\", filled: true },\n ],\n },\n {\n name: \"star\",\n metadata: { aliases: [\"favorite\", \"like\", \"vip\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-star-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-star\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"status-error\",\n metadata: { groups: [\"common\", \"starterkit\"], aliases: [\"warning\"] },\n variants: [\n { id: \"icon-status-error-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-status-error\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"status-info\",\n metadata: { groups: [\"common\", \"starterkit\"] },\n variants: [\n { id: \"icon-status-info-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-status-info\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"status-success\",\n metadata: {\n groups: [\"common\", \"starterkit\"],\n aliases: [\"approved\", \"check\"],\n },\n variants: [\n { id: \"icon-status-success-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-status-success\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"status-warning\",\n metadata: { groups: [\"common\", \"starterkit\"], aliases: [\"error\"] },\n variants: [\n { id: \"icon-status-warning-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-status-warning\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"steering-wheel\",\n metadata: { aliases: [] },\n variants: [\n { id: \"icon-steering-wheel-yoke\", viewBox: \"0 0 24 24\", variant: \"yoke\" },\n { id: \"icon-steering-wheel\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"stop\",\n metadata: { groups: [\"media\"] },\n variants: [\n { id: \"icon-stop-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-stop\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"stop-circle\",\n metadata: { groups: [\"media\"] },\n variants: [\n { id: \"icon-stop-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-stop-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"storm\",\n metadata: {\n aliases: [\n \"storm watch\",\n \"thunder\",\n \"thunderstorm\",\n \"lightning\",\n \"weather\",\n ],\n },\n variants: [\n { id: \"icon-storm-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-storm\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"streaming\",\n metadata: { aliases: [\"rss\", \"feed\"] },\n variants: [\n { id: \"icon-streaming-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-streaming\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"success\",\n metadata: {\n groups: [\"common\", \"starterkit\"],\n aliases: [\"approved\", \"check\", \"status\"],\n },\n variants: [\n { id: \"icon-success-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-success-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-success-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-success\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"sun\",\n metadata: { aliases: [\"brightness\", \"heat\", \"light mode\", \"solar\", \"day\"] },\n variants: [\n { id: \"icon-sun-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-sun\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"suspension\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-suspension-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-suspension\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"temperature\",\n metadata: { aliases: [\"thermometer\"] },\n variants: [\n { id: \"icon-temperature-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-temperature\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"terminal\",\n metadata: { aliases: [\"code\", \"console\", \"command line\", \"programming\"] },\n variants: [\n { id: \"icon-terminal-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-terminal\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"test\",\n metadata: { aliases: [\"beaker\", \"flask\", \"experiment\", \"science\"] },\n variants: [\n { id: \"icon-test-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-test\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"wheel\",\n metadata: { aliases: [\"tire\"] },\n variants: [\n { id: \"icon-wheel-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-wheel\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"toybox\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-toybox-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-toybox\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"traffic\",\n metadata: { aliases: [\"stoplight\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-traffic-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-traffic\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"trailer\",\n variants: [\n { id: \"icon-trailer-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-trailer\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"transfer\",\n metadata: { aliases: [\"exchange\", \"change\", \"transaction\"] },\n variants: [\n { id: \"icon-transfer-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-transfer\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"trash\",\n metadata: { groups: [\"starterkit\"], aliases: [\"delete\", \"remove\"] },\n variants: [\n { id: \"icon-trash-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-trash\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"trip\",\n metadata: { aliases: [\"route\"] },\n variants: [\n { id: \"icon-trip-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-trip\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"trunk\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-trunk-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-trunk\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"unlock\",\n metadata: { groups: [\"vehicle\"], aliases: [\"lock\"] },\n variants: [\n { id: \"icon-unlock-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-unlock\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"upload\",\n metadata: { groups: [\"starterkit\"], aliases: [\"arrow\", \"check\"] },\n variants: [\n { id: \"icon-upload-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-upload-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-upload-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-upload\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"usb\",\n variants: [\n { id: \"icon-usb-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-usb\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"user\",\n metadata: {\n groups: [\"starterkit\"],\n aliases: [\"avatar\", \"contacts\", \"person\"],\n },\n variants: [\n { id: \"icon-user-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-user\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"user-cloud\",\n metadata: { aliases: [\"profile cloud\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-user-cloud-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-user-cloud\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"valet\",\n metadata: { aliases: [\"bowtie\"], groups: [\"vehicle\"] },\n variants: [{ id: \"icon-valet\", viewBox: \"0 0 24 24\" }],\n },\n {\n name: \"vehicle\",\n metadata: {\n groups: [\"common\", \"vehicle\"],\n aliases: [\n \"car\",\n \"truck\",\n \"product\",\n \"model 3\",\n \"m3\",\n \"model y\",\n \"my\",\n \"model s\",\n \"ms\",\n \"model x\",\n \"mx\",\n \"cybertruck\",\n ],\n },\n variants: [\n {\n id: \"icon-vehicle-cybertruck-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"cybertruck\",\n filled: true,\n },\n {\n id: \"icon-vehicle-cybertruck\",\n viewBox: \"0 0 24 24\",\n variant: \"cybertruck\",\n },\n {\n id: \"icon-vehicle-model-3y-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"model-3y\",\n filled: true,\n },\n {\n id: \"icon-vehicle-model-3y\",\n viewBox: \"0 0 24 24\",\n variant: \"model-3y\",\n },\n {\n id: \"icon-vehicle-model-s-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"model-s\",\n filled: true,\n },\n { id: \"icon-vehicle-model-s\", viewBox: \"0 0 24 24\", variant: \"model-s\" },\n {\n id: \"icon-vehicle-model-x-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"model-x\",\n filled: true,\n },\n { id: \"icon-vehicle-model-x\", viewBox: \"0 0 24 24\", variant: \"model-x\" },\n {\n id: \"icon-vehicle-semi-filled\",\n viewBox: \"0 0 24 24\",\n variant: \"semi\",\n filled: true,\n },\n { id: \"icon-vehicle-semi\", viewBox: \"0 0 24 24\", variant: \"semi\" },\n { id: \"icon-vehicle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"vent-windows\",\n metadata: { groups: [\"vehicle\"], aliases: [\"windows\"] },\n variants: [\n { id: \"icon-vent-windows-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-vent-windows\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"video\",\n metadata: { aliases: [\"camera\"] },\n variants: [\n { id: \"icon-video-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-video\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"wall-charger\",\n metadata: { aliases: [\"product\", \"plug\"], groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-wall-charger-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-wall-charger\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"warning\",\n metadata: {\n groups: [\"common\", \"starterkit\"],\n aliases: [\"error\", \"status\"],\n },\n variants: [\n { id: \"icon-warning-filled\", viewBox: \"0 0 24 24\", filled: true },\n {\n id: \"icon-warning-small-filled\",\n viewBox: \"0 0 16 16\",\n small: true,\n filled: true,\n },\n { id: \"icon-warning-small\", viewBox: \"0 0 16 16\", small: true },\n { id: \"icon-warning\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"wifi\",\n metadata: { aliases: [\"connection\", \"signal\"] },\n variants: [\n { id: \"icon-wifi-0\", viewBox: \"0 0 24 24\", variant: \"0\" },\n { id: \"icon-wifi-1\", viewBox: \"0 0 24 24\", variant: \"1\" },\n { id: \"icon-wifi-2\", viewBox: \"0 0 24 24\", variant: \"2\" },\n { id: \"icon-wifi-3\", viewBox: \"0 0 24 24\", variant: \"3\" },\n {\n id: \"icon-wifi-filled-0\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"0\",\n },\n {\n id: \"icon-wifi-filled-1\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"1\",\n },\n {\n id: \"icon-wifi-filled-2\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"2\",\n },\n {\n id: \"icon-wifi-filled-3\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"3\",\n },\n {\n id: \"icon-wifi-filled-none\",\n viewBox: \"0 0 24 24\",\n filled: true,\n variant: \"none\",\n },\n { id: \"icon-wifi-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-wifi-none\", viewBox: \"0 0 24 24\", variant: \"none\" },\n { id: \"icon-wifi\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"window-lock\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-window-lock-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-window-lock\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"wiper\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-wiper-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-wiper\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"wiper-wash\",\n metadata: { groups: [\"vehicle\"] },\n variants: [\n { id: \"icon-wiper-wash-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-wiper-wash\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"work\",\n metadata: { aliases: [\"briefcase\", \"job\", \"company\"] },\n variants: [\n { id: \"icon-work-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-work\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"x-circle\",\n metadata: { aliases: [\"close\", \"cancel\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-x-circle-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-x-circle\", viewBox: \"0 0 24 24\" },\n ],\n },\n {\n name: \"zip\",\n metadata: { aliases: [\"document\", \"archive\"], groups: [\"starterkit\"] },\n variants: [\n { id: \"icon-zip-filled\", viewBox: \"0 0 24 24\", filled: true },\n { id: \"icon-zip\", viewBox: \"0 0 24 24\" },\n ],\n },\n];\n","const SPLIT_LOWER_UPPER_RE = /([\\p{Ll}\\d])(\\p{Lu})/gu;\nconst SPLIT_UPPER_UPPER_RE = /(\\p{Lu})([\\p{Lu}][\\p{Ll}])/gu;\nconst SPLIT_SEPARATE_NUMBER_RE = /(\\d)\\p{Ll}|(\\p{L})\\d/u;\nconst DEFAULT_STRIP_REGEXP = /[^\\p{L}\\d]+/giu;\nconst SPLIT_REPLACE_VALUE = '$1\\0$2';\nconst DEFAULT_PREFIX_SUFFIX_CHARACTERS = '';\nexport function split(value) {\n let result = value.trim();\n result = result\n .replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE)\n .replace(SPLIT_UPPER_UPPER_RE, SPLIT_REPLACE_VALUE);\n result = result.replace(DEFAULT_STRIP_REGEXP, '\\0');\n let start = 0;\n let end = result.length;\n while (result.charAt(start) === '\\0')\n start++;\n if (start === end)\n return [];\n while (result.charAt(end - 1) === '\\0')\n end--;\n return result.slice(start, end).split(/\\0/g);\n}\nexport function splitSeparateNumbers(value) {\n var _a;\n const words = split(value);\n for (let i = 0; i < words.length; i++) {\n const word = words[i];\n const match = SPLIT_SEPARATE_NUMBER_RE.exec(word);\n if (match) {\n const offset = match.index + ((_a = match[1]) !== null && _a !== void 0 ? _a : match[2]).length;\n words.splice(i, 1, word.slice(0, offset), word.slice(offset));\n }\n }\n return words;\n}\nexport function noCase(input, options) {\n var _a;\n const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n return prefix + words.map(lowerFactory(options === null || options === void 0 ? void 0 : options.locale)).join((_a = options === null || options === void 0 ? void 0 : options.delimiter) !== null && _a !== void 0 ? _a : ' ') + suffix;\n}\nexport function camelCase(input, options) {\n var _a;\n const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n const lower = lowerFactory(options === null || options === void 0 ? void 0 : options.locale);\n const upper = upperFactory(options === null || options === void 0 ? void 0 : options.locale);\n const transform = (options === null || options === void 0 ? void 0 : options.mergeAmbiguousCharacters)\n ? capitalCaseTransformFactory(lower, upper)\n : pascalCaseTransformFactory(lower, upper);\n return (prefix +\n words\n .map((word, index) => {\n if (index === 0)\n return lower(word);\n return transform(word, index);\n })\n .join((_a = options === null || options === void 0 ? void 0 : options.delimiter) !== null && _a !== void 0 ? _a : '') +\n suffix);\n}\nfunction lowerFactory(locale) {\n return locale === false\n ? (input) => input.toLowerCase()\n : (input) => input.toLocaleLowerCase(locale);\n}\nfunction upperFactory(locale) {\n return locale === false\n ? (input) => input.toUpperCase()\n : (input) => input.toLocaleUpperCase(locale);\n}\nfunction capitalCaseTransformFactory(lower, upper) {\n return (word) => `${upper(word[0])}${lower(word.slice(1))}`;\n}\nfunction pascalCaseTransformFactory(lower, upper) {\n return (word, index) => {\n const char0 = word[0];\n const initial = index > 0 && char0 >= '0' && char0 <= '9' ? '_' + char0 : upper(char0);\n return initial + lower(word.slice(1));\n };\n}\nfunction splitPrefixSuffix(input, options = {}) {\n var _a, _b, _c;\n const splitFn = (_a = options.split) !== null && _a !== void 0 ? _a : (options.separateNumbers ? splitSeparateNumbers : split);\n const prefixCharacters = (_b = options.prefixCharacters) !== null && _b !== void 0 ? _b : DEFAULT_PREFIX_SUFFIX_CHARACTERS;\n const suffixCharacters = (_c = options.suffixCharacters) !== null && _c !== void 0 ? _c : DEFAULT_PREFIX_SUFFIX_CHARACTERS;\n let prefixIndex = 0;\n let suffixIndex = input.length;\n while (prefixIndex < input.length) {\n const char = input.charAt(prefixIndex);\n if (!prefixCharacters.includes(char))\n break;\n prefixIndex++;\n }\n while (suffixIndex > prefixIndex) {\n const index = suffixIndex - 1;\n const char = input.charAt(index);\n if (!suffixCharacters.includes(char))\n break;\n suffixIndex = index;\n }\n return [\n input.slice(0, prefixIndex),\n splitFn(input.slice(prefixIndex, suffixIndex)),\n input.slice(suffixIndex),\n ];\n}\n","import { camelCase } from './changeCaseMirror.js';\nexport const idFromFilename = (filename) => {\n return `icon-${filename.replace(/--/g, '-')}`;\n};\nexport const normalizeComponentName = (id) => {\n return id.replace('tds-', '').replace('_', '');\n};\nexport const prefixIdName = (id) => {\n return `tds-${id}`;\n};\nexport const normalizeExportFilename = (id) => {\n return id.replace('tds-', '');\n};\nexport const fileNameToIconName = (filename) => {\n return `icon-${filename.replace(/--/g, '-')}`;\n};\nexport const nameToKey = (name) => camelCase(name).replace('_', '');\nexport const nameToID = (name) => `tds-${name}`;\nexport const registryToKeyArray = (registry) => {\n const arr = [];\n registry.forEach((icon) => {\n var _a;\n (_a = icon.variants) === null || _a === void 0 ? void 0 : _a.forEach((variant) => {\n arr.push(nameToKey(variant.id));\n });\n });\n return arr;\n};\nexport const registryToIDArray = (registry) => {\n const arr = [];\n registry.forEach((icon) => {\n var _a;\n (_a = icon.variants) === null || _a === void 0 ? void 0 : _a.forEach((variant) => {\n arr.push(nameToID(variant.id));\n });\n });\n return arr;\n};\nexport const registryToVariantsArray = (registry) => {\n const arr = [];\n registry.forEach((icon) => {\n var _a;\n (_a = icon.variants) === null || _a === void 0 ? void 0 : _a.forEach((variant) => {\n arr.push(variant);\n });\n });\n return arr;\n};\n","import { prefixIdName } from './helpers.js';\nexport const symbolWrapper = ({ id, childPaths, viewBox = '0 0 24 24' }) => `