@weng-lab/ui-components 3.0.1 → 3.1.1

package/dist/ui-components.es3.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es3.js","sources":["../src/components/GenomeSearch/GenomeSearch.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { isDomain } from \"./utils\";\nimport {\n  AutocompleteRenderGroupParams,\n  Box,\n  Button,\n  TextField,\n  Typography,\n} from \"@mui/material\";\nimport { Autocomplete } from \"@mui/material\";\nimport { GenomeSearchProps, Result } from \"./types\";\nimport { useEntityAutocomplete } from \"./useEntityAutocomplete\";\n\n/**\n * An autocomplete search component for genomic landmarks such as genes, SNPs, ICRs, and CCRs.\n * The props extends the MUI Autocomplete props, so you are able to adjust that component's props as well.\n * You can also use the slots and slotProps to customize the search's internal components, such as the input, button and the bounding box.\n * To use, pass in a list of the queries you want to run, and the assembly i.e. GRCh38 or mm10.\n * You must also provide a function to call when a result is selected, which will run when the user clicks the button.\n * @param props - extends MUI AutocompleteProps and includes additional props specific to this component\n */\nfunction GenomeSearch({\n  queries,\n  assembly,\n  showiCREFlag,\n  geneVersion,\n  limit,\n  graphqlUrl,\n  onSearchSubmit,\n  defaultResults = [],\n  style,\n  sx,\n  slots,\n  slotProps,\n  ...autocompleteProps\n}: GenomeSearchProps) {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [selection, setSelection] = useState<Result | null>(null);\n\n  const {\n    input: inputSlot,\n    button: buttonSlot,\n    box: boxSlot,\n    ...muiSlots\n  } = slots ?? {};\n\n  const {\n    input: inputSlotProps,\n    button: buttonSlotProps,\n    box: boxSlotProps,\n    ...muiSlotProps\n  } = slotProps ?? {};\n\n  const InputSlot = inputSlot ?? TextField;\n  const ButtonSlot = buttonSlot ?? Button;\n  const BoxSlot = boxSlot ?? Box;\n\n  const { data, loading } = useEntityAutocomplete(\n    inputValue ? [inputValue] : [],\n    {\n      queries,\n      assembly,\n      geneVersion,\n      limit,\n      showiCREFlag,\n      debounceMs: 100,\n      graphqlUrl,\n    }\n  );\n\n  const orderedResults = useMemo(() => {\n    const queryOrder = new Map(queries.map((query, index) => [query, index]));\n    const query = inputValue.toLowerCase();\n    const skipRelevance = isDomain(inputValue);\n\n    const relevanceRank = (title: string) => {\n      if (skipRelevance || !query) return 3;\n      if (title === query) return 0;\n      if (title.startsWith(query)) return 1;\n      if (title.includes(query)) return 2;\n      return 3;\n    };\n\n    const sortByQueryOrder = (results: Result[]) =>\n      [...results].sort((a, b) => {\n        const aIndex = queryOrder.get(a.type);\n        const bIndex = queryOrder.get(b.type);\n\n        // 1. Group order — keep options that share a group contiguous.\n        if (aIndex === undefined && bIndex !== undefined) return 1;\n        if (bIndex === undefined && aIndex !== undefined) return -1;\n        if (aIndex !== undefined && bIndex !== undefined && aIndex !== bIndex) {\n          return aIndex - bIndex;\n        }\n\n        // 2. Relevance to inputValue within a group.\n        const aTitle = (a.title || \"\").toLowerCase();\n        const bTitle = (b.title || \"\").toLowerCase();\n        const aRank = relevanceRank(aTitle);\n        const bRank = relevanceRank(bTitle);\n        if (aRank !== bRank) return aRank - bRank;\n\n        // 3. Alphabetical fallback.\n        return aTitle.localeCompare(bTitle);\n      });\n\n    return {\n      data: data ? sortByQueryOrder(data) : data,\n      defaultResults: sortByQueryOrder(defaultResults),\n    };\n  }, [data, defaultResults, queries, inputValue]);\n\n  //Clear input on assembly change\n  useEffect(() => {\n    setInputValue(\"\");\n    setSelection(null);\n  }, [assembly]);\n\n  // Handle submit\n  const onSubmit = useCallback(() => {\n    if (selection && onSearchSubmit) onSearchSubmit(selection);\n  }, [onSearchSubmit, selection]);\n\n  // Handle enter key down\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        const exactMatch = data?.find((x) => x.title?.toLowerCase() === inputValue.toLowerCase());\n        if (exactMatch) {\n          setSelection(exactMatch);\n          if (onSearchSubmit) onSearchSubmit(exactMatch);\n        }\n      }\n    },\n    [data, inputValue, onSearchSubmit]\n  );\n\n  const onChange = (_event: React.SyntheticEvent<Element, Event>, newValue: Result | null) => {\n    setSelection(newValue);\n    setInputValue(newValue?.title || \"\"); //needed so that the matching to inputValue works on enter press after selection\n  };\n\n  return (\n    <BoxSlot display=\"flex\" flexDirection=\"row\" gap={2} style={style} sx={sx} {...boxSlotProps}>\n      <Autocomplete\n        sx={{ flex: 1 }}\n        onChange={onChange}\n        value={selection}\n        options={inputValue === \"\" ? orderedResults.defaultResults : loading || !orderedResults.data ? [] : orderedResults.data}\n        getOptionLabel={(option: Result) => {\n          return option.title || \"\";\n        }}\n        groupBy={(option: Result) => option.type || \"\"}\n        renderGroup={renderGroup}\n        noOptionsText={noOptionsText(inputValue, loading, data)}\n        isOptionEqualToValue={(option, value) => option.title === value.title}\n        renderOption={renderOptions}\n        filterOptions={(x) => x}\n        renderInput={(params) => (\n          <InputSlot\n            {...params}\n            label=\"Search\"\n            onKeyDown={handleKeyDown}\n            value={inputValue}\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\n            {...inputSlotProps}\n          />\n        )}\n        slots={muiSlots}\n        slotProps={muiSlotProps}\n        {...autocompleteProps}\n      />\n      <ButtonSlot variant=\"contained\" onClick={onSubmit} {...buttonSlotProps}>\n        {buttonSlotProps?.children ?? \"Go\"}\n      </ButtonSlot>\n    </BoxSlot>\n  );\n}\n\n/**\n * Renders the group of options. Relevance ordering happens upstream in\n * `orderedResults` so that the options array and visual order stay in sync —\n * reordering `<li>`s here would desync MUI's `data-option-index`-based\n * keyboard navigation.\n */\nfunction renderGroup(params: AutocompleteRenderGroupParams) {\n  return (\n    <div key={params.key}>\n      <Typography variant=\"subtitle2\" sx={{ color: \"gray\", paddingInline: 1.5, paddingBlock: 1 }}>\n        {params.group}\n      </Typography>\n      {params.children}\n    </div>\n  );\n}\n\n/**\n * Renders the \"no options\" text.\n * @param inputValue - The current input value\n * @param isLoading - Whether the results are still loading\n * @param results - The results from the query\n * @returns A rendered \"no options\" text\n */\nfunction noOptionsText(inputValue: string, isLoading: boolean, data: Result[] | null) {\n  return (\n    <Typography variant=\"caption\">\n      {inputValue\n        ? isLoading\n          ? \"Loading...\"\n          : Array.isArray(data) && data.length === 0\n            ? \"No results found\"\n            : \"\"\n        : \"Start typing for options\"}\n    </Typography>\n  );\n}\n\n/**\n * Renders the individual options.\n * @param props - The props object from the Autocomplete component\n * @param option - The current option\n * @returns A rendered option\n */\nfunction renderOptions(props: any, option: Result) {\n  return (\n    <li {...props} key={`${option.type}-${option.title || \"untitled\"}-${option.description || \"no-description\"}`}>\n      <Box>\n        <Typography\n          variant=\"body1\"\n          component=\"div\"\n          fontWeight=\"bold\"\n          sx={option.type === \"Gene\" ? { fontStyle: \"italic\" } : {}}\n        >\n          {option.title}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" style={{ whiteSpace: \"pre-line\" }}>\n          {option.description}\n        </Typography>\n      </Box>\n    </li>\n  );\n}\n\nexport default GenomeSearch;\n"],"names":["GenomeSearch","t0","$","_c","assembly","autocompleteProps","geneVersion","graphqlUrl","limit","onSearchSubmit","queries","showiCREFlag","slotProps","slots","style","sx","t1","defaultResults","t2","undefined","inputValue","setInputValue","useState","selection","setSelection","t3","boxSlot","buttonSlot","inputSlot","muiSlots","input","button","box","t4","boxSlotProps","buttonSlotProps","inputSlotProps","muiSlotProps","InputSlot","TextField","ButtonSlot","Button","BoxSlot","Box","t5","t6","debounceMs","data","loading","useEntityAutocomplete","t7","Map","map","_temp","queryOrder","t8","t9","query_0","toLowerCase","t10","isDomain","skipRelevance","relevanceRank","title","query","startsWith","includes","sortByQueryOrder","results","sort","a","b","aIndex","get","type","bIndex","aTitle","bTitle","aRank","bRank","localeCompare","orderedResults","t11","Symbol","for","t12","useEffect","t13","onSubmit","t14","event","key","exactMatch","find","x","handleKeyDown","t15","_event","newValue","onChange","t16","flex","t17","t18","noOptionsText","t19","params","jsx","event_0","target","value","t20","Autocomplete","_temp2","_temp3","renderGroup","_temp4","renderOptions","_temp5","t21","children","t22","t23","jsxs","x_0","option_1","option","option_0","index","Typography","color","paddingInline","paddingBlock","group","isLoading","Array","isArray","length","props","description","fontStyle","whiteSpace"],"mappings":"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"}
+{"version":3,"file":"ui-components.es3.js","sources":["../src/components/GenomeSearch/GenomeSearch.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { isDomain } from \"./utils\";\r\nimport {\r\n  AutocompleteRenderGroupParams,\r\n  Box,\r\n  Button,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { Autocomplete } from \"@mui/material\";\r\nimport { GenomeSearchProps, Result } from \"./types\";\r\nimport { useEntityAutocomplete } from \"./useEntityAutocomplete\";\r\n\r\n/**\r\n * An autocomplete search component for genomic landmarks such as genes, SNPs, ICRs, and CCRs.\r\n * The props extends the MUI Autocomplete props, so you are able to adjust that component's props as well.\r\n * You can also use the slots and slotProps to customize the search's internal components, such as the input, button and the bounding box.\r\n * To use, pass in a list of the queries you want to run, and the assembly i.e. GRCh38 or mm10.\r\n * You must also provide a function to call when a result is selected, which will run when the user clicks the button.\r\n * @param props - extends MUI AutocompleteProps and includes additional props specific to this component\r\n */\r\nfunction GenomeSearch({\r\n  queries,\r\n  assembly,\r\n  showiCREFlag,\r\n  geneVersion,\r\n  limit,\r\n  graphqlUrl,\r\n  onSearchSubmit,\r\n  defaultResults = [],\r\n  style,\r\n  sx,\r\n  slots,\r\n  slotProps,\r\n  ...autocompleteProps\r\n}: GenomeSearchProps) {\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [selection, setSelection] = useState<Result | null>(null);\r\n\r\n  const {\r\n    input: inputSlot,\r\n    button: buttonSlot,\r\n    box: boxSlot,\r\n    ...muiSlots\r\n  } = slots ?? {};\r\n\r\n  const {\r\n    input: inputSlotProps,\r\n    button: buttonSlotProps,\r\n    box: boxSlotProps,\r\n    ...muiSlotProps\r\n  } = slotProps ?? {};\r\n\r\n  const InputSlot = inputSlot ?? TextField;\r\n  const ButtonSlot = buttonSlot ?? Button;\r\n  const BoxSlot = boxSlot ?? Box;\r\n\r\n  const { data, loading } = useEntityAutocomplete(\r\n    inputValue ? [inputValue] : [],\r\n    {\r\n      queries,\r\n      assembly,\r\n      geneVersion,\r\n      limit,\r\n      showiCREFlag,\r\n      debounceMs: 100,\r\n      graphqlUrl,\r\n    }\r\n  );\r\n\r\n  const orderedResults = useMemo(() => {\r\n    const queryOrder = new Map(queries.map((query, index) => [query, index]));\r\n    const query = inputValue.toLowerCase();\r\n    const skipRelevance = isDomain(inputValue);\r\n\r\n    const relevanceRank = (title: string) => {\r\n      if (skipRelevance || !query) return 3;\r\n      if (title === query) return 0;\r\n      if (title.startsWith(query)) return 1;\r\n      if (title.includes(query)) return 2;\r\n      return 3;\r\n    };\r\n\r\n    const sortByQueryOrder = (results: Result[]) =>\r\n      [...results].sort((a, b) => {\r\n        const aIndex = queryOrder.get(a.type);\r\n        const bIndex = queryOrder.get(b.type);\r\n\r\n        // 1. Group order — keep options that share a group contiguous.\r\n        if (aIndex === undefined && bIndex !== undefined) return 1;\r\n        if (bIndex === undefined && aIndex !== undefined) return -1;\r\n        if (aIndex !== undefined && bIndex !== undefined && aIndex !== bIndex) {\r\n          return aIndex - bIndex;\r\n        }\r\n\r\n        // 2. Relevance to inputValue within a group.\r\n        const aTitle = (a.title || \"\").toLowerCase();\r\n        const bTitle = (b.title || \"\").toLowerCase();\r\n        const aRank = relevanceRank(aTitle);\r\n        const bRank = relevanceRank(bTitle);\r\n        if (aRank !== bRank) return aRank - bRank;\r\n\r\n        // 3. Alphabetical fallback.\r\n        return aTitle.localeCompare(bTitle);\r\n      });\r\n\r\n    return {\r\n      data: data ? sortByQueryOrder(data) : data,\r\n      defaultResults: sortByQueryOrder(defaultResults),\r\n    };\r\n  }, [data, defaultResults, queries, inputValue]);\r\n\r\n  //Clear input on assembly change\r\n  useEffect(() => {\r\n    setInputValue(\"\");\r\n    setSelection(null);\r\n  }, [assembly]);\r\n\r\n  // Handle submit\r\n  const onSubmit = useCallback(() => {\r\n    if (selection && onSearchSubmit) onSearchSubmit(selection);\r\n  }, [onSearchSubmit, selection]);\r\n\r\n  // Handle enter key down\r\n  const handleKeyDown = useCallback(\r\n    (event: React.KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        const exactMatch = data?.find((x) => x.title?.toLowerCase() === inputValue.toLowerCase());\r\n        if (exactMatch) {\r\n          setSelection(exactMatch);\r\n          if (onSearchSubmit) onSearchSubmit(exactMatch);\r\n        }\r\n      }\r\n    },\r\n    [data, inputValue, onSearchSubmit]\r\n  );\r\n\r\n  const onChange = (_event: React.SyntheticEvent<Element, Event>, newValue: Result | null) => {\r\n    setSelection(newValue);\r\n    setInputValue(newValue?.title || \"\"); //needed so that the matching to inputValue works on enter press after selection\r\n  };\r\n\r\n  return (\r\n    <BoxSlot display=\"flex\" flexDirection=\"row\" gap={2} style={style} sx={sx} {...boxSlotProps}>\r\n      <Autocomplete\r\n        sx={{ flex: 1 }}\r\n        onChange={onChange}\r\n        value={selection}\r\n        options={inputValue === \"\" ? orderedResults.defaultResults : loading || !orderedResults.data ? [] : orderedResults.data}\r\n        getOptionLabel={(option: Result) => {\r\n          return option.title || \"\";\r\n        }}\r\n        groupBy={(option: Result) => option.type || \"\"}\r\n        renderGroup={renderGroup}\r\n        noOptionsText={noOptionsText(inputValue, loading, data)}\r\n        isOptionEqualToValue={(option, value) => option.title === value.title}\r\n        renderOption={renderOptions}\r\n        filterOptions={(x) => x}\r\n        renderInput={(params) => (\r\n          <InputSlot\r\n            {...params}\r\n            label=\"Search\"\r\n            onKeyDown={handleKeyDown}\r\n            value={inputValue}\r\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\r\n            {...inputSlotProps}\r\n          />\r\n        )}\r\n        slots={muiSlots}\r\n        slotProps={muiSlotProps}\r\n        {...autocompleteProps}\r\n      />\r\n      <ButtonSlot variant=\"contained\" onClick={onSubmit} {...buttonSlotProps}>\r\n        {buttonSlotProps?.children ?? \"Go\"}\r\n      </ButtonSlot>\r\n    </BoxSlot>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the group of options. Relevance ordering happens upstream in\r\n * `orderedResults` so that the options array and visual order stay in sync —\r\n * reordering `<li>`s here would desync MUI's `data-option-index`-based\r\n * keyboard navigation.\r\n */\r\nfunction renderGroup(params: AutocompleteRenderGroupParams) {\r\n  return (\r\n    <div key={params.key}>\r\n      <Typography variant=\"subtitle2\" sx={{ color: \"gray\", paddingInline: 1.5, paddingBlock: 1 }}>\r\n        {params.group}\r\n      </Typography>\r\n      {params.children}\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the \"no options\" text.\r\n * @param inputValue - The current input value\r\n * @param isLoading - Whether the results are still loading\r\n * @param results - The results from the query\r\n * @returns A rendered \"no options\" text\r\n */\r\nfunction noOptionsText(inputValue: string, isLoading: boolean, data: Result[] | null) {\r\n  return (\r\n    <Typography variant=\"caption\">\r\n      {inputValue\r\n        ? isLoading\r\n          ? \"Loading...\"\r\n          : Array.isArray(data) && data.length === 0\r\n            ? \"No results found\"\r\n            : \"\"\r\n        : \"Start typing for options\"}\r\n    </Typography>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the individual options.\r\n * @param props - The props object from the Autocomplete component\r\n * @param option - The current option\r\n * @returns A rendered option\r\n */\r\nfunction renderOptions(props: any, option: Result) {\r\n  return (\r\n    <li {...props} key={`${option.type}-${option.title || \"untitled\"}-${option.description || \"no-description\"}`}>\r\n      <Box>\r\n        <Typography\r\n          variant=\"body1\"\r\n          component=\"div\"\r\n          fontWeight=\"bold\"\r\n          sx={option.type === \"Gene\" ? { fontStyle: \"italic\" } : {}}\r\n        >\r\n          {option.title}\r\n        </Typography>\r\n        <Typography variant=\"body2\" color=\"text.secondary\" style={{ whiteSpace: \"pre-line\" }}>\r\n          {option.description}\r\n        </Typography>\r\n      </Box>\r\n    </li>\r\n  );\r\n}\r\n\r\nexport default GenomeSearch;\r\n"],"names":["GenomeSearch","t0","$","_c","assembly","autocompleteProps","geneVersion","graphqlUrl","limit","onSearchSubmit","queries","showiCREFlag","slotProps","slots","style","sx","t1","defaultResults","t2","undefined","inputValue","setInputValue","useState","selection","setSelection","t3","boxSlot","buttonSlot","inputSlot","muiSlots","input","button","box","t4","boxSlotProps","buttonSlotProps","inputSlotProps","muiSlotProps","InputSlot","TextField","ButtonSlot","Button","BoxSlot","Box","t5","t6","debounceMs","data","loading","useEntityAutocomplete","t7","Map","map","_temp","queryOrder","t8","t9","query_0","toLowerCase","t10","isDomain","skipRelevance","relevanceRank","title","query","startsWith","includes","sortByQueryOrder","results","sort","a","b","aIndex","get","type","bIndex","aTitle","bTitle","aRank","bRank","localeCompare","orderedResults","t11","Symbol","for","t12","useEffect","t13","onSubmit","t14","event","key","exactMatch","find","x","handleKeyDown","t15","_event","newValue","onChange","t16","flex","t17","t18","noOptionsText","t19","params","jsx","event_0","target","value","t20","Autocomplete","_temp2","_temp3","renderGroup","_temp4","renderOptions","_temp5","t21","children","t22","t23","jsxs","x_0","option_1","option","option_0","index","Typography","color","paddingInline","paddingBlock","group","isLoading","Array","isArray","length","props","description","fontStyle","whiteSpace"],"mappings":";;;;;;AAqBA,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAd,SAAAD,KAAsB;AAAA,IAAAS,SAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAO,cAAAA;AAAAA,IAAAL,aAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAD,YAAAA;AAAAA,IAAAE,gBAAAA;AAAAA,IAAAQ,gBAAAD;AAAAA,IAAAF,OAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAF,OAAAA;AAAAA,IAAAD,WAAAA;AAAAA,IAAA,GAAAP;AAAAA,EAAAA,IAAAJ,GAcFC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW,GAAAX,QAAAY,GAAAZ,QAAAa,GAAAb,QAAAc,MAAAZ,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA,GAAAY,IAAAZ,EAAA,EAAA,GAAAa,IAAAb,EAAA,EAAA,GAAAc,IAAAd,EAAA,EAAA;AAAA,MAAAgB;AAAA,EAAAhB,UAAAc,KANlBE,IAAAF,MAAAG,SAAA,CAAA,IAAAH,GAAmBd,QAAAc,GAAAd,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA;AAAnB,QAAAe,KAAAC,GAOA,CAAAE,GAAAC,EAAA,IAAoCC,GAAS,EAAE,GAC/C,CAAAC,GAAAC,EAAA,IAAkCF,GAAwB,IAAI;AAAE,MAAAG;AAAA,EAAAvB,UAAAW,KAO5DY,IAAAZ,KAAA,CAAA,GAAWX,QAAAW,GAAAX,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAwB,GAAAC,GAAAC,GAAAC;AAAA,EAAA3B,UAAAuB,KALf;AAAA,IAAAK,OAAAF;AAAAA,IAAAG,QAAAJ;AAAAA,IAAAK,KAAAN;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAKIJ,GAAYvB,QAAAuB,GAAAvB,QAAAwB,GAAAxB,QAAAyB,GAAAzB,QAAA0B,GAAA1B,QAAA2B,MAAAH,IAAAxB,EAAA,EAAA,GAAAyB,IAAAzB,EAAA,EAAA,GAAA0B,IAAA1B,EAAA,EAAA,GAAA2B,IAAA3B,EAAA,EAAA;AAAA,MAAA+B;AAAA,EAAA/B,UAAAU,KAOZqB,IAAArB,KAAA,CAAA,GAAeV,QAAAU,GAAAV,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA;AAAA,MAAAgC,GAAAC,GAAAC,GAAAC;AAAA,EAAAnC,UAAA+B,KALnB;AAAA,IAAAH,OAAAM;AAAAA,IAAAL,QAAAI;AAAAA,IAAAH,KAAAE;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAKIJ,GAAgB/B,QAAA+B,GAAA/B,QAAAgC,GAAAhC,QAAAiC,GAAAjC,QAAAkC,GAAAlC,QAAAmC,MAAAH,IAAAhC,EAAA,EAAA,GAAAiC,IAAAjC,EAAA,EAAA,GAAAkC,IAAAlC,EAAA,EAAA,GAAAmC,IAAAnC,EAAA,EAAA;AAEpB,QAAAoC,KAAkBV,KAAAW,IAClBC,KAAmBb,KAAAc,IACnBC,KAAgBhB,KAAAiB;AAAe,MAAAC;AAAA,EAAA1C,UAAAkB,KAG7BwB,IAAAxB,IAAA,CAAcA,CAAU,IAAxB,CAAA,GAA8BlB,QAAAkB,GAAAlB,QAAA0C,KAAAA,IAAA1C,EAAA,EAAA;AAAA,MAAA2C;AAAA,EAAA3C,UAAAE,KAAAF,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAM,KAAAN,UAAAQ,KAAAR,EAAA,EAAA,MAAAS,KAC9BkC,IAAA;AAAA,IAAAnC,SAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAE,aAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAG,cAAAA;AAAAA,IAAAmC,YAMc;AAAA,IAAGvC,YAAAA;AAAAA,EAAAA,GAEhBL,QAAAE,GAAAF,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAM,GAAAN,QAAAQ,GAAAR,QAAAS,GAAAT,QAAA2C,KAAAA,IAAA3C,EAAA,EAAA;AAVH,QAAA;AAAA,IAAA6C,MAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAA0BC,GACxBL,GACAC,CASF;AAAE,MAAAK;AAAA,EAAAhD,UAAAQ,KAGmBwC,IAAA,IAAIC,IAAIzC,EAAO0C,IAAKC,EAAgC,CAAC,GAACnD,QAAAQ,GAAAR,QAAAgD,KAAAA,IAAAhD,EAAA,EAAA;AAAzE,QAAAoD,IAAmBJ;AAAuD,MAAAK,GAAAC;AAAA,MAAAtD,EAAA,EAAA,MAAA6C,KAAA7C,EAAA,EAAA,MAAAe,MAAAf,EAAA,EAAA,MAAAkB,KAAAlB,UAAAoD,GAAA;AAC1E,UAAAG,IAAcrC,EAAUsC,YAAAA;AAAe,QAAAC;AAAA,IAAAzD,UAAAkB,KACjBuC,IAAAC,GAASxC,CAAU,GAAClB,QAAAkB,GAAAlB,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAA1C,UAAA2D,KAAsBF,GAEtBG,KAAsBC,CAAAA,MAChBF,MAAA,CAAkBG,IAAc,IAChCD,MAAUC,IAAc,IACxBD,EAAKE,WAAYD,CAAK,IAAU,IAChCD,EAAKG,SAAUF,CAAK,IAAU,IAC3B,GAGTG,KAAyBC,OACvB,CAAA,GAAIA,CAAO,EAACC,KAAM,CAAAC,IAAAC,OAAA;AAChB,YAAAC,IAAelB,EAAUmB,IAAKH,GAACI,IAAK,GACpCC,IAAerB,EAAUmB,IAAKF,GAACG,IAAK;AAGpC,UAAIF,MAAWrD,UAAawD,MAAWxD;AAAS,eAAS;AACzD,UAAIwD,MAAWxD,UAAaqD,MAAWrD;AAAS,eAAS;AACzD,UAAIqD,MAAWrD,UAAawD,MAAWxD,UAAaqD,MAAWG;AAAM,eAC5DH,IAASG;AAIlB,YAAAC,MAAgBN,GAACP,SAAD,IAAaL,YAAAA,GAC7BmB,MAAgBN,GAACR,SAAD,IAAaL,YAAAA,GAC7BoB,KAAchB,GAAcc,EAAM,GAClCG,KAAcjB,GAAce,EAAM;AAClC,aAAIC,OAAUC,KAAcD,KAAQC,KAG7BH,GAAMI,cAAeH,EAAM;AAAA,IAAC,CACpC;AAGKtB,IAAAA,IAAAR,KAAOoB,GAAiBpB,CAAW,GACzBS,IAAAW,GAAiBlD,EAAc,GAACf,QAAA6C,GAAA7C,QAAAe,IAAAf,QAAAkB,GAAAlB,QAAAoD,GAAApD,QAAAqD,GAAArD,QAAAsD;AAAAA,EAAA;AAAAD,IAAAA,IAAArD,EAAA,EAAA,GAAAsD,IAAAtD,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,EAAA,EAAA,MAAAqD,KAAArD,UAAAsD,KAF3CG,IAAA;AAAA,IAAAZ,MACCQ;AAAAA,IAAoCtC,gBAC1BuC;AAAAA,EAAAA,GACjBtD,QAAAqD,GAAArD,QAAAsD,GAAAtD,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAvCH,QAAA+E,IAoCEtB;AAI8C,MAAAuB;AAAA,EAAAhF,EAAA,EAAA,MAAAiF,uBAAAC,IAAA,2BAAA,KAGtCF,IAAAA,MAAA;AACR7D,IAAAA,GAAc,EAAE,GAChBG,GAAa,IAAI;AAAA,EAAC,GACnBtB,QAAAgF,KAAAA,IAAAhF,EAAA,EAAA;AAAA,MAAAmF;AAAA,EAAAnF,UAAAE,KAAEiF,IAAA,CAACjF,CAAQ,GAACF,QAAAE,GAAAF,QAAAmF,KAAAA,IAAAnF,EAAA,EAAA,GAHboF,GAAUJ,GAGPG,CAAU;AAAC,MAAAE;AAAA,EAAArF,EAAA,EAAA,MAAAO,KAAAP,UAAAqB,KAGegE,IAAAA,MAAA;AAC3B,IAAIhE,KAAAd,KAA6BA,EAAec,CAAS;AAAA,EAAE,GAC5DrB,QAAAO,GAAAP,QAAAqB,GAAArB,QAAAqF,KAAAA,IAAArF,EAAA,EAAA;AAFD,QAAAsF,KAAiBD;AAEe,MAAAE;AAAA,EAAAvF,EAAA,EAAA,MAAA6C,KAAA7C,UAAAkB,KAAAlB,EAAA,EAAA,MAAAO,KAI9BgF,IAAAC,CAAAA,MAAA;AACE,QAAIA,EAAKC,QAAS,SAAO;AACvB,YAAAC,IAAmB7C,GAAI8C,KAAOC,CAAAA,OAAOA,GAAC/B,OAAmBL,YAAAA,MAAOtC,EAAUsC,YAAAA,CAAc;AACxF,MAAIkC,MACFpE,GAAaoE,CAAU,GACnBnF,KAAgBA,EAAemF,CAAU;AAAA,IAC9C;AAAA,EACF,GACF1F,QAAA6C,GAAA7C,QAAAkB,GAAAlB,QAAAO,GAAAP,QAAAuF,KAAAA,IAAAvF,EAAA,EAAA;AATH,QAAA6F,KAAsBN;AAWpB,MAAAO;AAAA,EAAA9F,EAAA,EAAA,MAAAiF,uBAAAC,IAAA,2BAAA,KAEeY,IAAAA,CAAAC,GAAAC,MAAA;AACf1E,IAAAA,GAAa0E,CAAQ,GACrB7E,GAAc6E,GAAQnC,SAAR,EAAqB;AAAA,EAAC,GACrC7D,QAAA8F,KAAAA,IAAA9F,EAAA,EAAA;AAHD,QAAAiG,KAAiBH;AAGf,MAAAI;AAAA,EAAAlG,EAAA,EAAA,MAAAiF,uBAAAC,IAAA,2BAAA,KAKQgB,KAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAGnG,QAAAkG,MAAAA,KAAAlG,EAAA,EAAA;AAAA,MAAAoG;AAAA,EAAApG,EAAA,EAAA,MAAAkB,KAAAlB,UAAA8C,KAAA9C,EAAA,EAAA,MAAA+E,KAGNqB,IAAAlF,MAAe,KAAK6D,EAAchE,iBAAkB+B,KAAA,CAAYiC,EAAclC,OAA1B,CAAA,IAAuCkC,EAAclC,MAAK7C,QAAAkB,GAAAlB,QAAA8C,GAAA9C,QAAA+E,GAAA/E,QAAAoG,KAAAA,IAAApG,EAAA,EAAA;AAAA,MAAAqG;AAAA,EAAArG,EAAA,EAAA,MAAA6C,KAAA7C,UAAAkB,KAAAlB,EAAA,EAAA,MAAA8C,KAMxGuD,IAAAC,GAAcpF,GAAY4B,GAASD,CAAI,GAAC7C,QAAA6C,GAAA7C,QAAAkB,GAAAlB,QAAA8C,GAAA9C,QAAAqG,KAAAA,IAAArG,EAAA,EAAA;AAAA,MAAAuG;AAAA,EAAAvG,EAAA,EAAA,MAAAoC,MAAApC,EAAA,EAAA,MAAA6F,MAAA7F,EAAA,EAAA,MAAAkC,KAAAlC,UAAAkB,KAI1CqF,IAAAC,OACXC,gBAAAA,EAAAA,IAACrE,IAAA,KACKoE,GACE,OAAA,UACKX,WAAAA,IACJ3E,OAAAA,GACG,UAAAwF,OAAgDvF,GAAcqE,EAAKmB,OAAOC,KAAM,GAAC,GACvF1E,GAAc,GAErBlC,QAAAoC,IAAApC,QAAA6F,IAAA7F,QAAAkC,GAAAlC,QAAAkB,GAAAlB,QAAAuG,KAAAA,IAAAvG,EAAA,EAAA;AAAA,MAAA6G;AAAA,EAAA7G,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAA2B,KAAA3B,UAAAqB,KAAArB,EAAA,EAAA,MAAAoG,KAAApG,EAAA,EAAA,MAAAqG,KAAArG,EAAA,EAAA,MAAAuG,KAvBHM,0BAACC,IAAA,EACK,IAAAZ,IACMD,UAAAA,IACH5E,UACE,SAAA+E,GACO,gBAAAW,IAGP,SAAAC,IACIC,aAAAA,IACE,eAAAZ,GACO,sBAAAa,IACRC,kBACC,eAAAC,IACF,aAAAb,GAUN5E,OAAAA,GACIQ,cAAY,GACnBhC,GAAiB,GACrBH,QAAAG,GAAAH,QAAAmC,GAAAnC,QAAA2B,GAAA3B,QAAAqB,GAAArB,QAAAoG,GAAApG,QAAAqG,GAAArG,QAAAuG,GAAAvG,QAAA6G,KAAAA,IAAA7G,EAAA,EAAA;AAEC,QAAAqH,KAAApF,GAAeqF,YAAf;AAAiC,MAAAC;AAAA,EAAAvH,EAAA,EAAA,MAAAsC,MAAAtC,EAAA,EAAA,MAAAiC,KAAAjC,EAAA,EAAA,MAAAsF,MAAAtF,UAAAqH,MADpCE,0BAACjF,MAAmB,SAAA,aAAqBgD,aAAQ,GAAMrD,GACpDoF,UAAAA,GAAAA,CACH,GAAarH,QAAAsC,IAAAtC,QAAAiC,GAAAjC,QAAAsF,IAAAtF,QAAAqH,IAAArH,QAAAuH,KAAAA,IAAAvH,EAAA,EAAA;AAAA,MAAAwH;AAAA,SAAAxH,UAAAwC,MAAAxC,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAa,KAAAb,UAAA6G,KAAA7G,EAAA,EAAA,MAAAuH,KA/BfC,KAAAC,gBAAAA,EAAAA,KAACjF,IAAA,EAAgB,SAAA,QAAqB,eAAA,OAAW,KAAA,GAAU5B,OAAAA,GAAWC,IAAAA,MAAQmB,GAC5E6E,UAAAA;AAAAA,IAAAA;AAAAA,IA4BAU;AAAAA,EAAAA,GAGF,GAAUvH,QAAAwC,IAAAxC,QAAAgC,GAAAhC,QAAAY,GAAAZ,QAAAa,GAAAb,QAAA6G,GAAA7G,QAAAuH,GAAAvH,QAAAwH,MAAAA,KAAAxH,EAAA,EAAA,GAhCVwH;AAgCU;AA1Jd,SAAAJ,GAAAM,GAAA;AAAA,SAwI8B9B;AAAC;AAxI/B,SAAAsB,GAAAS,GAAAf,GAAA;AAAA,SAsIiDgB,EAAM/D,UAAW+C,EAAK/C;AAAM;AAtI7E,SAAAmD,GAAAa,GAAA;AAAA,SAmIqCD,EAAMpD,QAAN;AAAiB;AAnItD,SAAAuC,GAAAa,GAAA;AAAA,SAiIiBA,EAAM/D,SAAN;AAAkB;AAjInC,SAAAV,GAAAW,GAAAgE,GAAA;AAAA,SAkD6D,CAAChE,GAAOgE,CAAK;AAAC;AAkH3E,SAASb,GAAYT,GAAuC;AAC1D,gCACG,OAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACsB,IAAA,EAAW,SAAQ,aAAY,IAAI;AAAA,MAAEC,OAAO;AAAA,MAAQC,eAAe;AAAA,MAAKC,cAAc;AAAA,IAAA,GACpF1B,YAAO2B,OACV;AAAA,IACC3B,EAAOc;AAAAA,EAAAA,EAAAA,GAJAd,EAAOf,GAKjB;AAEJ;AASA,SAASa,GAAcpF,GAAoBkH,GAAoBvF,GAAuB;AACpF,+BACGkF,IAAA,EAAW,SAAQ,WACjB7G,UAAAA,IACGkH,IACE,eACAC,MAAMC,QAAQzF,CAAI,KAAKA,EAAK0F,WAAW,IACrC,qBACA,KACJ,4BACN;AAEJ;AAQA,SAASpB,GAAcqB,GAAYZ,GAAgB;AACjD,4BACG,MAAA,EAAG,GAAIY,GAAO,KAAK,GAAGZ,EAAOpD,IAAI,IAAIoD,EAAO/D,SAAS,UAAU,IAAI+D,EAAOa,eAAe,gBAAgB,GAAA,0BACvGhG,IAAA,EACC,UAAA;AAAA,IAAAgE,gBAAAA,EAAAA,IAACsB,IAAA,EACC,SAAQ,SACR,WAAU,OACV,YAAW,QACX,IAAIH,EAAOpD,SAAS,SAAS;AAAA,MAAEkE,WAAW;AAAA,IAAA,IAAa,IAEtDd,UAAAA,EAAO/D,MAAAA,CACV;AAAA,0BACCkE,IAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,OAAO;AAAA,MAAEY,YAAY;AAAA,IAAA,GACrEf,YAAOa,YAAAA,CACV;AAAA,EAAA,EAAA,CACF,CACF;AAEJ;"}

