npm - @digigov/ui - Versions diffs - 2.0.0-834daea4 → 2.0.0-87b6232d - Mend

@digigov/ui 2.0.0-834daea4 → 2.0.0-87b6232d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1044) hide show

package/cjs/navigation/NavList/hooks/useTogglableNav/index.js CHANGED Viewed

@@ -59,7 +59,7 @@ function useTogglableNav({
             (k) => k !== currentKey
           );
         }
-        setOpened((_) => ({
+        setOpened(() => ({
           ...totalKeys.reduce((acc, cur) => {
             acc[cur] = cur === currentKey ? !selected : true;
             return acc;
@@ -144,7 +144,7 @@ function useTogglableNav({
     const orientation = document.querySelector(`[aria-orientation]`)?.getAttribute("aria-orientation");
     const key = e.target.getAttribute("aria-controls");
     const keys = Object.entries(registered.current).map(
-      ([entryKey, _]) => entryKey
+      ([entryKey]) => entryKey
     );
     const handleArrowRight = () => {
       const arrowRightItem = findRightSibling(key, keys);

package/cjs/navigation/NavList/hooks/useTogglableNav.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/NavList/hooks/useTogglableNav.tsx"],
-  "sourcesContent": ["/* eslint-disable no-case-declarations */\nimport { useRef, useState, useCallback, useMemo } from 'react';\n\nexport interface UseTogglableNavInterface {\n  toggleProperty: string;\n  singleOpen?: boolean;\n  toggleOpenClose?: boolean;\n  toggleParentOpen?: boolean;\n  onToggleProperty: string;\n  initial?: Record<string, boolean>;\n  firstOpen?: boolean;\n  ariaNavigation?: boolean;\n  toggleHook?: (id: string) => void;\n}\n\nexport interface UseTogglableNavReturn {\n  registerButton: (el: string) => any;\n  registerLink: (el: string) => any;\n  registerNavItem: (item: any) => any;\n  registered: { current: Record<string, { el: HTMLElement; type: string }> };\n  opened: Record<string, boolean>;\n  toggle: (id: string) => void;\n  setOpened: (\n    opened:\n      | ((curOpened: Record<string, boolean>) => Record<string, boolean>)\n      | Record<string, boolean>\n  ) => void;\n}\n\nexport function useTogglableNav({\n  toggleProperty,\n  toggleOpenClose,\n  toggleParentOpen,\n  onToggleProperty,\n  initial,\n  ariaNavigation,\n  toggleHook,\n}: UseTogglableNavInterface): UseTogglableNavReturn {\n  const [opened, setOpened] = useState(initial || {});\n  const registered = useRef<Record<string, { el: HTMLElement; type: string }>>(\n    {}\n  );\n  const openedKeys = useRef<string[]>([]);\n\n  const toggle = useCallback((e) => {\n    const key = e.currentTarget.getAttribute('aria-controls') as string;\n    const selected = ((e.currentTarget.getAttribute(\n      'aria-selected'\n    ) as string) === 'true') as boolean;\n    if (toggleHook) {\n      toggleHook(key);\n    }\n    e.preventDefault();\n    if (toggleOpenClose) {\n      if (toggleParentOpen) {\n        const items = key.split('__');\n        const currentKey = items.slice(0, items.length).join('__');\n        const totalKeys = items.map((_, index) => {\n          return items.slice(0, index + 1).join('__');\n        });\n\n        if (!selected && !openedKeys.current.includes(currentKey)) {\n          openedKeys.current.push(currentKey);\n        }\n        if (selected && openedKeys.current.includes(currentKey)) {\n          openedKeys.current = openedKeys.current.filter(\n            (k) => k !== currentKey\n          );\n        }\n\n        setOpened((_) => ({\n          ...totalKeys.reduce((acc, cur) => {\n            acc[cur] = cur === currentKey ? !selected : true;\n            return acc;\n          }, {}),\n        }));\n      } else {\n        setOpened({ [key]: !selected });\n      }\n    } else {\n      setOpened({ [key]: true });\n    }\n  }, []);\n\n  const getMenuItems = (element) => {\n    if (element) {\n      if (element?.role === 'menuitem') {\n        return element;\n      } else {\n        const childrenArray = Array.from(element?.children);\n        const menuItemsArray: any[] = [];\n        childrenArray.forEach((child) => {\n          const menuItem = getMenuItems(child);\n          if (menuItem && !menuItemsArray.includes(menuItem)) {\n            menuItemsArray.push(menuItem);\n          }\n        });\n        return menuItemsArray.flatMap((x) => x);\n      }\n    }\n    return null;\n  };\n\n  const findChildren = (parent, items) => {\n    return items\n      ? items.filter(\n          (child) => child.slice(0, child.lastIndexOf('__')) === parent\n        )\n      : items;\n  };\n\n  const findParent = (child, items) => {\n    const parent = child.slice(0, child.lastIndexOf('__'));\n    return items.find((item) => item === parent) ? parent : null;\n  };\n\n  const findSiblings = (key, items) => {\n    const parent = key.slice(0, key.lastIndexOf('__'));\n    if (key.lastIndexOf('__') > 0) {\n      return items.filter(\n        (child) => child.slice(0, child.lastIndexOf('__')) === parent\n      );\n    }\n    return items.filter((child) => !child.includes('__'));\n  };\n\n  const findLeftSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex > 0 ? siblings[keyIndex - 1] : null;\n    }\n    return null;\n  };\n\n  const findRightSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;\n    }\n    return null;\n  };\n\n  const getOpenItemChildren = (currentItem, items) => {\n    const itemChildrenArray: any[] = [];\n    const itemChildren = findChildren(currentItem, items);\n    itemChildren.forEach((item) => {\n      if (openedKeys.current.includes(item)) {\n        itemChildrenArray.push(item);\n        const internChildren = getOpenItemChildren(item, items);\n        if (internChildren.length > 0) {\n          itemChildrenArray.push(internChildren);\n        }\n      } else {\n        itemChildrenArray.push(item);\n      }\n    });\n    return itemChildrenArray.flatMap((x) => x);\n  };\n\n  const onKeyDown = useCallback((e) => {\n    const orientation = document\n      .querySelector(`[aria-orientation]`)\n      ?.getAttribute('aria-orientation');\n    const key = e.target.getAttribute('aria-controls');\n    const keys = Object.entries(registered.current).map(\n      ([entryKey, _]) => entryKey\n    );\n\n    const handleArrowRight = () => {\n      const arrowRightItem = findRightSibling(key, keys);\n      if (arrowRightItem) {\n        registered.current[arrowRightItem].el.focus();\n      }\n    };\n\n    const handleArrowLeft = () => {\n      const arrowLeftItem = findLeftSibling(key, keys);\n      if (arrowLeftItem) {\n        registered.current[arrowLeftItem].el.focus();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n        handleArrowRight();\n        break;\n      case 'ArrowDown':\n        const openItem = getOpenItemChildren(key, keys);\n        const arrowDownItems = findChildren(key, openItem);\n        const menuItems = getMenuItems(document.getElementById(key));\n\n        if (arrowDownItems.length > 0) {\n          registered.current[arrowDownItems[0]].el.focus();\n        } else {\n          if (orientation === 'vertical') {\n            if (\n              document.activeElement?.getAttribute('aria-selected') ===\n                'true' &&\n              menuItems &&\n              menuItems.length > 0\n            ) {\n              menuItems[0].focus();\n            } else {\n              handleArrowRight();\n            }\n          } else {\n            if (menuItems && menuItems.length > 0) {\n              menuItems[0].focus();\n            }\n          }\n        }\n\n        break;\n      case 'ArrowLeft':\n        handleArrowLeft();\n        break;\n      case 'ArrowUp':\n        if (orientation === 'vertical') {\n          handleArrowLeft();\n        } else {\n          const arrowUpItem = findParent(key, keys);\n          if (arrowUpItem) {\n            registered.current[arrowUpItem].el.focus();\n          }\n        }\n        break;\n      case ' ':\n      case 'Enter':\n        if (registered.current[key].type === 'link') {\n          registered.current[key].el.click();\n        } else {\n          toggle(e);\n        }\n        break;\n    }\n  }, []);\n  const registerButtonRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'button',\n    };\n  }, []);\n\n  const registerLinkRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'link',\n    };\n  }, []);\n  const registerButton = useCallback(\n    (key) => {\n      const isOpen = !!opened[key];\n      return {\n        ref: registerButtonRef,\n        [toggleProperty]: isOpen,\n        arrow: true,\n        [onToggleProperty]: toggle,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n\n  const registerLink = useCallback(\n    (key) => {\n      return {\n        ref: registerLinkRef,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n  const registerNavItem = useCallback(\n    (item) => {\n      if (item.subMenu || item.menu) {\n        return { ...registerButton(item.name), role: 'button' };\n      } else if (item.href) {\n        return { ...registerLink(item.name), href: item.href };\n      } else {\n        console.error(item);\n        throw new Error('Invalid nav item. Must be either button or link');\n      }\n    },\n    [opened]\n  );\n  return useMemo(\n    () => ({\n      registerNavItem,\n      registerButton,\n      registerLink,\n      registered,\n      opened,\n      toggle,\n      setOpened,\n    }),\n    [opened]\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-case-declarations */\nimport { useRef, useState, useCallback, useMemo } from 'react';\n\nexport interface UseTogglableNavInterface {\n  toggleProperty: string;\n  singleOpen?: boolean;\n  toggleOpenClose?: boolean;\n  toggleParentOpen?: boolean;\n  onToggleProperty: string;\n  initial?: Record<string, boolean>;\n  firstOpen?: boolean;\n  ariaNavigation?: boolean;\n  toggleHook?: (id: string) => void;\n}\n\nexport interface UseTogglableNavReturn {\n  registerButton: (el: string) => any;\n  registerLink: (el: string) => any;\n  registerNavItem: (item: any) => any;\n  registered: { current: Record<string, { el: HTMLElement; type: string }> };\n  opened: Record<string, boolean>;\n  toggle: (id: string) => void;\n  setOpened: (\n    opened:\n      | ((curOpened: Record<string, boolean>) => Record<string, boolean>)\n      | Record<string, boolean>\n  ) => void;\n}\n\nexport function useTogglableNav({\n  toggleProperty,\n  toggleOpenClose,\n  toggleParentOpen,\n  onToggleProperty,\n  initial,\n  ariaNavigation,\n  toggleHook,\n}: UseTogglableNavInterface): UseTogglableNavReturn {\n  const [opened, setOpened] = useState(initial || {});\n  const registered = useRef<Record<string, { el: HTMLElement; type: string }>>(\n    {}\n  );\n  const openedKeys = useRef<string[]>([]);\n\n  const toggle = useCallback((e) => {\n    const key = e.currentTarget.getAttribute('aria-controls') as string;\n    const selected = ((e.currentTarget.getAttribute(\n      'aria-selected'\n    ) as string) === 'true') as boolean;\n    if (toggleHook) {\n      toggleHook(key);\n    }\n    e.preventDefault();\n    if (toggleOpenClose) {\n      if (toggleParentOpen) {\n        const items = key.split('__');\n        const currentKey = items.slice(0, items.length).join('__');\n        const totalKeys = items.map((_, index) => {\n          return items.slice(0, index + 1).join('__');\n        });\n\n        if (!selected && !openedKeys.current.includes(currentKey)) {\n          openedKeys.current.push(currentKey);\n        }\n        if (selected && openedKeys.current.includes(currentKey)) {\n          openedKeys.current = openedKeys.current.filter(\n            (k) => k !== currentKey\n          );\n        }\n\n        setOpened(() => ({\n          ...totalKeys.reduce((acc, cur) => {\n            acc[cur] = cur === currentKey ? !selected : true;\n            return acc;\n          }, {}),\n        }));\n      } else {\n        setOpened({ [key]: !selected });\n      }\n    } else {\n      setOpened({ [key]: true });\n    }\n  }, []);\n\n  const getMenuItems = (element) => {\n    if (element) {\n      if (element?.role === 'menuitem') {\n        return element;\n      } else {\n        const childrenArray = Array.from(element?.children);\n        const menuItemsArray: any[] = [];\n        childrenArray.forEach((child) => {\n          const menuItem = getMenuItems(child);\n          if (menuItem && !menuItemsArray.includes(menuItem)) {\n            menuItemsArray.push(menuItem);\n          }\n        });\n        return menuItemsArray.flatMap((x) => x);\n      }\n    }\n    return null;\n  };\n\n  const findChildren = (parent, items) => {\n    return items\n      ? items.filter(\n          (child) => child.slice(0, child.lastIndexOf('__')) === parent\n        )\n      : items;\n  };\n\n  const findParent = (child, items) => {\n    const parent = child.slice(0, child.lastIndexOf('__'));\n    return items.find((item) => item === parent) ? parent : null;\n  };\n\n  const findSiblings = (key, items) => {\n    const parent = key.slice(0, key.lastIndexOf('__'));\n    if (key.lastIndexOf('__') > 0) {\n      return items.filter(\n        (child) => child.slice(0, child.lastIndexOf('__')) === parent\n      );\n    }\n    return items.filter((child) => !child.includes('__'));\n  };\n\n  const findLeftSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex > 0 ? siblings[keyIndex - 1] : null;\n    }\n    return null;\n  };\n\n  const findRightSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;\n    }\n    return null;\n  };\n\n  const getOpenItemChildren = (currentItem, items) => {\n    const itemChildrenArray: any[] = [];\n    const itemChildren = findChildren(currentItem, items);\n    itemChildren.forEach((item) => {\n      if (openedKeys.current.includes(item)) {\n        itemChildrenArray.push(item);\n        const internChildren = getOpenItemChildren(item, items);\n        if (internChildren.length > 0) {\n          itemChildrenArray.push(internChildren);\n        }\n      } else {\n        itemChildrenArray.push(item);\n      }\n    });\n    return itemChildrenArray.flatMap((x) => x);\n  };\n\n  const onKeyDown = useCallback((e) => {\n    const orientation = document\n      .querySelector(`[aria-orientation]`)\n      ?.getAttribute('aria-orientation');\n    const key = e.target.getAttribute('aria-controls');\n    const keys = Object.entries(registered.current).map(\n      ([entryKey]) => entryKey\n    );\n\n    const handleArrowRight = () => {\n      const arrowRightItem = findRightSibling(key, keys);\n      if (arrowRightItem) {\n        registered.current[arrowRightItem].el.focus();\n      }\n    };\n\n    const handleArrowLeft = () => {\n      const arrowLeftItem = findLeftSibling(key, keys);\n      if (arrowLeftItem) {\n        registered.current[arrowLeftItem].el.focus();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n        handleArrowRight();\n        break;\n      case 'ArrowDown':\n        const openItem = getOpenItemChildren(key, keys);\n        const arrowDownItems = findChildren(key, openItem);\n        const menuItems = getMenuItems(document.getElementById(key));\n\n        if (arrowDownItems.length > 0) {\n          registered.current[arrowDownItems[0]].el.focus();\n        } else {\n          if (orientation === 'vertical') {\n            if (\n              document.activeElement?.getAttribute('aria-selected') ===\n                'true' &&\n              menuItems &&\n              menuItems.length > 0\n            ) {\n              menuItems[0].focus();\n            } else {\n              handleArrowRight();\n            }\n          } else {\n            if (menuItems && menuItems.length > 0) {\n              menuItems[0].focus();\n            }\n          }\n        }\n\n        break;\n      case 'ArrowLeft':\n        handleArrowLeft();\n        break;\n      case 'ArrowUp':\n        if (orientation === 'vertical') {\n          handleArrowLeft();\n        } else {\n          const arrowUpItem = findParent(key, keys);\n          if (arrowUpItem) {\n            registered.current[arrowUpItem].el.focus();\n          }\n        }\n        break;\n      case ' ':\n      case 'Enter':\n        if (registered.current[key].type === 'link') {\n          registered.current[key].el.click();\n        } else {\n          toggle(e);\n        }\n        break;\n    }\n  }, []);\n  const registerButtonRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'button',\n    };\n  }, []);\n\n  const registerLinkRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'link',\n    };\n  }, []);\n  const registerButton = useCallback(\n    (key) => {\n      const isOpen = !!opened[key];\n      return {\n        ref: registerButtonRef,\n        [toggleProperty]: isOpen,\n        arrow: true,\n        [onToggleProperty]: toggle,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n\n  const registerLink = useCallback(\n    (key) => {\n      return {\n        ref: registerLinkRef,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n  const registerNavItem = useCallback(\n    (item) => {\n      if (item.subMenu || item.menu) {\n        return { ...registerButton(item.name), role: 'button' };\n      } else if (item.href) {\n        return { ...registerLink(item.name), href: item.href };\n      } else {\n        console.error(item);\n        throw new Error('Invalid nav item. Must be either button or link');\n      }\n    },\n    [opened]\n  );\n  return useMemo(\n    () => ({\n      registerNavItem,\n      registerButton,\n      registerLink,\n      registered,\n      opened,\n      toggle,\n      setOpened,\n    }),\n    [opened]\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/cjs/navigation/NavList/index.js CHANGED Viewed

@@ -44,10 +44,10 @@ __reExport(NavList_exports, require("@digigov/react-core/NavMenuContentListBase"
 __reExport(NavList_exports, require("@digigov/react-core/NavMenuContentListItem"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavMenuTitle"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavListItemActionContainer"), module.exports);
-__reExport(NavList_exports, require("@digigov/react-core/NavListItemAction"), module.exports);
+__reExport(NavList_exports, require("@digigov/ui/navigation/NavList/NavListItemAction"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavListItemBadge"), module.exports);
 __reExport(NavList_exports, require("@digigov/react-core/NavListItemButton"), module.exports);
-__reExport(NavList_exports, require("@digigov/react-core/NavListItemLink"), module.exports);
+__reExport(NavList_exports, require("@digigov/ui/navigation/NavList/NavListItemLink"), module.exports);
 var NavList_default = import_NavList.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -63,9 +63,9 @@ var NavList_default = import_NavList.default;
   ...require("@digigov/react-core/NavMenuContentListItem"),
   ...require("@digigov/react-core/NavMenuTitle"),
   ...require("@digigov/react-core/NavListItemActionContainer"),
-  ...require("@digigov/react-core/NavListItemAction"),
+  ...require("@digigov/ui/navigation/NavList/NavListItemAction"),
   ...require("@digigov/react-core/NavListItemBadge"),
   ...require("@digigov/react-core/NavListItemButton"),
-  ...require("@digigov/react-core/NavListItemLink")
+  ...require("@digigov/ui/navigation/NavList/NavListItemLink")
 });
 //# sourceMappingURL=index.js.map

package/cjs/navigation/NavList/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/NavList/index.tsx"],
-  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/react-core/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/react-core/NavListItemLink';\nexport default NavList;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,4BAAc,uDADd;AAEA,4BAAc,8DAFd;AAGA,4BAAc,iDAHd;AAIA,4BAAc,4DAJd;AAMA,4BAAc,oCANd;AAOA,4BAAc,wCAPd;AAQA,4BAAc,iDARd;AASA,4BAAc,+CATd;AAUA,4BAAc,uDAVd;AAWA,4BAAc,uDAXd;AAYA,4BAAc,6CAZd;AAaA,4BAAc,2DAbd;AAcA,4BAAc,kDAdd;AAeA,4BAAc,iDAfd;AAgBA,4BAAc,kDAhBd;AAiBA,4BAAc,gDAjBd;AAkBA,IAAO,kBAAQ,eAAAA;",
+  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/ui/navigation/NavList/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport default NavList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AACpB,4BAAc,uDADd;AAEA,4BAAc,8DAFd;AAGA,4BAAc,iDAHd;AAIA,4BAAc,4DAJd;AAMA,4BAAc,oCANd;AAOA,4BAAc,wCAPd;AAQA,4BAAc,iDARd;AASA,4BAAc,+CATd;AAUA,4BAAc,uDAVd;AAWA,4BAAc,uDAXd;AAYA,4BAAc,6CAZd;AAaA,4BAAc,2DAbd;AAcA,4BAAc,6DAdd;AAeA,4BAAc,iDAfd;AAgBA,4BAAc,kDAhBd;AAiBA,4BAAc,2DAjBd;AAmBA,IAAO,kBAAQ,eAAAA;",
   "names": ["NavList"]
 }

package/cjs/navigation/Pagination/Pagination.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/Pagination.stories.js"],
-  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination';\nexport default {\n  title: 'Digigov UI/navigation/Pagination',\n  description:\n    'Use the pagination component to let users browse through a long list.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/pagination',\n  component: Pagination,\n  displayName: 'Pagination',\n};\nexport { Default } from '@digigov/ui/navigation/Pagination/__stories__/Default';\nexport { WithInactiveValues } from '@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues';\nexport { WithResultsPerPage } from '@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage';\nexport { PaginationSmall } from '@digigov/ui/navigation/Pagination/__stories__/PaginationSmall';\nexport { PaginationWithSmallFont } from '@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont';\nexport { WithHook } from '@digigov/ui/navigation/Pagination/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/navigation/Pagination/__stories__/Auto';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAUvB,qBAAwB;AACxB,gCAAmC;AACnC,gCAAmC;AACnC,6BAAgC;AAChC,qCAAwC;AACxC,sBAAyB;AACzB,kBAAqB;AAfrB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Pagination from '@digigov/ui/navigation/Pagination';\nexport default {\n  title: 'Digigov UI/navigation/Pagination',\n  description:\n    'Use the pagination component to let users browse through a long list.',\n  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/pagination',\n  component: Pagination,\n  displayName: 'Pagination',\n};\nexport { Default } from '@digigov/ui/navigation/Pagination/__stories__/Default';\nexport { WithInactiveValues } from '@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues';\nexport { WithResultsPerPage } from '@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage';\nexport { PaginationSmall } from '@digigov/ui/navigation/Pagination/__stories__/PaginationSmall';\nexport { PaginationWithSmallFont } from '@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont';\nexport { WithHook } from '@digigov/ui/navigation/Pagination/__stories__/WithHook';\nexport { Auto } from '@digigov/ui/navigation/Pagination/__stories__/Auto';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AASvB,qBAAwB;AACxB,gCAAmC;AACnC,gCAAmC;AACnC,6BAAgC;AAChC,qCAAwC;AACxC,sBAAyB;AACzB,kBAAqB;AAdrB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Pagination"]
 }

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js CHANGED Viewed

@@ -35,10 +35,10 @@ var import_react = __toESM(require("react"));
 var import_LabelContainer = require("@digigov/react-core/LabelContainer");
 var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
 var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
-var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
-const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" })))))));
+const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" })))))));
 var PaginationWithSmallFont_default = PaginationWithSmallFont;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const PaginationWithSmallFont = () => (\n  <div className=\"example\">\n    <I18NProvider t={(str: string) => str}>\n      <Pagination size=\"sm\">\n        <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n        <LabelContainer>\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          <SelectContainer>\n            <SelectOption>5</SelectOption>\n            <SelectOption>10</SelectOption>\n            <SelectOption>15</SelectOption>\n          </SelectContainer>\n        </LabelContainer>\n        <PaginationList>\n          <PaginationListItem>\n            <Link>\n              <ChevronIcon direction=\"left\" />\n              \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n            </Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page1\">1</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page7\">7</Link>\n          </PaginationListItem>\n          <PaginationListItem currentPage>8</PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page9\">9</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page20\">20</Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link>\n              \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n              <ChevronIcon direction=\"right\" />\n            </Link>\n          </PaginationListItem>\n        </PaginationList>\n      </Pagination>\n    </I18NProvider>\n  </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const PaginationWithSmallFont = () => (\n  <div className=\"example\">\n    <I18NProvider t={(str: string) => str}>\n      <Pagination size=\"sm\">\n        <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n        <LabelContainer>\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          <SelectContainer>\n            <SelectOption>5</SelectOption>\n            <SelectOption>10</SelectOption>\n            <SelectOption>15</SelectOption>\n          </SelectContainer>\n        </LabelContainer>\n        <PaginationList>\n          <PaginationListItem>\n            <Link>\n              <ChevronIcon direction=\"left\" />\n              \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n            </Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page1\">1</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page7\">7</Link>\n          </PaginationListItem>\n          <PaginationListItem currentPage>8</PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page9\">9</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page20\">20</Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link>\n              \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n              <ChevronIcon direction=\"right\" />\n            </Link>\n          </PaginationListItem>\n        </PaginationList>\n      </Pagination>\n    </I18NProvider>\n  </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,mBAA4B;AAC5B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js CHANGED Viewed

@@ -33,11 +33,11 @@ __export(WithInactiveValues_exports, {
 module.exports = __toCommonJS(WithInactiveValues_exports);
 var import_react = __toESM(require("react"));
 var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
 var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
-var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
-const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))));
+const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
 var WithInactiveValues_default = WithInactiveValues;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Pagination/__stories__/WithInactiveValues.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithInactiveValues = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>9</PaginationListItem>\n        <PaginationListItem active={false}>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AACP,qBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const WithInactiveValues = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>9</PaginationListItem>\n        <PaginationListItem active={false}>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js CHANGED Viewed

@@ -35,10 +35,10 @@ var import_react = __toESM(require("react"));
 var import_LabelContainer = require("@digigov/react-core/LabelContainer");
 var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
 var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
 var import_Link = require("@digigov/ui/navigation/Link");
 var import_Pagination = require("@digigov/ui/navigation/Pagination");
-var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
-const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" }))))));
+const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
 var WithResultsPerPage_default = WithResultsPerPage;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Pagination/__stories__/WithResultsPerPage.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,mBAA4B;AAC5B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Auto.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Tabs/__stories__/Auto.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  TabsHeading,\n  TabsList,\n\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsAuto,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAIO;AACP,kBAIO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,OAAO;AACrB,SACE,6BAAAA,QAAA,cAAC,wBAAS,aAAa,OACrB,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,uFAAe,GACpC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,mDAAS,CAChC,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { TabsHeading, TabsList } from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsAuto,\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Auto() {\n  return (\n    <TabsAuto defaultOpen={'b'}>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem id=\"a\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem id=\"b\">Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel tab=\"a\">\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel tab=\"b\">\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </TabsAuto>\n  );\n}\n\nexport default Auto;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAAsC;AACtC,kBAIO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,OAAO;AACrB,SACE,6BAAAA,QAAA,cAAC,wBAAS,aAAa,OACrB,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,uFAAe,GACpC,6BAAAA,QAAA,cAAC,4BAAa,IAAG,OAAI,mDAAS,CAChC,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAU,KAAI,OACb,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Default/index.js CHANGED Viewed

@@ -37,11 +37,10 @@ var import_Link = require("@digigov/ui/navigation/Link");
 var import_Tabs = require("@digigov/ui/navigation/Tabs");
 var import_auto = require("@digigov/ui/navigation/Tabs/auto");
 var import_Heading = require("@digigov/ui/typography/Heading");
-var import_Paragraph = require("@digigov/ui/typography/Paragraph");
 var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 function Default() {
   const { register, panel } = (0, import_Tabs.useTabs)({ defaultOpen: "a" });
-  return /* @__PURE__ */ import_react.default.createElement(import_Tabs.Tabs, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("a") }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("b") }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("c") }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("d") }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("a") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, " ", "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))))), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("b") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("c") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("d") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC"), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."), /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")));
+  return /* @__PURE__ */ import_react.default.createElement(import_Tabs.Tabs, null, /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsHeading, { size: "md" }, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_Tabs.TabsList, null, /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("a") }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("b") }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("c") }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsListItem, { ...register("d") }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("a") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#" }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "6941234567"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, " ", "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))))), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("b") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"), "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("c") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "25/03/2025")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AE \u0391\u03C1\u03C7\u03AE \u0391\u03B8\u03B7\u03BD\u03CE\u03BD")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE \u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03CE\u03BD \u03A4\u03B5\u03BB\u03CE\u03BD")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03B5\u03BE\u03BF\u03C6\u03BB\u03AE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03B4\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AC \u03C4\u03AD\u03BB\u03B7 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2 2025 \u03BC\u03AD\u03C7\u03C1\u03B9 \u03C4\u03B9\u03C2 15/04/2025.")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "15/03/2025")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u039F\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE \u0394\u03AE\u03BB\u03C9\u03C3\u03B7")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0397 \u03C0\u03C1\u03BF\u03B8\u03B5\u03C3\u03BC\u03AF\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03BB\u03AE\u03B3\u03B5\u03B9 \u03C3\u03C4\u03B9\u03C2 31/03/2025. \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B5\u03B3\u03BA\u03B1\u03AF\u03C1\u03C9\u03C2.")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "10/03/2025")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0395\u03B8\u03BD\u03B9\u03BA\u03AE \u03A4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1 \u0395\u03BB\u03BB\u03AC\u03B4\u03BF\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0398\u03AD\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0391\u03BD\u03B1\u03B3\u03B3\u03B5\u03BB\u03AF\u03B1 \u03A3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0397 \u03C3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C3\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C4\u03C9\u03BD 500\u20AC \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C3\u03C4\u03B9\u03C2 10/03/2025.")))), /* @__PURE__ */ import_react.default.createElement(import_auto.TabsPanel, { ...panel("d") }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "25/03/2025")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0394\u03AE\u03BB\u03C9\u03C3\u03B7 \u03B1\u03C0\u03CE\u03BB\u03B5\u03B9\u03B1\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "15/03/2025")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u03951 - \u0388\u03C4\u03BF\u03C2 2024")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "10/03/2025")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u039F\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, null, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, "\u0394\u03AE\u03BC\u03BF\u03C2 \u0391\u03B8\u03B7\u03BD\u03B1\u03AF\u03C9\u03BD")))));
 }
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/navigation/Tabs/__stories__/Default.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Tabs/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\n    <Tabs>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n        <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n        <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        {/* fill a random paragraph */}\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n        <Paragraph>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\n          minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n          aliquip ex ea commodo consequat. Duis aute irure dolor in\n          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\n          culpa qui officia deserunt mollit anim id est laborum.\n        </Paragraph>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAGO;AACP,qBAAwB;AACxB,uBAA0B;AAC1B,4BAA+B;AAExB,SAAS,UAAU;AACxB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ,EAAE,aAAa,IAAI,CAAC;AACxD,SACE,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,GAC1C,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,GACzC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,kDAAQ,CAC3C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,GACA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,kDAEhC,GAEA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,GACA,6BAAAA,QAAA,cAAC,kCAAU,+bAQX,CACF,CACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Default() {\n  const { register, panel } = useTabs({ defaultOpen: 'a' });\n  return (\n    <Tabs>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n        <TabsListItem {...register('c')}>\u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1</TabsListItem>\n        <TabsListItem {...register('d')}>\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n      <TabsPanel {...panel('c')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u039C\u03B7\u03BD\u03CD\u03BC\u03B1\u03C4\u03B1\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>25/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AE \u0391\u03C1\u03C7\u03AE \u0391\u03B8\u03B7\u03BD\u03CE\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03AE \u0394\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03CE\u03BD \u03A4\u03B5\u03BB\u03CE\u03BD\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03B5\u03BE\u03BF\u03C6\u03BB\u03AE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03B4\u03B7\u03BC\u03BF\u03C4\u03B9\u03BA\u03AC \u03C4\u03AD\u03BB\u03B7 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2 2025 \u03BC\u03AD\u03C7\u03C1\u03B9\n              \u03C4\u03B9\u03C2 15/04/2025.\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>15/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u039F\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03CE\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0397 \u03C0\u03C1\u03BF\u03B8\u03B5\u03C3\u03BC\u03AF\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03BB\u03AE\u03B3\u03B5\u03B9 \u03C3\u03C4\u03B9\u03C2\n              31/03/2025. \u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03AE\u03BB\u03C9\u03C3\u03AE \u03C3\u03B1\u03C2 \u03B5\u03B3\u03BA\u03B1\u03AF\u03C1\u03C9\u03C2.\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>10/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AD\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0395\u03B8\u03BD\u03B9\u03BA\u03AE \u03A4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1 \u0395\u03BB\u03BB\u03AC\u03B4\u03BF\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0398\u03AD\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0391\u03BD\u03B1\u03B3\u03B3\u03B5\u03BB\u03AF\u03B1 \u03A3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039C\u03AE\u03BD\u03C5\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0397 \u03C3\u03C5\u03BD\u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C3\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C4\u03C9\u03BD 500\u20AC \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C3\u03C4\u03B9\u03C2\n              10/03/2025.\n            </SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('d')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>25/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 \u03B1\u03C0\u03CE\u03BB\u03B5\u03B9\u03B1\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>15/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE \u03A6\u03BF\u03C1\u03BF\u03BB\u03BF\u03B3\u03B9\u03BA\u03AE\u03C2 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u03951 - \u0388\u03C4\u03BF\u03C2 2024</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>10/03/2025</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              \u0388\u03BA\u03B4\u03BF\u03C3\u03B7 \u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u039F\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>\u0394\u03AE\u03BC\u03BF\u03C2 \u0391\u03B8\u03B7\u03BD\u03B1\u03AF\u03C9\u03BD</SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Default;\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/cjs/navigation/Tabs/__stories__/Dense.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/navigation/Tabs/__stories__/Dense.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport {\n  TabsListItem,\n  TabsPanel,\n} from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAGO;AACP,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ;AACpC,SACE,6BAAAA,QAAA,cAAC,oBAAK,OAAK,QACT,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Tabs,\n  TabsHeading,\n  TabsList,\n  useTabs,\n} from '@digigov/ui/navigation/Tabs';\nimport { TabsListItem, TabsPanel } from '@digigov/ui/navigation/Tabs/auto';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport function Dense() {\n  const { register, panel } = useTabs();\n  return (\n    <Tabs dense>\n      <TabsHeading size=\"md\">\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1</TabsHeading>\n      <TabsList>\n        <TabsListItem {...register('a')}>\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7</TabsListItem>\n        <TabsListItem {...register('b')}>Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</TabsListItem>\n      </TabsList>\n      <TabsPanel {...panel('a')}>\n        <Heading size=\"md\" element=\"h3\">\n          \u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7\n        </Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link href=\"#\">\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>11 \u039C\u03B1\u03CA\u03BF\u03C5 1990</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>6941234567</SummaryListItemValue>\n            <SummaryListItemAction>\n              {' '}\n              <Link>\n                {' '}\n                \u0391\u03BB\u03BB\u03B1\u03B3\u03AE <VisuallyHidden> \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 </VisuallyHidden>\n              </Link>\n            </SummaryListItemAction>\n          </SummaryListItem>\n        </SummaryList>\n      </TabsPanel>\n      <TabsPanel {...panel('b')}>\n        <Heading size=\"md\" element=\"h3\">\n          Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2\n        </Heading>\n        \u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD\n      </TabsPanel>\n    </Tabs>\n  );\n}\n\nexport default Dense;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAMO;AACP,kBAAqB;AACrB,kBAKO;AACP,kBAAwC;AACxC,qBAAwB;AACxB,4BAA+B;AAExB,SAAS,QAAQ;AACtB,QAAM,EAAE,UAAU,MAAM,QAAI,qBAAQ;AACpC,SACE,6BAAAA,QAAA,cAAC,oBAAK,OAAK,QACT,6BAAAA,QAAA,cAAC,2BAAY,MAAK,QAAK,oEAAW,GAClC,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,uFAAe,GAChD,6BAAAA,QAAA,cAAC,4BAAc,GAAG,SAAS,GAAG,KAAG,mDAAS,CAC5C,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,uFAEhC,GACA,6BAAAA,QAAA,cAAC,sCACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gCAAK,GACzB,6BAAAA,QAAA,cAAC,+CAAqB,qHAAoB,GAC1C,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,oBAAK,MAAK,OAAI,yCACN,6BAAAA,QAAA,cAAC,4CAAe,oDAAU,CACnC,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,gEAAY,GAChC,6BAAAA,QAAA,cAAC,+CAAqB,wCAAa,CACrC,GACA,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,6CAAmB,2HAAqB,GACzC,6BAAAA,QAAA,cAAC,+CAAqB,YAAU,GAChC,6BAAAA,QAAA,cAAC,gDACE,KACD,6BAAAA,QAAA,cAAC,wBACE,KAAI,yCACE,6BAAAA,QAAA,cAAC,4CAAe,0DAAW,CACpC,CACF,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,yBAAW,GAAG,MAAM,GAAG,KACtB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,mDAEhC,GAAU,2HAEZ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
   "names": ["React"]
 }