[{"_1":2,"_181":-5,"_182":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","c2ca74b25698bc62f1250d595e4f42af9437a7d5","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_155":156,"_178":179,"_180":-5},"handle","damonb","name","react-hono-with-react-router","path","frontend/components/common/MultiSelect.tsx","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":116,"_117":116,"_118":-5,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_154":20},"id","1a0490ea-54f7-11f0-9758-f69ea79377d9","createdAt",["D",1751208071838],"deletedAt","legacyEnvVars","privacy","unlisted","description","imageUrl","51d254b7-cad4-42b0-b564-d310e172ecbe","pinnedFileId","99187c43-2d19-4e81-b806-5c44fea89e59","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","ff884636-e171-405e-9cdd-f3a49584d508","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_131":132},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJyeTV5b0VLZFp6ZWVXZlZ4blk5ZFpad1NSViJ9","org",{"_94":95,"_135":132,"_12":112},"avatar","branch",{"_138":139,"_96":44,"_102":140,"_141":103,"_142":143,"_144":145,"_146":147,"_148":149,"_150":151,"_152":97,"_153":95},"version",866,"1a07c0da-54f7-11f0-9758-f69ea79377d9","projectId","forkedBranchId","3215495e-0c13-11f0-9966-569c3dd06744","forkedBranchVersion",3,"forkedProjectPrivacy","public","forkedProjectId","3211e962-0c13-11f0-9966-569c3dd06744","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","isOwned","file",{"_102":157,"_96":158,"_159":160,"_161":162,"_163":140,"_164":165,"_166":116,"_104":167,"_138":32,"_168":169,"_170":171,"_172":20,"_173":-5,"_98":174},"660f9e88-bf7a-11f0-80fc-42dde27851f2","MultiSelect.tsx","fileId","660fa0a4-bf7a-11f0-80fc-42dde27851f2","parentId","b4757acc-5ff1-11f0-bff7-0224a6c84d84","branchId","branchVersion",773,"latest",["D",1762919286760],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Box,\n Chip,\n FormControl,\n FormHelperText,\n InputLabel,\n MenuItem,\n Select,\n SelectChangeEvent,\n Typography,\n} from \"@mui/material\";\nimport React from \"react\";\n\ninterface MultiSelectProps {\n label: string;\n options: string[];\n value: string[];\n onChange: (selected: string[]) => void;\n disabled?: boolean;\n helperText?: string;\n placeholder?: string;\n maxTags?: number;\n}\n\nexport const MultiSelect: React.FC = ({\n label,\n options,\n value,\n onChange,\n disabled = false,\n helperText,\n placeholder,\n maxTags = 3,\n}) => {\n const handleChange = (event: SelectChangeEvent) => {\n const selected = event.target.value as string[];\n onChange(selected);\n };\n\n const displayValue = value.length > maxTags ? value.slice(0, maxTags) : value;\n const hiddenCount = value.length > maxTags ? value.length - maxTags : 0;\n\n return (\n \n \n {label}\n \n (\n \n {displayValue.map((tag) => (\n \n ))}\n {hiddenCount > 0 && (\n \n )}\n \n )}\n >\n {options.length > 0 ? (\n options.map((option) => (\n \n \n {option.charAt(0).toUpperCase() + option.slice(1)}\n \n \n ))\n ) : (\n \n \n No options available\n \n \n )}\n \n {helperText && {helperText}}\n \n );\n};\n\nexport default MultiSelect;\n\n","deleted","label",[175,176,177,158],"frontend","components","common","permalink","https://www.val.town/x/damonb/react-hono-with-react-router/code/frontend/components/common/MultiSelect.tsx","extension","actionData","errors"]