package/dist/ui-components.es30.js

@@ -1,243 +1,133 @@
-import * as m from "react";
-import o from "./ui-components.es89.js";
-import { clsx as O } from "./ui-components.es88.js";
-import H from "./ui-components.es214.js";
-import j from "./ui-components.es210.js";
-import R from "./ui-components.es90.js";
-import $, { getTableCellUtilityClass as w } from "./ui-components.es218.js";
-import { j as P } from "./ui-components.es15.js";
-import { useDefaultProps as A } from "./ui-components.es93.js";
-import r from "./ui-components.es115.js";
-import D from "./ui-components.es94.js";
-import N from "./ui-components.es34.js";
-const S = (e) => {
-  const {
-    classes: t,
-    variant: a,
-    align: n,
-    padding: l,
-    size: g,
-    stickyHeader: p
-  } = e, f = {
-    root: ["root", a, p && "stickyHeader", n !== "inherit" && `align${r(n)}`, l !== "normal" && `padding${r(l)}`, `size${r(g)}`]
-  };
-  return D(f, w, t);
-}, E = N("td", {
-  name: "MuiTableCell",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: a
-    } = e;
-    return [t.root, t[a.variant], t[`size${r(a.size)}`], a.padding !== "normal" && t[`padding${r(a.padding)}`], a.align !== "inherit" && t[`align${r(a.align)}`], a.stickyHeader && t.stickyHeader];
-  }
-})(R(({
-  theme: e
+import { j as e } from "./ui-components.es16.js";
+import * as h from "react";
+import { Toolbar as F, ColumnsPanelTrigger as E, ToolbarButton as a, FilterPanelTrigger as k, ExportPrint as w, ExportCsv as T, ExportExcel as O, QuickFilterTrigger as P, QuickFilterControl as R, QuickFilterClear as A, QuickFilter as D } from "@mui/x-data-grid-premium";
+import M from "./ui-components.es76.js";
+import Q from "./ui-components.es77.js";
+import B from "./ui-components.es78.js";
+import b from "./ui-components.es79.js";
+import u from "./ui-components.es45.js";
+import { InfoOutline as N } from "@mui/icons-material";
+import V from "./ui-components.es18.js";
+import s from "./ui-components.es48.js";
+import j from "./ui-components.es80.js";
+import L from "./ui-components.es81.js";
+import W from "./ui-components.es82.js";
+import d from "./ui-components.es83.js";
+import g from "./ui-components.es84.js";
+import m from "./ui-components.es56.js";
+import X from "./ui-components.es21.js";
+const q = m(D)({
+  display: "grid",
+  alignItems: "center"
+}), G = m(a)(({
+  theme: r,
+  ownerState: t
 }) => ({
-  ...e.typography.body2,
-  display: "table-cell",
-  verticalAlign: "inherit",
-  // Workaround for a rendering bug with spanned columns in Chrome 62.0.
-  // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
-  borderBottom: e.vars ? `1px solid ${e.vars.palette.TableCell.border}` : `1px solid
-    ${e.palette.mode === "light" ? e.lighten(e.alpha(e.palette.divider, 1), 0.88) : e.darken(e.alpha(e.palette.divider, 1), 0.68)}`,
-  textAlign: "left",
-  padding: 16,
-  variants: [{
-    props: {
-      variant: "head"
-    },
-    style: {
-      color: (e.vars || e).palette.text.primary,
-      lineHeight: e.typography.pxToRem(24),
-      fontWeight: e.typography.fontWeightMedium
-    }
-  }, {
-    props: {
-      variant: "body"
-    },
-    style: {
-      color: (e.vars || e).palette.text.primary
-    }
-  }, {
-    props: {
-      variant: "footer"
-    },
-    style: {
-      color: (e.vars || e).palette.text.secondary,
-      lineHeight: e.typography.pxToRem(21),
-      fontSize: e.typography.pxToRem(12)
-    }
-  }, {
-    props: {
-      size: "small"
-    },
-    style: {
-      padding: "6px 16px",
-      [`&.${$.paddingCheckbox}`]: {
-        width: 24,
-        // prevent the checkbox column from growing
-        padding: "0 12px 0 16px",
-        "& > *": {
-          padding: 0
-        }
+  gridArea: "1 / 1",
+  width: "min-content",
+  height: "min-content",
+  zIndex: 1,
+  opacity: t.expanded ? 0 : 1,
+  pointerEvents: t.expanded ? "none" : "auto",
+  transition: r.transitions.create(["opacity"])
+})), H = m(X)(({
+  theme: r,
+  ownerState: t
+}) => ({
+  gridArea: "1 / 1",
+  overflowX: "clip",
+  width: t.expanded ? 260 : "var(--trigger-width)",
+  opacity: t.expanded ? 1 : 0,
+  transition: r.transitions.create(["width", "opacity"])
+}));
+function pe({
+  label: r,
+  labelTooltip: t,
+  extra: p,
+  style: C,
+  iconColor: y,
+  ...S
+}) {
+  const [c, o] = h.useState(!1), x = h.useRef(null), l = y ?? "inherit", {
+    printOptions: v,
+    csvOptions: I,
+    excelOptions: z,
+    ...J
+  } = S;
+  return /* @__PURE__ */ e.jsxs(F, { style: C, children: [
+    typeof r != "string" && r,
+    /* @__PURE__ */ e.jsxs(V, { fontWeight: "medium", sx: {
+      flex: 1,
+      mx: 0.5,
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    }, children: [
+      typeof r == "string" && r,
+      t && (typeof t == "string" || typeof t == "number") ? /* @__PURE__ */ e.jsx(s, { title: t, children: /* @__PURE__ */ e.jsx(N, { fontSize: "inherit", color: "primary" }) }) : t
+    ] }),
+    p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      p,
+      /* @__PURE__ */ e.jsx(j, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+        mx: 0.5
+      } })
+    ] }),
+    /* @__PURE__ */ e.jsx(s, { title: "Columns", children: /* @__PURE__ */ e.jsx(E, { render: /* @__PURE__ */ e.jsx(a, {}), children: /* @__PURE__ */ e.jsx(M, { fontSize: "small", htmlColor: l }) }) }),
+    /* @__PURE__ */ e.jsx(s, { title: "Filters", children: /* @__PURE__ */ e.jsx(k, { render: (n, i) => /* @__PURE__ */ e.jsx(a, { ...n, color: "default", children: /* @__PURE__ */ e.jsx(L, { badgeContent: i.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ e.jsx(Q, { fontSize: "small", htmlColor: l }) }) }) }) }),
+    /* @__PURE__ */ e.jsx(j, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+      mx: 0.5
+    } }),
+    /* @__PURE__ */ e.jsx(s, { title: "Export", children: /* @__PURE__ */ e.jsx(a, { ref: x, id: "export-menu-trigger", "aria-controls": "export-menu", "aria-haspopup": "true", "aria-expanded": c ? "true" : void 0, onClick: () => o(!0), children: /* @__PURE__ */ e.jsx(B, { fontSize: "small", htmlColor: l }) }) }),
+    /* @__PURE__ */ e.jsxs(W, { id: "export-menu", anchorEl: x.current, open: c, onClose: () => o(!1), anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    }, transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }, slotProps: {
+      list: {
+        "aria-labelledby": "export-menu-trigger"
       }
-    }
-  }, {
-    props: {
-      padding: "checkbox"
-    },
-    style: {
-      width: 48,
-      // prevent the checkbox column from growing
-      padding: "0 0 0 4px"
-    }
-  }, {
-    props: {
-      padding: "none"
-    },
-    style: {
-      padding: 0
-    }
-  }, {
-    props: {
-      align: "left"
-    },
-    style: {
-      textAlign: "left"
-    }
-  }, {
-    props: {
-      align: "center"
-    },
-    style: {
-      textAlign: "center"
-    }
-  }, {
-    props: {
-      align: "right"
-    },
-    style: {
-      textAlign: "right",
-      flexDirection: "row-reverse"
-    }
-  }, {
-    props: {
-      align: "justify"
-    },
-    style: {
-      textAlign: "justify"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.stickyHeader,
-    style: {
-      position: "sticky",
-      top: 0,
-      zIndex: 2,
-      backgroundColor: (e.vars || e).palette.background.default
-    }
-  }]
-}))), M = /* @__PURE__ */ m.forwardRef(function(t, a) {
-  const n = A({
-    props: t,
-    name: "MuiTableCell"
-  }), {
-    align: l = "inherit",
-    className: g,
-    component: p,
-    padding: f,
-    scope: T,
-    size: C,
-    sortDirection: y,
-    variant: k,
-    ...z
-  } = n, i = m.useContext(H), d = m.useContext(j), x = d && d.variant === "head";
-  let s;
-  p ? s = p : s = x ? "th" : "td";
-  let c = T;
-  s === "td" ? c = void 0 : !c && x && (c = "col");
-  const v = k || d && d.variant, b = {
-    ...n,
-    align: l,
-    component: s,
-    padding: f || (i && i.padding ? i.padding : "normal"),
-    size: C || (i && i.size ? i.size : "medium"),
-    sortDirection: y,
-    stickyHeader: v === "head" && i && i.stickyHeader,
-    variant: v
-  }, h = S(b);
-  let u = null;
-  return y && (u = y === "asc" ? "ascending" : "descending"), /* @__PURE__ */ P.jsx(E, {
-    as: s,
-    ref: a,
-    className: O(h.root, g),
-    "aria-sort": u,
-    scope: c,
-    ownerState: b,
-    ...z
-  });
-});
-process.env.NODE_ENV !== "production" && (M.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the table cell content.
-   *
-   * Monetary or generally number fields **should be right aligned** as that allows
-   * you to add them up quickly in your head without having to worry about decimals.
-   * @default 'inherit'
-   */
-  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * Sets the padding applied to the cell.
-   * The prop defaults to the value (`'default'`) inherited from the parent Table component.
-   */
-  padding: o.oneOf(["checkbox", "none", "normal"]),
-  /**
-   * Set scope attribute.
-   */
-  scope: o.string,
-  /**
-   * Specify the size of the cell.
-   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
-   */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
-  /**
-   * Set aria-sort direction.
-   */
-  sortDirection: o.oneOf(["asc", "desc", !1]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * Specify the cell type.
-   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
-   */
-  variant: o.oneOfType([o.oneOf(["body", "footer", "head"]), o.string])
-});
+    }, children: [
+      /* @__PURE__ */ e.jsx(w, { options: v, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Print" }),
+      /* @__PURE__ */ e.jsx(T, { options: {
+        ...typeof r == "string" ? {
+          fileName: r
+        } : {},
+        ...I
+      }, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Download as CSV" }),
+      /* @__PURE__ */ e.jsx(O, { options: {
+        ...typeof r == "string" ? {
+          fileName: r
+        } : {},
+        ...z
+      }, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Download as Excel" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsx(P, { render: (n, i) => /* @__PURE__ */ e.jsx(s, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ e.jsx(G, { ...n, ownerState: {
+        expanded: i.expanded
+      }, color: "default", "aria-disabled": i.expanded, children: /* @__PURE__ */ e.jsx(u, { fontSize: "small", htmlColor: l }) }) }) }),
+      /* @__PURE__ */ e.jsx(R, { render: ({
+        ref: n,
+        ...i
+      }, f) => /* @__PURE__ */ e.jsx(H, { ...i, ownerState: {
+        expanded: f.expanded
+      }, inputRef: n, "aria-label": "Search", placeholder: "Search...", size: "small", slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ e.jsx(g, { position: "start", children: /* @__PURE__ */ e.jsx(u, { fontSize: "small" }) }),
+          endAdornment: f.value ? /* @__PURE__ */ e.jsx(g, { position: "end", children: /* @__PURE__ */ e.jsx(A, { edge: "end", size: "small", "aria-label": "Clear search", material: {
+            sx: {
+              marginRight: -0.75
+            }
+          }, children: /* @__PURE__ */ e.jsx(b, { fontSize: "small" }) }) }) : null,
+          ...i.slotProps?.input
+        },
+        ...i.slotProps
+      } }) })
+    ] })
+  ] });
+}
 export {
-  M as default
+  pe as CustomToolbar
 };
 //# sourceMappingURL=ui-components.es30.js.map

