@digigov/ui 2.0.0-6452adf3 → 2.0.0-66d7c5e2

package/cjs/app/ThemeOptions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/ThemeOptions/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport useFontSize, {\n  FontSizeOptions,\n} from '@digigov/ui/app/hooks/useFontSize';\nimport useHighlightLinks, {\n  HighlightLinksOptions,\n} from '@digigov/ui/app/hooks/useHighlightLinks';\nimport useLetterSpacing, {\n  LetterSpacingOptions,\n} from '@digigov/ui/app/hooks/useLetterSpacing';\nimport useLineHeight, {\n  LineHeightOptions,\n} from '@digigov/ui/app/hooks/useLineHeight';\nimport useTheme, { ThemeSelectOptions } from '@digigov/ui/app/hooks/useTheme';\nimport Button from '@digigov/ui/form/Button';\nimport FieldContainer, {\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport Form from '@digigov/ui/form/Form';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\n\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport interface ThemeOptionsProps extends BaseProps<'form'> {\n  colorsOption?: boolean;\n  fontSizeOption?: boolean;\n  lineHeightOption?: boolean;\n  letterSpacingOption?: boolean;\n  highlightLinksOption?: boolean;\n\n  colorsOptionTitleSize?: TitleSize;\n  fontSizeOptionTitleSize?: TitleSize;\n  lineHeightOptionTitleSize?: TitleSize;\n  letterSpacingOptionTitleSize?: TitleSize;\n  highlightLinksOptionTitleSize?: TitleSize;\n}\n\ntype TitleSize = 'xl' | 'lg' | 'md' | 'sm' | 'hidden';\n\nconst FieldsetLegendTitle = ({ titleSize, titleValue }) => {\n  return (\n    <>\n      {titleSize === 'hidden' ? (\n        <FieldsetLegend>\n          <VisuallyHidden>{titleValue}</VisuallyHidden>\n        </FieldsetLegend>\n      ) : (\n        <FieldsetLegend size={titleSize}>{titleValue}</FieldsetLegend>\n      )}\n    </>\n  );\n};\n\n// export const ThemeOptions = () => {\nexport const ThemeOptions = React.forwardRef<\n  HTMLFormElement,\n  ThemeOptionsProps\n>(function ThemeOptions(\n  {\n    colorsOption = true,\n    fontSizeOption = true,\n    lineHeightOption = true,\n    letterSpacingOption = true,\n    highlightLinksOption = true,\n\n    colorsOptionTitleSize = 'sm',\n    fontSizeOptionTitleSize = 'sm',\n    lineHeightOptionTitleSize = 'sm',\n    letterSpacingOptionTitleSize = 'sm',\n    highlightLinksOptionTitleSize = 'sm',\n\n    className,\n    ...props\n  },\n  ref\n) {\n  const [theme, changeTheme] = useTheme();\n  const [selectedTheme, setSelectedTheme] = useState<ThemeSelectOptions>(\n    theme || 'auto'\n  );\n  const [fontSize, changeFontSize] = useFontSize();\n  const [selectedFontSize, setSelectedFontSize] = useState<FontSizeOptions>(\n    fontSize || 'default'\n  );\n  const [lineHeight, changeLineHeight] = useLineHeight();\n  const [selectedLineHeight, setSelectedLineHeight] = useState<\n    LineHeightOptions\n  >(lineHeight || 'default');\n  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();\n  const [selectedLetterSpacing, setSelectedLetterSpacing] = useState<\n    LetterSpacingOptions\n  >(letterSpacing || 'default');\n\n  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();\n  const [selectedHighlightLinks, setSelectedHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(highlightLinks || 'default');\n\n  function handleOptions() {\n    changeTheme(selectedTheme);\n    changeFontSize(selectedFontSize);\n    changeLineHeight(selectedLineHeight);\n    changeLetterSpacing(selectedLetterSpacing);\n    changeHighlightLinks(selectedHighlightLinks);\n  }\n  function resetOptions() {\n    setSelectedTheme('light');\n    setSelectedFontSize('default');\n    setSelectedLineHeight('default');\n    setSelectedLetterSpacing('default');\n    setSelectedHighlightLinks('default');\n  }\n  function optionsHasChanged() {\n    if (\n      theme != selectedTheme ||\n      fontSize != selectedFontSize ||\n      lineHeight != selectedLineHeight ||\n      letterSpacing != selectedLetterSpacing ||\n      highlightLinks != selectedHighlightLinks\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  return (\n    <Form {...props} ref={ref} className={clsx(className)}>\n      {colorsOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegendTitle\n              titleSize={colorsOptionTitleSize}\n              titleValue=\"\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2\"\n            />\n            <RadioContainer>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"light\"\n                onChange={() => setSelectedTheme('light')}\n                checked={selectedTheme === 'light'}\n              >\n                \u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"dark\"\n                onChange={() => setSelectedTheme('dark')}\n                checked={selectedTheme === 'dark'}\n              >\n                \u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"auto\"\n                onChange={() => setSelectedTheme('auto')}\n                checked={selectedTheme === 'auto'}\n              >\n                \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {fontSizeOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"font-size\"\n                value=\"no\"\n                onChange={() => setSelectedFontSize('default')}\n                checked={selectedFontSize === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"font-size\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedFontSize('large');\n                }}\n                checked={selectedFontSize === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {lineHeightOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"line-height\"\n                value=\"no\"\n                onChange={() => setSelectedLineHeight('default')}\n                checked={selectedLineHeight === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"line-height\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLineHeight('large');\n                }}\n                checked={selectedLineHeight === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {letterSpacingOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"no\"\n                onChange={() => setSelectedLetterSpacing('default')}\n                checked={selectedLetterSpacing === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLetterSpacing('extra');\n                }}\n                checked={selectedLetterSpacing === 'extra'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {highlightLinksOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0388\u03BD\u03C4\u03BF\u03BD\u03B7 \u03B5\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"no\"\n                onChange={() => setSelectedHighlightLinks('default')}\n                checked={selectedHighlightLinks === 'default'}\n              >\n                \u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedHighlightLinks('highlight');\n                }}\n                checked={selectedHighlightLinks === 'highlight'}\n              >\n                \u039D\u03B1\u03B9\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      <Button onClick={resetOptions} variant=\"link\">\n        \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD\n      </Button>\n      <SectionBreak visible={false} />\n      <Button onClick={handleOptions} disabled={!optionsHasChanged()}>\n        \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\n      </Button>\n    </Form>\n  );\n});\nexport default ThemeOptions;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport useFontSize, {\n  FontSizeOptions,\n} from '@digigov/ui/app/hooks/useFontSize';\nimport useHighlightLinks, {\n  HighlightLinksOptions,\n} from '@digigov/ui/app/hooks/useHighlightLinks';\nimport useLetterSpacing, {\n  LetterSpacingOptions,\n} from '@digigov/ui/app/hooks/useLetterSpacing';\nimport useLineHeight, {\n  LineHeightOptions,\n} from '@digigov/ui/app/hooks/useLineHeight';\nimport useTheme, { ThemeSelectOptions } from '@digigov/ui/app/hooks/useTheme';\nimport Button from '@digigov/ui/form/Button';\nimport FieldContainer, {\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport Form from '@digigov/ui/form/Form';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\n\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport interface ThemeOptionsProps extends BaseProps<'form'> {\n  colorsOption?: boolean;\n  fontSizeOption?: boolean;\n  lineHeightOption?: boolean;\n  letterSpacingOption?: boolean;\n  highlightLinksOption?: boolean;\n\n  colorsOptionTitleSize?: TitleSize;\n  fontSizeOptionTitleSize?: TitleSize;\n  lineHeightOptionTitleSize?: TitleSize;\n  letterSpacingOptionTitleSize?: TitleSize;\n  highlightLinksOptionTitleSize?: TitleSize;\n}\n\ntype TitleSize = 'xl' | 'lg' | 'md' | 'sm' | 'hidden';\n\nconst FieldsetLegendTitle = ({ titleSize, titleValue }) => {\n  return (\n    <>\n      {titleSize === 'hidden' ? (\n        <FieldsetLegend>\n          <VisuallyHidden>{titleValue}</VisuallyHidden>\n        </FieldsetLegend>\n      ) : (\n        <FieldsetLegend size={titleSize}>{titleValue}</FieldsetLegend>\n      )}\n    </>\n  );\n};\n\n// export const ThemeOptions = () => {\nexport const ThemeOptions = React.forwardRef<\n  HTMLFormElement,\n  ThemeOptionsProps\n>(function ThemeOptions(\n  {\n    colorsOption = true,\n    fontSizeOption = true,\n    lineHeightOption = true,\n    letterSpacingOption = true,\n    highlightLinksOption = true,\n    colorsOptionTitleSize = 'sm',\n    className,\n    ...props\n  },\n  ref\n) {\n  const [theme, changeTheme] = useTheme();\n  const [selectedTheme, setSelectedTheme] = useState<ThemeSelectOptions>(\n    theme || 'auto'\n  );\n  const [fontSize, changeFontSize] = useFontSize();\n  const [selectedFontSize, setSelectedFontSize] = useState<FontSizeOptions>(\n    fontSize || 'default'\n  );\n  const [lineHeight, changeLineHeight] = useLineHeight();\n  const [selectedLineHeight, setSelectedLineHeight] =\n    useState<LineHeightOptions>(lineHeight || 'default');\n  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();\n  const [selectedLetterSpacing, setSelectedLetterSpacing] =\n    useState<LetterSpacingOptions>(letterSpacing || 'default');\n\n  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();\n  const [selectedHighlightLinks, setSelectedHighlightLinks] =\n    useState<HighlightLinksOptions>(highlightLinks || 'default');\n\n  function handleOptions() {\n    changeTheme(selectedTheme);\n    changeFontSize(selectedFontSize);\n    changeLineHeight(selectedLineHeight);\n    changeLetterSpacing(selectedLetterSpacing);\n    changeHighlightLinks(selectedHighlightLinks);\n  }\n  function resetOptions() {\n    setSelectedTheme('light');\n    setSelectedFontSize('default');\n    setSelectedLineHeight('default');\n    setSelectedLetterSpacing('default');\n    setSelectedHighlightLinks('default');\n  }\n  function optionsHasChanged() {\n    if (\n      theme != selectedTheme ||\n      fontSize != selectedFontSize ||\n      lineHeight != selectedLineHeight ||\n      letterSpacing != selectedLetterSpacing ||\n      highlightLinks != selectedHighlightLinks\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  return (\n    <Form {...props} ref={ref} className={clsx(className)}>\n      {colorsOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegendTitle\n              titleSize={colorsOptionTitleSize}\n              titleValue=\"\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2\"\n            />\n            <RadioContainer>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"light\"\n                onChange={() => setSelectedTheme('light')}\n                checked={selectedTheme === 'light'}\n              >\n                \u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"dark\"\n                onChange={() => setSelectedTheme('dark')}\n                checked={selectedTheme === 'dark'}\n              >\n                \u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"auto\"\n                onChange={() => setSelectedTheme('auto')}\n                checked={selectedTheme === 'auto'}\n              >\n                \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {fontSizeOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"font-size\"\n                value=\"no\"\n                onChange={() => setSelectedFontSize('default')}\n                checked={selectedFontSize === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"font-size\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedFontSize('large');\n                }}\n                checked={selectedFontSize === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {lineHeightOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"line-height\"\n                value=\"no\"\n                onChange={() => setSelectedLineHeight('default')}\n                checked={selectedLineHeight === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"line-height\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLineHeight('large');\n                }}\n                checked={selectedLineHeight === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {letterSpacingOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"no\"\n                onChange={() => setSelectedLetterSpacing('default')}\n                checked={selectedLetterSpacing === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLetterSpacing('extra');\n                }}\n                checked={selectedLetterSpacing === 'extra'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {highlightLinksOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0388\u03BD\u03C4\u03BF\u03BD\u03B7 \u03B5\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"no\"\n                onChange={() => setSelectedHighlightLinks('default')}\n                checked={selectedHighlightLinks === 'default'}\n              >\n                \u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedHighlightLinks('highlight');\n                }}\n                checked={selectedHighlightLinks === 'highlight'}\n              >\n                \u039D\u03B1\u03B9\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      <Button onClick={resetOptions} variant=\"link\">\n        \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD\n      </Button>\n      <SectionBreak visible={false} />\n      <Button onClick={handleOptions} disabled={!optionsHasChanged()}>\n        \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\n      </Button>\n    </Form>\n  );\n});\nexport default ThemeOptions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,kBAAiB;AAEjB,yBAEO;AACP,+BAEO;AACP,8BAEO;AACP,2BAEO;AACP,sBAA6C;AAC7C,oBAAmB;AACnB,4BAGO;AACP,kBAAiB;AACjB,4BAA0C;AAC1C,0BAAyB;AAEzB,4BAA+B;AAkB/B,MAAM,sBAAsB,CAAC,EAAE,WAAW,WAAW,MAAM;AACzD,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,cAAc,WACb,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,4CAAgB,UAAW,CAC9B,IAEA,6BAAAA,QAAA,cAAC,wCAAe,MAAM,aAAY,UAAW,CAEjD;AAEJ;AAGO,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cACT;AAAA,EACE,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,CAAC,OAAO,WAAW,QAAI,gBAAAC,SAAS;AACtC,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,SAAS;AAAA,EACX;AACA,QAAM,CAAC,UAAU,cAAc,QAAI,mBAAAC,SAAY;AAC/C,QAAM,CAAC,kBAAkB,mBAAmB,QAAI;AAAA,IAC9C,YAAY;AAAA,EACd;AACA,QAAM,CAAC,YAAY,gBAAgB,QAAI,qBAAAC,SAAc;AACrD,QAAM,CAAC,oBAAoB,qBAAqB,QAC9C,uBAA4B,cAAc,SAAS;AACrD,QAAM,CAAC,eAAe,mBAAmB,QAAI,wBAAAC,SAAiB;AAC9D,QAAM,CAAC,uBAAuB,wBAAwB,QACpD,uBAA+B,iBAAiB,SAAS;AAE3D,QAAM,CAAC,gBAAgB,oBAAoB,QAAI,yBAAAC,SAAkB;AACjE,QAAM,CAAC,wBAAwB,yBAAyB,QACtD,uBAAgC,kBAAkB,SAAS;AAE7D,WAAS,gBAAgB;AACvB,gBAAY,aAAa;AACzB,mBAAe,gBAAgB;AAC/B,qBAAiB,kBAAkB;AACnC,wBAAoB,qBAAqB;AACzC,yBAAqB,sBAAsB;AAAA,EAC7C;AACA,WAAS,eAAe;AACtB,qBAAiB,OAAO;AACxB,wBAAoB,SAAS;AAC7B,0BAAsB,SAAS;AAC/B,6BAAyB,SAAS;AAClC,8BAA0B,SAAS;AAAA,EACrC;AACA,WAAS,oBAAoB;AAC3B,QACE,SAAS,iBACT,YAAY,oBACZ,cAAc,sBACd,iBAAiB,yBACjB,kBAAkB,wBAClB;AACA,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,6BAAAN,QAAA,cAAC,YAAAO,SAAA,EAAM,GAAG,OAAO,KAAU,eAAW,YAAAC,SAAK,SAAS,KACjD,gBACC,6BAAAR,QAAA,cAAC,sBAAAS,SAAA,EAAe,cAAc,KAC5B,6BAAAT,QAAA,cAAC,sCACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAW;AAAA;AAAA,EACb,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,iBAAiB,OAAO;AAAA,MACxC,SAAS,kBAAkB;AAAA;AAAA,IAC5B;AAAA,EAED,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,iBAAiB,MAAM;AAAA,MACvC,SAAS,kBAAkB;AAAA;AAAA,IAC5B;AAAA,EAED,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,iBAAiB,MAAM;AAAA,MACvC,SAAS,kBAAkB;AAAA;AAAA,IAC5B;AAAA,EAED,CACF,CACF,CACF,GAED,kBACC,6BAAAA,QAAA,cAAC,sBAAAS,SAAA,EAAe,cAAc,KAC5B,6BAAAT,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAK,mGAAiB,GAC3C,6BAAAA,QAAA,cAAC,wCAAe,QAAO,gBACrB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,oBAAoB,SAAS;AAAA,MAC7C,SAAS,qBAAqB;AAAA;AAAA,IAC/B;AAAA,EAED,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,4BAAoB,OAAO;AAAA,MAC7B;AAAA,MACA,SAAS,qBAAqB;AAAA;AAAA,IAC/B;AAAA,EAED,CACF,CACF,CACF,GAED,oBACC,6BAAAA,QAAA,cAAC,sBAAAS,SAAA,EAAe,cAAc,KAC5B,6BAAAT,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAK,sHAAqB,GAC/C,6BAAAA,QAAA,cAAC,wCAAe,QAAO,gBACrB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,sBAAsB,SAAS;AAAA,MAC/C,SAAS,uBAAuB;AAAA;AAAA,IACjC;AAAA,EAED,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,8BAAsB,OAAO;AAAA,MAC/B;AAAA,MACA,SAAS,uBAAuB;AAAA;AAAA,IACjC;AAAA,EAED,CACF,CACF,CACF,GAED,uBACC,6BAAAA,QAAA,cAAC,sBAAAS,SAAA,EAAe,cAAc,KAC5B,6BAAAT,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAK,yGAAkB,GAC5C,6BAAAA,QAAA,cAAC,wCAAe,QAAO,gBACrB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,yBAAyB,SAAS;AAAA,MAClD,SAAS,0BAA0B;AAAA;AAAA,IACpC;AAAA,EAED,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,iCAAyB,OAAO;AAAA,MAClC;AAAA,MACA,SAAS,0BAA0B;AAAA;AAAA,IACpC;AAAA,EAED,CACF,CACF,CACF,GAED,wBACC,6BAAAA,QAAA,cAAC,sBAAAS,SAAA,EAAe,cAAc,KAC5B,6BAAAT,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAK,8IAAyB,GACnD,6BAAAA,QAAA,cAAC,wCAAe,QAAO,gBACrB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,0BAA0B,SAAS;AAAA,MACnD,SAAS,2BAA2B;AAAA;AAAA,IACrC;AAAA,EAED,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,kCAA0B,WAAW;AAAA,MACvC;AAAA,MACA,SAAS,2BAA2B;AAAA;AAAA,IACrC;AAAA,EAED,CACF,CACF,CACF,GAEF,6BAAAA,QAAA,cAAC,cAAAU,SAAA,EAAO,SAAS,cAAc,SAAQ,UAAO,qJAE9C,GACA,6BAAAV,QAAA,cAAC,oBAAAW,SAAA,EAAa,SAAS,OAAO,GAC9B,6BAAAX,QAAA,cAAC,cAAAU,SAAA,EAAO,SAAS,eAAe,UAAU,CAAC,kBAAkB,KAAG,kDAEhE,CACF;AAEJ,CAAC;AACD,IAAO,uBAAQ;",
   "names": ["React", "ThemeOptions", "useTheme", "useFontSize", "useLineHeight", "useLetterSpacing", "useHighlightLinks", "Form", "clsx", "FieldContainer", "Button", "SectionBreak"]
 }

