@perses-dev/static-list-variable-plugin 0.9.0 → 0.10.0-beta.2

package/lib/StaticListVariable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/StaticListVariable.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n/* eslint-disable jsx-a11y/no-autofocus */\nimport { VariablePlugin, VariableOption, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { Autocomplete, Chip, IconButton, TextField, Typography } from '@mui/material';\nimport { ReactElement, useCallback, useState } from 'react';\nimport PlusCircleIcon from 'mdi-material-ui/PlusCircle';\n\ntype StaticListOption = string | VariableOption;\n\ntype StaticListVariableOptions = {\n  values: StaticListOption[];\n};\n\nfunction StaticListVariableOptionEditor(props: OptionsEditorProps<StaticListVariableOptions>): ReactElement {\n  const {\n    value: { values: variables = [] },\n    onChange,\n  } = props;\n\n  const [editModeOption, setEditModeOption] = useState<string>('');\n\n  const onChangeHandler = useCallback(\n    (_: unknown, value: string[]): void => {\n      const newVariable = value.pop();\n\n      const valueExists = variables\n        .map((v) => {\n          return typeof v === 'string' ? v : (v as VariableOption)?.value || '';\n        })\n        .some((v) => v === newVariable);\n\n      if (valueExists) return;\n\n      onChange({\n        values: [...variables, { value: String(newVariable), label: String(newVariable) }],\n      });\n    },\n    [onChange, variables]\n  );\n\n  const onPasteHandler = useCallback(\n    (e: React.ClipboardEvent<HTMLDivElement>) => {\n      const v = e.clipboardData.getData('text/plain');\n      if (v) {\n        const items = v\n          .split(',')\n          .filter((i) => {\n            const exists = variables\n              .map((v) => {\n                return (v as VariableOption)?.value || String(v);\n              })\n              .some((v) => v === i);\n            return !exists;\n          })\n          .map((item) => ({ value: item.trim(), label: '' }));\n        onChange({ values: [...variables, ...items] });\n        e.preventDefault();\n      }\n    },\n    [onChange, variables]\n  );\n\n  const tagDeleteHandler = useCallback(\n    (option: string) => {\n      const filteredVariables = variables.filter(\n        (v) => !((v as string) === option || (v as VariableOption)?.value === option)\n      );\n      onChange({ values: [...filteredVariables] });\n      setEditModeOption('');\n    },\n    [variables, onChange]\n  );\n\n  const renderTagsHandler = useCallback(\n    (tagValue: string[]) => {\n      const updateVariableWithLabel = (optionKey: string, label: string): Array<string | VariableOption> => {\n        if (!optionKey || !label) return variables;\n        /* Prevent duplicate label */\n        const labelAlreadyExists = variables.filter((v) => typeof v !== 'string').some((v) => v?.label === label);\n        if (labelAlreadyExists) return variables;\n\n        return variables.map((v) => {\n          if (typeof v === 'string') return v;\n          const variableOption = v as VariableOption;\n          if (variableOption!.value !== optionKey) return variableOption;\n          const updatedVariableOption: VariableOption = {\n            label,\n            value: variableOption!.value,\n          };\n          return updatedVariableOption;\n        });\n      };\n\n      return tagValue.map((_, index) => {\n        const foundVariable = variables[index];\n        if (!foundVariable) return null;\n\n        const labelObject: { value: string; label: string } = { value: '', label: '' };\n\n        if (typeof foundVariable === 'string') {\n          /* value and label are identical */\n          labelObject.value = foundVariable;\n          labelObject.label = foundVariable;\n        } else {\n          labelObject.value = foundVariable.value;\n          labelObject.label = foundVariable.label || foundVariable.value;\n        }\n\n        /* The value and key are the same thing, they can be used interchangeably  */\n        const optionKey = (foundVariable as VariableOption)?.value || (foundVariable as string);\n\n        return (\n          <Chip\n            key={optionKey}\n            sx={{ margin: '4px' }}\n            label={\n              editModeOption !== optionKey ? (\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <Typography variant=\"body2\">{labelObject.value}</Typography>\n                  {labelObject?.value !== labelObject?.label && (\n                    <Typography\n                      variant=\"body2\"\n                      sx={{\n                        backgroundColor: (theme) => theme.palette.grey[200],\n                        color: (theme) => theme.palette.text.primary,\n                        padding: '4px 8px',\n                        borderRadius: '4px',\n                        fontWeight: 500,\n                      }}\n                    >\n                      {labelObject.label}\n                    </Typography>\n                  )}\n                  {/* Label can be added once and then no longer it will be editable */}\n                  {typeof foundVariable !== 'string' && labelObject.value === labelObject.label && (\n                    <IconButton\n                      size=\"small\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setEditModeOption(optionKey);\n                      }}\n                      sx={{\n                        color: (theme) => theme.palette.action.disabled,\n                      }}\n                    >\n                      <PlusCircleIcon fontSize=\"small\" />\n                    </IconButton>\n                  )}\n                </div>\n              ) : (\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <span>{optionKey}</span>\n                  <TextField\n                    defaultValue={labelObject.label}\n                    onBlur={(e) => {\n                      const {\n                        target: { value: input },\n                      } = e;\n                      if (input) {\n                        const updatedVariables = updateVariableWithLabel(optionKey, input);\n                        onChange({ values: updatedVariables });\n                      }\n                      setEditModeOption('');\n                    }}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter') {\n                        const { value: input } = e.target as HTMLInputElement;\n                        const updatedVariables = updateVariableWithLabel(optionKey, input);\n                        onChange({ values: updatedVariables });\n                        setEditModeOption('');\n                      } else if (e.key === 'Escape') {\n                        setEditModeOption('');\n                      }\n                    }}\n                    size=\"small\"\n                    autoFocus\n                    sx={{\n                      width: '100%',\n                      padding: 0,\n                      margin: 0,\n                      backgroundColor: (theme) => theme.palette.background.default,\n                      '& .MuiInputBase-root': {\n                        fontSize: '0.875rem',\n                        padding: 0,\n                      },\n                      '& .MuiOutlinedInput-notchedOutline': {\n                        border: 'none',\n                      },\n                    }}\n                    inputProps={{\n                      style: {\n                        padding: 0,\n                      },\n                    }}\n                  />\n                </div>\n              )\n            }\n            onDelete={() => {\n              tagDeleteHandler(optionKey);\n            }}\n          />\n        );\n      });\n    },\n    [variables, tagDeleteHandler, editModeOption, onChange]\n  );\n\n  return (\n    <div>\n      <Autocomplete\n        onPaste={onPasteHandler}\n        multiple\n        value={variables.map((vr) => (typeof vr === 'string' ? vr : vr.label || vr.value))}\n        onChange={onChangeHandler}\n        options={[]}\n        freeSolo\n        clearOnBlur\n        readOnly={props.isReadonly}\n        renderTags={renderTagsHandler}\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            label=\"Values\"\n            placeholder=\"Values\"\n            helperText='Type new value then press \"Enter\" to add. Optionally define a label by clicking on the \"+\" button.'\n            onKeyDown={(e) => {\n              if (e.key === 'Backspace' && !params.inputProps.value) {\n                e.stopPropagation();\n              }\n            }}\n          />\n        )}\n      />\n    </div>\n  );\n}\n\nexport const StaticListVariable: VariablePlugin<StaticListVariableOptions> = {\n  getVariableOptions: async (spec) => {\n    const values = spec.values?.map((v) => {\n      if (typeof v === 'string') {\n        return { label: v, value: v };\n      }\n      return v;\n    });\n    return {\n      data: values,\n    };\n  },\n  dependsOn: () => {\n    return { variables: [] };\n  },\n  OptionsEditorComponent: StaticListVariableOptionEditor,\n  createInitialOptions: () => ({ values: [] }),\n};\n"],"names":["Autocomplete","Chip","IconButton","TextField","Typography","useCallback","useState","PlusCircleIcon","StaticListVariableOptionEditor","props","value","values","variables","onChange","editModeOption","setEditModeOption","onChangeHandler","_","newVariable","pop","valueExists","map","v","some","String","label","onPasteHandler","e","clipboardData","getData","items","split","filter","i","exists","item","trim","preventDefault","tagDeleteHandler","option","filteredVariables","renderTagsHandler","tagValue","updateVariableWithLabel","optionKey","labelAlreadyExists","variableOption","updatedVariableOption","index","foundVariable","labelObject","sx","margin","div","style","display","alignItems","gap","variant","backgroundColor","theme","palette","grey","color","text","primary","padding","borderRadius","fontWeight","size","onClick","stopPropagation","action","disabled","fontSize","span","defaultValue","onBlur","target","input","updatedVariables","onKeyDown","key","autoFocus","width","background","default","border","inputProps","onDelete","onPaste","multiple","vr","options","freeSolo","clearOnBlur","readOnly","isReadonly","renderTags","renderInput","params","placeholder","helperText","StaticListVariable","getVariableOptions","spec","data","dependsOn","OptionsEditorComponent","createInitialOptions"],"mappings":"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"}
+{"version":3,"sources":["../../src/StaticListVariable.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Autocomplete, Chip, IconButton, TextField, Typography } from '@mui/material';\n/* eslint-disable jsx-a11y/no-autofocus */\nimport type { VariablePlugin, VariableOption, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport PlusCircleIcon from 'mdi-material-ui/PlusCircle';\nimport type { ReactElement } from 'react';\nimport { useCallback, useState } from 'react';\n\ntype StaticListOption = string | VariableOption;\n\ntype StaticListVariableOptions = {\n  values: StaticListOption[];\n};\n\nfunction StaticListVariableOptionEditor(props: OptionsEditorProps<StaticListVariableOptions>): ReactElement {\n  const {\n    value: { values: variables = [] },\n    onChange,\n  } = props;\n\n  const [editModeOption, setEditModeOption] = useState<string>('');\n\n  const onChangeHandler = useCallback(\n    (_: unknown, value: string[]): void => {\n      const newVariable = value.pop();\n\n      const valueExists = variables\n        .map((v) => {\n          return typeof v === 'string' ? v : (v as VariableOption)?.value || '';\n        })\n        .some((v) => v === newVariable);\n\n      if (valueExists) return;\n\n      onChange({\n        values: [...variables, { value: String(newVariable), label: String(newVariable) }],\n      });\n    },\n    [onChange, variables],\n  );\n\n  const onPasteHandler = useCallback(\n    (e: React.ClipboardEvent<HTMLDivElement>) => {\n      const v = e.clipboardData.getData('text/plain');\n      if (v) {\n        const items = v\n          .split(',')\n          .filter((i) => {\n            const exists = variables\n              .map((v) => {\n                return (v as VariableOption)?.value || String(v);\n              })\n              .some((v) => v === i);\n            return !exists;\n          })\n          .map((item) => ({ value: item.trim(), label: '' }));\n        onChange({ values: [...variables, ...items] });\n        e.preventDefault();\n      }\n    },\n    [onChange, variables],\n  );\n\n  const tagDeleteHandler = useCallback(\n    (option: string) => {\n      const filteredVariables = variables.filter(\n        (v) => !((v as string) === option || (v as VariableOption)?.value === option),\n      );\n      onChange({ values: [...filteredVariables] });\n      setEditModeOption('');\n    },\n    [variables, onChange],\n  );\n\n  const renderTagsHandler = useCallback(\n    (tagValue: string[]) => {\n      const updateVariableWithLabel = (optionKey: string, label: string): Array<string | VariableOption> => {\n        if (!optionKey || !label) return variables;\n        /* Prevent duplicate label */\n        const labelAlreadyExists = variables.filter((v) => typeof v !== 'string').some((v) => v?.label === label);\n        if (labelAlreadyExists) return variables;\n\n        return variables.map((v) => {\n          if (typeof v === 'string') return v;\n          const variableOption = v as VariableOption;\n          if (variableOption!.value !== optionKey) return variableOption;\n          const updatedVariableOption: VariableOption = {\n            label,\n            value: variableOption!.value,\n          };\n          return updatedVariableOption;\n        });\n      };\n\n      return tagValue.map((_, index) => {\n        const foundVariable = variables[index];\n        if (!foundVariable) return null;\n\n        const labelObject: { value: string; label: string } = { value: '', label: '' };\n\n        if (typeof foundVariable === 'string') {\n          /* value and label are identical */\n          labelObject.value = foundVariable;\n          labelObject.label = foundVariable;\n        } else {\n          labelObject.value = foundVariable.value;\n          labelObject.label = foundVariable.label || foundVariable.value;\n        }\n\n        /* The value and key are the same thing, they can be used interchangeably  */\n        const optionKey = (foundVariable as VariableOption)?.value || (foundVariable as string);\n\n        return (\n          <Chip\n            key={optionKey}\n            sx={{ margin: '4px' }}\n            label={\n              editModeOption !== optionKey ? (\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <Typography variant=\"body2\">{labelObject.value}</Typography>\n                  {labelObject?.value !== labelObject?.label && (\n                    <Typography\n                      variant=\"body2\"\n                      sx={{\n                        backgroundColor: (theme) => theme.palette.grey[200],\n                        color: (theme) => theme.palette.text.primary,\n                        padding: '4px 8px',\n                        borderRadius: '4px',\n                        fontWeight: 500,\n                      }}\n                    >\n                      {labelObject.label}\n                    </Typography>\n                  )}\n                  {/* Label can be added once and then no longer it will be editable */}\n                  {typeof foundVariable !== 'string' && labelObject.value === labelObject.label && (\n                    <IconButton\n                      size=\"small\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setEditModeOption(optionKey);\n                      }}\n                      sx={{\n                        color: (theme) => theme.palette.action.disabled,\n                      }}\n                    >\n                      <PlusCircleIcon fontSize=\"small\" />\n                    </IconButton>\n                  )}\n                </div>\n              ) : (\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <span>{optionKey}</span>\n                  <TextField\n                    defaultValue={labelObject.label}\n                    onBlur={(e) => {\n                      const {\n                        target: { value: input },\n                      } = e;\n                      if (input) {\n                        const updatedVariables = updateVariableWithLabel(optionKey, input);\n                        onChange({ values: updatedVariables });\n                      }\n                      setEditModeOption('');\n                    }}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter') {\n                        const { value: input } = e.target as HTMLInputElement;\n                        const updatedVariables = updateVariableWithLabel(optionKey, input);\n                        onChange({ values: updatedVariables });\n                        setEditModeOption('');\n                      } else if (e.key === 'Escape') {\n                        setEditModeOption('');\n                      }\n                    }}\n                    size=\"small\"\n                    autoFocus\n                    sx={{\n                      width: '100%',\n                      padding: 0,\n                      margin: 0,\n                      backgroundColor: (theme) => theme.palette.background.default,\n                      '& .MuiInputBase-root': {\n                        fontSize: '0.875rem',\n                        padding: 0,\n                      },\n                      '& .MuiOutlinedInput-notchedOutline': {\n                        border: 'none',\n                      },\n                    }}\n                    inputProps={{\n                      style: {\n                        padding: 0,\n                      },\n                    }}\n                  />\n                </div>\n              )\n            }\n            onDelete={() => {\n              tagDeleteHandler(optionKey);\n            }}\n          />\n        );\n      });\n    },\n    [variables, tagDeleteHandler, editModeOption, onChange],\n  );\n\n  return (\n    <div>\n      <Autocomplete\n        onPaste={onPasteHandler}\n        multiple\n        value={variables.map((vr) => (typeof vr === 'string' ? vr : vr.label || vr.value))}\n        onChange={onChangeHandler}\n        options={[]}\n        freeSolo\n        clearOnBlur\n        readOnly={props.isReadonly}\n        renderTags={renderTagsHandler}\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            label=\"Values\"\n            placeholder=\"Values\"\n            helperText='Type new value then press \"Enter\" to add. Optionally define a label by clicking on the \"+\" button.'\n            onKeyDown={(e) => {\n              if (e.key === 'Backspace' && !params.inputProps.value) {\n                e.stopPropagation();\n              }\n            }}\n          />\n        )}\n      />\n    </div>\n  );\n}\n\nexport const StaticListVariable: VariablePlugin<StaticListVariableOptions> = {\n  getVariableOptions: async (spec) => {\n    const values = spec.values?.map((v) => {\n      if (typeof v === 'string') {\n        return { label: v, value: v };\n      }\n      return v;\n    });\n    return {\n      data: values,\n    };\n  },\n  dependsOn: () => {\n    return { variables: [] };\n  },\n  OptionsEditorComponent: StaticListVariableOptionEditor,\n  createInitialOptions: () => ({ values: [] }),\n};\n"],"names":["Autocomplete","Chip","IconButton","TextField","Typography","PlusCircleIcon","useCallback","useState","StaticListVariableOptionEditor","props","value","values","variables","onChange","editModeOption","setEditModeOption","onChangeHandler","_","newVariable","pop","valueExists","map","v","some","String","label","onPasteHandler","e","clipboardData","getData","items","split","filter","i","exists","item","trim","preventDefault","tagDeleteHandler","option","filteredVariables","renderTagsHandler","tagValue","updateVariableWithLabel","optionKey","labelAlreadyExists","variableOption","updatedVariableOption","index","foundVariable","labelObject","sx","margin","div","style","display","alignItems","gap","variant","backgroundColor","theme","palette","grey","color","text","primary","padding","borderRadius","fontWeight","size","onClick","stopPropagation","action","disabled","fontSize","span","defaultValue","onBlur","target","input","updatedVariables","onKeyDown","key","autoFocus","width","background","default","border","inputProps","onDelete","onPaste","multiple","vr","options","freeSolo","clearOnBlur","readOnly","isReadonly","renderTags","renderInput","params","placeholder","helperText","StaticListVariable","getVariableOptions","spec","data","dependsOn","OptionsEditorComponent","createInitialOptions"],"mappings":"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"}

package/lib/bootstrap.js

@@ -11,8 +11,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import React from 'react';
-import ReactDOM from 'react-dom/client';
+import React from "react";
+import ReactDOM from "react-dom/client";
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
 

package/lib/getPluginModule.d.ts

@@ -1,4 +1,4 @@
-import { PluginModuleResource } from '@perses-dev/plugin-system';
+import type { PluginModuleResource } from '@perses-dev/plugin-system';
 /**
  * Returns the plugin module information from package.json
  */

package/lib/getPluginModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}
+{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAIxF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}

package/lib/getPluginModule.js

@@ -10,7 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import packageJson from '../package.json';
+import packageJson from "../package.json" with {
+    type: 'json'
+};
 /**
  * Returns the plugin module information from package.json
  */ export function getPluginModule() {

package/lib/getPluginModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}
+{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\n\nimport packageJson from '../package.json' with { type: 'json' };\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","type","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAOA,iBAAiB,uBAAuB;IAAEC,MAAM;AAAO,EAAE;AAEhE;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGL;IAClC,OAAO;QACLM,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/index-federation.js

@@ -10,6 +10,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import('./bootstrap');
+import("./bootstrap.js");
 
 //# sourceMappingURL=index-federation.js.map

package/lib/index.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export { getPluginModule } from './getPluginModule';
-export * from './StaticListVariable';
+export { getPluginModule } from "./getPluginModule.js";
+export * from "./StaticListVariable.js";
 
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { getPluginModule } from './getPluginModule';\nexport * from './StaticListVariable';\n"],"names":["getPluginModule"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,uBAAuB"}
+{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { getPluginModule } from './getPluginModule';\nexport * from './StaticListVariable';\n"],"names":["getPluginModule"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,eAAe,QAAQ,uBAAoB;AACpD,cAAc,0BAAuB"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "StaticListVariable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.9.0",
+      "buildVersion": "0.10.0-beta.2",
       "buildName": "@perses-dev/static-list-variable-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StaticListVariable.fa80fdd0.js",
+      "name": "__mf/js/StaticListVariable.8ee5c4e4.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "StaticListVariable",
+    "globalName": "StaticListVariable_0_10_0_beta_2",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StaticListVariable/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StaticListVariable~0.10.0-beta.2/\"; }"
   },
   "shared": [
     {
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.6872dfa8.js"
+            "__mf/js/async/274.a8977f92.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.36a0c19a.js",
-            "__mf/js/async/616.b39f8e87.js"
+            "__mf/js/async/235.8403ebe9.js",
+            "__mf/js/async/616.11e3f731.js"
           ]
         },
         "css": {
@@ -75,7 +75,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.c267538a.js"
+            "__mf/js/async/470.f9c6f2a1.js"
           ]
         },
         "css": {
@@ -95,7 +95,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.64329ef3.js"
+            "__mf/js/async/121.2bf56849.js"
           ]
         },
         "css": {
@@ -114,8 +114,8 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/797.57af7fe4.js",
-            "__mf/js/async/__federation_expose_StaticListVariable.5246197f.js"
+            "__mf/js/async/797.22e8d64a.js",
+            "__mf/js/async/__federation_expose_StaticListVariable.f499ba97.js"
           ],
           "async": []
         },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "StaticListVariable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.9.0",
+      "buildVersion": "0.10.0-beta.2",
       "buildName": "@perses-dev/static-list-variable-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/StaticListVariable.fa80fdd0.js",
+      "name": "__mf/js/StaticListVariable.8ee5c4e4.js",
       "path": "",
       "type": "global"
     },
@@ -19,9 +19,9 @@
       "zip": "",
       "api": ""
     },
-    "globalName": "StaticListVariable",
+    "globalName": "StaticListVariable_0_10_0_beta_2",
     "pluginVersion": "2.6.0",
-    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StaticListVariable/\"; }"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/StaticListVariable~0.10.0-beta.2/\"; }"
   },
   "shared": [
     {
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.6872dfa8.js"
+            "__mf/js/async/274.a8977f92.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.36a0c19a.js",
-            "__mf/js/async/616.b39f8e87.js"
+            "__mf/js/async/235.8403ebe9.js",
+            "__mf/js/async/616.11e3f731.js"
           ]
         },
         "css": {
@@ -85,7 +85,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.c267538a.js"
+            "__mf/js/async/470.f9c6f2a1.js"
           ]
         },
         "css": {
@@ -109,7 +109,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.64329ef3.js"
+            "__mf/js/async/121.2bf56849.js"
           ]
         },
         "css": {
@@ -137,8 +137,8 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/797.57af7fe4.js",
-            "__mf/js/async/__federation_expose_StaticListVariable.5246197f.js"
+            "__mf/js/async/797.22e8d64a.js",
+            "__mf/js/async/__federation_expose_StaticListVariable.f499ba97.js"
           ],
           "async": []
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/static-list-variable-plugin",
-  "version": "0.9.0",
+  "version": "0.10.0-beta.2",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -14,14 +14,14 @@
     "dev": "rsbuild dev",
     "build": "npm run build-mf && concurrently \"npm:build:*\"",
     "build-mf": "rsbuild build",
