{"version":3,"file":"static/js/4741.5a289f5d.chunk.js","mappings":"mRAIA,SAAe,EAAAA,EAAA,IAA4B,SAAK,OAAQ,CACtDC,EAAG,mPACD,eCFW,SAASC,GAAW,QACjCC,EAAO,KACPC,IAKA,OACEC,EAAAA,cAACC,EAAAA,OAAM,CACLH,QAASA,KACPA,GAAS,EAEXC,KAAMA,EACNG,MAAM,2BAENF,EAAAA,cAACG,EAAAA,EAAa,KACZH,EAAAA,cAACI,EAAAA,EAAiB,KAAC,qaASnBJ,EAAAA,cAACI,EAAAA,EAAiB,KAAC,uUAQnBJ,EAAAA,cAACI,EAAAA,EAAiB,KAAC,uDAM3B,CC3BA,MAAMC,EAA6B,mBAEpB,SAASC,EAAeC,GAKrC,MAAM,QAAET,EAAO,KAAEC,EAAI,eAAES,GAAmBD,GACnCE,EAASC,IAAcC,EAAAA,EAAAA,UAASH,IAChCI,EAAgBC,IAAqBF,EAAAA,EAAAA,WAAS,GAOrD,OACEX,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,OAAM,CACLH,QARcgB,KAClBC,aAAaC,QAAQX,EAA4BI,GACjDX,EAAQW,EAAQ,EAOZV,KAAMA,EACNG,MAAM,6BAENF,EAAAA,cAACG,EAAAA,EAAa,KACZH,EAAAA,cAACI,EAAAA,EAAiB,KAAC,uEAEjBJ,EAAAA,cAACiB,EAAAA,EAAU,CACTC,QAASA,KACPL,GAAkB,EAAK,GAGzBb,EAAAA,cAACmB,EAAe,QAGpBnB,EAAAA,cAACoB,EAAAA,EAAW,CAACC,UAAU,YACrBrB,EAAAA,cAACsB,EAAAA,EAAU,CACTC,MAAOd,EACPe,SAAUC,IACRf,EAAWe,EAAMC,OAAOH,MAAM,GAGhCvB,EAAAA,cAAC2B,EAAAA,EAAgB,CACfJ,MAAM,QACNK,QAAS5B,EAAAA,cAAC6B,EAAAA,EAAK,MACfC,MAAM,cAER9B,EAAAA,cAAC2B,EAAAA,EAAgB,CACfJ,MAAM,OACNK,QAAS5B,EAAAA,cAAC6B,EAAAA,EAAK,MACfC,MAAM,iBAMhB9B,EAAAA,cAACH,EAAU,CACTE,KAAMa,EACNd,QAASA,KACPe,GAAkB,EAAM,IAKlC,C,mHCtEA,SAAe,EAAAlB,EAAA,IAA2B,SAAK,OAAQ,CACrDC,EAAG,iIACD,wBCFJ,GAAe,EAAAD,EAAA,IAA2B,SAAK,OAAQ,CACrDC,EAAG,gLACD,sB,qCCDJ,MAAMmC,GAAsB,EAAAC,EAAA,IAAO,OAAQ,CACzCC,kBAAmBC,EAAA,GADO,CAEzB,CACDC,SAAU,WACVC,QAAS,SAELC,GAA4B,EAAAL,EAAA,IAAOM,EAAP,CAAiC,CAEjEC,UAAW,aAEPC,GAAqB,EAAAR,EAAA,IAAOS,EAAP,EAA+B,EAAAC,EAAA,IAAU,EAClEC,YACI,CACJC,KAAM,EACNT,SAAU,WACVI,UAAW,WACXM,WAAYF,EAAMG,YAAYC,OAAO,YAAa,CAChDC,OAAQL,EAAMG,YAAYE,OAAOC,OACjCC,SAAUP,EAAMG,YAAYI,SAASC,WAEvCC,SAAU,CAAC,CACT7C,MAAO,CACL8C,SAAS,GAEXC,MAAO,CACLf,UAAW,WACXM,WAAYF,EAAMG,YAAYC,OAAO,YAAa,CAChDC,OAAQL,EAAMG,YAAYE,OAAOO,QACjCL,SAAUP,EAAMG,YAAYI,SAASC,mBAgD7C,EAvCA,SAAyB5C,GACvB,MAAM,QACJ8C,GAAU,EAAK,QACfG,EAAU,CAAC,EAAC,SACZC,GACElD,EACEmD,EAAa,IACdnD,EACH8C,WAEF,OAAoB,UAAMtB,EAAqB,CAC7C4B,UAAWH,EAAQI,KACnBF,WAAYA,EACZG,SAAU,EAAc,SAAKxB,EAA2B,CACtDoB,SAAUA,EACVE,UAAWH,EAAQM,WACnBJ,WAAYA,KACG,SAAKlB,EAAoB,CACxCiB,SAAUA,EACVE,UAAWH,EAAQO,IACnBL,WAAYA,MAGlB,E,+ECjDA,MAcMM,GAAY,EAAAhC,EAAA,IAAOiC,EAAA,EAAY,CACnChC,kBAAmBiC,IAAQ,EAAAhC,EAAA,GAAsBgC,IAAkB,YAATA,EAC1DC,KAAM,WACNC,KAAM,OACNC,kBAAmB,CAAC9D,EAAO+D,KACzB,MAAM,WACJZ,GACEnD,EACJ,MAAO,CAAC+D,EAAOV,KAA0B,WAApBF,EAAWa,MAAqBD,EAAO,QAAO,EAAAE,EAAA,GAAWd,EAAWa,SAAUD,EAAO,SAAQ,EAAAE,EAAA,GAAWd,EAAWe,UAAU,GARpI,EAUf,EAAA/B,EAAA,IAAU,EACXC,YACI,CACJ8B,OAAQ9B,EAAM+B,MAAQ/B,GAAOgC,QAAQC,KAAKC,UAC1C,CAAC,KAAKC,EAAA,EAAaC,YAAa,CAC9BN,OAAQ9B,EAAM+B,MAAQ/B,GAAOgC,QAAQK,OAAOD,UAE9C3B,SAAU,CAAC,CACT7C,MAAO,CACLkE,MAAO,UACPM,UAAU,EACVE,eAAe,GAEjB3B,MAAO,CACL,UAAW,CACT4B,gBAAiBvC,EAAM+B,KAAO,QAAQ/B,EAAM+B,KAAKC,QAAQK,OAAOG,mBAAmBxC,EAAM+B,KAAKC,QAAQK,OAAOI,iBAAkB,QAAMzC,EAAMgC,QAAQK,OAAOK,OAAQ1C,EAAMgC,QAAQK,OAAOI,oBAGvLE,OAAOC,QAAQ5C,EAAMgC,SAASa,QAAO,EAAAC,EAAA,MAAkCC,KAAI,EAAEjB,MAAW,CAC5FlE,MAAO,CACLkE,QACAM,UAAU,EACVE,eAAe,GAEjB3B,MAAO,CACL,UAAW,CACT4B,gBAAiBvC,EAAM+B,KAAO,QAAQ/B,EAAM+B,KAAKC,QAAQF,GAAOkB,iBAAiBhD,EAAM+B,KAAKC,QAAQK,OAAOI,iBAAkB,QAAMzC,EAAMgC,QAAQF,GAAOmB,KAAMjD,EAAMgC,QAAQK,OAAOI,uBAGjLE,OAAOC,QAAQ5C,EAAMgC,SAASa,QAAO,EAAAC,EAAA,MAAkCC,KAAI,EAAEjB,MAAW,CAC9FlE,MAAO,CACLkE,QACAM,UAAU,GAEZzB,MAAO,CACL,CAAC,KAAKwB,EAAA,EAAazB,WAAY,CAC7BoB,OAAQ9B,EAAM+B,MAAQ/B,GAAOgC,QAAQF,GAAOmB,WAG7C,CAEHrF,MAAO,CACL0E,eAAe,GAEjB3B,MAAO,CAEL,UAAW,CACT,uBAAwB,CACtB4B,gBAAiB,wBAcrBW,GAAkC,SAAK,EAAiB,CAC5DxC,SAAS,IAELyC,GAA2B,SAAK,EAAiB,CAAC,GAyJxD,EAxJ2B,cAAiB,SAAeC,EAASC,GAClE,MAAMzF,GAAQ,OAAgB,CAC5BA,MAAOwF,EACP5B,KAAM,cAGNd,QAAS4C,EAAW,YACpBC,EAAcL,EAAkB,MAChCpB,EAAQ,UAAS,KACjB0B,EAAOL,EACP3B,KAAMiC,EACN5E,SAAU6E,EAAY,KACtB9B,EAAO,SAAQ,UACfZ,EACAoB,SAAUuB,EAAY,cACtBrB,GAAgB,KACbsB,GACDhG,EACEiG,GAAiB,EAAAC,EAAA,KACvB,IAAI1B,EAAWuB,EACXE,QACsB,IAAbzB,IACTA,EAAWyB,EAAezB,UAG9BA,KAAa,EACb,MAAMrB,EAAa,IACdnD,EACHwE,WACAE,gBACAR,QACAF,QAEIf,EA3HkBE,KACxB,MAAM,QACJF,EAAO,MACPiB,EAAK,KACLF,GACEb,EACEgD,EAAQ,CACZ9C,KAAM,CAAC,OAAQ,SAAQ,EAAAY,EAAA,GAAWC,KAAmB,WAATF,GAAqB,QAAO,EAAAC,EAAA,GAAWD,OAErF,MAAO,IACFf,MACA,EAAAmD,EAAA,GAAeD,EAAO,IAAsBlD,GAChD,EA+GeoD,CAAkBlD,GAC5BmD,GAAa,EAAAC,EAAA,KACnB,IAAIzD,EAAU4C,EACd,MAAMzE,GAAW,EAAAuF,EAAA,GAAsBV,EAAcQ,GAAcA,EAAWrF,UAC9E,IAAI2C,EAAOiC,EAjDb,IAAwBY,EAAGC,EA0DzB,OARIJ,SACqB,IAAZxD,IAnDS2D,EAoDOH,EAAWtF,MAApC8B,EAnDa,iBADQ4D,EAoDsB1G,EAAMgB,QAnDlB,OAAN0F,EACpBD,IAAMC,EAIRC,OAAOF,KAAOE,OAAOD,SAgDN,IAAT9C,IACTA,EAAO0C,EAAW1C,QAGF,SAAKH,EAAW,CAClCmD,KAAM,QACNhB,KAAmB,eAAmBA,EAAM,CAC1C1C,SAAUqC,EAAYvF,MAAMkD,UAAYc,IAE1C2B,YAA0B,eAAmBA,EAAa,CACxDzC,SAAUoC,EAAmBtF,MAAMkD,UAAYc,IAEjDQ,SAAUA,EACVrB,WAAYA,EACZF,QAASA,EACTW,KAAMA,EACNd,QAASA,EACT7B,SAAUA,EACVwE,IAAKA,EACLrC,WAAW,EAAAyD,EAAA,GAAK5D,EAAQI,KAAMD,MAC3B4C,GAEP,G,qEC7KO,SAASc,EAAqBjD,GACnC,OAAO,QAAqB,WAAYA,EAC1C,CACA,MACA,GADqB,OAAuB,WAAY,CAAC,OAAQ,UAAW,WAAY,eAAgB,iBAAkB,a,oJCQ1H,MAoGA,EAzFgC,cAAiB,SAAoB7D,EAAOyF,GAC1E,MAAM,QAGJsB,EAAO,SACPzD,EAAQ,UACRF,EAAS,aACT4D,EACApD,KAAMiC,EAAQ,SACd5E,EACAD,MAAOiG,KACJjB,GACDhG,EACEkH,EAAU,SAAa,MACvBjE,EAzBkBjD,KACxB,MAAM,QACJiD,EAAO,IACPkE,EAAG,MACHC,GACEpH,EACEmG,EAAQ,CACZ9C,KAAM,CAAC,OAAQ8D,GAAO,MAAOC,GAAS,UAExC,OAAO,OAAejB,EAAO,IAA2BlD,EAAQ,EAgBhDoD,CAAkBrG,IAC3BgB,EAAOqG,IAAiB,OAAc,CAC3CC,WAAYL,EACZM,QAASP,EACTpD,KAAM,eAER,sBAA0BmD,GAAS,KAAM,CACvCS,MAAO,KACL,IAAIC,EAAQP,EAAQQ,QAAQC,cAAc,gCACrCF,IACHA,EAAQP,EAAQQ,QAAQC,cAAc,yBAEpCF,GACFA,EAAMD,OACR,KAEA,IACJ,MAAMI,GAAY,OAAWnC,EAAKyB,GAC5BtD,GAAO,OAAMiC,GACbgC,EAAe,WAAc,KAAM,CACvCjE,OACA,QAAA3C,CAASC,GACPmG,EAAcnG,EAAMC,OAAOH,OACvBC,GACFA,EAASC,EAAOA,EAAMC,OAAOH,MAEjC,EACAA,WACE,CAAC4C,EAAM3C,EAAUoG,EAAerG,IACpC,OAAoB,SAAK,IAAkB8G,SAAU,CACnD9G,MAAO6G,EACPvE,UAAuB,SAAK,IAAW,CACrCyE,KAAM,aACNtC,IAAKmC,EACLxE,WAAW,OAAKH,EAAQI,KAAMD,MAC3B4C,EACH1C,SAAUA,KAGhB,G,mCCrEA,Q,QAJuC,mBAAoB0E,E,qECFpD,SAASC,EAA0BpE,GACxC,OAAO,QAAqB,gBAAiBA,EAC/C,CACA,MACA,GAD0B,OAAuB,gBAAiB,CAAC,OAAQ,MAAO,S,4DCDnE,SAAS0C,IACtB,OAAO,aAAiB,IAC1B,C","sources":["../../../node_modules/@mui/icons-material/esm/HelpOutline.js","components/ShareInfoDialog.tsx","components/ShareSettingsDialog.tsx","../../../node_modules/@mui/material/internal/svg-icons/RadioButtonUnchecked.js","../../../node_modules/@mui/material/internal/svg-icons/RadioButtonChecked.js","../../../node_modules/@mui/material/Radio/RadioButtonIcon.js","../../../node_modules/@mui/material/Radio/Radio.js","../../../node_modules/@mui/material/Radio/radioClasses.js","../../../node_modules/@mui/material/RadioGroup/RadioGroup.js","../../../node_modules/@mui/material/RadioGroup/RadioGroupContext.js","../../../node_modules/@mui/material/RadioGroup/radioGroupClasses.js","../../../node_modules/@mui/material/RadioGroup/useRadioGroup.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4\"\n}), 'HelpOutline');","import React from 'react'\nimport { Dialog } from '@jbrowse/core/ui'\nimport { DialogContent, DialogContentText } from '@mui/material'\n\nexport default function InfoDialog({\n  onClose,\n  open,\n}: {\n  open: boolean\n  onClose: () => void\n}) {\n  return (\n    <Dialog\n      onClose={() => {\n        onClose()\n      }}\n      open={open}\n      title=\"Info about session URLs\"\n    >\n      <DialogContent>\n        <DialogContentText>\n          Because everything about the JBrowse session is encoded in the URL\n          (e.g. state of the tracks, views, features selected, etc.) the\n          sessions can get very long. Therefore, we created a URL shortener,\n          both as a convenience and because long URLs can break some programs.\n          Note that both the long and short URLs encode the same data, but due\n          to long URLs causing problems with some programs, we recommend sharing\n          short URLs.\n        </DialogContentText>\n        <DialogContentText>\n          We generate the short URLs in a secure manner which involves\n          encrypting the session on the client side with a random password\n          string and uploading them to a central database. Then the random\n          password is added to the URL but is not uploaded to the central\n          database, making these short URLs effectively &quot;end-to-end\n          encrypted&quot;\n        </DialogContentText>\n        <DialogContentText>\n          Only users with a share link can read the session.\n        </DialogContentText>\n      </DialogContent>\n    </Dialog>\n  )\n}\n","import React, { useState } from 'react'\nimport { Dialog } from '@jbrowse/core/ui'\nimport {\n  DialogContent,\n  DialogContentText,\n  IconButton,\n  FormControl,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n} from '@mui/material'\n\n// icons\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline'\nimport InfoDialog from './ShareInfoDialog'\n\nconst SHARE_URL_LOCALSTORAGE_KEY = 'jbrowse-shareURL'\n\nexport default function SettingsDialog(props: {\n  open: boolean\n  onClose: (arg?: string) => void\n  currentSetting: string\n}) {\n  const { onClose, open, currentSetting } = props\n  const [setting, setSetting] = useState(currentSetting)\n  const [infoDialogOpen, setInfoDialogOpen] = useState(false)\n\n  const handleClose = () => {\n    localStorage.setItem(SHARE_URL_LOCALSTORAGE_KEY, setting)\n    onClose(setting)\n  }\n\n  return (\n    <>\n      <Dialog\n        onClose={handleClose}\n        open={open}\n        title=\"Configure session sharing\"\n      >\n        <DialogContent>\n          <DialogContentText>\n            Select between generating long or short URLs for the session sharing\n            <IconButton\n              onClick={() => {\n                setInfoDialogOpen(true)\n              }}\n            >\n              <HelpOutlineIcon />\n            </IconButton>\n          </DialogContentText>\n          <FormControl component=\"fieldset\">\n            <RadioGroup\n              value={setting}\n              onChange={event => {\n                setSetting(event.target.value)\n              }}\n            >\n              <FormControlLabel\n                value=\"short\"\n                control={<Radio />}\n                label=\"Short URL\"\n              />\n              <FormControlLabel\n                value=\"long\"\n                control={<Radio />}\n                label=\"Long URL\"\n              />\n            </RadioGroup>\n          </FormControl>\n        </DialogContent>\n      </Dialog>\n      <InfoDialog\n        open={infoDialogOpen}\n        onClose={() => {\n          setInfoDialogOpen(false)\n        }}\n      />\n    </>\n  )\n}\n","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from \"../../utils/createSvgIcon.js\";\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n}), 'RadioButtonUnchecked');","'use client';\n\nimport * as React from 'react';\nimport createSvgIcon from \"../../utils/createSvgIcon.js\";\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z\"\n}), 'RadioButtonChecked');","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport RadioButtonUncheckedIcon from \"../internal/svg-icons/RadioButtonUnchecked.js\";\nimport RadioButtonCheckedIcon from \"../internal/svg-icons/RadioButtonChecked.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst RadioButtonIconRoot = styled('span', {\n  shouldForwardProp: rootShouldForwardProp\n})({\n  position: 'relative',\n  display: 'flex'\n});\nconst RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({\n  // Scale applied to prevent dot misalignment in Safari\n  transform: 'scale(1)'\n});\nconst RadioButtonIconDot = styled(RadioButtonCheckedIcon)(memoTheme(({\n  theme\n}) => ({\n  left: 0,\n  position: 'absolute',\n  transform: 'scale(0)',\n  transition: theme.transitions.create('transform', {\n    easing: theme.transitions.easing.easeIn,\n    duration: theme.transitions.duration.shortest\n  }),\n  variants: [{\n    props: {\n      checked: true\n    },\n    style: {\n      transform: 'scale(1)',\n      transition: theme.transitions.create('transform', {\n        easing: theme.transitions.easing.easeOut,\n        duration: theme.transitions.duration.shortest\n      })\n    }\n  }]\n})));\n\n/**\n * @ignore - internal component.\n */\nfunction RadioButtonIcon(props) {\n  const {\n    checked = false,\n    classes = {},\n    fontSize\n  } = props;\n  const ownerState = {\n    ...props,\n    checked\n  };\n  return /*#__PURE__*/_jsxs(RadioButtonIconRoot, {\n    className: classes.root,\n    ownerState: ownerState,\n    children: [/*#__PURE__*/_jsx(RadioButtonIconBackground, {\n      fontSize: fontSize,\n      className: classes.background,\n      ownerState: ownerState\n    }), /*#__PURE__*/_jsx(RadioButtonIconDot, {\n      fontSize: fontSize,\n      className: classes.dot,\n      ownerState: ownerState\n    })]\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? RadioButtonIcon.propTypes /* remove-proptypes */ = {\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense radio styling.\n   */\n  fontSize: PropTypes.oneOf(['small', 'medium'])\n} : void 0;\nexport default RadioButtonIcon;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport SwitchBase from \"../internal/SwitchBase.js\";\nimport RadioButtonIcon from \"./RadioButtonIcon.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport createChainedFunction from \"../utils/createChainedFunction.js\";\nimport useFormControl from \"../FormControl/useFormControl.js\";\nimport useRadioGroup from \"../RadioGroup/useRadioGroup.js\";\nimport radioClasses, { getRadioUtilityClass } from \"./radioClasses.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, size !== 'medium' && `size${capitalize(size)}`]\n  };\n  return {\n    ...classes,\n    ...composeClasses(slots, getRadioUtilityClass, classes)\n  };\n};\nconst RadioRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiRadio',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  [`&.${radioClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.action.disabled\n  },\n  variants: [{\n    props: {\n      color: 'default',\n      disabled: false,\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)\n      }\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color,\n      disabled: false,\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[color].main, theme.palette.action.hoverOpacity)\n      }\n    }\n  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color,\n      disabled: false\n    },\n    style: {\n      [`&.${radioClasses.checked}`]: {\n        color: (theme.vars || theme).palette[color].main\n      }\n    }\n  })), {\n    // Should be last to override other colors\n    props: {\n      disableRipple: false\n    },\n    style: {\n      // Reset on touch devices, it doesn't add specificity\n      '&:hover': {\n        '@media (hover: none)': {\n          backgroundColor: 'transparent'\n        }\n      }\n    }\n  }]\n})));\nfunction areEqualValues(a, b) {\n  if (typeof b === 'object' && b !== null) {\n    return a === b;\n  }\n\n  // The value could be a number, the DOM will stringify it anyway.\n  return String(a) === String(b);\n}\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {\n  checked: true\n});\nconst defaultIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {});\nconst Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiRadio'\n  });\n  const {\n    checked: checkedProp,\n    checkedIcon = defaultCheckedIcon,\n    color = 'primary',\n    icon = defaultIcon,\n    name: nameProp,\n    onChange: onChangeProp,\n    size = 'medium',\n    className,\n    disabled: disabledProp,\n    disableRipple = false,\n    ...other\n  } = props;\n  const muiFormControl = useFormControl();\n  let disabled = disabledProp;\n  if (muiFormControl) {\n    if (typeof disabled === 'undefined') {\n      disabled = muiFormControl.disabled;\n    }\n  }\n  disabled ??= false;\n  const ownerState = {\n    ...props,\n    disabled,\n    disableRipple,\n    color,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  const radioGroup = useRadioGroup();\n  let checked = checkedProp;\n  const onChange = createChainedFunction(onChangeProp, radioGroup && radioGroup.onChange);\n  let name = nameProp;\n  if (radioGroup) {\n    if (typeof checked === 'undefined') {\n      checked = areEqualValues(radioGroup.value, props.value);\n    }\n    if (typeof name === 'undefined') {\n      name = radioGroup.name;\n    }\n  }\n  return /*#__PURE__*/_jsx(RadioRoot, {\n    type: \"radio\",\n    icon: /*#__PURE__*/React.cloneElement(icon, {\n      fontSize: defaultIcon.props.fontSize ?? size\n    }),\n    checkedIcon: /*#__PURE__*/React.cloneElement(checkedIcon, {\n      fontSize: defaultCheckedIcon.props.fontSize ?? size\n    }),\n    disabled: disabled,\n    ownerState: ownerState,\n    classes: classes,\n    name: name,\n    checked: checked,\n    onChange: onChange,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Radio.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <RadioButtonIcon checked />\n   */\n  checkedIcon: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <RadioButtonIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense radio styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component. The DOM API casts this to a string.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Radio;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getRadioUtilityClass(slot) {\n  return generateUtilityClass('MuiRadio', slot);\n}\nconst radioClasses = generateUtilityClasses('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary', 'sizeSmall']);\nexport default radioClasses;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport FormGroup from \"../FormGroup/index.js\";\nimport { getRadioGroupUtilityClass } from \"./radioGroupClasses.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useControlled from \"../utils/useControlled.js\";\nimport RadioGroupContext from \"./RadioGroupContext.js\";\nimport useId from \"../utils/useId.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = props => {\n  const {\n    classes,\n    row,\n    error\n  } = props;\n  const slots = {\n    root: ['root', row && 'row', error && 'error']\n  };\n  return composeClasses(slots, getRadioGroupUtilityClass, classes);\n};\nconst RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {\n  const {\n    // private\n    // eslint-disable-next-line react/prop-types\n    actions,\n    children,\n    className,\n    defaultValue,\n    name: nameProp,\n    onChange,\n    value: valueProp,\n    ...other\n  } = props;\n  const rootRef = React.useRef(null);\n  const classes = useUtilityClasses(props);\n  const [value, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'RadioGroup'\n  });\n  React.useImperativeHandle(actions, () => ({\n    focus: () => {\n      let input = rootRef.current.querySelector('input:not(:disabled):checked');\n      if (!input) {\n        input = rootRef.current.querySelector('input:not(:disabled)');\n      }\n      if (input) {\n        input.focus();\n      }\n    }\n  }), []);\n  const handleRef = useForkRef(ref, rootRef);\n  const name = useId(nameProp);\n  const contextValue = React.useMemo(() => ({\n    name,\n    onChange(event) {\n      setValueState(event.target.value);\n      if (onChange) {\n        onChange(event, event.target.value);\n      }\n    },\n    value\n  }), [name, onChange, setValueState, value]);\n  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsx(FormGroup, {\n      role: \"radiogroup\",\n      ref: handleRef,\n      className: clsx(classes.root, className),\n      ...other,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? RadioGroup.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * The name used to reference the value of the control.\n   * If you don't provide this prop, it falls back to a randomly generated name.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when a radio button is selected.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * @param {string} value The value of the selected radio button.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * Value of the selected radio button. The DOM API casts this to a string.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default RadioGroup;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst RadioGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  RadioGroupContext.displayName = 'RadioGroupContext';\n}\nexport default RadioGroupContext;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getRadioGroupUtilityClass(slot) {\n  return generateUtilityClass('MuiRadioGroup', slot);\n}\nconst radioGroupClasses = generateUtilityClasses('MuiRadioGroup', ['root', 'row', 'error']);\nexport default radioGroupClasses;","'use client';\n\nimport * as React from 'react';\nimport RadioGroupContext from \"./RadioGroupContext.js\";\nexport default function useRadioGroup() {\n  return React.useContext(RadioGroupContext);\n}"],"names":["createSvgIcon","d","InfoDialog","onClose","open","React","Dialog","title","DialogContent","DialogContentText","SHARE_URL_LOCALSTORAGE_KEY","SettingsDialog","props","currentSetting","setting","setSetting","useState","infoDialogOpen","setInfoDialogOpen","handleClose","localStorage","setItem","IconButton","onClick","HelpOutlineIcon","FormControl","component","RadioGroup","value","onChange","event","target","FormControlLabel","control","Radio","label","RadioButtonIconRoot","styled","shouldForwardProp","rootShouldForwardProp","position","display","RadioButtonIconBackground","RadioButtonUnchecked","transform","RadioButtonIconDot","RadioButtonChecked","memoTheme","theme","left","transition","transitions","create","easing","easeIn","duration","shortest","variants","checked","style","easeOut","classes","fontSize","ownerState","className","root","children","background","dot","RadioRoot","SwitchBase","prop","name","slot","overridesResolver","styles","size","capitalize","color","vars","palette","text","secondary","radioClasses","disabled","action","disableRipple","backgroundColor","activeChannel","hoverOpacity","active","Object","entries","filter","createSimplePaletteValueFilter","map","mainChannel","main","defaultCheckedIcon","defaultIcon","inProps","ref","checkedProp","checkedIcon","icon","nameProp","onChangeProp","disabledProp","other","muiFormControl","useFormControl","slots","composeClasses","useUtilityClasses","radioGroup","useRadioGroup","createChainedFunction","a","b","String","type","clsx","getRadioUtilityClass","actions","defaultValue","valueProp","rootRef","row","error","setValueState","controlled","default","focus","input","current","querySelector","handleRef","contextValue","Provider","role","undefined","getRadioGroupUtilityClass"],"sourceRoot":""}