package/cjs/app/hooks/useHighlightLinks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/hooks/useHighlightLinks.ts"],
-  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type HighlightLinksOptions = 'default' | 'highlight';\nexport type StoredHighlightLinksOptions = HighlightLinksOptions | null;\n\nexport type UseHighlightLinksResult = [\n  HighlightLinksOptions,\n  (selectedHighlightLinks: HighlightLinksOptions) => void\n];\n\nexport const useHighlightLinks = (): UseHighlightLinksResult => {\n  const storedHighlightLinks = localStorage.getItem(\n    '--theme-highlight-links'\n  ) as StoredHighlightLinksOptions;\n\n  const [highlightLinks, changeHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(storedHighlightLinks || 'default');\n\n  useEffect(() => {\n    if (highlightLinks === 'highlight') {\n      document.documentElement.classList.add(`ds-highlight-links`);\n    } else {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    }\n    localStorage.setItem('--theme-highlight-links', highlightLinks);\n  }, [highlightLinks]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.add(\n        localStorage.getItem('--theme-highlight-links') === 'highlight'\n          ? `ds-highlight-links`\n          : ''\n      );\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [highlightLinks, changeHighlightLinks];\n};\n\nexport default useHighlightLinks;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,CAAC,gBAAgB,oBAAoB,QAAI,uBAE7C,wBAAwB,SAAS;AAEnC,8BAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI,oBAAoB;AAAA,IAC7D,OAAO;AACL,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,iBAAa,QAAQ,2BAA2B,cAAc;AAAA,EAChE,GAAG,CAAC,cAAc,CAAC;AAEnB,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU;AAAA,QACjC,aAAa,QAAQ,yBAAyB,MAAM,cAChD,uBACA;AAAA,MACN;AAAA,IACF;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,gBAAgB,oBAAoB;AAC9C;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type HighlightLinksOptions = 'default' | 'highlight';\nexport type StoredHighlightLinksOptions = HighlightLinksOptions | null;\n\nexport type UseHighlightLinksResult = [\n  HighlightLinksOptions,\n  (selectedHighlightLinks: HighlightLinksOptions) => void,\n];\n\nexport const useHighlightLinks = (): UseHighlightLinksResult => {\n  const storedHighlightLinks = localStorage.getItem(\n    '--theme-highlight-links'\n  ) as StoredHighlightLinksOptions;\n\n  const [highlightLinks, changeHighlightLinks] =\n    useState<HighlightLinksOptions>(storedHighlightLinks || 'default');\n\n  useEffect(() => {\n    if (highlightLinks === 'highlight') {\n      document.documentElement.classList.add(`ds-highlight-links`);\n    } else {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    }\n    localStorage.setItem('--theme-highlight-links', highlightLinks);\n  }, [highlightLinks]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.add(\n        localStorage.getItem('--theme-highlight-links') === 'highlight'\n          ? `ds-highlight-links`\n          : ''\n      );\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [highlightLinks, changeHighlightLinks];\n};\n\nexport default useHighlightLinks;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,CAAC,gBAAgB,oBAAoB,QACzC,uBAAgC,wBAAwB,SAAS;AAEnE,8BAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI,oBAAoB;AAAA,IAC7D,OAAO;AACL,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,iBAAa,QAAQ,2BAA2B,cAAc;AAAA,EAChE,GAAG,CAAC,cAAc,CAAC;AAEnB,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU;AAAA,QACjC,aAAa,QAAQ,yBAAyB,MAAM,cAChD,uBACA;AAAA,MACN;AAAA,IACF;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,gBAAgB,oBAAoB;AAC9C;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/cjs/app/hooks/useNotificationArea/index.js

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useNotificationArea_exports = {};
+__export(useNotificationArea_exports, {
+  useNotificationArea: () => useNotificationArea
+});
+module.exports = __toCommonJS(useNotificationArea_exports);
+var import_react = require("react");
+const notificationAreaId = "loader-notification-area";
+const activeSpinnersAttr = "data-active-spinners";
+function generateUniqueId() {
+  return `spinner-${Math.random().toString(36).substring(2, 9)}`;
+}
+const getOrCreateNotificationArea = () => {
+  let element = document.getElementById(notificationAreaId);
+  if (!element) {
+    element = document.createElement("div");
+    element.id = notificationAreaId;
+    element.setAttribute("role", "status");
+    element.setAttribute("aria-live", "polite");
+    element.className = "ds-visually-hidden";
+    document.body.appendChild(element);
+  }
+  return element;
+};
+const useNotificationArea = (loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...", finishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.") => {
+  const spinnerId = (0, import_react.useRef)(generateUniqueId());
+  const notificationRef = (0, import_react.useRef)(null);
+  const getActiveIds = (0, import_react.useCallback)(() => {
+    const current = notificationRef.current;
+    const value = current?.getAttribute(activeSpinnersAttr) || "";
+    return value.split(",").filter(Boolean);
+  }, [notificationRef]);
+  const setActiveSpinnerId = (0, import_react.useCallback)(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = new Set(getActiveIds());
+      ids.add(spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(","));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+  const unsetActiveSpinnerId = (0, import_react.useCallback)(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = getActiveIds().filter((id) => id !== spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, ids.join(","));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+  const setTextContent = (text) => {
+    if (notificationRef.current) {
+      notificationRef.current.textContent = text;
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    notificationRef.current = getOrCreateNotificationArea();
+    setActiveSpinnerId();
+    setTextContent(loadingText);
+    return () => {
+      unsetActiveSpinnerId();
+      if (getActiveIds().length === 0) {
+        setTextContent(finishedText);
+        setTimeout(() => {
+          const el = notificationRef.current;
+          if (el && getActiveIds().length === 0) {
+            el.removeAttribute(activeSpinnersAttr);
+            el.textContent = "";
+          }
+        }, 1e3);
+      }
+    };
+  }, [
+    loadingText,
+    finishedText,
+    setActiveSpinnerId,
+    unsetActiveSpinnerId,
+    getActiveIds
+  ]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNotificationArea
+});
+//# sourceMappingURL=useNotificationArea.js.map

package/cjs/app/hooks/useNotificationArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useNotificationArea.tsx"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\n// Unique ID for the aria-live notification area element.\nconst notificationAreaId = 'loader-notification-area';\n// Custom attribute to track active spinners\nconst activeSpinnersAttr = 'data-active-spinners';\n\n// Generates a random unique ID for each spinner instance.\nfunction generateUniqueId() {\n  return `spinner-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n// Finds or creates the notification area element in the DOM.\nconst getOrCreateNotificationArea = (): HTMLElement => {\n  let element = document.getElementById(notificationAreaId);\n\n  // Create and append it to the DOM.\n  if (!element) {\n    element = document.createElement('div');\n    element.id = notificationAreaId;\n    element.setAttribute('role', 'status');\n    element.setAttribute('aria-live', 'polite');\n    element.className = 'ds-visually-hidden';\n    document.body.appendChild(element);\n  }\n\n  return element;\n};\n\nexport const useNotificationArea = (\n  loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n  finishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.'\n) => {\n  // Unique ID for this spinner.\n  const spinnerId = useRef(generateUniqueId());\n  // Reference to the notification area DOM element.\n  const notificationRef = useRef<HTMLElement | null>(null);\n\n  // Returns an array of active spinner IDs.\n  const getActiveIds = useCallback(() => {\n    const current = notificationRef.current;\n    const value = current?.getAttribute(activeSpinnersAttr) || '';\n    return value.split(',').filter(Boolean);\n  }, [notificationRef]);\n\n  // Adds this spinner's ID to the active list.\n  const setActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = new Set(getActiveIds());\n      ids.add(spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Removes this spinner's ID from the active list.\n  const unsetActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = getActiveIds().filter((id) => id !== spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, ids.join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Updates the text content of the aria-live region.\n  const setTextContent = (text: string) => {\n    if (notificationRef.current) {\n      notificationRef.current.textContent = text;\n    }\n  };\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    // Set up notification area and mark this spinner as active.\n    notificationRef.current = getOrCreateNotificationArea();\n    setActiveSpinnerId();\n    setTextContent(loadingText);\n\n    // Cleanup when component unmounts.\n    return () => {\n      unsetActiveSpinnerId();\n\n      // If no active spinners remain, announce \"finished\" and clear the text.\n      if (getActiveIds().length === 0) {\n        setTextContent(finishedText);\n\n        // Give screen readers a chance to announce \"finished\" before clearing.\n        setTimeout(() => {\n          const el = notificationRef.current;\n          if (el && getActiveIds().length === 0) {\n            el.removeAttribute(activeSpinnersAttr);\n            el.textContent = '';\n          }\n        }, 1000);\n      }\n    };\n  }, [\n    loadingText,\n    finishedText,\n    setActiveSpinnerId,\n    unsetActiveSpinnerId,\n    getActiveIds,\n  ]);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAG/C,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAG3B,SAAS,mBAAmB;AAC1B,SAAO,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC;AAC9D;AAGA,MAAM,8BAA8B,MAAmB;AACrD,MAAI,UAAU,SAAS,eAAe,kBAAkB;AAGxD,MAAI,CAAC,SAAS;AACZ,cAAU,SAAS,cAAc,KAAK;AACtC,YAAQ,KAAK;AACb,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,YAAY;AACpB,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AAEA,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,cAAc,4FACd,eAAe,kIACZ;AAEH,QAAM,gBAAY,qBAAO,iBAAiB,CAAC;AAE3C,QAAM,sBAAkB,qBAA2B,IAAI;AAGvD,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,UAAU,gBAAgB;AAChC,UAAM,QAAQ,SAAS,aAAa,kBAAkB,KAAK;AAC3D,WAAO,MAAM,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,EACxC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,IAAI,IAAI,aAAa,CAAC;AAClC,UAAI,IAAI,UAAU,OAAO;AACzB,cAAQ,aAAa,oBAAoB,MAAM,KAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,OAAO,UAAU,OAAO;AAClE,cAAQ,aAAa,oBAAoB,IAAI,KAAK,GAAG,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,iBAAiB,CAAC,SAAiB;AACvC,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AAGrC,oBAAgB,UAAU,4BAA4B;AACtD,uBAAmB;AACnB,mBAAe,WAAW;AAG1B,WAAO,MAAM;AACX,2BAAqB;AAGrB,UAAI,aAAa,EAAE,WAAW,GAAG;AAC/B,uBAAe,YAAY;AAG3B,mBAAW,MAAM;AACf,gBAAM,KAAK,gBAAgB;AAC3B,cAAI,MAAM,aAAa,EAAE,WAAW,GAAG;AACrC,eAAG,gBAAgB,kBAAkB;AACrC,eAAG,cAAc;AAAA,UACnB;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/cjs/app/hooks/useTheme/index.js

@@ -23,7 +23,9 @@ __export(useTheme_exports, {
 module.exports = __toCommonJS(useTheme_exports);
 var import_react = require("react");
 const useTheme = () => {
-  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const prefersDarkScheme = window.matchMedia(
+    "(prefers-color-scheme: dark)"
+  ).matches;
   const storedTheme = localStorage.getItem(
     "--theme-palette"
   );

package/cjs/app/hooks/useTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/hooks/useTheme.ts"],
-  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n    .matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO,WAAW,8BAA8B,EACvE;AACH,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,QAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void,\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia(\n    '(prefers-color-scheme: dark)'\n  ).matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO;AAAA,IAC/B;AAAA,EACF,EAAE;AACF,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,QAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,8BAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/cjs/content/Accordion/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n} from '@digigov/ui/content/Accordion/hooks';\n\nimport { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAGO;AASP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASE,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n  UseAccordionReturn,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAIO;AAOP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASE,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["React", "AccordionSectionAuto", "AccordionOpenAllButtonAuto", "AccordionCloseAllButtonAuto"]
 }

package/cjs/content/Accordion/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/hooks.ts"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement | null>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
   "mappings": "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",
   "names": ["React"]
 }

package/cjs/content/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAsB;AAEtB,8BAAc,0CAHd;AAIA,8BAAc,kDAJd;AAKA,8BAAc,iDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,wDAPd;AAQA,8BAAc,+DARd;AASA,8BAAc,gDATd;AAWA,IAAO,oBAAQ,iBAAAA;",
+  "sourcesContent": ["import Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,8BAAc,0CAFd;AAGA,8BAAc,kDAHd;AAIA,8BAAc,iDAJd;AAKA,8BAAc,wDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,+DAPd;AAQA,8BAAc,gDARd;AAUA,IAAO,oBAAQ,iBAAAA;",
   "names": ["Accordion"]
 }

package/cjs/content/Markdown/index.js

@@ -34,7 +34,10 @@ module.exports = __toCommonJS(Markdown_exports);
 var import_react = __toESM(require("react"));
 var import_useMarkdownToHTML = require("@digigov/ui/content/Markdown/useMarkdownToHTML");
 var import_SafeHTML = __toESM(require("@digigov/ui/content/SafeHTML"));
-const Markdown = ({ children, content }) => {
+const Markdown = ({
+  children,
+  content
+}) => {
   content = content || children;
   const html = (0, import_useMarkdownToHTML.useMarkdownToHTML)(content);
   return /* @__PURE__ */ import_react.default.createElement(import_SafeHTML.default, { content: html });

package/cjs/content/Markdown/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Markdown/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({ children, content }: { children?: React.ReactNode; content?: string }) => {\n  content = content || children as string;\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,sBAAqB;AAEd,MAAM,WAAW,CAAC,EAAE,UAAU,QAAQ,MAAwD;AACnG,YAAU,WAAW;AAErB,QAAM,WAAO,4CAAkB,OAAO;AACtC,SAAO,6BAAAA,QAAA,cAAC,gBAAAC,SAAA,EAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({\n  children,\n  content,\n}: {\n  children?: React.ReactNode;\n  content?: string;\n}) => {\n  content = content || (children as string);\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,sBAAqB;AAEd,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,YAAU,WAAY;AAEtB,QAAM,WAAO,4CAAkB,OAAO;AACtC,SAAO,6BAAAA,QAAA,cAAC,gBAAAC,SAAA,EAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
   "names": ["React", "SafeHTML"]
 }

package/cjs/content/SafeHTML/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/SafeHTML/index.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function(node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: Array<string> = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: Array<string>;\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,mBAAAA,QAAU,QAAQ,2BAA2B,SAAS,MAAM;AAC1D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAuB,CAAC;AAC9B,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,WAAO,iBAAAA,QAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function (node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: string[] = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: string[];\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,mBAAAA,QAAU,QAAQ,2BAA2B,SAAU,MAAM;AAC3D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAkB,CAAC;AACzB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,WAAO,iBAAAA,QAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": ["DomPurify", "React"]
 }

package/cjs/content/StepNav/auto/index.js

@@ -38,7 +38,7 @@ var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/react-core/Button");
 var import_StepNav = __toESM(require("@digigov/react-core/StepNav"));
 var import_StepNavAccordion = require("@digigov/react-core/StepNavAccordion");
-var import_hooks3 = require("@digigov/ui/content/Accordion/hooks");
+var import_hooks = require("@digigov/ui/content/Accordion/hooks");
 const StepNavContext = import_react.default.createContext(null);
 const StepNavAuto = ({
   singleOpen,
@@ -46,7 +46,7 @@ const StepNavAuto = ({
   children,
   ...props
 }) => {
-  const accordion = (0, import_hooks3.useAccordion)({
+  const accordion = (0, import_hooks.useAccordion)({
     singleOpen,
     defaultOpen
   });

package/cjs/content/StepNav/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/StepNav/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport StepNav from '@digigov/react-core/StepNav';\nimport {\n  StepNavAccordion,\n  StepNavAccordionProps,\n} from '@digigov/react-core/StepNavAccordion';\nimport { UseAccordionReturn as useStepNavReturn } from '@digigov/ui/content/Accordion/hooks';\nimport { AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';\nimport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAutoProps extends ButtonProps {}\nexport interface StepNavAccordionAutoProps extends StepNavAccordionProps {\n  id: string;\n}\n\nconst StepNavContext = React.createContext<useStepNavReturn | null>(null);\nexport const StepNavAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: StepNavItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useStepNav({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <StepNavContext.Provider value={accordion}>\n      <StepNav {...props}>{children}</StepNav>\n    </StepNavContext.Provider>\n  );\n};\nexport const useStepNavContext = (): useStepNavReturn | null => {\n  const context = useContext(StepNavContext);\n  return context;\n};\n\nexport const StepNavAccordionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionAutoProps\n>(function StepNavAccordionAuto({ id, ...props }, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavAccordionAuto must be used within an StepNavProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <StepNavAccordion\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const StepNavOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavOpenAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavOpenAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const StepNavCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavCloseAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavCloseAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AACpC,qBAAoB;AACpB,8BAGO;AAGP,IAAAA,gBAA2C;AAO3C,MAAM,iBAAiB,aAAAC,QAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,cAAAC,cAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAD,QAAA,cAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,6BAAAA,QAAA,cAAC,eAAAE,SAAA,EAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,cAAU,yBAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAF,QAAM,WAGxC,SAASG,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAH,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,2BAA2B,aAAAA,QAAM,WAG5C,SAASI,0BAAyB,OAAO,KAAK;AAC9C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAJ,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASK,2BAA0B,OAAO,KAAK;AAC/C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAL,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
-  "names": ["import_hooks", "React", "useStepNav", "StepNav", "StepNavAccordionAuto", "StepNavOpenAllButtonAuto", "StepNavCloseAllButtonAuto"]
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport StepNav from '@digigov/react-core/StepNav';\nimport {\n  StepNavAccordion,\n  StepNavAccordionProps,\n} from '@digigov/react-core/StepNavAccordion';\nimport {\n  UseAccordionReturn as useStepNavReturn,\n  AccordionItemId as StepNavItemId,\n  useAccordion as useStepNav,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAutoProps extends ButtonProps {}\nexport interface StepNavAccordionAutoProps extends StepNavAccordionProps {\n  id: string;\n}\n\nconst StepNavContext = React.createContext<useStepNavReturn | null>(null);\nexport const StepNavAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: StepNavItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useStepNav({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <StepNavContext.Provider value={accordion}>\n      <StepNav {...props}>{children}</StepNav>\n    </StepNavContext.Provider>\n  );\n};\nexport const useStepNavContext = (): useStepNavReturn | null => {\n  const context = useContext(StepNavContext);\n  return context;\n};\n\nexport const StepNavAccordionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionAutoProps\n>(function StepNavAccordionAuto({ id, ...props }, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavAccordionAuto must be used within an StepNavProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <StepNavAccordion\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const StepNavOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavOpenAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavOpenAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const StepNavCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavCloseAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavCloseAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AACpC,qBAAoB;AACpB,8BAGO;AACP,mBAIO;AAOP,MAAM,iBAAiB,aAAAA,QAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,aAAAC,cAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAD,QAAA,cAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,6BAAAA,QAAA,cAAC,eAAAE,SAAA,EAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,cAAU,yBAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAF,QAAM,WAGxC,SAASG,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAH,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,2BAA2B,aAAAA,QAAM,WAG5C,SAASI,0BAAyB,OAAO,KAAK;AAC9C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAJ,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASK,2BAA0B,OAAO,KAAK;AAC/C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAL,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "names": ["React", "useStepNav", "StepNav", "StepNavAccordionAuto", "StepNavOpenAllButtonAuto", "StepNavCloseAllButtonAuto"]
 }

package/cjs/content/Table/TableFloatingScroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Table/TableFloatingScroll.tsx"],
-  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,iBAAa,qBAA2B,IAAI;AAClD,QAAM,qBAAiB,qBAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA+B,UAAU;AACzE,8BAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAE3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,iBAAa,qBAA2B,IAAI;AAClD,QAAM,qBAAiB,qBAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA+B,UAAU;AACzE,8BAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAC3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
   "names": ["React"]
 }

package/cjs/content/Table/hooks/useSort/index.js

@@ -21,11 +21,10 @@ __export(useSort_exports, {
 });
 module.exports = __toCommonJS(useSort_exports);
 var import_react = require("react");
-var import_react2 = require("react");
 const useSort = (data) => {
   const [sortDataBy, setSortDataBy] = (0, import_react.useState)("");
   const [direction, setDirection] = (0, import_react.useState)(0);
-  const sortedItems = (0, import_react2.useMemo)(() => {
+  const sortedItems = (0, import_react.useMemo)(() => {
     const sortableItems = [...data];
     if (sortableItems.length === 0) {
       return [];

package/cjs/content/Table/hooks/useSort.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/Table/hooks/useSort.tsx"],
-  "sourcesContent": ["import { useState } from 'react';\nimport { useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,IAAAA,gBAAwB;AAWjB,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,CAAC;AACxD,QAAM,kBAAc,uBAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": ["import_react"]
+  "sourcesContent": ["import { useState, useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAW3B,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,CAAC;AACxD,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": []
 }

package/cjs/content/Table/index.js

@@ -59,7 +59,7 @@ const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2(
     {
       ref: (el) => {
         dropdownRef.current = el;
-        typeof ref === "function" && ref(el);
+        if (typeof ref === "function") ref(el);
       },
       disabled,
       ...props
@@ -86,12 +86,12 @@ const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2(
         tabIndex: 0,
         onClick: () => {
           onSort(1);
-          dropdownRef.current && (dropdownRef.current.open = false);
+          if (dropdownRef.current) dropdownRef.current.open = false;
         },
         onKeyDown: (e) => {
           if (e.key === "Enter") {
             onSort(1);
-            dropdownRef.current && (dropdownRef.current.open = false);
+            if (dropdownRef.current) dropdownRef.current.open = false;
           }
         }
       },
@@ -112,12 +112,12 @@ const TableSortLabel = import_react.default.forwardRef(function TableSortLabel2(
         tabIndex: 0,
         onClick: () => {
           onSort(-1);
-          dropdownRef.current && (dropdownRef.current.open = false);
+          if (dropdownRef.current) dropdownRef.current.open = false;
         },
         onKeyDown: (e) => {
           if (e.key === "Enter") {
             onSort(-1);
-            dropdownRef.current && (dropdownRef.current.open = false);
+            if (dropdownRef.current) dropdownRef.current.open = false;
           }
         }
       },