-    "build:cjs": "swc ./src -d dist/lib/cjs --strip-leading-paths --config-file ../.cjs.swcrc",
     "build:esm": "swc ./src -d dist/lib --strip-leading-paths --config-file ../.swcrc",
     "build:types": "tsc --project tsconfig.build.json",
-    "lint": "eslint src --ext .ts,.tsx",
-    "test": "cross-env LC_ALL=C TZ=UTC jest --passWithNoTests",
+    "lint": "oxlint src",
+    "test": "cross-env LC_ALL=C TZ=UTC vitest run",
     "type-check": "tsc --noEmit"
   },
-  "main": "lib/cjs/index.js",
+  "type": "module",
+  "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "dependencies": {
@@ -31,14 +31,14 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.54.0",
-    "@perses-dev/plugin-system": "^0.54.0",
+    "@perses-dev/components": "^0.55.0-beta.7",
+    "@perses-dev/plugin-system": "^0.55.0-beta.7",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",
     "lodash": "^4.17.21",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
     "use-resize-observer": "^9.0.0"
   },
   "files": [

package/__mf/js/async/121.64329ef3.js

@@ -1,2 +0,0 @@
-/*! For license information please see 121.64329ef3.js.LICENSE.txt */
-"use strict";(self.chunk_StaticListVariable=self.chunk_StaticListVariable||[]).push([["121"],{4403(e,t){var r=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),i=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),l=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),y=Symbol.iterator,d={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},_=Object.assign,h={};function b(e,t,r){this.props=e,this.context=t,this.refs=h,this.updater=r||d}function m(){}function v(e,t,r){this.props=e,this.context=t,this.refs=h,this.updater=r||d}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},m.prototype=b.prototype;var S=v.prototype=new m;S.constructor=v,_(S,b.prototype),S.isPureReactComponent=!0;var E=Array.isArray,k=Object.prototype.hasOwnProperty,$={current:null},w={key:!0,ref:!0,__self:!0,__source:!0};function R(e,t,n){var o,u={},a=null,c=null;if(null!=t)for(o in void 0!==t.ref&&(c=t.ref),void 0!==t.key&&(a=""+t.key),t)k.call(t,o)&&!w.hasOwnProperty(o)&&(u[o]=t[o]);var i=arguments.length-2;if(1===i)u.children=n;else if(1<i){for(var f=Array(i),s=0;s<i;s++)f[s]=arguments[s+2];u.children=f}if(e&&e.defaultProps)for(o in i=e.defaultProps)void 0===u[o]&&(u[o]=i[o]);return{$$typeof:r,type:e,key:a,ref:c,props:u,_owner:$.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===r}var g=/\/+/g;function j(e,t){var r,n;return"object"==typeof e&&null!==e&&null!=e.key?(r=""+e.key,n={"=":"=0",":":"=2"},"$"+r.replace(/[=:]/g,function(e){return n[e]})):t.toString(36)}function O(e,t,o){if(null==e)return e;var u=[],a=0;return!function e(t,o,u,a,c){var i,f,s,l=typeof t;("undefined"===l||"boolean"===l)&&(t=null);var p=!1;if(null===t)p=!0;else switch(l){case"string":case"number":p=!0;break;case"object":switch(t.$$typeof){case r:case n:p=!0}}if(p)return c=c(p=t),t=""===a?"."+j(p,0):a,E(c)?(u="",null!=t&&(u=t.replace(g,"$&/")+"/"),e(c,o,u,"",function(e){return e})):null!=c&&(C(c)&&(i=c,f=u+(!c.key||p&&p.key===c.key?"":(""+c.key).replace(g,"$&/")+"/")+t,c={$$typeof:r,type:i.type,key:f,ref:i.ref,props:i.props,_owner:i._owner}),o.push(c)),1;if(p=0,a=""===a?".":a+":",E(t))for(var d=0;d<t.length;d++){var _=a+j(l=t[d],d);p+=e(l,o,u,_,c)}else if("function"==typeof(_=null===(s=t)||"object"!=typeof s?null:"function"==typeof(s=y&&s[y]||s["@@iterator"])?s:null))for(t=_.call(t),d=0;!(l=t.next()).done;)_=a+j(l=l.value,d++),p+=e(l,o,u,_,c);else if("object"===l)throw Error("Objects are not valid as a React child (found: "+("[object Object]"===(o=String(t))?"object with keys {"+Object.keys(t).join(", ")+"}":o)+"). If you meant to render a collection of children, use an array instead.");return p}(e,u,"","",function(e){return t.call(o,e,a++)}),u}function x(e){if(-1===e._status){var t=e._result;(t=t()).then(function(t){(0===e._status||-1===e._status)&&(e._status=1,e._result=t)},function(t){(0===e._status||-1===e._status)&&(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var P={current:null},I={transition:null};function V(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:O,forEach:function(e,t,r){O(e,function(){t.apply(this,arguments)},r)},count:function(e){var t=0;return O(e,function(){t++}),t},toArray:function(e){return O(e,function(e){return e})||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=a,t.PureComponent=v,t.StrictMode=u,t.Suspense=s,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED={ReactCurrentDispatcher:P,ReactCurrentBatchConfig:I,ReactCurrentOwner:$},t.act=V,t.cloneElement=function(e,t,n){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=_({},e.props),u=e.key,a=e.ref,c=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,c=$.current),void 0!==t.key&&(u=""+t.key),e.type&&e.type.defaultProps)var i=e.type.defaultProps;for(f in t)k.call(t,f)&&!w.hasOwnProperty(f)&&(o[f]=void 0===t[f]&&void 0!==i?i[f]:t[f])}var f=arguments.length-2;if(1===f)o.children=n;else if(1<f){i=Array(f);for(var s=0;s<f;s++)i[s]=arguments[s+2];o.children=i}return{$$typeof:r,type:e.type,key:u,ref:a,props:o,_owner:c}},t.createContext=function(e){return(e={$$typeof:i,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:c,_context:e},e.Consumer=e},t.createElement=R,t.createFactory=function(e){var t=R.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:f,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:x}},t.memo=function(e,t){return{$$typeof:l,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=I.transition;I.transition={};try{e()}finally{I.transition=t}},t.unstable_act=V,t.useCallback=function(e,t){return P.current.useCallback(e,t)},t.useContext=function(e){return P.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return P.current.useDeferredValue(e)},t.useEffect=function(e,t){return P.current.useEffect(e,t)},t.useId=function(){return P.current.useId()},t.useImperativeHandle=function(e,t,r){return P.current.useImperativeHandle(e,t,r)},t.useInsertionEffect=function(e,t){return P.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return P.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return P.current.useMemo(e,t)},t.useReducer=function(e,t,r){return P.current.useReducer(e,t,r)},t.useRef=function(e){return P.current.useRef(e)},t.useState=function(e){return P.current.useState(e)},t.useSyncExternalStore=function(e,t,r){return P.current.useSyncExternalStore(e,t,r)},t.useTransition=function(){return P.current.useTransition()},t.version="18.3.1"},3696(e,t,r){e.exports=r(4403)}}]);

package/__mf/js/async/2.0a2a2f8f.js

@@ -1 +0,0 @@
-"use strict";(self.chunk_StaticListVariable=self.chunk_StaticListVariable||[]).push([["2"],{9597(e,r,t){t.d(r,{A:()=>n});function n(e){var r=Object.create(null);return function(t){return void 0===r[t]&&(r[t]=e(t)),r[t]}}},7696(e,r,t){t.d(r,{J:()=>v});var n,o={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},a=t(9597),i=/[A-Z]|^ms/g,l=/_EMO_([^_]+?)_([^]*?)_EMO_/g,s=function(e){return 45===e.charCodeAt(1)},u=function(e){return null!=e&&"boolean"!=typeof e},c=(0,a.A)(function(e){return s(e)?e:e.replace(i,"-$&").toLowerCase()}),d=function(e,r){switch(e){case"animation":case"animationName":if("string"==typeof r)return r.replace(l,function(e,r,t){return n={name:r,styles:t,next:n},r})}return 1===o[e]||s(e)||"number"!=typeof r||0===r?r:r+"px"};function f(e,r,t){if(null==t)return"";if(void 0!==t.__emotion_styles)return t;switch(typeof t){case"boolean":return"";case"object":if(1===t.anim)return n={name:t.name,styles:t.styles,next:n},t.name;if(void 0!==t.styles){var o=t.next;if(void 0!==o)for(;void 0!==o;)n={name:o.name,styles:o.styles,next:n},o=o.next;return t.styles+";"}return function(e,r,t){var n="";if(Array.isArray(t))for(var o=0;o<t.length;o++)n+=f(e,r,t[o])+";";else for(var a in t){var i=t[a];if("object"!=typeof i)null!=r&&void 0!==r[i]?n+=a+"{"+r[i]+"}":u(i)&&(n+=c(a)+":"+d(a,i)+";");else if(Array.isArray(i)&&"string"==typeof i[0]&&(null==r||void 0===r[i[0]]))for(var l=0;l<i.length;l++)u(i[l])&&(n+=c(a)+":"+d(a,i[l])+";");else{var s=f(e,r,i);switch(a){case"animation":case"animationName":n+=c(a)+":"+s+";";break;default:n+=a+"{"+s+"}"}}}return n}(e,r,t);case"function":if(void 0!==e){var a=n,i=t(e);return n=a,f(e,r,i)}}if(null==r)return t;var l=r[t];return void 0!==l?l:t}var m=/label:\s*([^\s;{]+)\s*(;|$)/g;function v(e,r,t){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o,a=!0,i="";n=void 0;var l=e[0];null==l||void 0===l.raw?(a=!1,i+=f(t,r,l)):i+=l[0];for(var s=1;s<e.length;s++)i+=f(t,r,e[s]),a&&(i+=l[s]);m.lastIndex=0;for(var u="";null!==(o=m.exec(i));)u+="-"+o[1];return{name:function(e){for(var r,t=0,n=0,o=e.length;o>=4;++n,o-=4)r=(65535&(r=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))*0x5bd1e995+((r>>>16)*59797<<16),r^=r>>>24,t=(65535&r)*0x5bd1e995+((r>>>16)*59797<<16)^(65535&t)*0x5bd1e995+((t>>>16)*59797<<16);switch(o){case 3:t^=(255&e.charCodeAt(n+2))<<16;case 2:t^=(255&e.charCodeAt(n+1))<<8;case 1:t^=255&e.charCodeAt(n),t=(65535&t)*0x5bd1e995+((t>>>16)*59797<<16)}return t^=t>>>13,(((t=(65535&t)*0x5bd1e995+((t>>>16)*59797<<16))^t>>>15)>>>0).toString(36)}(i)+u,styles:i,next:n}}},8102(e,r,t){t.d(r,{A:()=>n});function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(null,arguments)}}}]);

package/__mf/js/async/235.36a0c19a.js

@@ -1 +0,0 @@
-"use strict";(self.chunk_StaticListVariable=self.chunk_StaticListVariable||[]).push([["235"],{9597(e,t,r){r.d(t,{A:()=>n});function n(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}},7696(e,t,r){r.d(t,{J:()=>m});var n,i={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},a=r(9597),o=/[A-Z]|^ms/g,s=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=function(e){return 45===e.charCodeAt(1)},c=function(e){return null!=e&&"boolean"!=typeof e},d=(0,a.A)(function(e){return l(e)?e:e.replace(o,"-$&").toLowerCase()}),u=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(s,function(e,t,r){return n={name:t,styles:r,next:n},t})}return 1===i[e]||l(e)||"number"!=typeof t||0===t?t:t+"px"};function p(e,t,r){if(null==r)return"";if(void 0!==r.__emotion_styles)return r;switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return n={name:r.name,styles:r.styles,next:n},r.name;if(void 0!==r.styles){var i=r.next;if(void 0!==i)for(;void 0!==i;)n={name:i.name,styles:i.styles,next:n},i=i.next;return r.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=p(e,t,r[i])+";";else for(var a in r){var o=r[a];if("object"!=typeof o)null!=t&&void 0!==t[o]?n+=a+"{"+t[o]+"}":c(o)&&(n+=d(a)+":"+u(a,o)+";");else if(Array.isArray(o)&&"string"==typeof o[0]&&(null==t||void 0===t[o[0]]))for(var s=0;s<o.length;s++)c(o[s])&&(n+=d(a)+":"+u(a,o[s])+";");else{var l=p(e,t,o);switch(a){case"animation":case"animationName":n+=d(a)+":"+l+";";break;default:n+=a+"{"+l+"}"}}}return n}(e,t,r);case"function":if(void 0!==e){var a=n,o=r(e);return n=a,p(e,t,o)}}if(null==t)return r;var s=t[r];return void 0!==s?s:r}var f=/label:\s*([^\s;{]+)\s*(;|$)/g;function m(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var i,a=!0,o="";n=void 0;var s=e[0];null==s||void 0===s.raw?(a=!1,o+=p(r,t,s)):o+=s[0];for(var l=1;l<e.length;l++)o+=p(r,t,e[l]),a&&(o+=s[l]);f.lastIndex=0;for(var c="";null!==(i=f.exec(o));)c+="-"+i[1];return{name:function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))*0x5bd1e995+((t>>>16)*59797<<16),t^=t>>>24,r=(65535&t)*0x5bd1e995+((t>>>16)*59797<<16)^(65535&r)*0x5bd1e995+((r>>>16)*59797<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r^=255&e.charCodeAt(n),r=(65535&r)*0x5bd1e995+((r>>>16)*59797<<16)}return r^=r>>>13,(((r=(65535&r)*0x5bd1e995+((r>>>16)*59797<<16))^r>>>15)>>>0).toString(36)}(o)+c,styles:o,next:n}}},3859(e,t,r){r.r(t),r.d(t,{default:()=>g});var n=r(8102),i=r(9402),a=r(7696),o=r(755),s=r(309),l=r(451),c=r(9597),d=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,u=(0,c.A)(function(e){return d.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&91>e.charCodeAt(2)}),p=function(e){return"theme"!==e},f=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?u:p},m=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n},h=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return(0,s.SF)(t,r,n),(0,o.s)(function(){return(0,s.sk)(t,r,n)}),null},g=(function e(t,r){var o,c,d=t.__emotion_real===t,u=d&&t.__emotion_base||t;void 0!==r&&(o=r.label,c=r.target);var p=m(t,r,d),g=p||f(u),y=!g("as");return function(){var v=arguments,b=d&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==o&&b.push("label:"+o+";"),null==v[0]||void 0===v[0].raw)b.push.apply(b,v);else{var k=v[0];b.push(k[0]);for(var x=v.length,w=1;w<x;w++)b.push(v[w],k[w])}var C=(0,i.withEmotionCache)(function(e,t,r){var n=y&&e.as||u,o="",d=[],m=e;if(null==e.theme){for(var v in m={},e)m[v]=e[v];m.theme=l.useContext(i.ThemeContext)}"string"==typeof e.className?o=(0,s.Rk)(t.registered,d,e.className):null!=e.className&&(o=e.className+" ");var k=(0,a.J)(b.concat(d),t.registered,m);o+=t.key+"-"+k.name,void 0!==c&&(o+=" "+c);var x=y&&void 0===p?f(n):g,w={};for(var C in e)(!y||"as"!==C)&&x(C)&&(w[C]=e[C]);return w.className=o,r&&(w.ref=r),l.createElement(l.Fragment,null,l.createElement(h,{cache:t,serialized:k,isStringTag:"string"==typeof n}),l.createElement(n,w))});return C.displayName=void 0!==o?o:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",C.defaultProps=t.defaultProps,C.__emotion_real=C,C.__emotion_base=u,C.__emotion_styles=b,C.__emotion_forwardProp=p,Object.defineProperty(C,"toString",{value:function(){return"."+c}}),C.withComponent=function(t,i){return e(t,(0,n.A)({},r,i,{shouldForwardProp:m(C,i,!0)})).apply(void 0,b)},C}}).bind(null);["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach(function(e){g[e]=g(e)})},755(e,t,r){r.d(t,{i:()=>o,s:()=>a});var n=r(451),i=!!n.useInsertionEffect&&n.useInsertionEffect,a=i||function(e){return e()},o=i||n.useLayoutEffect},309(e,t,r){function n(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]+";"):r&&(n+=r+" ")}),n}r.d(t,{Rk:()=>n,SF:()=>i,sk:()=>a});var i=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)},a=function(e,t,r){i(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var a=t;do e.insert(t===a?"."+n:"",a,e.sheet,!0),a=a.next;while(void 0!==a)}}},8102(e,t,r){r.d(t,{A:()=>n});function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}}}]);