package/dist/ui-components.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es30.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/TableCell/TableCell.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from \"../utils/capitalize.js\";\nimport TableContext from \"../Table/TableContext.js\";\nimport Tablelvl2Context from \"../Table/Tablelvl2Context.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport tableCellClasses, { getTableCellUtilityClass } from \"./tableCellClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    align,\n    padding,\n    size,\n    stickyHeader\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, stickyHeader && 'stickyHeader', align !== 'inherit' && `align${capitalize(align)}`, padding !== 'normal' && `padding${capitalize(padding)}`, `size${capitalize(size)}`]\n  };\n  return composeClasses(slots, getTableCellUtilityClass, classes);\n};\nconst TableCellRoot = styled('td', {\n  name: 'MuiTableCell',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], styles[`size${capitalize(ownerState.size)}`], ownerState.padding !== 'normal' && styles[`padding${capitalize(ownerState.padding)}`], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.stickyHeader && styles.stickyHeader];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  ...theme.typography.body2,\n  display: 'table-cell',\n  verticalAlign: 'inherit',\n  // Workaround for a rendering bug with spanned columns in Chrome 62.0.\n  // Removes the alpha (sets it to 1), and lightens or darkens the theme color.\n  borderBottom: theme.vars ? `1px solid ${theme.vars.palette.TableCell.border}` : `1px solid\n    ${theme.palette.mode === 'light' ? theme.lighten(theme.alpha(theme.palette.divider, 1), 0.88) : theme.darken(theme.alpha(theme.palette.divider, 1), 0.68)}`,\n  textAlign: 'left',\n  padding: 16,\n  variants: [{\n    props: {\n      variant: 'head'\n    },\n    style: {\n      color: (theme.vars || theme).palette.text.primary,\n      lineHeight: theme.typography.pxToRem(24),\n      fontWeight: theme.typography.fontWeightMedium\n    }\n  }, {\n    props: {\n      variant: 'body'\n    },\n    style: {\n      color: (theme.vars || theme).palette.text.primary\n    }\n  }, {\n    props: {\n      variant: 'footer'\n    },\n    style: {\n      color: (theme.vars || theme).palette.text.secondary,\n      lineHeight: theme.typography.pxToRem(21),\n      fontSize: theme.typography.pxToRem(12)\n    }\n  }, {\n    props: {\n      size: 'small'\n    },\n    style: {\n      padding: '6px 16px',\n      [`&.${tableCellClasses.paddingCheckbox}`]: {\n        width: 24,\n        // prevent the checkbox column from growing\n        padding: '0 12px 0 16px',\n        '& > *': {\n          padding: 0\n        }\n      }\n    }\n  }, {\n    props: {\n      padding: 'checkbox'\n    },\n    style: {\n      width: 48,\n      // prevent the checkbox column from growing\n      padding: '0 0 0 4px'\n    }\n  }, {\n    props: {\n      padding: 'none'\n    },\n    style: {\n      padding: 0\n    }\n  }, {\n    props: {\n      align: 'left'\n    },\n    style: {\n      textAlign: 'left'\n    }\n  }, {\n    props: {\n      align: 'center'\n    },\n    style: {\n      textAlign: 'center'\n    }\n  }, {\n    props: {\n      align: 'right'\n    },\n    style: {\n      textAlign: 'right',\n      flexDirection: 'row-reverse'\n    }\n  }, {\n    props: {\n      align: 'justify'\n    },\n    style: {\n      textAlign: 'justify'\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.stickyHeader,\n    style: {\n      position: 'sticky',\n      top: 0,\n      zIndex: 2,\n      backgroundColor: (theme.vars || theme).palette.background.default\n    }\n  }]\n})));\n\n/**\n * The component renders a `<th>` element when the parent context is a header\n * or otherwise a `<td>` element.\n */\nconst TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableCell'\n  });\n  const {\n    align = 'inherit',\n    className,\n    component: componentProp,\n    padding: paddingProp,\n    scope: scopeProp,\n    size: sizeProp,\n    sortDirection,\n    variant: variantProp,\n    ...other\n  } = props;\n  const table = React.useContext(TableContext);\n  const tablelvl2 = React.useContext(Tablelvl2Context);\n  const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';\n  let component;\n  if (componentProp) {\n    component = componentProp;\n  } else {\n    component = isHeadCell ? 'th' : 'td';\n  }\n  let scope = scopeProp;\n  // scope is not a valid attribute for <td/> elements.\n  // source: https://html.spec.whatwg.org/multipage/tables.html#the-td-element\n  if (component === 'td') {\n    scope = undefined;\n  } else if (!scope && isHeadCell) {\n    scope = 'col';\n  }\n  const variant = variantProp || tablelvl2 && tablelvl2.variant;\n  const ownerState = {\n    ...props,\n    align,\n    component,\n    padding: paddingProp || (table && table.padding ? table.padding : 'normal'),\n    size: sizeProp || (table && table.size ? table.size : 'medium'),\n    sortDirection,\n    stickyHeader: variant === 'head' && table && table.stickyHeader,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  let ariaSort = null;\n  if (sortDirection) {\n    ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';\n  }\n  return /*#__PURE__*/_jsx(TableCellRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    \"aria-sort\": ariaSort,\n    scope: scope,\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableCell.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   * Set the text-align on the table cell content.\n   *\n   * Monetary or generally number fields **should be right aligned** as that allows\n   * you to add them up quickly in your head without having to worry about decimals.\n   * @default 'inherit'\n   */\n  align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),\n  /**\n   * The content of the component.\n   */\n  children: 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 component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Sets the padding applied to the cell.\n   * The prop defaults to the value (`'default'`) inherited from the parent Table component.\n   */\n  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),\n  /**\n   * Set scope attribute.\n   */\n  scope: PropTypes.string,\n  /**\n   * Specify the size of the cell.\n   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * Set aria-sort direction.\n   */\n  sortDirection: PropTypes.oneOf(['asc', 'desc', false]),\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   * Specify the cell type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body', 'footer', 'head']), PropTypes.string])\n} : void 0;\nexport default TableCell;"],"names":["useUtilityClasses","ownerState","classes","variant","align","padding","size","stickyHeader","slots","capitalize","composeClasses","getTableCellUtilityClass","TableCellRoot","styled","props","styles","memoTheme","theme","tableCellClasses","TableCell","React","inProps","ref","useDefaultProps","className","componentProp","paddingProp","scopeProp","sizeProp","sortDirection","variantProp","other","table","TableContext","tablelvl2","Tablelvl2Context","isHeadCell","component","scope","ariaSort","_jsx","clsx","PropTypes"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,EACJ,IAAMN,GACEO,IAAQ;AAAA,IACZ,MAAM,CAAC,QAAQL,GAASI,KAAgB,gBAAgBH,MAAU,aAAa,QAAQK,EAAWL,CAAK,CAAC,IAAIC,MAAY,YAAY,UAAUI,EAAWJ,CAAO,CAAC,IAAI,OAAOI,EAAWH,CAAI,CAAC,EAAE;AAAA,EAClM;AACE,SAAOI,EAAeF,GAAOG,GAA0BT,CAAO;AAChE,GACMU,IAAgBC,EAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACC,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAd;AAAA,IACN,IAAQa;AACJ,WAAO,CAACC,EAAO,MAAMA,EAAOd,EAAW,OAAO,GAAGc,EAAO,OAAON,EAAWR,EAAW,IAAI,CAAC,EAAE,GAAGA,EAAW,YAAY,YAAYc,EAAO,UAAUN,EAAWR,EAAW,OAAO,CAAC,EAAE,GAAGA,EAAW,UAAU,aAAac,EAAO,QAAQN,EAAWR,EAAW,KAAK,CAAC,EAAE,GAAGA,EAAW,gBAAgBc,EAAO,YAAY;AAAA,EACxT;AACF,CAAC,EAAEC,EAAU,CAAC;AAAA,EACZ,OAAAC;AACF,OAAO;AAAA,EACL,GAAGA,EAAM,WAAW;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA;AAAA;AAAA,EAGf,cAAcA,EAAM,OAAO,aAAaA,EAAM,KAAK,QAAQ,UAAU,MAAM,KAAK;AAAA,MAC5EA,EAAM,QAAQ,SAAS,UAAUA,EAAM,QAAQA,EAAM,MAAMA,EAAM,QAAQ,SAAS,CAAC,GAAG,IAAI,IAAIA,EAAM,OAAOA,EAAM,MAAMA,EAAM,QAAQ,SAAS,CAAC,GAAG,IAAI,CAAC;AAAA,EAC3J,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU,CAAC;AAAA,IACT,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAO;AAAA,MACL,QAAQA,EAAM,QAAQA,GAAO,QAAQ,KAAK;AAAA,MAC1C,YAAYA,EAAM,WAAW,QAAQ,EAAE;AAAA,MACvC,YAAYA,EAAM,WAAW;AAAA,IACnC;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAO;AAAA,MACL,QAAQA,EAAM,QAAQA,GAAO,QAAQ,KAAK;AAAA,IAChD;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAO;AAAA,MACL,QAAQA,EAAM,QAAQA,GAAO,QAAQ,KAAK;AAAA,MAC1C,YAAYA,EAAM,WAAW,QAAQ,EAAE;AAAA,MACvC,UAAUA,EAAM,WAAW,QAAQ,EAAE;AAAA,IAC3C;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,MAAM;AAAA,IACZ;AAAA,IACI,OAAO;AAAA,MACL,SAAS;AAAA,MACT,CAAC,KAAKC,EAAiB,eAAe,EAAE,GAAG;AAAA,QACzC,OAAO;AAAA;AAAA,QAEP,SAAS;AAAA,QACT,SAAS;AAAA,UACP,SAAS;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAO;AAAA,MACL,OAAO;AAAA;AAAA,MAEP,SAAS;AAAA,IACf;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,IACb;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,IACjB;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,IACb;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,IACjB;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,IACb;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,MACX,eAAe;AAAA,IACrB;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,OAAO;AAAA,IACb;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,IACjB;AAAA,EACA,GAAK;AAAA,IACD,OAAO,CAAC;AAAA,MACN,YAAAjB;AAAA,IACN,MAAUA,EAAW;AAAA,IACjB,OAAO;AAAA,MACL,UAAU;AAAA,MACV,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,kBAAkBgB,EAAM,QAAQA,GAAO,QAAQ,WAAW;AAAA,IAChE;AAAA,EACA,CAAG;AACH,EAAE,CAAC,GAMGE,IAAyB,gBAAAC,EAAM,WAAW,SAAmBC,GAASC,GAAK;AAC/E,QAAMR,IAAQS,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,OAAAjB,IAAQ;AAAA,IACR,WAAAoB;AAAA,IACA,WAAWC;AAAA,IACX,SAASC;AAAA,IACT,OAAOC;AAAA,IACP,MAAMC;AAAA,IACN,eAAAC;AAAA,IACA,SAASC;AAAA,IACT,GAAGC;AAAA,EACP,IAAMjB,GACEkB,IAAQZ,EAAM,WAAWa,CAAY,GACrCC,IAAYd,EAAM,WAAWe,CAAgB,GAC7CC,IAAaF,KAAaA,EAAU,YAAY;AACtD,MAAIG;AACJ,EAAIZ,IACFY,IAAYZ,IAEZY,IAAYD,IAAa,OAAO;AAElC,MAAIE,IAAQX;AAGZ,EAAIU,MAAc,OAChBC,IAAQ,SACC,CAACA,KAASF,MACnBE,IAAQ;AAEV,QAAMnC,IAAU2B,KAAeI,KAAaA,EAAU,SAChDjC,IAAa;AAAA,IACjB,GAAGa;AAAA,IACH,OAAAV;AAAA,IACA,WAAAiC;AAAA,IACA,SAASX,MAAgBM,KAASA,EAAM,UAAUA,EAAM,UAAU;AAAA,IAClE,MAAMJ,MAAaI,KAASA,EAAM,OAAOA,EAAM,OAAO;AAAA,IACtD,eAAAH;AAAA,IACA,cAAc1B,MAAY,UAAU6B,KAASA,EAAM;AAAA,IACnD,SAAA7B;AAAA,EACJ,GACQD,IAAUF,EAAkBC,CAAU;AAC5C,MAAIsC,IAAW;AACf,SAAIV,MACFU,IAAWV,MAAkB,QAAQ,cAAc,eAEjCW,gBAAAA,EAAAA,IAAK5B,GAAe;AAAA,IACtC,IAAIyB;AAAA,IACJ,KAAKf;AAAA,IACL,WAAWmB,EAAKvC,EAAQ,MAAMsB,CAAS;AAAA,IACvC,aAAae;AAAA,IACb,OAAOD;AAAA,IACP,YAAYrC;AAAA,IACZ,GAAG8B;AAAA,EACP,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeZ,EAAU,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnF,OAAOuB,EAAU,MAAM,CAAC,UAAU,WAAW,WAAW,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxE,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,SAASA,EAAU,MAAM,CAAC,YAAY,QAAQ,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvD,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,MAAMA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,UAAU,OAAO,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxH,eAAeA,EAAU,MAAM,CAAC,OAAO,QAAQ,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrD,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtJ,SAASA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,QAAQ,UAAU,MAAM,CAAC,GAAGA,EAAU,MAAM,CAAC;AACpI;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es30.js","sources":["../src/components/Table/CustomToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport {\r\n  Toolbar,\r\n  ToolbarButton,\r\n  ColumnsPanelTrigger,\r\n  FilterPanelTrigger,\r\n  ExportCsv,\r\n  ExportPrint,\r\n  QuickFilter,\r\n  QuickFilterControl,\r\n  QuickFilterClear,\r\n  QuickFilterTrigger,\r\n  GridToolbarProps,\r\n  ToolbarPropsOverrides,\r\n  ExportExcel,\r\n} from \"@mui/x-data-grid-premium\";\r\nimport Tooltip from \"@mui/material/Tooltip\";\r\nimport Menu from \"@mui/material/Menu\";\r\nimport Badge from \"@mui/material/Badge\";\r\nimport ViewColumnIcon from \"@mui/icons-material/ViewColumn\";\r\nimport FilterListIcon from \"@mui/icons-material/FilterList\";\r\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\r\nimport MenuItem from \"@mui/material/MenuItem\";\r\nimport Divider from \"@mui/material/Divider\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport InputAdornment from \"@mui/material/InputAdornment\";\r\nimport CancelIcon from \"@mui/icons-material/Cancel\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport \"./types\";\r\nimport { InfoOutline } from \"@mui/icons-material\";\r\n\r\ntype OwnerState = {\r\n  expanded: boolean;\r\n};\r\n\r\nconst StyledQuickFilter = styled(QuickFilter)({\r\n  display: \"grid\",\r\n  alignItems: \"center\",\r\n});\r\n\r\nconst StyledToolbarButton = styled(ToolbarButton)<{ ownerState: OwnerState }>(({ theme, ownerState }) => ({\r\n  gridArea: \"1 / 1\",\r\n  width: \"min-content\",\r\n  height: \"min-content\",\r\n  zIndex: 1,\r\n  opacity: ownerState.expanded ? 0 : 1,\r\n  pointerEvents: ownerState.expanded ? \"none\" : \"auto\",\r\n  transition: theme.transitions.create([\"opacity\"]),\r\n}));\r\n\r\nconst StyledTextField = styled(TextField)<{\r\n  ownerState: OwnerState;\r\n}>(({ theme, ownerState }) => ({\r\n  gridArea: \"1 / 1\",\r\n  overflowX: \"clip\",\r\n  width: ownerState.expanded ? 260 : \"var(--trigger-width)\",\r\n  opacity: ownerState.expanded ? 1 : 0,\r\n  transition: theme.transitions.create([\"width\", \"opacity\"]),\r\n}));\r\n\r\ntype CustomToolbarProps = GridToolbarProps & ToolbarPropsOverrides;\r\n\r\nexport function CustomToolbar({\r\n  label,\r\n  labelTooltip,\r\n  extra,\r\n  style,\r\n  iconColor: iconColorProp,\r\n  ...toolbarProps\r\n}: CustomToolbarProps) {\r\n  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);\r\n  const exportMenuTriggerRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const iconColor = iconColorProp ?? \"inherit\";\r\n\r\n  const {printOptions, csvOptions, excelOptions, ...restToolbarProps} = toolbarProps\r\n\r\n  return (\r\n    <Toolbar style={style}>\r\n      {typeof label !== \"string\" && label}\r\n      <Typography fontWeight=\"medium\" sx={{ flex: 1, mx: 0.5, display: \"flex\", alignItems: \"center\", gap: 1 }}>\r\n        {typeof label === \"string\" && label}\r\n        {/* ReactNode can be more than just an element, string, or number but not accounting for that for simplicity */}\r\n        {labelTooltip && (typeof labelTooltip === \"string\" || typeof labelTooltip === \"number\") ? (\r\n          <Tooltip title={labelTooltip}>\r\n            <InfoOutline fontSize=\"inherit\" color=\"primary\" />\r\n          </Tooltip>\r\n        ) : (\r\n          labelTooltip\r\n        )}\r\n      </Typography>\r\n      {extra && (\r\n        <>\r\n          {extra}\r\n          <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\r\n        </>\r\n      )}\r\n\r\n      <Tooltip title=\"Columns\">\r\n        <ColumnsPanelTrigger render={<ToolbarButton />}>\r\n          <ViewColumnIcon fontSize=\"small\" htmlColor={iconColor} />\r\n        </ColumnsPanelTrigger>\r\n      </Tooltip>\r\n\r\n      <Tooltip title=\"Filters\">\r\n        <FilterPanelTrigger\r\n          render={(props, state) => (\r\n            <ToolbarButton {...props} color=\"default\">\r\n              <Badge badgeContent={state.filterCount} color=\"primary\" variant=\"dot\">\r\n                <FilterListIcon fontSize=\"small\" htmlColor={iconColor} />\r\n              </Badge>\r\n            </ToolbarButton>\r\n          )}\r\n        />\r\n      </Tooltip>\r\n      <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\r\n      <Tooltip title=\"Export\">\r\n        <ToolbarButton\r\n          ref={exportMenuTriggerRef}\r\n          id=\"export-menu-trigger\"\r\n          aria-controls=\"export-menu\"\r\n          aria-haspopup=\"true\"\r\n          aria-expanded={exportMenuOpen ? \"true\" : undefined}\r\n          onClick={() => setExportMenuOpen(true)}\r\n        >\r\n          <FileDownloadIcon fontSize=\"small\" htmlColor={iconColor} />\r\n        </ToolbarButton>\r\n      </Tooltip>\r\n\r\n      <Menu\r\n        id=\"export-menu\"\r\n        anchorEl={exportMenuTriggerRef.current}\r\n        open={exportMenuOpen}\r\n        onClose={() => setExportMenuOpen(false)}\r\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\r\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\r\n        slotProps={{\r\n          list: {\r\n            \"aria-labelledby\": \"export-menu-trigger\",\r\n          },\r\n        }}\r\n      >\r\n        <ExportPrint options={printOptions} render={<MenuItem />} onClick={() => setExportMenuOpen(false)}>\r\n          Print\r\n        </ExportPrint>\r\n        <ExportCsv\r\n          options={{\r\n            ...(typeof label === \"string\" ? { fileName: label } : {}),\r\n            ...csvOptions,\r\n          }}\r\n          render={<MenuItem />}\r\n          onClick={() => setExportMenuOpen(false)}\r\n        >\r\n          Download as CSV\r\n        </ExportCsv>\r\n        <ExportExcel\r\n          options={{\r\n            ...(typeof label === \"string\" ? { fileName: label } : {}),\r\n            ...excelOptions,\r\n          }}\r\n          render={<MenuItem />}\r\n          onClick={() => setExportMenuOpen(false)}\r\n        >\r\n          Download as Excel\r\n        </ExportExcel>\r\n      </Menu>\r\n\r\n      <StyledQuickFilter>\r\n        <QuickFilterTrigger\r\n          render={(triggerProps, state) => (\r\n            <Tooltip title=\"Search\" enterDelay={0}>\r\n              <StyledToolbarButton\r\n                {...triggerProps}\r\n                ownerState={{ expanded: state.expanded }}\r\n                color=\"default\"\r\n                aria-disabled={state.expanded}\r\n              >\r\n                <SearchIcon fontSize=\"small\" htmlColor={iconColor} />\r\n              </StyledToolbarButton>\r\n            </Tooltip>\r\n          )}\r\n        />\r\n        <QuickFilterControl\r\n          render={({ ref, ...controlProps }, state) => (\r\n            <StyledTextField\r\n              {...controlProps}\r\n              ownerState={{ expanded: state.expanded }}\r\n              inputRef={ref}\r\n              aria-label=\"Search\"\r\n              placeholder=\"Search...\"\r\n              size=\"small\"\r\n              slotProps={{\r\n                input: {\r\n                  startAdornment: (\r\n                    <InputAdornment position=\"start\">\r\n                      <SearchIcon fontSize=\"small\" />\r\n                    </InputAdornment>\r\n                  ),\r\n                  endAdornment: state.value ? (\r\n                    <InputAdornment position=\"end\">\r\n                      <QuickFilterClear\r\n                        edge=\"end\"\r\n                        size=\"small\"\r\n                        aria-label=\"Clear search\"\r\n                        material={{ sx: { marginRight: -0.75 } }}\r\n                      >\r\n                        <CancelIcon fontSize=\"small\" />\r\n                      </QuickFilterClear>\r\n                    </InputAdornment>\r\n                  ) : null,\r\n                  ...controlProps.slotProps?.input,\r\n                },\r\n                ...controlProps.slotProps,\r\n              }}\r\n            />\r\n          )}\r\n        />\r\n      </StyledQuickFilter>\r\n    </Toolbar>\r\n  );\r\n}\r\n"],"names":["StyledQuickFilter","styled","QuickFilter","display","alignItems","StyledToolbarButton","ToolbarButton","theme","ownerState","gridArea","width","height","zIndex","opacity","expanded","pointerEvents","transition","transitions","create","StyledTextField","TextField","overflowX","CustomToolbar","label","labelTooltip","extra","style","iconColor","iconColorProp","toolbarProps","exportMenuOpen","setExportMenuOpen","React","useState","exportMenuTriggerRef","useRef","printOptions","csvOptions","excelOptions","restToolbarProps","jsxs","Toolbar","Typography","flex","mx","gap","jsx","Tooltip","InfoOutline","Fragment","Divider","ColumnsPanelTrigger","ViewColumnIcon","FilterPanelTrigger","props","state","Badge","filterCount","FilterListIcon","undefined","FileDownloadIcon","Menu","current","vertical","horizontal","list","ExportPrint","MenuItem","ExportCsv","fileName","ExportExcel","QuickFilterTrigger","triggerProps","SearchIcon","QuickFilterControl","ref","controlProps","input","startAdornment","InputAdornment","endAdornment","value","QuickFilterClear","sx","marginRight","CancelIcon","slotProps"],"mappings":"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"}