package/__mf/js/async/274.6872dfa8.js

@@ -1,2 +0,0 @@
-/*! For license information please see 274.6872dfa8.js.LICENSE.txt */
-"use strict";(self.chunk_StaticListVariable=self.chunk_StaticListVariable||[]).push([["274"],{7449(e,t,r){r.r(t),r.d(t,{ThemeProvider:()=>eo,keyframes:()=>ev,withEmotionCache:()=>en,useTheme:()=>es,Global:()=>ey,__unsafe_useEmotionCache:()=>er,CacheProvider:()=>et,withTheme:()=>ei,ClassNames:()=>e$,ThemeContext:()=>ea,createElement:()=>ed,css:()=>em,jsx:()=>ed});var n,a,s=r(451),c=function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,r),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(((t=document.createElement("style")).setAttribute("data-emotion",this.key),void 0!==this.nonce&&t.setAttribute("nonce",this.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t));var t,r=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(r);try{n.insertRule(e,n.cssRules.length)}catch(e){}}else r.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),this.tags=[],this.ctr=0},e}(),o=Math.abs,i=String.fromCharCode,u=Object.assign;function l(e,t,r){return e.replace(t,r)}function f(e,t){return e.indexOf(t)}function p(e,t){return 0|e.charCodeAt(t)}function h(e,t,r){return e.slice(t,r)}function d(e){return e.length}function y(e,t){return t.push(e),e}var m=1,v=1,g=0,b=0,$=0,k="";function S(e,t,r,n,a,s,c){return{value:e,root:t,parent:r,type:n,props:a,children:s,line:m,column:v,length:c,return:""}}function w(e,t){return u(S("",null,null,"",null,null,0),e,{length:-e.length},t)}function x(){return $=b<g?p(k,b++):0,v++,10===$&&(v=1,m++),$}function C(){return p(k,b)}function E(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function P(e){return m=v=1,g=d(k=e),b=0,[]}function A(e){var t,r;return(t=b-1,r=function e(t){for(;x();)switch($){case t:return b;case 34:case 39:34!==t&&39!==t&&e($);break;case 40:41===t&&e(t);break;case 92:x()}return b}(91===e?e+2:40===e?e+1:e),h(k,t,r)).trim()}var _="-ms-",T="-moz-",O="-webkit-",N="comm",M="rule",j="decl",F="@keyframes";function R(e,t){for(var r="",n=e.length,a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function z(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case j:return e.return=e.return||e.value;case N:return"";case F:return e.return=e.value+"{"+R(e.children,n)+"}";case M:e.value=e.props.join(",")}return d(r=R(e.children,n))?e.return=e.value+"{"+r+"}":""}function L(e,t,r,n,a,s,c,i,u,f,p){for(var d=a-1,y=0===a?s:[""],m=y.length,v=0,g=0,b=0;v<n;++v)for(var $=0,k=h(e,d+1,d=o(g=c[v])),w=e;$<m;++$)(w=(g>0?y[$]+" "+k:l(k,/&\f/g,y[$])).trim())&&(u[b++]=w);return S(e,t,r,0===a?M:i,u,f,p)}function J(e,t,r,n){return S(e,t,r,j,h(e,0,n),h(e,n+1,-1),n)}var D=function(e,t,r){for(var n=0,a=0;n=a,a=C(),38===n&&12===a&&(t[r]=1),!E(a);)x();return h(k,e,b)},q=function(e,t){var r=-1,n=44;do switch(E(n)){case 0:38===n&&12===C()&&(t[r]=1),e[r]+=D(b-1,t,r);break;case 2:e[r]+=A(n);break;case 4:if(44===n){e[++r]=58===C()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=i(n)}while(n=x());return e},I=function(e,t){var r;return r=q(P(e),t),k="",r},V=new WeakMap,W=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;"rule"!==r.type;)if(!(r=r.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||V.get(r))&&!n){V.set(e,!0);for(var a=[],s=I(t,a),c=r.props,o=0,i=0;o<s.length;o++)for(var u=0;u<c.length;u++,i++)e.props[i]=a[o]?s[o].replace(/&\f/g,c[u]):c[u]+" "+s[o]}}},X=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}},B=[function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case j:e.return=function e(t,r){switch(45^p(t,0)?(((r<<2^p(t,0))<<2^p(t,1))<<2^p(t,2))<<2^p(t,3):0){case 5103:return O+"print-"+t+t;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return O+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return O+t+T+t+_+t+t;case 6828:case 4268:return O+t+_+t+t;case 6165:return O+t+_+"flex-"+t+t;case 5187:return O+t+l(t,/(\w+).+(:[^]+)/,O+"box-$1$2"+_+"flex-$1$2")+t;case 5443:return O+t+_+"flex-item-"+l(t,/flex-|-self/,"")+t;case 4675:return O+t+_+"flex-line-pack"+l(t,/align-content|flex-|-self/,"")+t;case 5548:return O+t+_+l(t,"shrink","negative")+t;case 5292:return O+t+_+l(t,"basis","preferred-size")+t;case 6060:return O+"box-"+l(t,"-grow","")+O+t+_+l(t,"grow","positive")+t;case 4554:return O+l(t,/([^-])(transform)/g,"$1"+O+"$2")+t;case 6187:return l(l(l(t,/(zoom-|grab)/,O+"$1"),/(image-set)/,O+"$1"),t,"")+t;case 5495:case 3959:return l(t,/(image-set\([^]*)/,O+"$1$`$1");case 4968:return l(l(t,/(.+:)(flex-)?(.*)/,O+"box-pack:$3"+_+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+O+t+t;case 4095:case 3583:case 4068:case 2532:return l(t,/(.+)-inline(.+)/,O+"$1$2")+t;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(d(t)-1-r>6)switch(p(t,r+1)){case 109:if(45!==p(t,r+4))break;case 102:return l(t,/(.+:)(.+)-([^]+)/,"$1"+O+"$2-$3$1"+T+(108==p(t,r+3)?"$3":"$2-$3"))+t;case 115:return~f(t,"stretch")?e(l(t,"stretch","fill-available"),r)+t:t}break;case 4949:if(115!==p(t,r+1))break;case 6444:switch(p(t,d(t)-3-(~f(t,"!important")&&10))){case 107:return l(t,":",":"+O)+t;case 101:return l(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+O+(45===p(t,14)?"inline-":"")+"box$3$1"+O+"$2$3$1"+_+"$2box$3")+t}break;case 5936:switch(p(t,r+11)){case 114:return O+t+_+l(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return O+t+_+l(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return O+t+_+l(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return O+t+_+t+t}return t}(e.value,e.length);break;case F:return R([w(e,{value:l(e.value,"@","@"+O)})],n);case M:if(e.length){var a,s;return a=e.props,s=function(t){var r;switch(r=t,(r=/(::plac\w+|:read-\w+)/.exec(r))?r[0]:r){case":read-only":case":read-write":return R([w(e,{props:[l(t,/:(read-\w+)/,":"+T+"$1")]})],n);case"::placeholder":return R([w(e,{props:[l(t,/:(plac\w+)/,":"+O+"input-$1")]}),w(e,{props:[l(t,/:(plac\w+)/,":"+T+"$1")]}),w(e,{props:[l(t,/:(plac\w+)/,_+"input-$1")]})],n)}return""},a.map(s).join("")}}}],G=r(8102),H=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}},U=r(8486),Y=r.n(U),K=r(309),Q=r(7696),Z=r(755),ee=s.createContext("u">typeof HTMLElement?function(e){var t,r,n,a,s,o=e.key;if("css"===o){var u=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(u,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var g=e.stylisPlugins||B,w={},_=[];a=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+o+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),r=1;r<t.length;r++)w[t[r]]=!0;_.push(e)});var T=(r=(t=[W,X].concat(g,[z,(n=function(e){s.insert(e)},function(e){!e.root&&(e=e.return)&&n(e)})])).length,function(e,n,a,s){for(var c="",o=0;o<r;o++)c+=t[o](e,n,a,s)||"";return c}),O=function(e){var t,r;return R((r=function e(t,r,n,a,s,c,o,u,g){for(var w,P=0,_=0,T=o,O=0,M=0,j=0,F=1,R=1,z=1,D=0,q="",I=s,V=c,W=a,X=q;R;)switch(j=D,D=x()){case 40:if(108!=j&&58==p(X,T-1)){-1!=f(X+=l(A(D),"&","&\f"),"&\f")&&(z=-1);break}case 34:case 39:case 91:X+=A(D);break;case 9:case 10:case 13:case 32:X+=function(e){for(;$=C();)if($<33)x();else break;return E(e)>2||E($)>3?"":" "}(j);break;case 92:X+=function(e,t){for(var r;--t&&x()&&!($<48)&&!($>102)&&(!($>57)||!($<65))&&(!($>70)||!($<97)););return r=b+(t<6&&32==C()&&32==x()),h(k,e,r)}(b-1,7);continue;case 47:switch(C()){case 42:case 47:y((w=function(e,t){for(;x();)if(e+$===57)break;else if(e+$===84&&47===C())break;return"/*"+h(k,t,b-1)+"*"+i(47===e?e:x())}(x(),b),S(w,r,n,N,i($),h(w,2,-2),0)),g);break;default:X+="/"}break;case 123*F:u[P++]=d(X)*z;case 125*F:case 59:case 0:switch(D){case 0:case 125:R=0;case 59+_:-1==z&&(X=l(X,/\f/g,"")),M>0&&d(X)-T&&y(M>32?J(X+";",a,n,T-1):J(l(X," ","")+";",a,n,T-2),g);break;case 59:X+=";";default:if(y(W=L(X,r,n,P,_,s,u,q,I=[],V=[],T),c),123===D)if(0===_)e(X,r,W,W,I,c,T,u,V);else switch(99===O&&110===p(X,3)?100:O){case 100:case 108:case 109:case 115:e(t,W,W,a&&y(L(t,W,W,0,0,s,u,q,s,I=[],T),V),s,V,T,u,a?I:V);break;default:e(X,W,W,W,[""],V,0,u,V)}}P=_=M=0,F=z=1,q=X="",T=o;break;case 58:T=1+d(X),M=j;default:if(F<1){if(123==D)--F;else if(125==D&&0==F++&&125==($=b>0?p(k,--b):0,v--,10===$&&(v=1,m--),$))continue}switch(X+=i(D),D*F){case 38:z=_>0?1:(X+="\f",-1);break;case 44:u[P++]=(d(X)-1)*z,z=1;break;case 64:45===C()&&(X+=A(x())),O=C(),_=T=d(q=X+=function(e){for(;!E(C());)x();return h(k,e,b)}(b)),D++;break;case 45:45===j&&2==d(X)&&(F=0)}}return c}("",null,null,null,[""],t=P(t=e),0,[0],t),k="",r),T)},M={key:o,sheet:new c({key:o,container:a,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:w,registered:{},insert:function(e,t,r,n){s=r,O(e?e+"{"+t.styles+"}":t.styles),n&&(M.inserted[t.name]=!0)}};return M.sheet.hydrate(_),M}({key:"css"}):null),et=ee.Provider,er=function(){return(0,s.useContext)(ee)},en=function(e){return(0,s.forwardRef)(function(t,r){return e(t,(0,s.useContext)(ee),r)})},ea=s.createContext({}),es=function(){return s.useContext(ea)},ec=H(function(e){return H(function(t){return"function"==typeof t?t(e):(0,G.A)({},e,t)})}),eo=function(e){var t=s.useContext(ea);return e.theme!==t&&(t=ec(t)(e.theme)),s.createElement(ea.Provider,{value:t},e.children)};function ei(e){var t=e.displayName||e.name||"Component",r=s.forwardRef(function(t,r){var n=s.useContext(ea);return s.createElement(e,(0,G.A)({theme:n,ref:r},t))});return r.displayName="WithTheme("+t+")",Y()(r,e)}var eu={}.hasOwnProperty,el="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",ef=function(e,t){var r={};for(var n in t)eu.call(t,n)&&(r[n]=t[n]);return r[el]=e,r},ep=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return(0,K.SF)(t,r,n),(0,Z.s)(function(){return(0,K.sk)(t,r,n)}),null},eh=en(function(e,t,r){var n=e.css;"string"==typeof n&&void 0!==t.registered[n]&&(n=t.registered[n]);var a=e[el],c=[n],o="";"string"==typeof e.className?o=(0,K.Rk)(t.registered,c,e.className):null!=e.className&&(o=e.className+" ");var i=(0,Q.J)(c,void 0,s.useContext(ea));o+=t.key+"-"+i.name;var u={};for(var l in e)eu.call(e,l)&&"css"!==l&&l!==el&&(u[l]=e[l]);return u.className=o,r&&(u.ref=r),s.createElement(s.Fragment,null,s.createElement(ep,{cache:t,serialized:i,isStringTag:"string"==typeof a}),s.createElement(a,u))}),ed=function(e,t){var r=arguments;if(null==t||!eu.call(t,"css"))return s.createElement.apply(void 0,r);var n=r.length,a=Array(n);a[0]=eh,a[1]=ef(e,t);for(var c=2;c<n;c++)a[c]=r[c];return s.createElement.apply(null,a)};n=ed||(ed={}),a||(a=n.JSX||(n.JSX={}));var ey=en(function(e,t){var r=e.styles,n=(0,Q.J)([r],void 0,s.useContext(ea)),a=s.useRef();return(0,Z.i)(function(){var e=t.key+"-global",r=new t.sheet.constructor({key:e,nonce:t.sheet.nonce,container:t.sheet.container,speedy:t.sheet.isSpeedy}),s=!1,c=document.querySelector('style[data-emotion="'+e+" "+n.name+'"]');return t.sheet.tags.length&&(r.before=t.sheet.tags[0]),null!==c&&(s=!0,c.setAttribute("data-emotion",e),r.hydrate([c])),a.current=[r,s],function(){r.flush()}},[t]),(0,Z.i)(function(){var e=a.current,r=e[0];if(e[1]){e[1]=!1;return}if(void 0!==n.next&&(0,K.sk)(t,n.next,!0),r.tags.length){var s=r.tags[r.tags.length-1].nextElementSibling;r.before=s,r.flush()}t.insert("",n,r,!1)},[t,n.name]),null});function em(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,Q.J)(t)}function ev(){var e=em.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}var eg=function e(t){for(var r=t.length,n=0,a="";n<r;n++){var s=t[n];if(null!=s){var c=void 0;switch(typeof s){case"boolean":break;case"object":if(Array.isArray(s))c=e(s);else for(var o in c="",s)s[o]&&o&&(c&&(c+=" "),c+=o);break;default:c=s}c&&(a&&(a+=" "),a+=c)}}return a},eb=function(e){var t=e.cache,r=e.serializedArr;return(0,Z.s)(function(){for(var e=0;e<r.length;e++)(0,K.sk)(t,r[e],!1)}),null},e$=en(function(e,t){var r=!1,n=[],a=function(){for(var e=arguments.length,r=Array(e),a=0;a<e;a++)r[a]=arguments[a];var s=(0,Q.J)(r,t.registered);return n.push(s),(0,K.SF)(t,s,!1),t.key+"-"+s.name},c={css:a,cx:function(){for(var e,r,n,s,c=arguments.length,o=Array(c),i=0;i<c;i++)o[i]=arguments[i];return e=t.registered,r=eg(o),n=[],s=(0,K.Rk)(e,n,r),n.length<2?r:s+a(n)},theme:s.useContext(ea)},o=e.children(c);return r=!0,s.createElement(s.Fragment,null,s.createElement(eb,{cache:t,serializedArr:n}),o)})},755(e,t,r){r.d(t,{i:()=>c,s:()=>s});var n=r(451),a=!!n.useInsertionEffect&&n.useInsertionEffect,s=a||function(e){return e()},c=a||n.useLayoutEffect},309(e,t,r){function n(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]+";"):r&&(n+=r+" ")}),n}r.d(t,{Rk:()=>n,SF:()=>a,sk:()=>s});var a=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)},s=function(e,t,r){a(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var s=t;do e.insert(t===s?"."+n:"",s,e.sheet,!0),s=s.next;while(void 0!==s)}}},8486(e,t,r){var n=r(9360),a={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},s={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},c={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},o={};function i(e){return n.isMemo(e)?c:o[e.$$typeof]||a}o[n.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},o[n.Memo]=c;var u=Object.defineProperty,l=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,h=Object.getPrototypeOf,d=Object.prototype;e.exports=function e(t,r,n){if("string"!=typeof r){if(d){var a=h(r);a&&a!==d&&e(t,a,n)}var c=l(r);f&&(c=c.concat(f(r)));for(var o=i(t),y=i(r),m=0;m<c.length;++m){var v=c[m];if(!s[v]&&!(n&&n[v])&&!(y&&y[v])&&!(o&&o[v])){var g=p(r,v);try{u(t,v,g)}catch(e){}}}}return t}},2332(e,t){var r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,c=r?Symbol.for("react.strict_mode"):60108,o=r?Symbol.for("react.profiler"):60114,i=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,l=r?Symbol.for("react.async_mode"):60111,f=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,h=r?Symbol.for("react.suspense"):60113,d=r?Symbol.for("react.suspense_list"):60120,y=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116,v=r?Symbol.for("react.block"):60121,g=r?Symbol.for("react.fundamental"):60117,b=r?Symbol.for("react.responder"):60118,$=r?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case l:case f:case s:case o:case c:case h:return e;default:switch(e=e&&e.$$typeof){case u:case p:case m:case y:case i:return e;default:return t}}case a:return t}}}function S(e){return k(e)===f}t.AsyncMode=l,t.ConcurrentMode=f,t.ContextConsumer=u,t.ContextProvider=i,t.Element=n,t.ForwardRef=p,t.Fragment=s,t.Lazy=m,t.Memo=y,t.Portal=a,t.Profiler=o,t.StrictMode=c,t.Suspense=h,t.isAsyncMode=function(e){return S(e)||k(e)===l},t.isConcurrentMode=S,t.isContextConsumer=function(e){return k(e)===u},t.isContextProvider=function(e){return k(e)===i},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===s},t.isLazy=function(e){return k(e)===m},t.isMemo=function(e){return k(e)===y},t.isPortal=function(e){return k(e)===a},t.isProfiler=function(e){return k(e)===o},t.isStrictMode=function(e){return k(e)===c},t.isSuspense=function(e){return k(e)===h},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===s||e===f||e===o||e===c||e===h||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===y||e.$$typeof===i||e.$$typeof===u||e.$$typeof===p||e.$$typeof===g||e.$$typeof===b||e.$$typeof===$||e.$$typeof===v)},t.typeOf=k},9360(e,t,r){e.exports=r(2332)}}]);