package/dist/ui-components.es300.js

@@ -1,4 +1,4 @@
-import t from "./ui-components.es150.js";
+import t from "./ui-components.es191.js";
 const o = t();
 export {
   o as default

package/dist/ui-components.es300.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es300.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/styled/styled.js"],"sourcesContent":["import createStyled from \"../createStyled/index.js\";\nconst styled = createStyled();\nexport default styled;"],"names":["styled","createStyled"],"mappings":";AACK,MAACA,IAASC,EAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es300.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/styled/styled.js"],"sourcesContent":["import createStyled from \"../createStyled/index.js\";\nconst styled = createStyled();\nexport default styled;"],"names":["styled","createStyled"],"mappings":";AACK,MAACA,IAASC,EAAY;","x_google_ignoreList":[0]}

package/dist/ui-components.es301.js

@@ -1,5 +1,5 @@
-import f from "./ui-components.es328.js";
-import p from "./ui-components.es148.js";
+import f from "./ui-components.es336.js";
+import p from "./ui-components.es190.js";
 function i({
   props: o,
   name: t,

package/dist/ui-components.es301.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es301.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/useThemeProps/useThemeProps.js"],"sourcesContent":["'use client';\n\nimport getThemeProps from \"./getThemeProps.js\";\nimport useTheme from \"../useTheme/index.js\";\nexport default function useThemeProps({\n  props,\n  name,\n  defaultTheme,\n  themeId\n}) {\n  let theme = useTheme(defaultTheme);\n  if (themeId) {\n    theme = theme[themeId] || theme;\n  }\n  return getThemeProps({\n    theme,\n    name,\n    props\n  });\n}"],"names":["useThemeProps","props","name","defaultTheme","themeId","theme","useTheme","getThemeProps"],"mappings":";;AAIe,SAASA,EAAc;AAAA,EACpC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AACF,GAAG;AACD,MAAIC,IAAQC,EAASH,CAAY;AACjC,SAAIC,MACFC,IAAQA,EAAMD,CAAO,KAAKC,IAErBE,EAAc;AAAA,IACnB,OAAAF;AAAA,IACA,MAAAH;AAAA,IACA,OAAAD;AAAA,EACJ,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es301.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/useThemeProps/useThemeProps.js"],"sourcesContent":["'use client';\n\nimport getThemeProps from \"./getThemeProps.js\";\nimport useTheme from \"../useTheme/index.js\";\nexport default function useThemeProps({\n  props,\n  name,\n  defaultTheme,\n  themeId\n}) {\n  let theme = useTheme(defaultTheme);\n  if (themeId) {\n    theme = theme[themeId] || theme;\n  }\n  return getThemeProps({\n    theme,\n    name,\n    props\n  });\n}"],"names":["useThemeProps","props","name","defaultTheme","themeId","theme","useTheme","getThemeProps"],"mappings":";;AAIe,SAASA,EAAc;AAAA,EACpC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AACF,GAAG;AACD,MAAIC,IAAQC,EAASH,CAAY;AACjC,SAAIC,MACFC,IAAQA,EAAMD,CAAO,KAAKC,IAErBE,EAAc;AAAA,IACnB,OAAAF;AAAA,IACA,MAAAH;AAAA,IACA,OAAAD;AAAA,EACJ,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/ui-components.es302.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es302.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/Grid/traverseBreakpoints.js"],"sourcesContent":["export const filterBreakpointKeys = (breakpointsKeys, responsiveKeys) => breakpointsKeys.filter(key => responsiveKeys.includes(key));\nexport const traverseBreakpoints = (breakpoints, responsive, iterator) => {\n  const smallestBreakpoint = breakpoints.keys[0]; // the keys is sorted from smallest to largest by `createBreakpoints`.\n\n  if (Array.isArray(responsive)) {\n    responsive.forEach((breakpointValue, index) => {\n      iterator((responsiveStyles, style) => {\n        if (index <= breakpoints.keys.length - 1) {\n          if (index === 0) {\n            Object.assign(responsiveStyles, style);\n          } else {\n            responsiveStyles[breakpoints.up(breakpoints.keys[index])] = style;\n          }\n        }\n      }, breakpointValue);\n    });\n  } else if (responsive && typeof responsive === 'object') {\n    // prevent null\n    // responsive could be a very big object, pick the smallest responsive values\n\n    const keys = Object.keys(responsive).length > breakpoints.keys.length ? breakpoints.keys : filterBreakpointKeys(breakpoints.keys, Object.keys(responsive));\n    keys.forEach(key => {\n      if (breakpoints.keys.includes(key)) {\n        // @ts-ignore already checked that responsive is an object\n        const breakpointValue = responsive[key];\n        if (breakpointValue !== undefined) {\n          iterator((responsiveStyles, style) => {\n            if (smallestBreakpoint === key) {\n              Object.assign(responsiveStyles, style);\n            } else {\n              responsiveStyles[breakpoints.up(key)] = style;\n            }\n          }, breakpointValue);\n        }\n      }\n    });\n  } else if (typeof responsive === 'number' || typeof responsive === 'string') {\n    iterator((responsiveStyles, style) => {\n      Object.assign(responsiveStyles, style);\n    }, responsive);\n  }\n};"],"names":["filterBreakpointKeys","breakpointsKeys","responsiveKeys","key","traverseBreakpoints","breakpoints","responsive","iterator","smallestBreakpoint","breakpointValue","index","responsiveStyles","style"],"mappings":"AAAY,MAACA,IAAuB,CAACC,GAAiBC,MAAmBD,EAAgB,OAAO,CAAAE,MAAOD,EAAe,SAASC,CAAG,CAAC,GACtHC,IAAsB,CAACC,GAAaC,GAAYC,MAAa;AACxE,QAAMC,IAAqBH,EAAY,KAAK,CAAC;AAE7C,EAAI,MAAM,QAAQC,CAAU,IAC1BA,EAAW,QAAQ,CAACG,GAAiBC,MAAU;AAC7C,IAAAH,EAAS,CAACI,GAAkBC,MAAU;AACpC,MAAIF,KAASL,EAAY,KAAK,SAAS,MACjCK,MAAU,IACZ,OAAO,OAAOC,GAAkBC,CAAK,IAErCD,EAAiBN,EAAY,GAAGA,EAAY,KAAKK,CAAK,CAAC,CAAC,IAAIE;AAAA,IAGlE,GAAGH,CAAe;AAAA,EACpB,CAAC,IACQH,KAAc,OAAOA,KAAe,YAIhC,OAAO,KAAKA,CAAU,EAAE,SAASD,EAAY,KAAK,SAASA,EAAY,OAAOL,EAAqBK,EAAY,MAAM,OAAO,KAAKC,CAAU,CAAC,GACpJ,QAAQ,CAAAH,MAAO;AAClB,QAAIE,EAAY,KAAK,SAASF,CAAG,GAAG;AAElC,YAAMM,IAAkBH,EAAWH,CAAG;AACtC,MAAIM,MAAoB,UACtBF,EAAS,CAACI,GAAkBC,MAAU;AACpC,QAAIJ,MAAuBL,IACzB,OAAO,OAAOQ,GAAkBC,CAAK,IAErCD,EAAiBN,EAAY,GAAGF,CAAG,CAAC,IAAIS;AAAA,MAE5C,GAAGH,CAAe;AAAA,IAEtB;AAAA,EACF,CAAC,KACQ,OAAOH,KAAe,YAAY,OAAOA,KAAe,aACjEC,EAAS,CAACI,GAAkBC,MAAU;AACpC,WAAO,OAAOD,GAAkBC,CAAK;AAAA,EACvC,GAAGN,CAAU;AAEjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es302.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/Grid/traverseBreakpoints.js"],"sourcesContent":["export const filterBreakpointKeys = (breakpointsKeys, responsiveKeys) => breakpointsKeys.filter(key => responsiveKeys.includes(key));\nexport const traverseBreakpoints = (breakpoints, responsive, iterator) => {\n  const smallestBreakpoint = breakpoints.keys[0]; // the keys is sorted from smallest to largest by `createBreakpoints`.\n\n  if (Array.isArray(responsive)) {\n    responsive.forEach((breakpointValue, index) => {\n      iterator((responsiveStyles, style) => {\n        if (index <= breakpoints.keys.length - 1) {\n          if (index === 0) {\n            Object.assign(responsiveStyles, style);\n          } else {\n            responsiveStyles[breakpoints.up(breakpoints.keys[index])] = style;\n          }\n        }\n      }, breakpointValue);\n    });\n  } else if (responsive && typeof responsive === 'object') {\n    // prevent null\n    // responsive could be a very big object, pick the smallest responsive values\n\n    const keys = Object.keys(responsive).length > breakpoints.keys.length ? breakpoints.keys : filterBreakpointKeys(breakpoints.keys, Object.keys(responsive));\n    keys.forEach(key => {\n      if (breakpoints.keys.includes(key)) {\n        // @ts-ignore already checked that responsive is an object\n        const breakpointValue = responsive[key];\n        if (breakpointValue !== undefined) {\n          iterator((responsiveStyles, style) => {\n            if (smallestBreakpoint === key) {\n              Object.assign(responsiveStyles, style);\n            } else {\n              responsiveStyles[breakpoints.up(key)] = style;\n            }\n          }, breakpointValue);\n        }\n      }\n    });\n  } else if (typeof responsive === 'number' || typeof responsive === 'string') {\n    iterator((responsiveStyles, style) => {\n      Object.assign(responsiveStyles, style);\n    }, responsive);\n  }\n};"],"names":["filterBreakpointKeys","breakpointsKeys","responsiveKeys","key","traverseBreakpoints","breakpoints","responsive","iterator","smallestBreakpoint","breakpointValue","index","responsiveStyles","style"],"mappings":"AAAY,MAACA,IAAuB,CAACC,GAAiBC,MAAmBD,EAAgB,OAAO,CAAAE,MAAOD,EAAe,SAASC,CAAG,CAAC,GACtHC,IAAsB,CAACC,GAAaC,GAAYC,MAAa;AACxE,QAAMC,IAAqBH,EAAY,KAAK,CAAC;AAE7C,EAAI,MAAM,QAAQC,CAAU,IAC1BA,EAAW,QAAQ,CAACG,GAAiBC,MAAU;AAC7C,IAAAH,EAAS,CAACI,GAAkBC,MAAU;AACpC,MAAIF,KAASL,EAAY,KAAK,SAAS,MACjCK,MAAU,IACZ,OAAO,OAAOC,GAAkBC,CAAK,IAErCD,EAAiBN,EAAY,GAAGA,EAAY,KAAKK,CAAK,CAAC,CAAC,IAAIE;AAAA,IAGlE,GAAGH,CAAe;AAAA,EACpB,CAAC,IACQH,KAAc,OAAOA,KAAe,YAIhC,OAAO,KAAKA,CAAU,EAAE,SAASD,EAAY,KAAK,SAASA,EAAY,OAAOL,EAAqBK,EAAY,MAAM,OAAO,KAAKC,CAAU,CAAC,GACpJ,QAAQ,CAAAH,MAAO;AAClB,QAAIE,EAAY,KAAK,SAASF,CAAG,GAAG;AAElC,YAAMM,IAAkBH,EAAWH,CAAG;AACtC,MAAIM,MAAoB,UACtBF,EAAS,CAACI,GAAkBC,MAAU;AACpC,QAAIJ,MAAuBL,IACzB,OAAO,OAAOQ,GAAkBC,CAAK,IAErCD,EAAiBN,EAAY,GAAGF,CAAG,CAAC,IAAIS;AAAA,MAE5C,GAAGH,CAAe;AAAA,IAEtB;AAAA,EACF,CAAC,KACQ,OAAOH,KAAe,YAAY,OAAOA,KAAe,aACjEC,EAAS,CAACI,GAAkBC,MAAU;AACpC,WAAO,OAAOD,GAAkBC,CAAK;AAAA,EACvC,GAAGN,CAAU;AAEjB;","x_google_ignoreList":[0]}

package/dist/ui-components.es303.js

@@ -1,5 +1,9 @@
-var r = {};
+import r from "./ui-components.es75.js";
+import { j as o } from "./ui-components.es16.js";
+const a = r(/* @__PURE__ */ o.jsx("path", {
+  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
+}), "KeyboardArrowLeft");
 export {
-  r as __exports
+  a as default
 };
 //# sourceMappingURL=ui-components.es303.js.map

package/dist/ui-components.es303.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es303.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ui-components.es303.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotio_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/internal/svg-icons/KeyboardArrowLeft.js"],"sourcesContent":["'use client';\n\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: \"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"\n}), 'KeyboardArrowLeft');"],"names":["KeyboardArrowLeft","createSvgIcon","_jsx"],"mappings":";;AAQA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,mBAAmB;","x_google_ignoreList":[0]}